@font-face{font-family:TheMacallanFont;src:url(../font/TheMacallanFont-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:TheMacallanFont;src:url(../font/TheMacallanFont-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:TheMacallanFont;src:url(../font/TheMacallanFont-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:TheMacallanFont;src:url(../font/TheMacallanFont-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:TheMacallanFont;src:url(../font/TheMacallanFont-SemiBold.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:TheMacallanFont;src:url(../font/TheMacallanFont-SemiBoldItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:TheMacallanFont;src:url(../font/TheMacallanFont-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:TheMacallanFont;src:url(../font/TheMacallanFont-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:TheMacallanFont;src:url(../font/TheMacallanFont-Black.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:TheMacallanFont;src:url(../font/TheMacallanFont-BlackItalic.ttf) format("truetype");font-weight:800;font-style:italic}body,html{position:relative;font-family:TheMacallanFont;font-weight:400}.cbtn{display:inline-block;margin:.2rem;border:1px solid #fff;background-color:transparent;color:#fff;font-size:1rem;line-height:2rem;border-radius:10rem;box-shadow:0 3px 1px rgba(0,0,0,.06);cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}.cbtn.selected{background-color:#000;color:#fff!important;border-color:#000!important}.section{display:none}span[lang=sc],span[lang=tc]{display:none}#cover{display:flex;min-height:calc(100svh);background-image:url(../img/bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.cover-image{width:100%}.cover-image.desktop{height:calc(100vh - 100px)}.flex-container{position:relative;display:flex;height:100%;align-items:center;justify-content:center}.language-switcher-wrapper{position:absolute;width:100%;top:0;left:0;margin:0 auto;padding-top:1.5rem;padding-bottom:.5rem;text-align:center}.language-switcher-wrapper .cbtn{width:70px;font-size:1.2em;line-height:1.7em;text-align:center}@media screen and (min-width:992px){.language-switcher-wrapper{padding-top:3rem;padding-bottom:1rem}.language-switcher-wrapper .cbtn{width:100px;font-size:1.5em;line-height:2em;text-align:center}}.fill-in-name-wrapper,.title-wrapper .collection-tagline,.title-wrapper .logo-wrapper{text-align:center}.title-wrapper .collection-tagline{width:200px;margin:0 auto}.title-wrapper .collection-tagline h2{margin-bottom:2em;font-size:1.4rem;color:#fff;font-weight:500}.title-wrapper .logo-wrapper{padding-top:2rem;padding-bottom:2rem}.title-wrapper .logo-wrapper img{width:220px}@media screen and (min-height:569px){.title-wrapper .collection-tagline h2{margin-bottom:3em}}@media screen and (min-width:768px){.title-wrapper .logo-wrapper{padding-top:5rem;padding-bottom:3rem}.title-wrapper .logo-wrapper img{width:280px}.title-wrapper .collection-tagline{width:auto}.title-wrapper .collection-tagline h2{margin-bottom:2em;font-size:2.15rem}}@media screen and (min-width:992px){.title-wrapper .logo-wrapper{padding-top:5rem;padding-bottom:3rem}.title-wrapper .logo-wrapper img{width:280px}.title-wrapper .collection-tagline{width:auto}.title-wrapper .collection-tagline h2{margin-bottom:1.3em;font-size:2.15rem}}.fill-in-name-wrapper .fill-in-name-label{padding-bottom:.5rem;color:#fff;font-size:1.4rem}.fill-in-name-wrapper #player-name{width:220px;font-size:1.4rem;background-color:rgba(255,255,255,.5);border:1px solid #fff;border-radius:10rem;text-align:center}.fill-in-name-wrapper #player-name:focus{outline:0}@media screen and (min-width:992px){.fill-in-name-wrapper .fill-in-name-label{padding-bottom:1rem}.fill-in-name-wrapper #player-name{width:270px;font-size:2rem}}.begin-btn-wrapper{padding-top:1.5rem;padding-bottom:2rem}.cbtn-begin{display:block;margin:0 auto;width:220px;background-color:#000;font-size:1.4em;font-weight:500;color:#fff;text-align:center;line-height:1.7em;border:1px solid #000}.cbtn-begin.disabled{background-color:rgba(0,0,0,.5);color:rgba(255,255,255,.5)}@media screen and (min-width:992px){.cbtn-begin{width:270px;font-size:2em;line-height:1.8em}}.question-topbar-wrapper{height:12px;background-image:url(../img/bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.question-ui-wrapper{position:relative;margin:0 auto;padding:2rem 0 0 0;display:flex;justify-content:center;z-index:100}.ui-btn{position:relative;margin-right:25px;width:20px;height:20px;font-size:.9rem;font-weight:500;text-align:center;line-height:28px;color:#fff;border:.5px solid #fff;border-radius:20px;background-color:#fff;transform:scaleY(.5)}.ui-btn:after{content:" ";display:block;position:absolute;top:8px;left:19px;width:31px;height:3px;background-color:#fff}.ui-btn:last-of-type{margin-right:0}.ui-btn:last-of-type:after{display:none}.ui-btn.result{width:75px}.ui-btn.pass,.ui-btn.selected{color:#fff;border-color:#b13940;background-color:#b13940}.ui-btn.selected:after{background-color:#fff}.ui-btn.pass:after{background-color:#b13940}#questions{height:auto;min-height:calc(100vh - 100px)}@media screen and (min-width:992px){.question-ui-wrapper{padding:3rem 0 0 0}.ui-btn{margin-right:44px;width:36px;height:36px;font-size:1.5rem;line-height:44px;transform:scaleY(.5)}.ui-btn:after{top:16px;left:34px;width:54px}.ui-btn.result{width:120px}#questions{min-height:calc(100vh - 100px)}}.question-item{display:none}#q1{display:block}.question-wrapper{position:relative;padding:0;background-color:#2a2a2a;z-index:100}.question-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1}#q1 .question-wrapper:after{background-image:url(../img/portrait/q1.jpg)}#q2 .question-wrapper:after{background-image:url(../img/portrait/q2a.jpg)}#q3 .question-wrapper:after{background-image:url(../img/portrait/q3.jpg)}#q4 .question-wrapper:after{background-image:url(../img/portrait/q4.jpg)}#q5 .question-wrapper:after{background-image:url(../img/portrait/q5.jpg)}.question{position:relative;margin:0 auto;padding:3.5rem 1rem;font-size:1.4rem;font-weight:500;color:#fff;line-height:1.2em;text-align:center;z-index:100}#q5 .question{padding-top:1rem}#q5 .question:after{content:" ";position:absolute;margin:0 auto;top:100px;right:0;bottom:-80px;left:0;background-image:url(../img/portrait/q5_tray.png);background-repeat:no-repeat;background-size:cover;background-position:center}.question-desc{padding-top:1rem;font-size:.7rem;font-weight:400}.question-disclaimer{font-size:.7rem;font-weight:400;line-height:1rem;font-style:italic}.answer-wrapper{padding:.5rem 0 0 0}#q5 .answer-wrapper{padding-top:3rem}.answer-wrapper .answer-btn{margin:2rem auto;padding:.9rem 1rem;display:block;width:260px;border:1px solid #000;color:#b13940;text-align:center;font-size:1.2rem;font-weight:500;line-height:1.2em;box-shadow:none}.answer-wrapper .answer-btn.selected{background-color:#b13940;border-color:#b13940!important}body[data-lang=en] .answer-wrapper .answer-btn.twolines{padding:.39rem 1rem}@media screen and (min-height:569px){.answer-wrapper{padding:2rem 0 0 0}}@media screen and (min-width:768px){#q1 .question-wrapper:after{background-image:url(../img/landscape/q1.jpg)}#q2 .question-wrapper:after{background-image:url(../img/landscape/q2a.jpg)}#q3 .question-wrapper:after{background-image:url(../img/landscape/q3.jpg)}#q4 .question-wrapper:after{background-image:url(../img/landscape/q4.jpg)}#q5 .question-wrapper:after{background-image:url(../img/landscape/q5.jpg)}.question{padding:3rem 1rem;font-size:2rem}#q5 .question:after{top:130px;width:400px}.question-desc{padding-top:1rem;font-size:1rem;font-weight:400}.question-disclaimer{font-size:1rem;font-weight:400;line-height:1rem;font-style:italic}.answer-wrapper{margin:0 auto;padding:3rem 0 3rem 0;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:700px}.answer-wrapper .answer-btn{margin:1rem auto;padding:1.6rem 1rem;flex-basis:calc(90%);font-size:1.5rem}#q1 .answer-wrapper,#q2 .answer-wrapper,#q3 .answer-wrapper,#q4 .answer-wrapper{padding-top:4rem}#q1 .answer-wrapper .answer-btn,#q2 .answer-wrapper .answer-btn,#q3 .answer-wrapper .answer-btn,#q4 .answer-wrapper .answer-btn{margin:1.5rem auto}#q5 .answer-wrapper{padding-top:5rem}body[data-lang=en] .answer-wrapper .answer-btn.twolines{padding:1.6rem 1rem}}@media screen and (min-width:992px){.answer-wrapper{width:800px}.answer-wrapper .answer-btn{flex-basis:calc(50% - 1rem)}#q1 .answer-wrapper,#q2 .answer-wrapper,#q3 .answer-wrapper,#q4 .answer-wrapper{padding-top:3rem}#q1 .answer-wrapper .answer-btn,#q2 .answer-wrapper .answer-btn,#q3 .answer-wrapper .answer-btn,#q4 .answer-wrapper .answer-btn{margin:1.5rem auto}#q5 .answer-wrapper{padding-top:4rem}body[data-lang=en] .answer-wrapper .answer-btn.twolines{padding:.7rem 1rem}}.next-btn,.prev-btn{position:fixed;padding:.5rem;top:calc((100vh - 24px)/ 2);color:#b13940;z-index:1999}.prev-btn{left:4px;cursor:pointer}.next-btn{opacity:.2;right:4px}.next-btn i,.prev-btn i{font-size:1.5rem}@media screen and (min-width:768px){.next-btn,.prev-btn{top:calc((100vh - 32px)/ 2)!important}.prev-btn{left:20px}.next-btn{right:20px}.next-btn i,.prev-btn i{font-size:2rem}}.result-page-wrapper{display:block;position:relative;width:100vw;height:100svh}.slide-ui-wrapper{width:100%}.restart-btn-wrapper{position:fixed;z-index:100;top:0;left:0}.restart-btn-wrapper .cbtn-restart{margin:.8rem 1rem;padding:0 .6rem;font-size:1rem;line-height:1.7em}.result-item{padding:3.5rem 2.5rem;background-repeat:no-repeat;background-size:cover;background-position:center}#result-cc12{background-image:url(../img/result/cc12_bg.jpg);display:none}#result-cc15{background-image:url(../img/result/cc15_bg.jpg);display:none}#result-cc18{background-image:url(../img/result/cc18_bg.jpg);display:none}#result-cc21{background-image:url(../img/result/cc21_bg.jpg);display:none}#result-cc30{background-image:url(../img/result/cc30_bg.jpg);display:none}#result-m{background-image:url(../img/result/m_bg.jpg);display:none}#result-mb{background-image:url(../img/result/mb_bg.jpg);display:none}#result-mc{background-image:url(../img/result/mc_bg.jpg);display:none}#result-rcb{background-image:url(../img/result/rcb_bg.jpg);display:none}#result-anoetfl{background-image:url(../img/result/anoetfl_bg.jpg);display:none}#result-h5{background-image:url(../img/result/h5_bg.jpg?a)}#result-aitf{background-image:url(../img/result/aitf_bg.jpg)}.result-image{width:50vw;margin:1rem auto 2rem auto}.result-image img{width:100%}.result-label,.result-product-desc,.result-product-name{text-align:center;color:#fff}.result-label{font-size:1.3rem;line-height:1.2em}.result-product-name{padding-bottom:.5rem;font-size:1.3rem;line-height:1.2em}.result-product-desc{font-size:.875rem}.result-product-desc i{display:block;font-size:.7rem;padding-top:1.5em}@media screen and (min-width:768px){.result-image{width:70%;max-width:280px;margin:.5rem auto 1rem auto}.result-label{font-size:2rem}.result-product-name{padding-bottom:.5rem;font-size:1.8rem;line-height:1.2em}.result-product-desc{font-size:1.2rem}.result-product-desc i{font-size:12px}}@media screen and (min-width:1024px){.slide-ui-wrapper{width:50%;height:100svh}.result-item{height:100svh}.result-item{padding:4rem}.result-page-wrapper{display:flex;align-items:center;justify-content:center;width:100%}}.cta-wrapper{width:100%;padding:2.5rem}.cta-header,.cta-text{text-align:center}.cta-header{color:#b13940;font-weight:700;font-size:1.3rem;line-height:1.2em;letter-spacing:-.02em}.cta-text{padding:1rem}.signup-btn-wrapper .cbtn-signup{display:block;margin:0 auto;width:200px;background-color:#000;font-size:1.4em;font-weight:500;color:#fff;text-align:center;line-height:1.7em;border:1px solid #000}.cta-qrcode{width:17vw}@media screen and (min-width:1024px){.cta-wrapper{width:50%}}.swiper-button-next:after,.swiper-button-prev:after{font-size:1.5rem;color:#fff}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,20px);left:auto}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,20px);right:auto}