@font-face{font-family:Singulier-Bold;src:url(fonts/Singulier-Bold.eot);src:url(fonts/Singulier-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Singulier-Bold.woff2) format("woff2"),url(fonts/Singulier-Bold.woff) format("woff"),url(fonts/Singulier-Bold.ttf) format("truetype"),url(fonts/Singulier-Bold.svg#Singulier-Bold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:Singulier-Demi;src:url(fonts/Singulier-Demi.eot);src:url(fonts/Singulier-Demi.eot?#iefix) format("embedded-opentype"),url(fonts/Singulier-Demi.woff2) format("woff2"),url(fonts/Singulier-Demi.woff) format("woff"),url(fonts/Singulier-Demi.ttf) format("truetype"),url(fonts/Singulier-Demi.svg#Singulier-Demi) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Singulier-Thin;src:url(fonts/Singulier-Thin.eot);src:url(fonts/Singulier-Thin.eot?#iefix) format("embedded-opentype"),url(fonts/Singulier-Thin.woff2) format("woff2"),url(fonts/Singulier-Thin.woff) format("woff"),url(fonts/Singulier-Thin.ttf) format("truetype"),url(fonts/Singulier-Thin.svg#Singulier-Thin) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Helvetica-Bold;src:url(fonts/Helvetica-Bold.eot);src:url(fonts/Helvetica-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Helvetica-Bold.woff2) format("woff2"),url(fonts/Helvetica-Bold.woff) format("woff"),url(fonts/Helvetica-Bold.ttf) format("truetype"),url(fonts/Helvetica-Bold.svg#Helvetica-Bold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:Helvetica-Normal;src:url(fonts/Helvetica-Normal.eot);src:url(fonts/Helvetica-Normal.eot?#iefix) format("embedded-opentype"),url(fonts/Helvetica-Normal.woff2) format("woff2"),url(fonts/Helvetica-Normal.woff) format("woff"),url(fonts/Helvetica-Normal.ttf) format("truetype"),url(fonts/Helvetica-Normal.otf) format("opentype"),url(fonts/Helvetica-Normal.svg#Helvetica-Normal) format("svg");font-weight:400;font-style:normal}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0);opacity:1;pointer-events:visible}}.slideInUp{animation-name:slideInUp;animation-duration:1.25s;animation-fill-mode:both}@keyframes slideInDown{0%{transform:translateZ(0);visibility:visible}to{transform:translate3d(0,100%,0)}}.slideInDown{animation-name:slideInDown;animation-duration:1.25s;animation-fill-mode:both}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft;animation-duration:1s;animation-fill-mode:both}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight;animation-duration:1s;animation-fill-mode:both}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown;animation-duration:1s;animation-fill-mode:both}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp;animation-duration:1s;animation-fill-mode:both}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight;animation-duration:1s;animation-fill-mode:both}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft;animation-duration:1s;animation-fill-mode:both}@keyframes shake{0%{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-1%,0,0)}20%,40%,60%,80%{transform:translate3d(1%,0,0)}to{transform:translateZ(0)}}.shake{animation-name:shake;animation-duration:.7s;animation-fill-mode:both}@keyframes shake2{0%{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-20%,0,0)}20%,40%,60%,80%{transform:translate3d(20%,0,0)}to{transform:translateZ(0)}}.shake2{animation-name:shake2;animation-duration:.9s;animation-fill-mode:both}@keyframes small-arrow1{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes slideDash{0%{transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}to{transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}}.slideDash{animation-name:slideDash;animation-duration:9s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes pulsetwice{0%{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1)}50%{opacity:.5;-ms-transform:scale(.99);-webkit-transform:scale(.99)}}.pulsetwice{animation-name:pulsetwice;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:2;animation-timing-function:linear}@keyframes border-dance{0%{background-position:0 0,300px 116px,0 150px,216px 0}to{background-position:300px 0,0 116px,0 0,216px 150px}}html{font-size:62.5%;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Singulier-Thin;color:#fff;margin:0;font-size:2.5rem;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}.IIV::-webkit-media-controls-play-button,.IIV::-webkit-media-controls-start-playback-button,.plyr video:-webkit-full-screen,.plyr video::-webkit-media-controls-fullscreen-button{pointer-events:none;opacity:.2}#main-container{position:relative;width:100%;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;transition:.1s ease-out;-webkit-transition:.1s ease-out;background-color:#000;background-image:none}#main-container img{max-width:100%}#main-container.welcome{background-image:url(../images/pages/welcome/welcome-bg.jpg)}#main-container.rules,#main-container.welcome{transition:.3s ease-out;-webkit-transition:.3s ease-out}#main-container.rules{background-image:url(../images/pages/rules/rules-bg.jpg)}#main-container.quiz{background-color:#000;background-image:none}#main-container.chat{background-image:url(../images/pages/chat/chat_bg.png)}#main-container.chat,#main-container.chat-popup{transition:.3s ease-out;-webkit-transition:.3s ease-out}#main-container.chat-popup{background-image:url(../images/pages/chat/image2-bg.jpg)}#main-container #content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1920px;height:100%;background:transparent;background-repeat:no-repeat;background-size:cover;display:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#main-container #content .page{width:100%;height:100%;background-size:cover;overflow:hidden;position:relative}#main-container .video-container{display:block;margin:0 auto;height:100%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);position:relative}@media only screen and (max-width:820px) and (orientation:landscape){#main-container .video-container{width:100%!important;height:100%!important}}#main-container .video-container .popup-button{width:13rem;height:13rem;font-size:1.8rem;text-transform:uppercase;text-align:center;position:absolute;left:7%;top:2%;margin:3rem;cursor:pointer;z-index:10;display:none}@media only screen and (min-width:820px) and (orientation:landscape){#main-container .video-container .popup-button{left:3%}}#main-container .video-container .popup-button.iphoneXr{top:5%}#main-container .video-container .popup-button .center{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.85);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#main-container .video-container .popup-button .plus{width:2rem;margin:1rem auto 0}#main-container .video-container .popup-button .border-line{position:absolute;width:14rem;top:-2%;left:-4%}#main-container .video-container .popup-button .border-line img{width:14rem}#main-container .video-container .popup-button--1.step1,#main-container .video-container .popup-button--2.step1,#main-container .video-container .popup-button--3.step1{top:auto;right:auto}@media only screen and (min-width:820px) and (orientation:landscape){#main-container .video-container .popup-button--1.step1,#main-container .video-container .popup-button--2.step1,#main-container .video-container .popup-button--3.step1{right:auto}}#main-container .video-container .popup-button--1.step1{left:12%;bottom:21%}#main-container .video-container .popup-button--2.step1{left:8%;bottom:9%}#main-container .video-container .popup-button--3.showa{left:18%;bottom:10%}#main-container .video-container .popup-button--3.showb{left:12%;bottom:10%}#main-container .video-container .video-box{height:100%}#main-container .video-container #bigVideoSub{position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:100%;height:100%;background:transparent}@media only screen and (min-width:820px) and (max-width:1024px) and (orientation:landscape){#main-container .video-container #bigVideoSub{height:auto!important}}#main-container .video-container #bigVideoSub video{display:block;margin:0 auto}@media only screen and (min-width:820px) and (max-width:1024px) and (orientation:landscape){#main-container .video-container #bigVideoSub video{width:100%!important}}#main-container .btn{position:absolute;left:50%;transform:translateX(-50%);background:#fff;font-family:Singulier-Thin;color:#000;font-size:3rem;text-align:center;width:18%;padding:.5% 0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#main-container .btn.black{background-color:#000;color:#fff}#main-container .text-bold{font-family:Singulier-Bold}#main-container .text-group{width:45rem}#main-container .choice-box{width:100%;height:11%;position:absolute;bottom:-100%;opacity:0;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background-color:rgba(0,0,0,.8);display:none}#main-container .choice-box .time-line{width:100%;height:.5rem;background-color:#fff;position:absolute;top:0;left:50%;transform:translateX(-50%);display:none}#main-container .choice-box .choice{width:50%;height:100%;text-align:center;cursor:pointer;position:relative;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#main-container .choice-box .middle-line{width:1px;height:50%;background-color:hsla(0,0%,100%,.4);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#bascule-overlay{position:fixed;z-index:9999;width:100%;height:100%;display:none;background-color:#000}#bascule-overlay img{margin:0 auto;position:relative;display:block;top:50%;transform:translateY(-50%);width:45%}.skip{position:absolute;z-index:18;bottom:9rem;left:50%;transform:translateX(-50%);color:#fff;background-color:#000;padding:.4rem 1.5rem 1rem;font-size:3rem;font-weight:700;cursor:pointer;display:none}.skip:hover{text-decoration:underline}@media only screen and (min-width:820px) and (orientation:landscape){.skip{bottom:9rem}}#main-container .popup{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;background-size:cover;background-position:top;background-repeat:no-repeat;text-transform:uppercase}#main-container .popup:after{content:"";display:table;clear:both}#main-container .popup black{color:#000}#main-container .popup .close-button{font-size:2.4rem!important;font-family:Singulier-Demi!important}#main-container .popup .text-neon{font-family:Singulier-Bold;text-shadow:#fbce79 0 0 16px}#main-container .popup .central{height:90%;padding-top:3%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media only screen and (min-width:1921px){#main-container .popup .central{width:1920px;margin:0 auto}}#main-container .popup .center-popup{margin:0 auto;position:relative}#main-container .popup.pop1{background-image:url(../images/pages/quiz/popup1_bg.jpg);text-align:center;text-transform:uppercase}#main-container .popup.pop1 .central{padding-top:0;padding-bottom:3%;height:100%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#main-container .popup.pop1 .title-group{margin-bottom:3%}#main-container .popup.pop1 .title-group .title{font-family:Singulier-Bold;color:#c2764e;font-size:3.6rem}#main-container .popup.pop1 .title-group .sub-title{font-family:Singulier-Demi;color:#000;font-size:2.4rem}#main-container .popup.pop1 .product-group:after{content:"";display:table;clear:both}#main-container .popup.pop1 .product-group .product-detail{width:50%;float:left}#main-container .popup.pop1 .product-group .product-detail:first-child{border-right:2px dashed #000;padding-right:5.6rem}#main-container .popup.pop1 .product-group .product-detail:first-child .detail-group .detail .rate ul li{background-color:#ebebeb}#main-container .popup.pop1 .product-group .product-detail:first-child .detail-group .detail .rate ul li:first-child{background-color:#ebc09c}#main-container .popup.pop1 .product-group .product-detail:first-child .detail-group .image{padding-left:7%}#main-container .popup.pop1 .product-group .product-detail:last-child{padding-left:5.6rem}#main-container .popup.pop1 .product-group .product-detail:last-child .detail-group .image{padding-right:7%}#main-container .popup.pop1 .product-group .product-detail:last-child .detail-group .detail .rate ul li{background-color:#ebc09c}#main-container .popup.pop1 .product-group .product-detail:last-child .detail-group .detail .rate ul li:last-child{background-color:#ebebeb}#main-container .popup.pop1 .product-group .product-detail .product-title{background-color:#000;font-family:Singulier-Bold;font-size:2.4rem;padding:1rem;margin-bottom:3px}#main-container .popup.pop1 .product-group .product-detail .product-subtitle{background-color:#000;font-family:Singulier-Bold;font-size:1.8rem;padding:1rem;margin-bottom:4%}#main-container .popup.pop1 .product-group .product-detail .detail-group{color:#000}#main-container .popup.pop1 .product-group .product-detail .detail-group:after{content:"";display:table;clear:both}#main-container .popup.pop1 .product-group .product-detail .detail-group .detail{float:left;width:50%;height:100%;position:relative;-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}#main-container .popup.pop1 .product-group .product-detail .detail-group .detail .box{background-color:#fff;padding:5%;box-shadow:0 2px 4px 0 rgba(0,0,0,.08),0 10px 12px 0 rgba(0,0,0,.14);font-size:2.4rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-flow:row wrap;flex-flow:row wrap;width:100%}#main-container .popup.pop1 .product-group .product-detail .detail-group .detail .box:first-child{margin-bottom:11%}#main-container .popup.pop1 .product-group .product-detail .detail-group .detail .box .box-button{font-family:Singulier-Demi;color:#000;background-image:url(../images/pages/quiz/popup1_bg_btn.jpg);padding:3%;background-size:cover;background-repeat:no-repeat;width:100%;margin-bottom:5%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#main-container .popup.pop1 .product-group .product-detail .detail-group .detail .box .rate{font-family:Singulier-Thin;width:100%}#main-container .popup.pop1 .product-group .product-detail .detail-group .detail .box .rate ul{list-style:none;padding:0;margin:10% auto 0}#main-container .popup.pop1 .product-group .product-detail .detail-group .detail .box .rate ul:after{content:"";display:table;clear:both}#main-container .popup.pop1 .product-group .product-detail .detail-group .detail .box .rate ul li{display:inline-block;width:2rem;height:2rem;border-radius:50%;margin:0 4.2%}@media only screen and (min-width:820px) and (orientation:landscape){#main-container .popup.pop1 .product-group .product-detail .detail-group .detail .box .rate ul li{width:3.1rem;height:3.1rem}}#main-container .popup.pop1 .product-group .product-detail .detail-group .detail .box .desc{font-family:Singulier-Thin}#main-container .popup.pop1 .product-group .product-detail .detail-group .image{float:left;width:50%;height:100%}#main-container .popup.pop1 .product-group .product-detail .detail-group .image .product{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;height:85%;background-color:hsla(0,0%,100%,.4);box-shadow:0 2px 4px 0 rgba(0,0,0,.08),0 10px 12px 0 rgba(0,0,0,.14)}#main-container .popup.pop1 .product-group .product-detail .detail-group .image .product img{width:12rem;position:relative;right:-1.5rem;bottom:-1rem}@media only screen and (min-width:481px) and (orientation:landscape){#main-container .popup.pop1 .product-group .product-detail .detail-group .image .product img{width:15rem}}@media only screen and (min-width:1024px) and (orientation:landscape){#main-container .popup.pop1 .product-group .product-detail .detail-group .image .product img{width:20rem}}#main-container .popup.pop1 .product-group .product-detail .detail-group .image .product-name{background-color:#fff;font-size:2.4rem;font-family:Singulier-Bold;height:15%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#main-container .popup.pop1 .btn{bottom:1.7rem}@media only screen and (min-width:820px) and (orientation:landscape){#main-container .popup.pop1 .btn{bottom:5rem}}#main-container .popup.pop1 .center-popup{width:90%}#main-container .popup.pop2{background-image:url(../images/pages/quiz/popup2_bg.jpg);background-size:cover;background-position:50%}@media only screen and (min-width:1024px){#main-container .popup.pop2{background-position:-14rem}}@media only screen and (min-width:1025px){#main-container .popup.pop2{background-position:50%}}#main-container .popup.pop2 .central{height:100%;padding-top:0}#main-container .popup.pop2 .central__tab,#main-container .popup.pop2 .central__tab1{position:absolute;left:32.32%;bottom:19%;height:10%;width:67.68%;padding-right:7rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;background-color:hsla(25,28%,60%,.8);font-family:Singulier-Demi;font-size:3.6rem}#main-container .popup.pop2 .central__tab1{left:0;width:12.2%}#main-container .popup.pop2 .central__title{font-size:4rem;font-family:Singulier-Bold;margin-right:9.5rem;margin-top:14rem}@media only screen and (min-width:1920px){#main-container .popup.pop2 .central__title{margin-top:18rem}}#main-container .popup.pop2 .central__logo{position:absolute;top:5rem;right:7.4rem;width:4rem;padding:.2rem;height:9.3rem}#main-container .popup.pop2 .central__logo img{width:100%;display:block}#main-container .popup.pop2 .central__logo--2{top:14.2rem;right:13.5rem;width:10rem;height:10rem;display:none}#main-container .popup.pop2 .center-popup{width:20.12%;margin-left:12.2%;background-color:rgba(0,0,0,.5);padding:0 1.2% 0 1.8%;height:100%;position:relative;z-index:1}#main-container .popup.pop2 .center-popup:after{content:"";position:absolute;left:100%;top:0;height:100%;background-color:#e6be9f;width:1.2rem}#main-container .popup.pop2 .center-popup__img{margin-top:13%;padding-bottom:3%}#main-container .popup.pop2 .center-popup__img img{display:block;margin:0 auto;width:43%}#main-container .popup.pop2 .center-popup__title{margin-top:4.5rem;color:#e6be9f;font-family:Singulier-Demi;font-size:2rem}@media only screen and (min-width:1920px){#main-container .popup.pop2 .center-popup__title{margin-top:4rem;font-size:2.9rem}}#main-container .popup.pop2 .center-popup__desc{text-transform:none;margin-top:.8rem;font-size:1.8rem}@media only screen and (min-width:1920px){#main-container .popup.pop2 .center-popup__desc{font-size:2.3rem;margin-top:1rem}}#main-container .popup.pop2 .btn{bottom:5rem;background-color:hsla(26,59%,76%,.6);width:18.7rem;color:#fff;transform:none;left:64%}#main-container .popup.pop3{background-image:url(../images/pages/quiz/popup3_bg.jpg);-ms-flex-align:center;align-items:center}#main-container .popup.pop3 .central{background-image:url(../images/pages/quiz/popup3-1_bg.png);background-size:auto 100%;background-repeat:no-repeat;background-position:bottom;height:100%;padding-top:0;-ms-flex-pack:justify;justify-content:space-between;padding:0 16.1rem 0 13.6rem;font-size:2.5rem;font-family:Singulier-Demi}@media only screen and (min-width:1024px){#main-container .popup.pop3 .central{font-size:3rem}}#main-container .popup.pop3 .central__tab{height:10.8rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-image:url(../images/pages/quiz/tab_bg.png);position:absolute;top:7%;left:0;width:100%;z-index:2;font-size:3.7rem}#main-container .popup.pop3 .central__group{position:relative;width:61rem;height:100%;text-align:center;background-color:rgba(0,0,0,.3)}#main-container .popup.pop3 .central__group__text.first{margin-top:34%}#main-container .popup.pop3 .central__group__text.circle-title{margin-top:7rem}#main-container .popup.pop3 .central__group__text.last{margin-top:2.5rem}@media only screen and (min-width:1024px){#main-container .popup.pop3 .central__group__text.first{margin-top:26rem}#main-container .popup.pop3 .central__group__text.circle-title{margin-top:10rem}#main-container .popup.pop3 .central__group__text.last{margin-top:3.8rem}}#main-container .popup.pop3 .central__group__title{font-size:4rem}@media only screen and (min-width:1024px){#main-container .popup.pop3 .central__group__title{font-size:4.5rem}}#main-container .popup.pop3 .central__group__subtitle{font-size:3.2rem}@media only screen and (min-width:1024px){#main-container .popup.pop3 .central__group__subtitle{font-size:3.7rem}}#main-container .popup.pop3 .central__group__item{background:rgba(0,0,0,.6);width:37.2rem;height:17.7rem;-ms-flex-direction:column;flex-direction:column;margin:2.4rem auto 1.6rem}#main-container .popup.pop3 .central__group .circles,#main-container .popup.pop3 .central__group__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#main-container .popup.pop3 .central__group .circles{margin:2.5rem auto;font-size:4rem}#main-container .popup.pop3 .central__group .circles__item{width:2.25rem;height:2.25rem;position:relative;border-radius:50%;margin:0 .7rem}#main-container .popup.pop3 .central__group .circles__item.active{background-color:#fff}#main-container .popup.pop3 .central__group .circles__item:after{content:"";position:absolute;top:0;left:0;width:calc(100% - .2rem);height:calc(100% - .2rem);border:.1rem solid #fff;border-radius:50%}#main-container .popup.pop3 .central__group .circles__text{padding:0 1.6rem;line-height:0}@media only screen and (min-width:1024px){#main-container .popup.pop3 .central__group .circles{margin:3.8rem auto}}#main-container .popup.pop3 .central__group__logo{position:absolute;top:13%;right:4.5rem;width:10rem;height:10rem;z-index:2}#main-container .popup.pop3 .central__group__logo img{width:100%;display:block}#main-container .popup.pop3 .btn{bottom:3rem;background-color:hsla(0,0%,100%,.9);color:#000;width:18.7rem;padding:1.1rem 0 1.3rem}@media only screen and (min-width:1024px) and (orientation:landscape){#main-container .popup.pop3 .btn{bottom:6rem}}.video-timeline{background:hsla(0,0%,100%,.4);bottom:0;cursor:pointer;height:12px;left:0;opacity:1;position:absolute;transition:all .2s;width:100%;z-index:12}.video-timeline-passed{background:#fff;height:100%;width:0}@media screen and (min-width:768px){.video-timeline-passed{background:hsla(0,0%,100%,.7)}}.video-wrapper:hover .video-timeline{height:12px;opacity:.85}.video-wrapper:hover .video-timeline-passed{background:#e81d31}.video-wrapper:hover .video-event{bottom:12px}.video-wrapper:hover .video-timeline-event{background:#790c17;opacity:.8}#welcome{font-family:Singulier-Demi;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;padding:0 18rem 22rem 0}@media only screen and (max-width:820px) and (orientation:landscape){#welcome{padding:18rem 20rem}}#welcome .text-group{width:64rem;text-align:center}#welcome .text-group .btn{position:relative;bottom:0;left:0;transform:none;margin:12rem auto 0;padding:2rem 0 2.5rem;width:36rem;font-family:Singulier-Demi}#welcome .text{font-size:4rem}#welcome .text.text-bold{font-size:7rem}#rules .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:80%;padding-right:14%;float:right;text-align:center;width:38%}#rules .text-group{width:auto}#rules .text-group .text{margin-bottom:10%;opacity:0;font-size:3rem;transition:all .5s}#quiz{margin:0 auto}#chat{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}#chat ::-webkit-scrollbar{width:1.5rem}#chat ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}#chat ::-webkit-scrollbar-thumb{background:#aaa;border-radius:10px}#chat ::-webkit-scrollbar-thumb:hover{background:#888}#chat .chat-container{position:relative;opacity:0;padding:15rem 6rem 0 9rem;width:88rem;height:87rem;border:none;margin:0 auto;background-image:url(../images/pages/chat/mobile_screen.png);background-size:cover}#chat .chat-container .button-log{position:absolute;width:52rem;height:25rem;left:-32rem;top:3rem;color:#fff;text-align:center;font-style:italic;padding-right:23rem;display:none}#chat .chat-container .button-log .click-area{position:absolute;width:15rem;height:15rem;top:7rem;right:0;z-index:3;cursor:pointer}#chat .chat-container .button-log__arrow{width:7rem;position:relative;left:25rem;top:0}#chat .user{text-align:center;height:14rem}#chat .user .user-image{width:8.6rem;margin:0 auto}#chat .user .username{font-size:2.2rem;color:#000;font-family:Singulier-Demi}#chat .user .username span{vertical-align:middle;margin-right:1%;position:relative;line-height:1}#chat .scroll-chat{height:calc(100% - 14rem);width:100%;overflow-y:scroll;padding-top:5%;padding-right:2rem}#chat .message-time{font-size:2.2rem;font-family:Helvetica-Bold;color:#8b8b92;text-align:center;font-weight:700}#chat .message-time .i-message{font-family:Helvetica-Normal;font-size:2.4rem;letter-spacing:1px;margin-bottom:.5%;font-weight:400}#chat .chat-group{font-size:2.2rem;font-family:Helvetica-Normal;display:none}#chat .chat-group:after{content:"";display:table;clear:both}#chat .chat-group .chat{display:-ms-flexbox;display:flex;min-width:40%;max-width:80%;border-radius:6rem;padding:2rem 3rem;margin:1.8rem 0;min-height:8.5rem;position:relative;-ms-flex-align:center;align-items:center;background-size:cover;background-position:top;background-repeat:no-repeat}#chat .chat-group .chat .message{width:100%}#chat .chat-group .chat .message .question{font-family:Helvetica-Bold}#chat .chat-group .chat .message .answer .text-ins{font-style:italic}#chat .chat-group .chat .message .answer .wrong-text{position:relative}#chat .chat-group .chat .message .answer .wrong-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:.3rem;background-color:#fff;z-index:2}#chat .chat-group .chat .message.icon img,#chat .chat-group .chat .message.icon span{display:inline-block;vertical-align:middle}#chat .chat-group .chat .message.icon span{margin-right:5%}#chat .chat-group .chat .message.icon img{width:2rem}#chat .chat-group .chat .message.video-content{text-align:center;width:16.2rem;position:relative}#chat .chat-group .chat .message.video-content--2,#chat .chat-group .chat .message.video-content--3{width:28rem;height:20rem;border-radius:6rem;overflow:hidden;background-image:url(../images/pages/chat/chat14.jpg);background-size:99% 99%;background-repeat:no-repeat;background-position:50%}#chat .chat-group .chat .message.video-content--2{background-image:url(../images/pages/chat/chat11-13.jpg);background-size:100% 100%}#chat .chat-group .chat .message.video-content img{display:block;width:100%}#chat .chat-group .chat .message.video-content i.icon.icon-play{width:6rem;height:6rem;background-image:url(../images/pages/chat/icon-play.png);background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}#chat .chat-group .chat .message i.icon.fa-smile{background-image:url(../images/pages/chat/smile.png);background-size:100% 100%;display:inline-block;width:1.4rem;height:1.4rem;margin-top:.2rem;margin-left:.2rem}#chat .chat-group .chat .pdf-bg,#chat .chat-group .chat .video-bg{background-image:url(../images/pages/chat/video-result-bg.png);background-size:100% 100%;position:absolute;width:28rem;height:20.3rem;top:-.1rem;right:0;z-index:1}#chat .chat-group .chat .pdf-bg{width:15rem;height:18.6rem;background-image:url(../images/pages/chat/pdf-bubble-bg.jpg);top:0}#chat .chat-group .chat .chat-tail{position:absolute;bottom:0;width:3rem}#chat .chat-group .chat.gray{background-color:#e5e4ea;color:#000;float:left}#chat .chat-group .chat.gray .chat-tail{left:0}#chat .chat-group .chat.blue{background-color:#0980ff;color:#fff;margin-left:20%;float:right}#chat .chat-group .chat.blue.special{max-width:83%;margin-left:13%}#chat .chat-group .chat.blue .chat-tail{right:0}#chat .chat-group .chat.chat-gif,#chat .chat-group .chat.chat-image,#chat .chat-group .chat.chat-video{float:right;padding:0;width:44rem;border-radius:2rem;overflow:hidden}#chat .chat-group .chat.chat-video{-ms-flex-pack:end;justify-content:flex-end;width:100%}#chat .chat-group .chat.chat-video.no-radius{border-radius:0;overflow:visible}#chat .chat-group .chat.chat-video.no-radius .video-content{border-radius:0}#chat .chat-group .chat.chat-video.no-radius .video-content .icon-play{z-index:2}#chat .chat-group .chat.chat-image{width:33rem;cursor:pointer}#chat .chat-group .chat.chat-image.btn-pdf{width:33rem;height:18.6rem;overflow:visible;padding:.2rem;position:relative}#chat .chat-group .chat.chat-image.btn-pdf img{height:100%;width:100%;display:block}#chat .chat-group .chat.chat-image.btn-pdf a{position:absolute;width:100%;height:100%;cursor:pointer;z-index:2}#chat .chat-group .chat.chat-gif img{width:100%}#chat .chat-group .chat.ans-group{width:100%;max-width:100%;padding:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}#chat .chat-group .chat.ans-group:after{content:"";display:table;clear:both}#chat .chat-group .chat.ans-group .ans-bubble{display:-ms-flexbox!important;display:flex!important}#chat .chat-group .chat.ans-group .choice-group{min-width:40%;width:100%;max-width:100%;padding:3% 0;-ms-flex-pack:justify;justify-content:space-between;margin:0;display:-ms-flexbox;display:flex}#chat .chat-group .chat.ans-group .choice-group .choice{background-color:#0980ff;border-radius:3rem;padding:1%;margin:0 .5%;text-align:center;min-height:10rem;width:33%;cursor:pointer;word-break:break-word;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#chat .chat-group .chat .result-text{color:#a2a2a8;display:none;position:absolute;bottom:-4rem;right:3%}#chat .chat-group .chat .result-text div{display:none}#chat .popup-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-image:url(../images/pages/chat/image1-bg.jpg);background-size:cover;background-position:center -8rem;font-family:Singulier-Demi;display:none}@media only screen and (min-width:1024px){#chat .popup-container{background-size:cover;background-position:center -2rem}}@media only screen and (min-width:1025px){#chat .popup-container{background-size:cover;background-position:center -7rem}}#chat .popup-container .arrow-next{width:3rem;height:6rem;cursor:pointer;padding:2rem;position:absolute;box-sizing:content-box;right:2rem;top:50%;transform:translateY(-50%);display:none}#chat .popup-container .arrow-next img{width:100%;height:100%;display:block;pointer-events:none}#chat .popup-container .instruction{font-style:italic;margin-top:2rem;text-align:center;color:#000;margin-top:24%}@media only screen and (min-width:1024px){#chat .popup-container .instruction{margin-top:33%}}@media only screen and (min-width:1025px){#chat .popup-container .instruction{margin-top:25%}}#chat .popup-container .instruction span{position:relative}#chat .popup-container .item{position:absolute;top:15.5%;left:26.5%;width:36.2rem;height:29rem;overflow:visible;cursor:pointer}#chat .popup-container .item.doned{color:#000}#chat .popup-container .item__text{font-size:3.2rem;letter-spacing:.8rem;margin-top:-18%;margin-left:-33%;width:100%}@media only screen and (min-width:1024px){#chat .popup-container .item__text{font-size:3.7rem}}#chat .popup-container .item--2{left:60%}#chat .popup-container .item--2 .item__text{margin-left:56%}#chat .popup-container .item--3,#chat .popup-container .item--4{top:66.5%;left:27.4%}#chat .popup-container .item--3 .item__text,#chat .popup-container .item--4 .item__text{margin-left:-39%;margin-top:-10%}@media only screen and (min-width:1024px){#chat .popup-container .item--3 .item__text,#chat .popup-container .item--4 .item__text{margin-top:-18%}}@media only screen and (width:1024px){#chat .popup-container .item--3,#chat .popup-container .item--4{top:60%}}#chat .popup-container .item--4{left:56.3%}#chat .popup-container .item--4 .item__text{margin-left:110%}@media only screen and (width:1024px){#chat .popup-container .item--4{left:58.3%}}
/*# sourceMappingURL=style.css.map */