@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;0,700;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);#main-wrapper .button{display:block;width:225px;padding:15px;margin:250px auto 40px;font-family:Fredoka One,cursive;font-weight:400;font-size:14px;color:#024da2;text-align:center;line-height:15px;border-radius:15px;background-color:#ffeb0a;border:2px solid transparent}#main-wrapper .button:hover{border:2px dashed #024da2}#main-wrapper{padding-top:20px;max-width:1920px}section{width:100%;position:relative;display:block;float:left}section.main-banner{overflow:hidden}section.main-banner a{display:block;text-align:center}section.main-banner .slick-list,section.main-banner .slick-slide,section.main-banner .slick-track,section.main-banner .slie .slide-banner{width:100%;position:relative;display:block;float:left}section.main-banner .banner-wrapper{position:relative;display:inline-block}section.main-banner .kutu-doodle{position:absolute;z-index:20;background-image:url("../images/kutu-doodle.png");background-size:100%;background-repeat:no-repeat}section.main-banner .kutu-doodle.kutu-doodle-5{background-image:url("../images/kutu-doodle-flip.png")}section.main-banner .doodle-wrapper{display:block;position:absolute;z-index:100;background:none;width:100%}section.main-banner .desktop-banner{display:none}section.main-banner .mobile-banner{display:block}section.main-banner .mobile-banner video{width:100%;height:140vw;border-radius:20px}section.first-teaser{width:100%;margin-top:10px;background-image:url("../images/bg-home-mobile.jpg");background-repeat:no-repeat;background-position:100% 0}section.first-teaser .text-container{position:relative;display:block;width:85%;margin:18px auto 32px}section.first-teaser .text-container .top-text.desktop-ver{display:none}section.first-teaser .text-container .top-text.mobile-ver{display:block}section.first-teaser .text-container .top-text.mobile-ver .border-line{border:5px solid #0248a6;width:20%}section.first-teaser .text-container .top-text.mobile-ver h3{margin-top:20px;margin-bottom:60px;font-size:32px;line-height:42px;font-weight:400;font-family:Fredoka One,cursive}section.first-teaser .text-container .top-text.mobile-ver .body-text .body-desc{text-align:center;width:100%;margin:0 auto 25px}section.first-teaser .text-container .top-text.mobile-ver .body-text .body-desc .desc{font-family:Roboto,sans-serif;color:#797767;font-size:16px;line-height:28px}section.first-teaser .text-container .top-text.mobile-ver .body-text .body-desc .desc strong{color:#000;font-size:22px}@media (max-width:380px){section.first-teaser .text-container .top-text.mobile-ver .body-text .body-desc .desc strong{font-size:20px}}@media (max-width:330px){section.first-teaser .text-container .top-text.mobile-ver .body-text .body-desc .desc{font-size:15px}section.first-teaser .text-container .top-text.mobile-ver .body-text .body-desc .desc strong{font-size:18px}}section.first-teaser .text-container .top-text.mobile-ver .body-text .video-wrapper{margin:0 auto 18px;width:100%;max-width:320px;text-align:center}section.first-teaser .text-container .top-text.mobile-ver .body-text .video-wrapper iframe{width:300px;border:3px solid #e4b1cc;height:180px}@media (max-width:330px){section.first-teaser .text-container .top-text.mobile-ver .body-text .video-wrapper iframe{width:260px}}section.first-teaser .text-container .top-text.mobile-ver .body-text .beli{display:block;text-align:center;font-family:Fredoka One,cursive;color:#0248a6;text-decoration:underline;font-size:16px}section.first-teaser .text-container .top-text.mobile-ver .tag-kutu{color:#0248a6;font-size:22px;line-height:30px;margin-top:250px}section.first-teaser .text-container .container-survey .col-survey{position:relative;display:block;text-align:center;padding:0 55px;margin-bottom:20px}section.first-teaser .text-container .container-survey .col-survey .img{width:30px;height:31px}section.first-teaser .text-container .container-survey .col-survey .box-score{margin:20px 0}section.first-teaser .text-container .container-survey .col-survey .box-score p{font-family:Fredoka One,cursive}section.first-teaser .text-container .container-survey .col-survey .box-score .point{font-size:50px;color:#0248a6}section.first-teaser .text-container .container-survey .col-survey .desc-survey{font-family:Roboto,sans-serif;color:#6c6c6c;line-height:20px}section.first-teaser .text-container .bottom-text{font-family:Fredoka One,cursive;font-size:18px;padding:15px 0;line-height:1.5;text-align:center;color:#6c6c6c}section .separate-border{border-bottom:1px solid #024ea1;width:90%;max-width:1440px;margin:0 auto 40px}section.second-teaser{width:100%;max-width:1440px;top:auto;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}section.second-teaser h2{font-family:Fredoka One,cursive;font-size:30px;font-weight:400;color:#0248a5;text-align:left}section.second-teaser .grid-content{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex}section.second-teaser .grid-content .content-left,section.second-teaser .grid-content .content-right{overflow:hidden}section.second-teaser .grid-content .col-artikel{border:2px solid #ffbde0}section.second-teaser .grid-content .col-news{border:2px solid #0248a6}section.second-teaser .grid-content .separate-border-news{display:none}section.second-teaser .grid-content .content-thumbnail{position:relative;margin:10px 35px 15px;width:320px;height:295px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}section.second-teaser .grid-content .content-thumbnail .box-img img{width:100%;height:190px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-top-left-radius:5px;border-top-right-radius:5px}section.second-teaser .grid-content .content-thumbnail .box-img .arrow-blue{height:30px;width:17px;-o-object-fit:none;object-fit:none;position:absolute;display:none;bottom:7%;right:15px;-webkit-transform:scale(.8);transform:scale(.8)}section.second-teaser .grid-content .content-thumbnail .box-img .category{position:absolute;margin:10px;font-family:Fredoka One,cursive;color:#0248a6;font-size:16px;text-transform:capitalize}section.second-teaser .grid-content .content-thumbnail .box-text{height:auto;padding:10px}section.second-teaser .grid-content .content-thumbnail .box-text .title{color:#000;font-size:14px;margin-bottom:7px;line-height:15px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;display:-webkit-box;height:30px;overflow:hidden;text-align:left;font-family:Fredoka One,cursive}section.second-teaser .grid-content .content-thumbnail .box-text .body{color:#6c6c6c;font-size:11px;line-height:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;display:-webkit-box;height:26px;overflow:hidden;font-family:Roboto,sans-serif}section.second-teaser .grid-content .content-thumbnail .box-text .separate-line{border:.5px solid #6c6c6c;margin:5px 0;width:20%}section.second-teaser .see-more-container{position:relative;display:block;width:100%;margin:0 auto}section.second-teaser .see-more-container .link-see-more{margin:30px auto 60px;width:200px;height:42px;background-color:#ffeb0a;color:#024da2;font-family:Fredoka One,cursive;font-weight:400;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:17px;padding-right:17px;cursor:pointer;border-radius:13px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}section.second-teaser .see-more-container .link-see-more span{font-size:16px}section.second-teaser .see-more-container .link-see-more img{-webkit-transform:scale(.6);transform:scale(.6);margin-top:2px}.slick-next,.slick-prev{width:35px!important;height:35px!important;z-index:9999!important}.slick-next{right:50px!important}.slick-next:before{content:""!important;display:block;background-image:url("../images/panah.png");background-repeat:no-repeat;width:35px;height:35px}.slick-prev{left:50px!important}.slick-prev:before{content:""!important;display:block;background-image:url("../images/panah-kiri.png");background-repeat:no-repeat;width:35px;height:35px}@media (max-width:780px){.slick-next{right:25px!important}.slick-prev{left:25px!important}}.anim1{-webkit-animation-name:doodle-anim1;animation-name:doodle-anim1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}.anim1,.anim2{-webkit-animation-duration:1s;animation-duration:1s}.anim2{-webkit-animation-name:doodle-anim2;animation-name:doodle-anim2;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}.anim3{-webkit-animation-name:doodle-anim3;animation-name:doodle-anim3;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes doodle-anim1{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}}@keyframes doodle-anim1{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}}@-webkit-keyframes doodle-anim2{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes doodle-anim2{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes doodle-anim3{0%{-webkit-transform:rotate(-42deg) translateY(0);transform:rotate(-42deg) translateY(0)}to{-webkit-transform:rotate(-42deg) translateY(10px);transform:rotate(-42deg) translateY(10px)}}@keyframes doodle-anim3{0%{-webkit-transform:rotate(-42deg) translateY(0);transform:rotate(-42deg) translateY(0)}to{-webkit-transform:rotate(-42deg) translateY(10px);transform:rotate(-42deg) translateY(10px)}}.slick-dots li.slick-active button:before{color:#a6a6a6!important}.slick-dots li button:before{color:#d4d4d4!important;content:"\25CF"!important;font-size:30px!important}@media (max-width:768px){.slick-dots li button:before{font-size:22px!important}}.slick-dots{padding:5px 0}@media only screen and (max-width:768px){section.second-teaser .grid-content .content-right h2{padding-left:36px;margin:0 auto}section.second-teaser .grid-content .content-left h2{padding-left:36px}section.first-teaser .text-container .top-text.mobile-ver .tag-kutu{text-align:center}section.second-teaser .content-right .grid-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.separate-border-news-mobile{display:block;border-bottom:5px solid #f9dbe7;width:28%;margin:20px 185px 27px 35px;border-radius:30px}}@media only screen and (max-width:390px){section.second-teaser .content-right .grid-content{-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset}}@media only screen and (min-width:475px){section.first-teaser{background-image:url("../images/bg-home-tablet.png")}section.first-teaser .text-container{margin:75px auto 32px}section.first-teaser .text-container .top-text.mobile-ver h3{margin-bottom:60px}section.first-teaser .text-container .top-text.mobile-ver .body-text{max-width:325px}section.first-teaser .text-container .top-text.mobile-ver .body-text .body-desc{text-align:center;margin:10px 0 15px}section.first-teaser .text-container .top-text.mobile-ver .body-text .beli,section.first-teaser .text-container .top-text.mobile-ver .body-text .video-wrapper{text-align:center}}@media only screen and (min-width:609px){section.main-banner .mobile-banner video{height:976px}}@media only screen and (min-width:769px){section.main-banner .slide-banner .banner{position:relative;padding:0 5%}section.main-banner .slide-banner .banner video[poster]{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}section.main-banner .desktop-banner{display:block}section.main-banner .desktop-banner video{display:block;margin:0 auto;width:1920px;height:100%;max-width:93%;max-height:unset;-o-object-fit:cover;object-fit:cover;border-radius:20px}section.main-banner .desktop-banner .banner-wrapper img{width:1920px}section.main-banner .mobile-banner{display:none}section.main-banner .kutu-doodle-1{width:18%;height:28%;left:10%}section.main-banner .kutu-doodle-2{width:10%;height:16%;top:50%}section.main-banner .kutu-doodle-3{width:14%;height:23%;left:44%}section.main-banner .kutu-doodle-4{width:12%;height:21%;left:75%}section.main-banner .kutu-doodle-5{width:15%;height:25%;left:83%;top:32%}section.main-banner .doodle-wrapper{max-width:23vw;height:15vw;top:2vw;left:12vw}section.first-teaser{height:auto;background-image:url("../images/section-home.png");background-size:unset;background-position:top}section.first-teaser .text-container{width:90%;top:6.5%}section.first-teaser .text-container .top-text.mobile-ver{display:none}section.first-teaser .text-container .top-text.desktop-ver{display:block}section.first-teaser .text-container .top-text.desktop-ver h3{font-size:28px;line-height:42px;font-weight:400;font-family:Fredoka One,cursive}section.first-teaser .text-container .top-text.desktop-ver .body-text{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;margin-top:30px}section.first-teaser .text-container .top-text.desktop-ver .body-text .body-desc{margin-left:40px;width:400px}}@media only screen and (min-width:769px) and (max-width:1600px){section.first-teaser .text-container .top-text.desktop-ver .body-text .body-desc{width:360px}}@media only screen and (min-width:769px){section.first-teaser .text-container .top-text.desktop-ver .body-text .body-desc .desc{font-family:Roboto,sans-serif;color:#797767;font-size:24px;line-height:1.5;margin-bottom:50px}section.first-teaser .text-container .top-text.desktop-ver .body-text .body-desc .desc strong{color:#000;font-size:25px}section.first-teaser .text-container .top-text.desktop-ver .body-text .video-wrapper{width:52%}section.first-teaser .text-container .top-text.desktop-ver .body-text .video-wrapper iframe{width:100%;height:300px;max-width:480px;border:5px solid #e4b1cc}section.first-teaser .text-container .top-text.desktop-ver .body-text .beli{font-family:Fredoka One,cursive;color:#0248a6;text-decoration:underline;font-size:16px}section.first-teaser .text-container .top-text.desktop-ver .body-text .beli img{padding-left:10px}section.first-teaser .text-container .top-text.desktop-ver .tag-kutu{color:#0248a6;font-size:27px;line-height:32px;margin-top:185px}section.first-teaser .text-container .container-survey{display:-webkit-box;display:-ms-flexbox;display:flex;height:230px;margin:65px auto 40px}section.first-teaser .text-container .container-survey .col-survey{position:relative;display:block;width:33.33%;text-align:center;padding:10px 55px}section.first-teaser .text-container .container-survey .v2{border-left:5px solid #fcf;height:auto;display:block;position:relative;float:left}section.first-teaser .text-container .bottom-text{font-family:Fredoka One,cursive;font-size:20px;line-height:1.5;text-align:center;color:#6c6c6c}section.second-teaser{width:100%;max-width:1200px;top:auto;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}section.second-teaser h2{font-family:Fredoka One,cursive;font-size:30px;font-weight:400;color:#0248a5;text-align:center}section.second-teaser .grid-content{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex}section.second-teaser .grid-content .col-artikel{border:2px solid #ffbde0}section.second-teaser .grid-content .content-thumbnail{position:relative;margin:35px;width:320px;height:385px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}section.second-teaser .grid-content .content-thumbnail .box-img img{width:100%;height:280px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-top-left-radius:5px;border-top-right-radius:5px}section.second-teaser .grid-content .content-thumbnail .box-img .arrow-blue{height:30px;width:17px;-o-object-fit:none;object-fit:none;position:absolute;display:block;bottom:30%;right:15px}section.second-teaser .grid-content .content-thumbnail .box-img .category{position:absolute;margin:10px;font-family:Fredoka One,cursive;color:#0248a6;font-size:16px;text-transform:capitalize}section.second-teaser .grid-content .content-thumbnail .box-text{height:auto;padding:10px 15px}section.second-teaser .grid-content .content-thumbnail .box-text .title{color:#000;font-size:14px;margin-bottom:7px;line-height:15px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;display:-webkit-box;height:30px;overflow:hidden;text-align:left;font-family:Fredoka One,cursive}section.second-teaser .grid-content .content-thumbnail .box-text .body{color:#6c6c6c;font-size:11px;line-height:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;display:-webkit-box;height:26px;overflow:hidden;font-family:Roboto,sans-serif}section.second-teaser .grid-content .content-thumbnail .box-text .separate-line{border:.5px solid #6c6c6c;margin:5px 0;width:20%}section.second-teaser .see-more-container{position:relative;display:block;width:90%;margin:0 auto}section.second-teaser .see-more-container .link-see-more{float:right;margin:30px 0 60px auto;width:200px;height:42px;background-color:#ffeb0a;color:#024da2;font-family:Fredoka One,cursive;font-weight:400;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:17px;padding-right:17px;cursor:pointer;border-radius:13px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}section.second-teaser .see-more-container .link-see-more:hover{border:2px dashed #024da2}section.second-teaser .see-more-container .link-see-more span{font-size:16px}section.second-teaser .see-more-container .link-see-more img{-webkit-transform:scale(.6);transform:scale(.6);margin-top:2px}}@media only screen and (min-width:780px){section.second-teaser .grid-content h2{text-align:left;margin-left:35px}}@media only screen and (min-width:1024px){#main-wrapper .button{width:293px}section.first-teaser{height:1150px}section.first-teaser .text-container{-webkit-transform:translate(-50%);transform:translate(-50%);width:950px;top:6.5%;left:50%;margin:0}section.first-teaser .text-container .top-text.desktop-ver h3{font-size:32px;line-height:42px;font-weight:400}section.first-teaser .text-container .top-text.desktop-ver .body-text .desc{font-size:17px;line-height:28px;margin-bottom:50px}section.first-teaser .text-container .top-text.desktop-ver .body-text .video-wrapper{width:55%}section.first-teaser .text-container .top-text.desktop-ver .body-text .video-wrapper iframe{width:100%;height:300px;max-width:100%;border:2px solid #e4b1cc}section.first-teaser .text-container .top-text.desktop-ver .tag-kutu{font-size:27px;line-height:1.5;margin-top:135px}section.first-teaser .text-container .container-survey{height:230px;width:835px;margin:60px auto 40px}}@media only screen and (min-width:1180px){section.second-teaser .grid-content .separate-border-news{display:block;border-right:10px solid #f9dbe7;border-radius:10px;width:10px;height:120px;margin:auto 0}}@media only screen and (min-width:1280px){section.first-teaser{background-size:100%}}@media only screen and (min-width:1400px){section.first-teaser{background-position-y:-70px}}@media only screen and (min-width:1580px){section.first-teaser{background-position-y:-135px}}@media only screen and (min-width:1710px){section.first-teaser{background-position-y:-215px}}@media only screen and (min-width:1855px){section.first-teaser{background-position-y:-275px}}@media only screen and (min-width:1920px){#main-wrapper .button{width:578px;padding:24px;margin:340px auto 40px;font-size:28px}section.main-banner .desktop-banner video{width:1920px;max-height:unset}section.main-banner .desktop-banner .banner-wrapper img{width:1920px}section.first-teaser{background-size:100%;background-position-y:unset;height:1400px}section.first-teaser .text-container{width:1314px;top:100px;left:unset;margin:0 auto;-webkit-transform:none;transform:none}section.first-teaser .text-container .top-text.desktop-ver .body-text .body-desc .desc{font-size:28px;line-height:1.5}section.first-teaser .text-container .top-text.desktop-ver .body-text .body-desc .desc strong{font-size:30px}section.first-teaser .text-container .top-text.desktop-ver .body-text .beli{font-size:27px}section.first-teaser .text-container .top-text.desktop-ver .body-text .video-wrapper{width:unset}section.first-teaser .text-container .top-text.desktop-ver .body-text .video-wrapper iframe{width:820px;height:485px}section.first-teaser .text-container .container-survey{margin:125px auto 40px}section .separate-border{max-width:1920px}}