html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
  font-family: 'AlibabaSans-Regular';
  src: url('../fonts/AlibabaSans-Regular.woff2') format('woff2'),
       url('../fonts/AlibabaSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AlibabaSans-Medium';
  src: url('../fonts/AlibabaSans-Medium.woff2') format('woff2'),
       url('../fonts/AlibabaSans-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AlibabaSans-Bold';
  src: url('../fonts/AlibabaSans-Bold.woff2') format('woff2'),
       url('../fonts/AlibabaSans-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {  text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale !important; text-shadow:1px 1px 1px rgba(0,0,0,0.004); font-size:1em; line-height:1.5; letter-spacing:0em; color:#4B4C51; background:#FFF; font-family:'AlibabaSans-Regular', sans-serif; font-weight:400; }
body { margin:0; padding:0; position:relative; }

h1, h2, h3, h4, p { margin:0; font-weight:normal; }
figure { padding:0; margin:0; }

input::placeholder { color:#929292; }

img { display:block; width:100%; height:auto; }

p, label, ol, li { font-size:14.5px; line-height:20px; }
a { font-family:'AlibabaSans-Medium', sans-serif; font-size:15px; line-height:20px; }


.u__overlay { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; }
.u__overlay:before { content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,14,83,0.65); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); z-index:-1; }
.u__overlay .s_content { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) translateY(-10px); width:215px; text-align:center; color:#F9F9F9; }
.u__overlay .s_content figure { width:150px; margin:0 auto; }
.u__overlay .s_content p { letter-spacing:-0.01em; font-family:'AlibabaSans-Medium', sans-serif; margin-top:-5px; }

.u__hide { opacity:0; transform:translateX(100%); }

.u__cta { width:100%; text-align:center; }
.u__cta .s_pribtn { display:inline-block; height:43px; box-sizing:border-box; border-radius:50px; background:#FF6C00; box-shadow:inset 0 -4px 4px rgba(255, 247, 233, 0.25), inset 0 4px 4px rgba(255, 247, 233, 0.25); line-height:43px; color:#F9F9F9; text-decoration:none; padding:0 30px; min-width:177px; text-align:center; }
.u__cta .s_pribtn.v_fixedwidth { width:240px; padding:0; }
.u__cta .s_pribtn.v_max { padding:0; width:100%; max-width:390px; letter-spacing:-0.015em; }
.u__cta .s_textlink { display:inline-block; color:#A5A5A5; }
.u__cta .s_pribtn + .s_textlink { margin-top:11px; }

.u__link { color:#FF6C00; }

header { position:fixed; top:0; left:0; width:100%; height:0; z-index:100; }

.c__header { position:absolute; top:0; left:0; width:100%; height:0; }
.c__header .s_logomilano { position:absolute; top:18px; left:20px; width:53px; }
.c__header .s_logoalibaba { position:absolute; top:30px; right:20px; width:93px; }


.c__main { position:relative; min-height:100vh; height:100dvh;}
.c__main:before { content:''; display:block; position:fixed; width:100%; height:100%; top:0; left:0; background:url(../img/bg-main.jpg) center center no-repeat; background-size:cover; z-index:-1; }
.c__main:after { content:''; display:block; position:fixed; width:418px; height:377px; bottom:0; left:0; background:url(../img/motif-main.png) bottom left no-repeat; background-size:418px 377px; z-index:-1; opacity:0.55; }
.c__main .s_wrapper { box-sizing:border-box; padding:0 20px; position:absolute; top:50%; transform:translateY(-50%); }
.c__main .s_copy { width:calc(80% - 6px); }
.c__main .s_copy h1 { font-family:'AlibabaSans-Medium', sans-serif; font-size:40px; line-height:42px; letter-spacing:-0.02em; margin-bottom:38px; }
.c__main .s_copy h1 span { display:block; }
.c__main .s_copy h1 span:first-child { font-size:29px; letter-spacing:0; line-height:29px; background-image:linear-gradient(180deg, #F9F9F9, #BECEFF); background-size:100% 29px; background-repeat:repeat-y; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; }
.c__main .s_copy h1 span:last-child { background-image:linear-gradient(180deg, #F9F9F9, #BECEFF); background-size:100% 42px; background-repeat:repeat-y; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; }
.c__main .s_copy h2 { font-family:'AlibabaSans-Medium', sans-serif; font-size:29px; letter-spacing:0; line-height:29px; background-image:linear-gradient(180deg, #F9F9F9, #BECEFF); background-size:100% 29px; background-repeat:repeat-y; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; margin-bottom:23px; }
.c__main .s_copy p { font-family:'AlibabaSans-Medium', sans-serif; color:#E3E3E4; }
.c__main .s_copy p + p { margin-top:15px; }
.c__main .u__cta { text-align:left; margin-top:44px; }
.c__main .s_graphic { width:134px; height:134px; border-radius:100%; overflow:hidden; position:relative; margin-top:27px; background:rgba(148, 164, 255, 0.6); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.c__main .s_graphic:before { content:''; display:block; width:143px; height:143px; background-image:url('../img/sprite-nfc.png'); background-repeat:no-repeat; background-size: 4147px 143px; animation:sprite_qr 1500ms steps(29) infinite; position:absolute; top:-5px; left:-4px; transform:scale(1.13); }
.c__main .s_graphic:after { content:''; display:block; position:absolute; width:100%; height:100%; border-radius:100%; top:0; left:0; z-index:-1; }

@keyframes sprite_qr {
    from { background-position:0 0; }
    to   { background-position:-4147px 0; } 
}

.c__main .s_graphic + .u__cta { margin-top:30px; }

.c__main.v_aligntop .s_wrapper { position:relative; top:0; transform:translateY(0); padding-top:112px; }


.c__quiz { position:relative; }
/*.c__quiz { position:fixed; width:100%; height:100%; top:0; left:0; }*/
.c__quiz:before { content:''; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:#F9F9F9; background:linear-gradient(180deg,rgba(249, 249, 249, 1) 41.12%, rgba(231, 242, 255, 1) 92.05%); z-index:-1; }
.c__quiz:after { content:''; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/bg-quiz-lines.svg) top center repeat; background-size:44px 44px; z-index:-1; }
.c__quiz .s_question { box-sizing:border-box; padding:105px 14px; width:100%; height:300px; /*background:url(../img/masthead-quiz-bg.png) bottom center no-repeat; background-size:cover; */ position:relative; overflow:hidden; }
.c__quiz .s_question:before { content:''; display:block; width:700px; height:300px; background:url(../img/masthead-quiz-bg.png) bottom center no-repeat; background-size:700px 300px; position:absolute; top:0; left:50%; transform:translateX(-50%); }
.c__quiz .s_question > * { position:relative; z-index:10; }
.c__quiz .s_question label { display:inline-block; background:#F9F9F9; border-radius:4px; color:#576298; font-family:'AlibabaSans-Medium', sans-serif; font-size:12px; line-height:16px; box-sizing:border-box; padding:2px 8px 3px; }
.c__quiz .s_question label:before { content:''; display:inline-block; width:6px; height:6px; border-radius:100%; background:#FF6C00; position:relative; transform:translateY(-1px); margin-right:6px; }
.c__quiz .s_question h2 { font-family:'AlibabaSans-Medium', sans-serif; font-size:24px; line-height:29px; margin-top:19px; background-image:linear-gradient(180deg, #F9F9F9, #D9E3FF); background-size:100% 29px; background-repeat:repeat-y; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; }
.c__quiz .s_question > div { width:60%; box-sizing:border-box; padding:0 6px; position:relative; z-index:10; }
.c__quiz .s_question > figure { position:absolute; top:100px; right:0; height:204px; width:calc(calc(calc(100% - 28px) / 5 * 2) + 14px); overflow:hidden; }
.c__quiz .s_question > figure img { width:auto; height:100%; }

.c__quiz .s_optionswiper { padding-top:30px; padding-bottom:50px; }
.c__quiz .s_optionswiper .s_option { height:190px; box-sizing:border-box; padding:0 12px; transition:transform 0.3s; position:relative; }
.c__quiz .s_optionswiper .s_option:before { content:''; display:block; position:absolute; top:17px; left:28px; width:54px; height:54px; background:url(../img/option-highlight.svg) center center no-repeat; background-size:100% 100%; z-index:10; transition:opacity 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333); }
.c__quiz .s_optionswiper .s_option:not(.swiper-slide-active) { transform:translateY(30px) rotate(-15deg); }
.c__quiz .s_optionswiper .s_option.swiper-slide-next { transform:translate(-6px, 15px) rotate(6deg); }
.c__quiz .s_optionswiper .s_option.swiper-slide-next + .swiper-slide { transform:translateY(30px) rotate(15deg); }
.c__quiz .s_optionswiper .s_option.swiper-slide-prev { transform:translate(6px, 15px) rotate(-6deg); }
.c__quiz .s_optionswiper .s_option > div { border:1px solid rgba(99, 167, 255, 0.65); border-radius:22px; box-sizing:border-box; padding:5px 5px; width:100%; height:100%; position:relative; background:#FEFEFE; }
.c__quiz .s_optionswiper .s_option > div:before { content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:22px; background:#FEFEFE; z-index:-1; transition:opacity 0.3s 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333); filter:drop-shadow(0 10px 30px rgba(41, 114, 250, 0.25)) drop-shadow(0 0 10px rgba(41, 114, 250, 0.5)); }
.c__quiz .s_optionswiper .s_panel { width:100%; height:100%; background:#D0DFFF; background:linear-gradient(180deg,rgba(208, 223, 255, 0.9) 0%, rgba(57, 146, 255, 0.9) 100%); border-radius:20px; box-shadow:inset 0 -6px 16px rgba(255,255,255,0.35); position:relative; }
.c__quiz .s_optionswiper .s_panel:before { content:''; display:block; position:absolute; width:100%; height:100%; background:#E2E9FF; background:linear-gradient(180deg,rgba(203, 215, 255, 1) 0%, rgba(133, 148, 197, 1) 100%); top:0; left:0; border-radius:20px; opacity:0; /*transition:opacity 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333);*/ }
.c__quiz .s_optionswiper .s_panel span { display:block; font-family:'AlibabaSans-Medium', sans-serif; font-size:15.5px; line-height:22px; letter-spacing:-0.01em; color:#F9F9F9; box-sizing:border-box; padding:0 15px; width:100%; position:absolute; bottom:16px; left:0; z-index:20; }

.c__quiz .s_optionswiper .s_option:not(.swiper-slide-active):before { opacity:0; }
.c__quiz .s_optionswiper .s_option:not(.swiper-slide-active) > div { background:none; border:transparent; }
.c__quiz .s_optionswiper .s_option:not(.swiper-slide-active) > div:before { opacity:0; /*transition:opacity 0.3s 0s cubic-bezier(0.33333, 0, 0.66667, 0.33333);*/ }
.c__quiz .s_optionswiper .s_option:not(.swiper-slide-active) .s_panel:before { opacity:1; }

.c__quiz .u__cta { margin-top:-21px; }
.c__quiz .u__cta .s_pribtn { min-width:unset; width:calc(50% - 24px); position:relative; z-index:100; }


.c__modal { position:fixed; width:100%; height:100%; top:0; left:0; z-index:200; transform:translateY(100%); }
.c__modal .s_overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 14, 83, 0.5); opacity:0; transition:opacity 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333); z-index:-1; }
.c__modal .s_panel { position:absolute; width:100%; height:100%; box-sizing:border-box; padding-top:92px; transform:translateY(100%); 
    transition:transform 0.25s 0.1s ease-in-out; }
.c__modal .s_panel .s_frame { width:100%; height:35px; background:url(../img/modal-frame.svg) top center no-repeat; background-size:100% 35px; }
.c__modal .s_panel .s_content { background:#F9F9F9 url(../img/bg-modal.png) top center no-repeat; background-size:820px auto; height:calc(100% - 29px); margin-top:-6px; box-sizing:border-box; padding:8px 20px 35px; color:#4F4F51; overflow-x: hidden; overflow-y:scroll; position:relative; }
.c__modal .s_panel .s_content:after { content:''; display:block; width:100%; height:20px; position:fixed; top:121px; left:0; background:#F9F9F9;
background:linear-gradient(180deg,rgba(249, 249, 249, 1) 17%, rgba(249, 249, 249, 0) 100%); }

.c__modal.v_reveal { transform:translateY(0); }
.c__modal.v_reveal .s_overlay { opacity:1; }
.c__modal.v_reveal .s_panel:not(.hidden) { transform:translateY(0); }

/*.c__modal .s_panel.v_fade { opacity:0; }*/

.c__modal h2 { font-family:'AlibabaSans-Medium', sans-serif; font-size:20px; line-height:24px; color:#090C1F; }
.c__modal h2 + p { margin-top:16px; }
.c__modal .s_continuejourney { display:flex; min-height:118px; background:#F9F9F9; background:linear-gradient(180deg,rgba(249, 249, 249, 1) 0%, rgba(231, 242, 255, 1) 100%); filter:drop-shadow(0 0 20px rgba(96, 105, 199, 0.25)); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-radius:20px; align-items:center; margin-top:21px; }
.c__modal .s_continuejourney p { width:60%; box-sizing:border-box; padding:0 6px 0 20px; color:#4F4F51; }
.c__modal .s_continuejourney figure { width:40%; max-width:130px; box-sizing:border-box; padding-left:6px; position:absolute; top:-16px; right:0; }
.c__modal .s_personaliseform { margin-top:25px; }
.c__modal .s_personaliseform h2 { margin-bottom:15px; }
.c__modal .s_personaliseform form { position:relative; box-sizing:border-box; padding-top:17px; }
.c__modal .s_personaliseform input[type="text"] { position:relative; display:block; width:calc(100% - 2px); height:48px; background:#FFF; outline:none; border-radius:5px; z-index:10; border:0; box-sizing:border-box; padding:0 17px; margin-left:1px; font-size:14.5px; line-height:48px; color:#090C1F; caret-color:#FF6C00; }
.c__modal .s_personaliseform span + input { margin-top:9px; }
.c__modal .s_personaliseform input[type="text"] + span { position:relative; display:block; margin-top:-49px; display:block; width:100%; height:50px; background:#FF6C00; background:linear-gradient(90deg,rgba(255, 108, 0, 1) 0%, rgba(253, 213, 184, 1) 100%); border-radius:6px; }
.c__modal .s_personaliseform input[type="text"] + span:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:50px; background:#B8B8BC; border-radius:6px; transition:opacity 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333); }
.c__modal .s_personaliseform input[type="checkbox"] { display:none; }
.c__modal .s_personaliseform input + label { display:block; box-sizing:border-box; padding:0 0 0 27px; position:relative; }
.c__modal .s_personaliseform input + label:before { content:''; display:block; position:absolute; top:2px; left:0; width:18px; height:18px; background:#F9F9F9; box-sizing:border-box; border:1px solid #B8B8BC; border-radius:6px; transition:background 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), border 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333); }
.c__modal .s_personaliseform input + label:after { content:''; display:block; position:absolute; top:-0.5px; left:-3px; width:24px; height:24px; pointer-events:none; background:url(../img/icon-zonetick.svg) center center no-repeat; background-size:24px 24px; opacity:0; transition:opacity 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333); }
.c__modal .s_personaliseform input + span:after { content:''; display:block; position:absolute; top:50%; right:16px; transform:translateY(-50%); width:18px; height:18px; background:url(../img/icon-validatetick.svg) center center no-repeat; background-size:18px 18px; z-index:100; opacity:0; transition:opacity 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333); }
.c__modal .s_personaliseform input + label a { color:#FF6C00; font-family:'AlibabaSans-Medium', sans-serif; }
.c__modal .s_personaliseform fieldset { margin-top:17px; }
.c__modal .s_personaliseform fieldset + fieldset { margin-top:13px; }

.c__modal .s_personaliseform input.v_error + span:before {  }
.c__modal .s_personaliseform input.v_valid + span:before { background:#24AE3B; }
.c__modal .s_personaliseform input.v_valid + span:after { opacity:1; }
.c__modal .s_personaliseform input:focus + span:before { opacity:0; }
.c__modal .s_personaliseform input:focus + span:after { opacity:0; }

.c__modal .s_personaliseform input[type="checkbox"]:checked + label:before { background:#24AE3B; border:transparent; }
.c__modal .s_personaliseform input[type="checkbox"]:checked + label:after { opacity:1; }


.c__modal .s_closemodal { position:absolute; display:block; width:45px; height:45px; top:120px; right:6px; opacity:0; transition:opacity 0.2s 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333); }
.c__modal .s_closemodal img { width:16px; height:16px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.c__modal.v_reveal .s_closemodal { opacity:1; }

.c__modal .u__cta { margin-top:16px; }

.c__modal .s_tabwrapper { filter:drop-shadow(0 0 14px rgba(96, 105, 199, 0.38)); }
.c__modal .s_tabwrapper .s_tab { display:flex; align-items:flex-end; }
.c__modal .s_tabwrapper .s_tableft { width:221px; height:60px; }
.c__modal .s_tabwrapper .s_tabright { width:calc(100% - 221px); height:20px; box-sizing:border-box; border-radius:0 20px 0 0; background:rgba(249, 249, 249, 0.7); }
.c__modal .s_tabwrapper .s_tabcontent { width:100%; min-height:50px; background:#F9F9F9; background:linear-gradient(180deg,rgba(249, 249, 249, 0.7) 0%, rgba(231, 242, 255, 0.7) 115%); box-sizing:border-box; border-radius:0 0 20px 20px; padding:51px 18px 27px; position:relative; }
.c__modal .s_tabwrapper .s_tabcontent .s_header { position:absolute; top:-38px; left:0; width:100%; }
.c__modal .s_tabwrapper .s_tabcontent .s_header label { display:block; font-family:'AlibabaSans-Medium', sans-serif; font-size:14.5px; line-height:20px; color:#7B89A4; box-sizing:border-box; padding-left:18px; margin-bottom:24px; }
.c__modal .s_tabwrapper .s_tabcontent .s_header h3 { font-family:'AlibabaSans-Medium', sans-serif; font-size:26px; line-height:31px; background-image:linear-gradient(180deg, #273385, #8992CD); background-size:100% 31px; background-repeat:repeat-y; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; width:calc(60% - 6px); box-sizing:border-box; padding-left:18px; }
.c__modal .s_tabwrapper .s_tabcontent .s_header h3 i { font-size:26px; font-style:normal; }
.c__modal .s_tabwrapper .s_tabcontent .s_header .s_mascot { width:calc(40% + 6px); max-width:140px; position:absolute; top:-36px; right:10px; }
.c__modal .s_tabwrapper .s_tabcontent p { color:#4F4F51; }
.c__modal .s_tabwrapper .s_tabcontent p + p { margin-top:11px; }
.c__modal .s_tabwrapper .s_tabcontent .u__link { margin-top:21px; display:inline-block; }
.c__modal .s_tabwrapper .s_qr { width:180px; height:180px; box-sizing:border-box; padding:15px; border-radius:20px; background:#F9F9F9; background:linear-gradient(180deg,rgba(249, 249, 249, 0.7) 0%, rgba(231, 242, 255, 0.7) 100%); filter:drop-shadow(0 0 14px rgba(96, 105, 199, 0.25)); margin:27px auto 0; }

.c__modal .s_zones { list-style:none; display:flex; flex-wrap:wrap; padding:0; width:100%; position:relative; margin:41px 0 4px; }
.c__modal .s_zones > li { width:50%; box-sizing:border-box; filter:grayscale(100%); }
.c__modal .s_zones > li a { display:block; height:0; width:calc(100% - 8px); padding-bottom:106%; background:url(../img/bg-zones.jpg) bottom center no-repeat; background-size:cover; box-sizing:border-box; border-radius:20px; filter:drop-shadow(0 0 14px rgba(96, 105, 199, 0.25)); text-decoration:none; }
.c__modal .s_zones > li:nth-child(even) a { margin-left:auto; margin-right:0; }
.c__modal .s_zones > li:nth-child(n+3) { margin-top:20px; }
.c__modal .s_zones h4 { font-family:'AlibabaSans-Medium', sans-serif; font-size:18px; line-height:20px; letter-spacing:-0.5px; color:#898989; position:absolute; bottom:18px; left:0; width:100%; box-sizing:border-box; padding:0 16px; }
.c__modal .s_zones .s_check { position:absolute; top:8px; left:8px; width:24px; height:24px; background:#BABABA; border-radius:100%; filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15)); }
.c__modal .s_zones figure { position:absolute; top:-35px; right:-32px; width:100%; pointer-events:none; }

.c__modal .s_zones > li.v_completed { filter:unset; }
.c__modal .s_zones > li.v_completed h4 { background-image:linear-gradient(180deg, #273385, #5B69C9); background-size:100% 20px; background-repeat:repeat-y; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; }
.c__modal .s_zones > li.v_completed .s_check { background:#FF6C00; }
.c__modal .s_zones > li.v_completed .s_check:after { content:''; display:block; width:24px; height:24px; background:url(../img/icon-zonetick.svg) center center no-repeat; background-size:24px; position:absolute; top:0; left:0; }

.c__modal .s_redeem { width:100%; box-sizing:border-box; padding:74px 18px 26px; margin-top:60px; margin-bottom:4px; position:relative; }
.c__modal .s_redeem:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#F9F9F9; background:linear-gradient(180deg,rgba(249, 249, 249, 0.7) 0%, rgba(231, 242, 255, 0.7) 100%); filter:drop-shadow(0 0 14px rgba(96, 105, 199, 0.38)); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); z-index:0; border-radius:20px; }
.c__modal .s_redeem > * { position:relative; z-index:1; }
.c__modal .s_redeem .s_mascot { position:absolute; width:150px; height:150px; top:-55px; left:50%; transform:translateX(-50%); pointer-events:none; }
.c__modal .s_redeem .u__cta { margin-top:27px; }

.c__modal .s_highlights { margin:25px 0 4px; }
.c__modal .s_highlights p { font-family:'AlibabaSans-Medium', sans-serif; width:210px; margin:0 auto; text-align:center; }
.c__modal .s_highlights .u__cta { margin-top:15px; }


.c__modal .s_panel.v_allzones .s_tabwrapper { margin-top:22px; }
.c__modal .s_panel.v_result .s_tabwrapper .s_tabcontent { padding-top:88px; }
.c__modal .s_panel.v_result .s_tabwrapper .s_tabcontent .s_header { top:-49px; }
.c__modal .s_panel.v_result .s_tabwrapper .s_tabcontent .s_header h3 { font-size:32px; line-height:30px; }
.c__modal .s_panel.v_result .s_tabwrapper .s_tabcontent .s_header .s_mascot { width:191px; max-width:unset; top:-37px; right:-14px; }
.c__modal .s_panel.v_result .s_tabwrapper { margin-top:27px; }
.c__modal .s_panel.v_redeem .s_tabwrapper { margin-top:8px; }


.c__privacy { position:fixed; top:0; left:0; width:100%; height:100%; z-index:500; background:#F9F9F9; overflow-y:scroll; }
.c__privacy:before { content:''; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/bg-privacy.jpg) bottom center no-repeat; background-size:680px 640px; z-index:-1; }
.c__privacy .s_panel { box-sizing:border-box; padding:58px 20px 62px; position:relative; }
.c__privacy .s_panel:before, .c__privacy .s_panel:after { content:''; display:block; position:fixed; width:100%; height:70px; left:0; pointer-events:none; background:#F9F9F9; background:linear-gradient(180deg,rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 100%); }
.c__privacy .s_panel:before { top:0; transform:rotate(180deg); }
.c__privacy .s_panel:after { bottom:0; }
.c__privacy p + p, .c__privacy p + ul, .c__privacy p + ol, .c__privacy ul + p, .c__privacy ol + p, .c__privacy ol li + li { margin-top:11px; }
.c__privacy .s_header h3 { font-family:'AlibabaSans-Medium', sans-serif; font-size:20px; line-height:24px; color:#090C1F; margin-bottom:6px; }
.c__privacy .s_header h4 { font-family:'AlibabaSans-Medium', sans-serif; font-size:14.5; line-height:24px; color:#090C1F; margin-bottom:19px; }
.c__privacy .s_content .s_index { margin-top:20px; }
.c__privacy .s_content .s_index h4 { font-family:'AlibabaSans-Medium', sans-serif; font-size:14.5; line-height:24px; color:#090C1F; margin-bottom:9px; }
.c__privacy .s_content .s_index ul { list-style:none; padding:0; }
.c__privacy .s_content .s_index ul li { box-sizing:border-box; padding-left:23px; position:relative; }
.c__privacy .s_content .s_index ul li:before { content:''; display:block; position:absolute; top:9.5px; left:4px; width:4px; height:4px; background:#4B4C51; border-radius:100%; }
.c__privacy .s_content .s_index ol { list-style:none; padding:0; counter-reset:alpha; }
.c__privacy .s_content .s_index ol li { box-sizing:border-box; padding-left:23px; position:relative; counter-increment:alpha; }
.c__privacy .s_content .s_index ol li:before { content:counter(alpha, upper-alpha) ". "; position:absolute; top:0; left:1px; }
.c__privacy .u__cta { margin-top:26px; }

.c__privacy .s_closemodal { position:fixed; display:block; width:45px; height:45px; top:4px; right:6px; transition:opacity 0.2s 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333); }
.c__privacy .s_closemodal img { width:16px; height:16px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }


@media only screen and (min-width: 418px) {
    .c__main:after { left:auto; right:0; }
}


@media (orientation: landscape) and (min-width: 60.000em)  {
    
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

@supports (-webkit-touch-callout: none) or (-webkit-overflow-scrolling: touch) {
    .c__contentside {
        top: calc(100svh - 62px);
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* wph summer code */

	.note-modal-content {
		top: 40px;
	}

	.sn-checkbox-use-protocol {
		display: none !important;
	}

	.sn-checkbox-open-in-new-window {
		display: none !important;
	}

	.note-modal-footer {
		margin: 15px;
	}

	.note-editable ul {
		list-style-type: disc;
		padding-left: 7px;
	}

	.note-editable ol {
		list-style-type: decimal;
		padding-left: 7px;
	}