@font-face{font-family:Candara;src:url(../fonts/candara.ttf)}@font-face{font-family:Chanc;src:url(../fonts/chanc.ttf)}*{box-sizing:border-box;padding:0;margin:0}body,html{width:100%;height:100vh}.block-wrap{width:100%;position:relative}.app-main,.app-videobg{position:absolute;width:100%;height:100%;top:0;left:0}.homepage-hero-module{border-right:none;border-left:none;position:relative}.no-video .video-container .poster,.touch .video-container .poster{display:block!important}.video-container{position:relative;bottom:0;left:0;height:100%;width:100%;overflow:hidden}.video-container .poster img{width:100%;bottom:0;position:absolute}.video-container .filter{z-index:3;position:absolute;background:rgba(0,0,0,.4);width:100%}.video-container video{position:absolute;z-index:0;bottom:0}.app,.video-container video.fillWidth{width:100%}.app{height:100%;overflow:hidden;position:relative;font-family:Candara}.app .title{width:50%;margin:2% auto;opacity:0;animation:e 3s ease;animation-fill-mode:forwards}.app .title img{width:100%}.app .title .title-lents-item2{position:absolute;top:0;left:0;opacity:0;animation:a 1s linear;animation-iteration-count:infinite;animation-delay:.3s}.app .title .title-lents-item3{position:absolute;top:0;left:0;opacity:0;animation-delay:.6s;animation:b 1s linear;animation-iteration-count:infinite}.app .title .title-text{position:absolute;top:6%;left:0;width:100%;text-align:center;font-family:Chanc;font-size:1.6vw;color:#352a1a}.app .title .title-text .title-text-top{font-size:2vw}@keyframes a{0%{opacity:0}33%{opacity:1}to{opacity:0}}@keyframes b{0%{opacity:0}66%{opacity:1}to{opacity:0}}.app .quizz-wrap{width:50%;margin-top:3%;margin-left:23%;animation:e 1s ease;animation-fill-mode:forwards;animation-delay:.5s;opacity:0;position:relative}.app .quizz-wrap .question-bg{width:100%}.app .quizz-wrap .questions{position:absolute;width:62%;top:12%;left:25%;display:none}.app .quizz-wrap .questions img{width:100%}.app .quizz-wrap .questions .text{position:absolute;width:78%;top:6%;left:11%}.app .quizz-wrap .questions .text p{width:100%;font-family:Chanc;text-align:center;font-size:1.7vw;color:#352a1a}.app .quizz-wrap .var-list{position:absolute;width:60%;right:10%;bottom:42%;border-radius:10px;overflow:hidden;background:#fceacb;z-index:1;display:none}.app .quizz-wrap .var-list ul{list-style:none}.app .quizz-wrap .var-list ul li{width:100%;text-align:center;background:#fceacb;padding:5px 0}.app .quizz-wrap .var-list ul li:hover{background:#f7d5a2}.app .quizz-wrap .var-list ul li .var-item{text-decoration:none;color:#181510;font-size:1.2vw;display:block;width:100%}.app .quizz-wrap .var-list-active{display:block}.app .quizz-wrap .answers{position:absolute;bottom:24%;right:5%;width:70%;display:none}.app .quizz-wrap .answers .answer-inner-wrap{position:relative;width:100%}.app .quizz-wrap .answers .answer-inner-wrap img{width:100%}.app .quizz-wrap .answers .answer-inner-wrap .answer-i-active{position:absolute;top:0;left:0;opacity:0;animation:c 2s linear;animation-iteration-count:infinite}.app .quizz-wrap .answers .answer-inner-wrap .user-answer{position:absolute;width:100%;text-align:center;top:35%;left:0;display:block;color:#181510;font-size:1.3vw}.app .quizz-wrap .answers-na .answer-inner-wrap .answer-i-active{animation:none}@keyframes c{0%{opacity:0}40%{opacity:0}50%{opacity:1}60%{opacity:0}70%{opacity:1}80%{opacity:0}90%{opacity:1}to{opacity:0}}.app .quizz-wrap .btn-block1{position:absolute;width:80%;bottom:10%;left:20%}.app .quizz-wrap .btn-block1 ul{list-style:none}.app .quizz-wrap .btn-block1 ul li{display:inline-block;width:32%}.app .quizz-wrap .btn-block1 ul li a{width:100%;display:block;position:relative;transition:transform .3s ease}.app .quizz-wrap .btn-block1 ul li a img{width:100%;transition:opacity .3s ease}.app .quizz-wrap .btn-block1 ul li a img:last-child{position:absolute;top:0;left:0;opacity:0}.app .quizz-wrap .btn-block1 ul li a:hover{transform:scale(1.1)}.app .quizz-wrap .btn-block1 ul li a:hover img:last-child{opacity:1}.app .quizz-wrap .btn-block-next{position:absolute;bottom:6%;right:4%;width:36%;display:none;z-index:2}.app .quizz-wrap .btn-block-next a{width:100%}.app .quizz-wrap .btn-block-next a img{width:100%;transition:all .3s ease}.app .quizz-wrap .btn-block-next a:hover img{transform:scale(1.1)}.app .pre-block{position:relative;width:50%;margin-top:3%;margin-left:23%;display:none}.app .pre-block .pre-bg{width:100%}.app .pre-block .pre-title{position:absolute;top:20%;left:28%;width:70%;font-family:Chanc;font-size:1.8vw;text-align:center;color:#352a1a}.app .pre-block .pre-loader{position:absolute;width:40%;bottom:10%;right:10%}.app .pre-block .pre-loader .loader-wrap{width:100%;position:relative}.app .pre-block .pre-loader .loader-wrap .loader-lay-main,.app .pre-block .pre-loader .loader-wrap .loader-lay-main img{width:100%}.app .pre-block .pre-loader .loader-wrap .loader-lay-line{position:absolute;top:5%;left:0;width:100%;height:80%;overflow:hidden;background-image:url(../image/bar-i.png);background-size:cover;background-position:50%;background-repeat:no-repeat;animation:f 3s ease-in-out;animation-fill-mode:forwards}.app .pre-block .pre-loader .loader-wrap .loader-side1{position:absolute;top:-190%;left:-20%;width:70%}.app .pre-block .pre-loader .loader-wrap .loader-side1 img{width:100%}.app .pre-block .pre-loader .loader-wrap .loader-side2{position:absolute;top:-190%;left:50%;transform:rotate(180deg);width:70%}.app .pre-block .pre-loader .loader-wrap .loader-side2 img{width:100%}.app .final-block{position:relative;width:50%;margin-top:0;margin-left:24%;display:none}.app .final-block .final-bg{width:100%}.app .final-block .final-title{position:absolute;top:10%;left:31%}.app .final-block .final-title p{font-family:Chanc;font-size:1.8vw;text-align:center;color:#fff}.app .final-block .final-title .final-span-title{color:#f7ea24;font-size:2vw}.app .final-block .final-logo-wrapper{position:absolute;top:50%;left:30%;width:44%;display:none}.app .final-block .final-logo-wrapper img{width:100%}.app .final-block .logo-link{position:absolute;animation:g 1s linear;animation-iteration-count:infinite}.app .final-block .logo-link img{width:100%}.app .final-block .logo-cw{top:61%;left:46%;width:12%;display:none}.app .final-block .logo-ft{top:59%;left:44.2%;width:16%;display:none}.app .final-block .logo-lc{top:59%;left:45%;width:14%;display:none}.app .final-block .logo-mc{display:none;top:59%;left:44.2%;width:16%}.app .final-block .logo-ps{top:46%;left:41%;width:23%;display:none}.app .final-block .logo-sb{display:none;top:54%;left:40%;width:23%}.app .final-block .logo-sg{display:none;bottom:20%;right:36%;width:26%}.app .final-block .logo-ss{bottom:18%;right:32%;width:32%;display:none}.app .final-block .button{position:absolute;width:56%;bottom:-30%;left:24%}.app .final-block .button .lbtn-wrap{position:relative;width:100%}.app .final-block .button .lbtn-wrap img{width:100%}.app .final-block .button .lbtn-wrap .button-light{opacity:0;position:absolute;top:0;left:0;animation:d 1s ease;animation-iteration-count:infinite}.click-layer{position:fixed;top:0;left:0;width:100%;height:100%;display:none}@keyframes d{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes e{0%{transform:translateY(-15%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes f{0%{width:0}to{width:100%}}@keyframes g{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media screen and (max-height:650px){.app .quizz-wrap{margin-top:1%}}