@font-face{font-family:'KG Inimitable Original';src:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../fonts/KGInimitableOriginal.woff2) format('woff2'),url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../fonts/KGInimitableOriginal.woff) format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'Komika Axis';src:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../fonts/KomikaAxis.woff2) format('woff2'),url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../fonts/KomikaAxis.woff) format('woff');font-weight:normal;font-style:normal}.home-ar{position:relative;background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/yupi-home-AR-bg.jpg);background-size:cover;background-position:center;overflow:hidden}.home-ar-container{position:relative;margin-left:auto;margin-right:auto;min-height:100vh;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center}.home-ar .bush-left,.home-ar .bush-right{position:absolute;bottom:0;width:auto;max-width:45vh}.home-ar .bush-left{left:0}.home-ar .bush-right{right:0}.home-ar .logo{position:relative}.home-ar .ar-logo{max-width:100%;width:auto;height:auto;position:relative;z-index:3}.home-ar .button{position:absolute;bottom:14%;left:-1%;text-align:center;width:100%;z-index:10}.home-ar .button img{width:auto;height:auto}.home-ar .char{position:absolute;width:auto;height:auto}.home-ar .char.burger{left:-24%;top:7%;z-index:2}.home-ar .char.strawberry{left:13%;top:-10%}.home-ar .char.dino{right:7%;top:-4%;z-index:2}.home-ar .char.star{right:-15%;top:3%}.home-ar .char.bear{left:-26%;bottom:12%;z-index:4}.home-ar .char.yuro{right:-22%;bottom:14%;z-index:4}@media(max-width:1500px){.home-ar .logo,.home-ar .char{-webkit-transform:scale(0.93);-moz-transform:scale(0.93);-ms-transform:scale(0.93);-o-transform:scale(0.93);transform:scale(0.93)}.home-ar .bush-left{left:-70px}.home-ar .bush-right{right:-180px}}@media(max-width:1365px){.home-ar .logo,.home-ar .char{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}.home-ar .bush-left{width:380px;left:-15px}.home-ar .bush-right{width:350px;right:-140px}}@media(max-width:1120px){.home-ar .logo{width:700px}.home-ar .char,.home-ar .button img{-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6)}.home-ar .char.burger{left:-27%;top:1%}.home-ar .char.strawberry{left:7%;top:-20%}.home-ar .char.dino{right:-8%;top:-19%}.home-ar .char.star{right:-2%;top:-19%}.home-ar .char.bear{left:-32%;bottom:2%}.home-ar .char.yuro{right:-30%;bottom:2%}}@media(max-width:768px){.home-ar .bush-left{width:300px;left:-75px}.home-ar .bush-right{width:250px;right:-72px}.home-ar .logo,.home-ar .button img{width:95%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.home-ar .char{-webkit-transform:scale(0.4);-moz-transform:scale(0.4);-ms-transform:scale(0.4);-o-transform:scale(0.4);transform:scale(0.4)}.home-ar .char.burger{left:-39%;top:-83%;z-index:1}.home-ar .char.strawberry{left:-35%;top:-69%;z-index:2}.home-ar .char.dino{right:-62%;top:-75%}.home-ar .char.star{right:-23%;top:-85%}.home-ar .char.bear{left:-34%;bottom:-85%;z-index:7}.home-ar .char.yuro{right:-30%;bottom:-85%;z-index:6}.home-ar .button{bottom:13%}.home-ar .button img{width:75%}}.personality-quiz{background:#82e3ff;position:relative;padding-top:180px;min-height:100vh;display:-ms-flex;display:-webkit-flex;display:flex}.personality-quiz .grass-bg{background-color:#9bc248;position:absolute;bottom:0;width:100%;height:50%}.personality-quiz .grass{position:absolute;top:-2px;bottom:0;width:100%;background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/quiz-bg1.jpg),url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/quiz-bg2.jpg);background-position:center top,center bottom;background-repeat:no-repeat,no-repeat;background-size:cover,cover}.personality-quiz .personality-quiz-wrapper{position:relative;z-index:2;width:100%}.personality-quiz .bg1{position:absolute;top:30%;left:0;right:0;bottom:0;background:#9bc248;text-align:center}.personality-quiz .bg2{position:relative;bottom:0;left:0;right:0;z-index:2;text-align:center}.personality-quiz .bg1 img,.personality-quiz .bg2 img{max-width:100%;width:auto;height:auto}.personality-quiz .quiz-box{position:relative;z-index:2;text-align:center;padding-left:30px;padding-right:30px}.personality-quiz .awan-kiri,.personality-quiz .awan-kanan,.personality-quiz .quiz-title{position:absolute;max-width:100%;width:auto;height:auto;z-index:2}.personality-quiz .awan-kiri{top:-6%;left:-16%}.personality-quiz .awan-kanan{top:-12%;right:-4%}.personality-quiz .quiz-title{top:0;right:50%;transform:translate(50%,-45%)}.personality-quiz .quiz-box-wrapper{display:inline-block;position:relative}.personality-quiz .quiz-box-img{max-width:100%;width:auto;height:auto}.personality-quiz .content-area{position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;padding:10% 21% 8% 19%;overflow:hidden}.personality-quiz .question{font-family:'Komika Axis';color:#fff;text-transform:uppercase;display:none}.personality-quiz .question h3{margin-bottom:25px;font-size:22px}.personality-quiz .pilihan-jawaban{list-style:none;margin:0;padding:0}.personality-quiz .pilihan-jawaban .jawaban{position:relative;display:inline-block;cursor:pointer;margin-bottom:8px}.personality-quiz .pilihan-jawaban .jawaban img{max-width:100%;width:auto;height:auto;position:relative;z-index:3}.personality-quiz .pilihan-jawaban .jawaban .bg-color{position:absolute;top:10%;left:1.5%;right:1.5%;bottom:10%;background:#a8a8a8;border-radius:17%;-webkit-transition:background 300ms;transition:background 300ms;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;padding:2% 12%}.personality-quiz .pilihan-jawaban .jawaban.active .bg-color,.personality-quiz .pilihan-jawaban .jawaban:hover .bg-color{background:#b854da}.yupi-char-popup{max-width:900px;margin-left:auto;margin-right:auto;overflow:hidden}.yupi-char-popup img{max-width:100%;width:auto;height:auto}.yupi-char-popup .char-wrapper{display:-ms-flex;display:-webkit-flex;display:flex;position:relative}.yupi-char-popup .char-wrapper .close-btn{position:absolute;top:5px;right:5px;line-height:1;padding:0;cursor:pointer;opacity:1}.yupi-char-popup .char-thumbnail,.yupi-char-popup .char-detail{width:50%}.yupi-char-popup .char-thumbnail{background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.yupi-char-popup .char-thumbnail .thumb-img{max-width:none;position:absolute;bottom:0;left:0}.yupi-char-popup .char-thumbnail .world-icon{position:absolute;bottom:20px;left:20px;z-index:2}.yupi-char-popup .char-detail{-webkit-box-sizing:border-box;box-sizing:border-box;padding:35px 50px;color:#fff}.yupi-char-popup .char-detail .char-title{margin-bottom:15px}.yupi-char-popup .char-detail h5{font-family:'KG Inimitable Original';text-transform:uppercase}.yupi-char-popup .char-detail p{font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;font-size:13px;line-height:1.4}.yupi-char-popup.space{background:#85509c}.yupi-char-popup.space .char-thumbnail{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/char/space-general-bg.jpg)}.yupi-char-popup.city{background:#e66d1a}.yupi-char-popup.city .char-thumbnail{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/char/city-general-bg.jpg)}.yupi-char-popup.sea{background:#0583de}.yupi-char-popup.sea .char-thumbnail{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/char/sea-general-bg.jpg)}.yupi-char-popup.jungle{background:#63963f}.yupi-char-popup.jungle .char-thumbnail{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/char/jungle-general-bg.jpg)}@media(max-width:992px){.personality-quiz .bg2{position:absolute}}@media(max-width:768px){.personality-quiz .quiz-box{height:85%;max-width:440px;margin-left:auto;margin-right:auto}.personality-quiz .quiz-box-wrapper,.personality-quiz .quiz-box-img{height:100%}.personality-quiz .content-area{padding:19% 19% 8% 17%}.personality-quiz .awan-kanan,.personality-quiz .awan-kiri,.personality-quiz .quiz-title{max-width:42%}.personality-quiz .awan-kanan{top:-7%;right:-15%}.personality-quiz .question h3{font-size:18px}.personality-quiz .pilihan-jawaban .jawaban .bg-color{top:4%;font-size:13px}.personality-quiz .pilihan-jawaban .jawaban img{height:46px;width:100%}.yupi-char-popup .char-wrapper{flex-direction:column}.yupi-char-popup{max-width:450px;margin-top:30px;margin-bottom:30px}.yupi-char-popup .char-thumbnail,.yupi-char-popup .char-detail{text-align:center;width:100%}.yupi-char-popup .char-thumbnail .world-icon,.yupi-char-popup .char-thumbnail .thumb-img{position:relative}.yupi-char-popup .char-thumbnail .world-icon{margin-top:15px;margin-bottom:-25px;width:50%}.yupi-char-popup .char-thumbnail .world-icon,.yupi-char-popup .char-thumbnail .thumb-img{max-width:100%;bottom:unset;left:unset}.yupi-char-popup .char-detail{padding:18px 20px;z-index:2}.yupi-char-popup .char-detail .char-title{margin-top:-40px}}.charlist #yupi-space,.charlist #yupi-city,.charlist #yupi-jungle,.charlist #yupi-sea{background-size:cover;background-position:top center}.charlist .logo-world{position:absolute;top:90px;text-align:center;width:100%;padding-left:20vw;padding-right:20vw}.charlist .logo-world img{max-width:100%;max-height:100px;width:auto;height:auto}.charlist .charlist-owl .item{padding:0 20px}.charlist .charlist-owl .item img{max-width:100%;width:auto;height:auto}.charlist .charlist-nav .prev,.charlist .charlist-nav .next{position:absolute;top:50%;cursor:pointer;z-index:2}.charlist .charlist-nav .prev{left:20px}.charlist .charlist-nav .next{right:20px}.charlist .charlist-nav .next img{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.charlist .charlist-owl a:focus{outline:0}.charlist #yupi-space{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/char-list-space-bg.jpg)}.charlist #yupi-city{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/char-list-city-bg.jpg)}.charlist #yupi-jungle{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/char-list-jungle-bg.jpg)}.charlist #yupi-sea{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/char-list-sea-bg.jpg)}@media(max-width:1199px){.charlist .logo-world{top:125px}.charlist .logo-world img{max-height:inherit}}@media(max-width:991px){.charlist .logo-world img{max-height:90px}}@media(max-width:767px){.page-template-page-character .yupi-char-popup .char-thumbnail .world-icon,.page-template-page-character .yupi-char-popup .char-thumbnail .thumb-img{display:block;margin-left:auto;margin-right:auto}.page-template-page-character .yupi-char-popup .char-thumbnail .thumb-img{max-width:40%}.page-template-page-character .yupi-char-popup .char-detail .char-title{max-width:35%}.charlist .logo-world{top:90px}.charlist .logo-world img{max-height:80px}.charlist .charlist-nav{text-align:center}.charlist .charlist-nav .prev,.charlist .charlist-nav .next{position:relative;display:inline-block;top:auto;left:auto;right:auto;margin:0 10px}.charlist .charlist-nav .prev img,.charlist .charlist-nav .next img{width:auto;max-width:100%}}.ar-scan-wrap{background-size:cover;background-position:top center;position:relative;min-height:315px;padding-top:15px;padding-bottom:15px}.ar-scan-wrap.baby{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/scan/bg-baby.jpg)}.ar-scan-wrap.evo1{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/scan/bg-evo1.jpg)}.ar-scan-wrap.evo2{background-image:url(//www.yupi.firstpage.id/wp-content/themes/yupi/assets/css/../../img/ar/scan/bg-evo2.jpg)}.ar-scan-wrap .bar{position:absolute;width:100%;bottom:0;left:0;right:0;z-index:1}.ar-scan-wrap .bar img{width:100%;height:100%;height:315px}.ar-scan-wrap .char-thumbnail,.ar-scan-wrap .char-detail{position:relative;width:100%;height:100%;z-index:1}.ar-scan-wrap .char-thumbnail .icon,.ar-scan-wrap .char-thumbnail .char,.ar-scan-wrap .scan-btn img{max-width:100%;width:auto;height:auto}.ar-scan-wrap .char-thumbnail .char{top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;z-index:2}.ar-scan-wrap .char-mobile{max-width:300px;margin-left:auto;margin-right:auto}.ar-scan-wrap .char-thumbnail .icon{position:absolute;bottom:0;left:0;z-index:3}.ar-scan-wrap .char-detail h5{font-family:'KG Inimitable Original';font-size:1.8rem;text-transform:uppercase;margin:0;padding:40px 0 20px 0;color:#050300}.ar-scan-wrap .char-detail p{font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;line-height:1.4;color:#050300}.ar-scan-wrap .scan-btn{margin-bottom:50px}.page-ar-scan-banner.home-ar,.home-ar-container{min-height:unset}.page-ar-scan-banner.home-ar{padding-top:40px;padding-bottom:60px}.page-ar-scan-banner.home-ar .ar-logo{margin-top:-10%}.page-ar-scan-banner.home-ar .button h5{color:#fff;font-family:'KG Inimitable Original';font-size:1.6rem;text-transform:uppercase;text-shadow:0 0 6px #757575}.arscan-thumbnail{padding-top:148px}.arscan-thumbnail .ar-card{margin-bottom:50px}.arscan-thumbnail .ar-card img{max-width:100%;width:auto;height:auto;-webkit-border-radius:10%;border-radius:10%;-webkit-box-shadow:5px 7px 30px 0 rgba(0,0,0,0.75);-moz-box-shadow:5px 7px 30px 0 rgba(0,0,0,0.75);box-shadow:5px 7px 30px 0 rgba(0,0,0,0.75)}.arscan-thumbnail .main-title{margin-bottom:50px}.arscan-thumbnail .card-title{color:#fff;font-family:"Dragon_ball";text-transform:uppercase}@media(max-width:1400px){.ar-scan-wrap{min-height:221px}.ar-scan-wrap .bar img{height:221px}.ar-scan-wrap .char-thumbnail .icon{max-width:230px}}@media(max-width:1199px){.ar-scan-wrap{min-height:160px}.ar-scan-wrap .bar img{height:160px}.ar-scan-wrap .char-thumbnail .icon{max-width:203px}}@media(max-width:991px){.ar-scan-wrap .char-detail h5{font-size:1.3rem;padding-top:20px}.ar-scan-wrap{padding-top:25px;padding-bottom:25px}.page-ar-scan-banner.home-ar .ar-logo{margin-bottom:-30%;margin-top:-15%}.page-ar-scan-banner.home-ar .button{position:relative}.arscan-thumbnail{padding-top:90px}.arscan-thumbnail .main-title{font-size:36px;padding:20px 0 0}}@media(max-width:767px){.ar-scan-wrap .char-thumbnail,.ar-scan-wrap .char-detail{text-align:center}.ar-scan-wrap .char-thumbnail .icon{position:relative;max-width:150px}.ar-scan-wrap .scan-btn img{max-width:200px}.page-ar-scan-banner.home-ar .button h5{font-size:1.2rem}.page-ar-scan-banner.home-ar .ar-logo{margin-top:0}.arscan-thumbnail .main-title{font-size:26px;padding:20px 0 0}}@media(max-width:575px){section.home-banner-promo{background:#00c6d9}}