@charset "UTF-8";
.ImageCollage[data-image-amount="3"] .ImageCollage--image[data-index="1"] { top: calc(0 / 390 * min(100vw, 1230px)); left: calc(0 / 390 * min(100vw, 1230px)); width: calc(175 / 390 * min(100vw, 1230px)); aspect-ratio: 0.79545; }

.ImageCollage[data-image-amount="3"] .ImageCollage--image[data-index="2"] { top: calc(94 / 390 * min(100vw, 1230px)); right: calc(0 / 390 * min(100vw, 1230px)); width: calc(132 / 390 * min(100vw, 1230px)); aspect-ratio: 1.51724; }

.ImageCollage[data-image-amount="3"] .ImageCollage--image[data-index="3"] { bottom: calc(0 / 390 * min(100vw, 1230px)); right: calc(34 / 390 * min(100vw, 1230px)); width: calc(180 / 390 * min(100vw, 1230px)); aspect-ratio: 0.8; }

@media screen and (min-width: 1001px) { .ImageCollage[data-image-amount="3"] .ImageCollage--image[data-index="1"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 350ms; top: calc(114 / 1440 * min(100vw, 1230px)); left: calc(-140 / 1440 * min(100vw, 1230px)); width: calc(432 / 1440 * min(100vw, 1230px)); aspect-ratio: 0.8; }
  .ImageCollage[data-image-amount="3"] .ImageCollage--image[data-index="2"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 700ms; top: calc(0 / 1440 * min(100vw, 1230px)); right: calc(155 / 1440 * min(100vw, 1230px)); width: calc(313 / 1440 * min(100vw, 1230px)); aspect-ratio: 1.5495; }
  .ImageCollage[data-image-amount="3"] .ImageCollage--image[data-index="3"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 1050ms; bottom: calc(0 / 1440 * min(100vw, 1230px)); right: calc(-80 / 1440 * min(100vw, 1230px)); width: calc(400 / 1440 * min(100vw, 1230px)); aspect-ratio: 0.8; } }

.ImageCollage[data-image-amount="4"] .ImageCollage--image[data-index="1"] { top: calc(0 / 390 * min(100vw, 1230px)); left: calc(0 / 390 * min(100vw, 1230px)); width: calc(175 / 390 * min(100vw, 1230px)); aspect-ratio: 0.79545; }

.ImageCollage[data-image-amount="4"] .ImageCollage--image[data-index="2"] { top: calc(95 / 390 * min(100vw, 1230px)); right: calc(12 / 390 * min(100vw, 1230px)); width: calc(121 / 390 * min(100vw, 1230px)); aspect-ratio: 1.32967; }

.ImageCollage[data-image-amount="4"] .ImageCollage--image[data-index="3"] { bottom: calc(0 / 390 * min(100vw, 1230px)); right: calc(0 / 390 * min(100vw, 1230px)); width: calc(132 / 390 * min(100vw, 1230px)); aspect-ratio: 0.63768; }

.ImageCollage[data-image-amount="4"] .ImageCollage--image[data-index="4"] { bottom: calc(55 / 390 * min(100vw, 1230px)); left: calc(22 / 390 * min(100vw, 1230px)); width: calc(172 / 390 * min(100vw, 1230px)); aspect-ratio: 1.7732; }

@media screen and (min-width: 1001px) { .ImageCollage[data-image-amount="4"] .ImageCollage--image[data-index="1"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 350ms; top: calc(81 / 1440 * min(100vw, 1230px)); left: calc(45 / 1440 * min(100vw, 1230px)); width: calc(313 / 1440 * min(100vw, 1230px)); aspect-ratio: 0.80051; }
  .ImageCollage[data-image-amount="4"] .ImageCollage--image[data-index="2"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 700ms; top: calc(0 / 1440 * min(100vw, 1230px)); right: calc(155 / 1440 * min(100vw, 1230px)); width: calc(344 / 1440 * min(100vw, 1230px)); aspect-ratio: 1.50218; }
  .ImageCollage[data-image-amount="4"] .ImageCollage--image[data-index="3"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 1050ms; bottom: calc(259 / 1440 * min(100vw, 1230px)); right: calc(86 / 1440 * min(100vw, 1230px)); width: calc(233 / 1440 * min(100vw, 1230px)); aspect-ratio: 0.80069; }
  .ImageCollage[data-image-amount="4"] .ImageCollage--image[data-index="4"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 1400ms; bottom: calc(0 / 1440 * min(100vw, 1230px)); left: calc(185 / 1440 * min(100vw, 1230px)); width: calc(353 / 1440 * min(100vw, 1230px)); aspect-ratio: 1.79188; } }

.ImageCollage[data-image-amount="5"] .ImageCollage--image[data-index="1"] { top: calc(0 / 390 * min(100vw, 1230px)); left: calc(0 / 390 * min(100vw, 1230px)); width: calc(175 / 390 * min(100vw, 1230px)); aspect-ratio: 0.79545; }

.ImageCollage[data-image-amount="5"] .ImageCollage--image[data-index="2"] { top: calc(95 / 390 * min(100vw, 1230px)); right: calc(12 / 390 * min(100vw, 1230px)); width: calc(121 / 390 * min(100vw, 1230px)); aspect-ratio: 1.32967; }

.ImageCollage[data-image-amount="5"] .ImageCollage--image[data-index="3"] { bottom: calc(95 / 390 * min(100vw, 1230px)); right: calc(0 / 390 * min(100vw, 1230px)); width: calc(132 / 390 * min(100vw, 1230px)); aspect-ratio: 0.63768; }

.ImageCollage[data-image-amount="5"] .ImageCollage--image[data-index="4"] { bottom: calc(0 / 390 * min(100vw, 1230px)); left: calc(80 / 390 * min(100vw, 1230px)); width: calc(120 / 390 * min(100vw, 1230px)); aspect-ratio: 1.33333; }

.ImageCollage[data-image-amount="5"] .ImageCollage--image[data-index="5"] { bottom: calc(165 / 390 * min(100vw, 1230px)); left: calc(10 / 390 * min(100vw, 1230px)); width: calc(160 / 390 * min(100vw, 1230px)); aspect-ratio: 1.33333; }

@media screen and (min-width: 1001px) { .ImageCollage[data-image-amount="5"] .ImageCollage--image[data-index="1"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 350ms; top: calc(114 / 1440 * min(100vw, 1230px)); left: calc(-88 / 1440 * min(100vw, 1230px)); width: calc(440 / 1440 * min(100vw, 1230px)); aspect-ratio: 0.8; }
  .ImageCollage[data-image-amount="5"] .ImageCollage--image[data-index="2"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 700ms; top: calc(0 / 1440 * min(100vw, 1230px)); left: calc(710 / 1440 * min(100vw, 1230px)); width: calc(220 / 1440 * min(100vw, 1230px)); aspect-ratio: 1.5493; }
  .ImageCollage[data-image-amount="5"] .ImageCollage--image[data-index="3"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 1050ms; top: calc(280 / 1440 * min(100vw, 1230px)); right: calc(28 / 1440 * min(100vw, 1230px)); width: calc(242 / 1440 * min(100vw, 1230px)); aspect-ratio: 0.80132; }
  .ImageCollage[data-image-amount="5"] .ImageCollage--image[data-index="4"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 1400ms; bottom: calc(99 / 1440 * min(100vw, 1230px)); right: calc(208 / 1440 * min(100vw, 1230px)); width: calc(204 / 1440 * min(100vw, 1230px)); aspect-ratio: 0.75; }
  .ImageCollage[data-image-amount="5"] .ImageCollage--image[data-index="5"] { left: unset; right: unset; top: unset; bottom: unset; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 1750ms; bottom: calc(0 / 1440 * min(100vw, 1230px)); left: calc(302 / 1440 * min(100vw, 1230px)); width: calc(353 / 1440 * min(100vw, 1230px)); aspect-ratio: 1.79188; } }

@-webkit-keyframes anim-CampaignHero-title { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes anim-CampaignHero-title { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes heroteaser-bg-animation { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes heroteaser-bg-animation { 0% { opacity: 0; }
  100% { opacity: 1; } }

* { font: inherit; color: inherit; line-height: inherit; text-decoration: inherit; box-sizing: border-box; margin: 0; padding: 0; }

html { color: #000; background: #FFF; }

figure { -webkit-margin-start: 0; -webkit-margin-end: 0; margin-left: 0; margin-right: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

del, ins { text-decoration: none; }

li { list-style: none; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; text-decoration: none; font-variant: normal; }

sup { vertical-align: baseline; }

sub { vertical-align: baseline; }

legend { color: inherit; *color: #000; }

button, input[type="button"], input[type="reset"], input[type="submit"] { text-align: inherit; background: transparent; -webkit-appearance: button; cursor: pointer; border: 0; border-radius: 0; }

button[disabled], input[disabled] { cursor: default; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

html { width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; background-color: #fff; scroll-padding-top: 90px; scroll-behavior: auto !important; }

body { font-family: "Swiss Re Sans", "Univers LT", "Univers", "Helvetica Neue", "Helvetica", "Gulim", "Malgun Gothic", "Apple Gothic Neo", "Noto Sans KR", "Microsoft YaHei UI", "Microsoft JhengHei", "PingFang SC", "PingFang TC", "Yu Gothic", "Meiryo", "Hiragino Sans", sans-serif; font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; color: #3C4150; overflow-x: hidden !important; min-height: 100vh; scroll-padding-top: 90px; }

[lang="zh"] body, [lang="zh-Hant"] body, [lang="zh-Hans"] body, [lang="zh-CN"] body { line-height: 1.7; }

@media screen and (max-width: 1000px) { body { font-size: 20px; font-size: 1.25rem; } }

.template-plain body { min-height: 0; }

@media screen and (max-width: 750px) { body { overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; hyphenate-limit-chars: auto 3 3; } }

[lang="ja"] body { font-family: "Swiss Re Sans", "Meiryo", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック体", "メイリオ", "Noto Sans JP", sans-serif; }

[lang="zh"] body, [lang="zh-Hant"] body, [lang="zh-Hans"] body, [lang="zh-CN"] body { font-family: "Swiss Re Sans", "Microsoft YaHei UI", "Microsoft JhengHei", "PingFang SC", "PingFang TC", "微軟正黑體", "Noto Sans SC", sans-serif; line-height: 1.7; }

[lang="ko"] body { font-family: "Swiss Re Sans", "Malgun Gothic", "Apple Gothic Neo", "Noto Sans KR", "Gulim", sans-serif; }

article, section, a { page-break-inside: avoid; }

#body { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; }

.template-plain #body { min-height: 0; }

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body, input, select, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a[href], button, input, select, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }

a:active { outline: none; }

*:focus { outline: none; }

abbr { border-bottom: 1px dotted gray; }

p sup { position: relative; top: -0.75ex; }

p sub { position: relative; top: 0.5ex; }

button { cursor: pointer; }

.nc_pixel { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; }

.ImageCollage { margin-bottom: 120px; position: relative; padding-top: calc(250 / 390 * min(100vw, 1230px)); padding-bottom: calc(200 / 390 * min(100vw, 1230px)); }

@media screen and (max-width: 1000px) { .ImageCollage { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .ImageCollage { margin-bottom: 60px; } }

@media screen and (max-width: 1000px) { .ImageCollage[data-image-amount="4"] { padding-bottom: calc(250 / 390 * min(100vw, 1230px)); }
  .ImageCollage[data-image-amount="5"] { padding-bottom: calc(325 / 390 * min(100vw, 1230px)); } }

@media screen and (min-width: 1001px) { .ImageCollage { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding: 0; min-height: calc(max(100dvh, 1000px)); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

@media screen and (min-width: 1001px) and (max-width: 1430px) { .ImageCollage { margin-left: 75px; margin-right: 75px; } }

@media screen and (min-width: 1001px) and (max-width: 1200px) { .ImageCollage { margin-left: 60px; margin-right: 60px; } }

@media screen and (min-width: 1001px) { .ImageCollage--sectionTitle.SectionTitle { max-width: calc(min(508px, 28vw)); margin-left: auto; margin-right: auto; } }

.ImageCollage--actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; }

.ImageCollage--image { position: absolute; opacity: 0; }

.ImageCollage--image .ImmediateImage { border-radius: 4px; overflow: hidden; }

.ImageCollage.is-appeared .ImageCollage--image { opacity: 1; }

.ImmersiveHero { position: relative; padding-bottom: 30px; color: #ffffff; }

.ImmersiveHero--backdrop { position: -webkit-sticky; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; -webkit-clip-path: inset(0); clip-path: inset(0); }

.ImmersiveHero--backdrop::before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40vh, rgba(0, 0, 0, 0.25) 100vh); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 2; }

.ImmersiveHero--backdrop::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); opacity: var(--scroll-progress, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 2; }

.ImmersiveHero--backgroundVideo.Media.video { position: absolute; inset: 0; width: 100%; height: 100%; -webkit-filter: blur(calc(var(--scroll-progress, 0) * 8px)); filter: blur(calc(var(--scroll-progress, 0) * 8px)); z-index: 1; }

.ImmersiveHero--backgroundImage.ImmediateImage { position: absolute; inset: -20px; width: auto; height: auto; -webkit-filter: blur(calc(var(--scroll-progress, 0) * 8px)); filter: blur(calc(var(--scroll-progress, 0) * 8px)); z-index: 1; }

.ImmersiveHero--inner { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); margin-top: -100dvh; display: -ms-grid; display: grid; -ms-grid-rows: 100dvh auto; grid-template-rows: 100dvh auto; position: relative; margin-bottom: 20dvh; z-index: 3; pointer-events: none; }

@media (max-width: 1430px) { .ImmersiveHero--inner { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .ImmersiveHero--inner { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .ImmersiveHero--inner { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ImmersiveHero--inner { padding-left: 20px; padding-right: 20px; } }

@media print { .ImmersiveHero--inner { max-width: 100%; margin: 0; } }

.ImmersiveHero--inner > * { pointer-events: auto; }

.ImmersiveHero--breadcrumb.Breadcrumbs { margin-bottom: 45px; text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.35); }

@media screen and (max-width: 750px) { .ImmersiveHero--breadcrumb.Breadcrumbs { margin-bottom: 30px; } }

.ImmersiveHero--head { place-self: center; }

.ImmersiveHero.secondary .ImmersiveHero--head { place-self: end start; }

.ImmersiveHero--title { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; }

@media screen and (max-width: 1000px) { .ImmersiveHero--title { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .ImmersiveHero--title { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.ImmersiveHero.primary .ImmersiveHero--title { font-size: 120px; font-size: 7.5rem; font-weight: 200; line-height: 1; text-align: center; max-width: 676px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1000px) { .ImmersiveHero.primary .ImmersiveHero--title { font-size: 75px; font-size: 4.6875rem; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .ImmersiveHero.primary .ImmersiveHero--title { font-size: 60px; font-size: 3.75rem; line-height: 1.1; } }

.ImmersiveHero.secondary .ImmersiveHero--title { margin-bottom: 0.5em; }

.ImmersiveHero--lead { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; color: #ffffff; max-width: 910px; margin-bottom: 1em; }

@media screen and (max-width: 1000px) { .ImmersiveHero--lead { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.ImmersiveHero--content { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; color: #ffffff; max-width: 910px; }

@media screen and (max-width: 1000px) { .ImmersiveHero--content { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.ImmersiveHero--content p:not(:last-child) { margin-bottom: 1em; }

.ImmersiveHero.primary .ImmersiveHero--content { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; }

@media screen and (max-width: 1000px) { .ImmersiveHero.primary .ImmersiveHero--content { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .ImmersiveHero.primary .ImmersiveHero--content { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

@-webkit-keyframes scroll-indicator { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0%); transform: translateY(0%); } }

@keyframes scroll-indicator { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0%); transform: translateY(0%); } }

.ImmersiveHero--scrollIndicator { position: absolute; z-index: 5; width: 100px; height: 100px; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 30px; margin-bottom: 30px; transition: 200ms -webkit-transform ease-in-out; transition: 200ms transform ease-in-out; transition: 200ms transform ease-in-out, 200ms -webkit-transform ease-in-out; }

@media screen and (min-width: 1201px) { html:not(.can-touch) .ImmersiveHero--scrollIndicator:active, html:not(.can-touch) .ImmersiveHero--scrollIndicator:hover { cursor: pointer; -webkit-transform: translateX(-50%) scale(1.2); transform: translateX(-50%) scale(1.2); }
  html:not(.can-touch) .ImmersiveHero--scrollIndicator:active .ImmersiveHero--scrollIndicator--icon, html:not(.can-touch) .ImmersiveHero--scrollIndicator:hover .ImmersiveHero--scrollIndicator--icon { -webkit-animation-play-state: paused; animation-play-state: paused; } }

.ImmersiveHero.secondary .ImmersiveHero--scrollIndicator { left: unset; right: calc(50% - 615px); }

@media (max-width: 1430px) { .ImmersiveHero.secondary .ImmersiveHero--scrollIndicator { right: 75px; } }

@media screen and (max-width: 1200px) { .ImmersiveHero.secondary .ImmersiveHero--scrollIndicator { right: 60px; } }

@media screen and (max-width: 750px) { .ImmersiveHero.secondary .ImmersiveHero--scrollIndicator { right: 30px; } }

@media screen and (max-width: 580px) { .ImmersiveHero.secondary .ImmersiveHero--scrollIndicator { right: 20px; } }

@media print { .ImmersiveHero.secondary .ImmersiveHero--scrollIndicator { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1200px) { .ImmersiveHero.secondary .ImmersiveHero--scrollIndicator { -webkit-transform: none; transform: none; right: 15px; } }

.ImmersiveHero--scrollIndicator--icon { position: absolute; left: 35px; bottom: 15px; -webkit-animation-name: scroll-indicator; animation-name: scroll-indicator; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.ImmersiveHero--scrollIndicator--icon::before { content: ""; display: block; width: 30px; height: 30px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: translateY(-12px) rotate(45deg); transform: translateY(-12px) rotate(45deg); }

.StickyMediaSection { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-top: 60px; margin-bottom: 60px; }

@media (max-width: 1430px) { .StickyMediaSection { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .StickyMediaSection { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .StickyMediaSection { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .StickyMediaSection { margin-left: 20px; margin-right: 20px; } }

@media print { .StickyMediaSection { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .StickyMediaSection { margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .StickyMediaSection { margin-top: 30px; } }

@media screen and (max-width: 1000px) { .StickyMediaSection { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .StickyMediaSection { margin-bottom: 30px; } }

@media screen and (min-width: 1001px) { .StickyMediaSection { min-height: 80vh; margin-top: 10vh; margin-bottom: 10vh; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[12]; grid-template-columns: repeat(12, 1fr); gap: 90px 30px; }
  .StickyMediaSection::before, .StickyMediaSection::after { content: ''; grid-row: 1 / -1; -ms-grid-column: 8; grid-column: 8; position: -webkit-sticky; position: sticky; left: 0; width: 1px; height: 40vh; background-color: #D4D4D4; }
  .StickyMediaSection::before { top: 10vh; }
  .StickyMediaSection::after { top: 50vh; }
  .StickyMediaSection.reverse::before, .StickyMediaSection.reverse::after { -ms-grid-column: 6; grid-column: 6; margin-left: -30px; } }

.StickyMediaSection--row + .StickyMediaSection--row { margin-top: 60px; }

@media screen and (min-width: 1001px) { .StickyMediaSection--row { display: contents; } }

.StickyMediaSection--content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 1001px) { .StickyMediaSection--content { min-height: 40vh; gap: 60px; grid-column: 1 / 7; }
  .StickyMediaSection.reverse .StickyMediaSection--content { grid-column: 7 / 13; }
  .StickyMediaSection--media{ grid-column: 9 / 13; grid-row: 1 / -1; position: -webkit-sticky; position: sticky; top: 20vh; margin-top: 10vh; margin-bottom: 10vh; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
  .StickyMediaSection.reverse .StickyMediaSection--media{ grid-column: 1 / 5; } }

.StickyMediaSection--media .LinkList { margin: 0; }

.StickyMediaSection--media--inner { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; }

@media screen and (min-width: 1001px) { .StickyMediaSection--media--inner { margin-top: -10vh; margin-bottom: -10vh; } }

.StickyMediaSection--video { padding-top: 100%; }

@media screen and (min-width: 1001px) { .StickyMediaSection--video { padding-top: 120%; } }

.StickyMediaSection--image { padding-top: 100%; position: relative; }

@media screen and (min-width: 1001px) { .StickyMediaSection--image { padding-top: 120%; } }

.StickyMediaSection--image .Media.image { position: absolute; inset: 0; }

.StickyMediaSection--caption { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; }

[lang="zh"] .StickyMediaSection--caption, [lang="zh-Hant"] .StickyMediaSection--caption, [lang="zh-Hans"] .StickyMediaSection--caption, [lang="zh-CN"] .StickyMediaSection--caption { line-height: 1.5; }

@media screen and (min-width: 1001px) { .StickyMediaSection--media.is-media-hidden .StickyMediaSection--caption, .StickyMediaSection--media.is-media-hidden .LinkList { opacity: 0; transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0s; }
  .StickyMediaSection--media.is-media-hidden .StickyMediaSection--image { opacity: 0; transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0.25s; }
  .StickyMediaSection--media:not(.is-media-hidden) .StickyMediaSection--image{ opacity: 1; transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0s; }
  .StickyMediaSection--media:not(.is-media-hidden) .StickyMediaSection--caption, .StickyMediaSection--media:not(.is-media-hidden) .LinkList{ opacity: 1; transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0.5s; } }

.StickyMediaSectionContent { margin-bottom: 90px; }

@media screen and (max-width: 1000px) { .StickyMediaSectionContent { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .StickyMediaSectionContent { margin-bottom: 45px; } }

.StickyMediaSectionContent > *:last-child { margin-bottom: 0; }

.StickyMediaSectionContent--indexLabel { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; display: block; color: #006E73; }

@media screen and (max-width: 1000px) { .StickyMediaSectionContent--indexLabel { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .StickyMediaSectionContent--indexLabel { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

@media screen and (max-width: 1000px) { .StickyMediaSectionContent--indexLabel { font-size: 120px; font-size: 7.5rem; font-weight: 200; line-height: 1; font-size: 75px; font-size: 4.6875rem; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .StickyMediaSectionContent--indexLabel { font-size: 60px; font-size: 3.75rem; line-height: 1.1; } }

.StickyMediaSectionContent--tag { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; margin-bottom: 1.5em; text-transform: uppercase; display: block; color: #505461; }

[lang="zh"] .StickyMediaSectionContent--tag, [lang="zh-Hant"] .StickyMediaSectionContent--tag, [lang="zh-Hans"] .StickyMediaSectionContent--tag, [lang="zh-CN"] .StickyMediaSectionContent--tag { line-height: 1.5; }

.StickyMediaSectionContent--title { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; margin-bottom: 0.5em; }

@media screen and (max-width: 1000px) { .StickyMediaSectionContent--title { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.StickyMediaSectionContent--lead { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; margin-bottom: 0.8em; }

@media screen and (max-width: 1000px) { .StickyMediaSectionContent--lead { font-size: 22px; font-size: 1.375rem; } }

.ArtCollectionHeader { position: relative; margin-bottom: 60px; }

.ArtCollectionHeader::before { content: ''; position: absolute; top: 12.5%; bottom: 25%; width: 100%; background-image: linear-gradient(to bottom, rgba(249, 249, 250, 0), #F9F9FA); }

.ArtCollectionHeader--wrapper { -webkit-transform: none !important; transform: none !important; }

.ArtCollectionHeader--slider { position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; }

.ArtCollectionHeader--slider .flickity-page-dots { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-top: 30px; padding-left: 12.5%; padding-right: 12.5%; text-align: center; }

@media (max-width: 1430px) { .ArtCollectionHeader--slider .flickity-page-dots { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .ArtCollectionHeader--slider .flickity-page-dots { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .ArtCollectionHeader--slider .flickity-page-dots { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .ArtCollectionHeader--slider .flickity-page-dots { margin-left: 20px; margin-right: 20px; } }

@media print { .ArtCollectionHeader--slider .flickity-page-dots { max-width: 100%; margin: 0; } }

@media screen and (max-width: 750px) { .ArtCollectionHeader--slider .flickity-page-dots { margin-top: 5px; } }

.ArtCollectionHeader--slide { width: 100%; left: 0 !important; opacity: 0; transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); }

.ArtCollectionHeader--slider:not(.is-slider-ready) .ArtCollectionHeader--slide:first-child { visibility: hidden; opacity: 1; }

.ArtCollectionHeader--slider:not(.is-slider-ready) .ArtCollectionHeader--slide:nth-child(n+2) { visibility: hidden; opacity: 0; }

.ArtCollectionHeader--slide.is-selected { opacity: 1; z-index: 9; }

.ArtCollectionHeader--slider--prev, .ArtCollectionHeader--slider--next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }

.ArtCollectionHeader--slider--prev .RoundIconButton::before, .ArtCollectionHeader--slider--next .RoundIconButton::before { background-color: transparent; }

@media screen and (max-width: 1000px) { .ArtCollectionHeader--slider--prev, .ArtCollectionHeader--slider--next { display: none; } }

.ArtCollectionHeader--slider--prev { left: calc(50% - 615px); }

@media (max-width: 1430px) { .ArtCollectionHeader--slider--prev { left: 75px; } }

@media screen and (max-width: 1200px) { .ArtCollectionHeader--slider--prev { left: 60px; } }

@media screen and (max-width: 750px) { .ArtCollectionHeader--slider--prev { left: 30px; } }

@media screen and (max-width: 580px) { .ArtCollectionHeader--slider--prev { left: 20px; } }

@media print { .ArtCollectionHeader--slider--prev { max-width: 100%; margin: 0; } }

.ArtCollectionHeader--slider--next { right: calc(50% - 615px); }

@media (max-width: 1430px) { .ArtCollectionHeader--slider--next { right: 75px; } }

@media screen and (max-width: 1200px) { .ArtCollectionHeader--slider--next { right: 60px; } }

@media screen and (max-width: 750px) { .ArtCollectionHeader--slider--next { right: 30px; } }

@media screen and (max-width: 580px) { .ArtCollectionHeader--slider--next { right: 20px; } }

@media print { .ArtCollectionHeader--slider--next { max-width: 100%; margin: 0; } }

.ArtCollectionHeaderImage { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding-left: 75px; padding-right: 75px; }

@media (max-width: 1430px) { .ArtCollectionHeaderImage { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .ArtCollectionHeaderImage { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .ArtCollectionHeaderImage { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .ArtCollectionHeaderImage { margin-left: 20px; margin-right: 20px; } }

@media print { .ArtCollectionHeaderImage { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .ArtCollectionHeaderImage { padding-left: 0; padding-right: 0; } }

.ArtCollectionHeaderImage--wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 450px; overflow: hidden; opacity: 0; }

@media screen and (max-width: 750px) { .ArtCollectionHeaderImage--wrapper { height: 280px; } }

.ArtCollectionHeaderImage--wrapper.is-ready { opacity: 1; }

.ArtCollectionHeaderImage--wrapper .MediaSlide { width: 100%; }

.ArtCollectionHeaderImage--wrapper .MediaSlide--link { display: block; }

.ArtistHeader { margin-top: 120px; }

@media screen and (max-width: 1000px) { .ArtistHeader { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .ArtistHeader { margin-top: 60px; } }

.ArtistHeader--name { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .ArtistHeader--name { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.ArtistHeader--content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -60px; margin-top: -60px; }

.ArtistHeader--content > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; margin-top: 60px; padding-right: 60px; }

.ArtistHeader--content:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 1000px) { .ArtistHeader--content > * { width: 100%; } }

.ArtistHeader--facts--description { margin-bottom: 30px; }

.ArtistHeader--facts--description:last-child { margin-bottom: 0; }

.ArtistHeader--facts--term { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; }

[lang="zh"] .ArtistHeader--facts--term, [lang="zh-Hant"] .ArtistHeader--facts--term, [lang="zh-Hans"] .ArtistHeader--facts--term, [lang="zh-CN"] .ArtistHeader--facts--term { line-height: 1.5; }

.ArtistsList { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 30px; column-gap: 30px; -webkit-column-width: 10em; column-width: 10em; }

@media screen and (max-width: 1000px) { .ArtistsList { -webkit-column-count: 2; column-count: 2; } }

.ArtistsListArea.is-filtered .ArtistsList { width: 100% / 3; padding-right: 30px; -webkit-column-count: 1; column-count: 1; }

@media screen and (max-width: 1000px) { .ArtistsListArea.is-filtered .ArtistsList { width: 100% / 2; } }

.ArtistsList--character { -webkit-column-break-inside: avoid; break-inside: avoid; }

.ArtistsList--character + .ArtistsList--character { margin-top: 30px; }

.ArtistsListArea.is-filtered .ArtistsList--character.is-selected { margin-top: 0; }

.ArtistsListArea.is-filtered .ArtistsList--character:not(.is-selected) { display: none; }

.ArtistsList--initial { font-weight: bold; text-transform: uppercase; }

.ArtistsList--artist--link { position: relative; display: inline-block; padding-right: 20px; padding-top: 6px; padding-bottom: 6px; color: #006E73; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); will-change: transform; }

.ArtistsList--artist--link:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); }

.ArtistsList--artist--link:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.ArtistsList--artist--link::after { right: 0; opacity: 0.3; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); will-change: transform; }

html:not(.can-touch) .ArtistsList--artist--link:active, html:not(.can-touch) .ArtistsList--artist--link:hover { -webkit-transform: translateX(6px); transform: translateX(6px); }

html:not(.can-touch) .ArtistsList--artist--link:active::after, html:not(.can-touch) .ArtistsList--artist--link:hover::after { opacity: 1; -webkit-transform: rotate(0) translateX(calc(50% + 6px)) rotate(135deg); transform: rotate(0) translateX(calc(50% + 6px)) rotate(135deg); }

.ArtistsListArea { margin-bottom: 150px; }

@media screen and (max-width: 1000px) { .ArtistsListArea { margin-bottom: 18.75vw; } }

@media screen and (max-width: 400px) { .ArtistsListArea { margin-bottom: 75px; } }

.ArtistsListHeader { margin-top: 120px; margin-bottom: 120px; }

@media screen and (max-width: 1000px) { .ArtistsListHeader { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .ArtistsListHeader { margin-top: 60px; } }

@media screen and (max-width: 1000px) { .ArtistsListHeader { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .ArtistsListHeader { margin-bottom: 60px; } }

@media screen and (max-width: 750px) { .ArtistsListHeader { margin-left: -30px; margin-right: -30px; } }

@media screen and (max-width: 580px) { .ArtistsListHeader { margin-left: -20px; margin-right: -20px; } }

.ArtistsListHeader--mobileToggle { padding-left: 30px; padding-right: 30px; display: none; }

@media screen and (max-width: 580px) { .ArtistsListHeader--mobileToggle { padding-left: 20px; padding-right: 20px; } }

@media screen and (max-width: 750px) { .ArtistsListHeader--mobileToggle { display: block; position: relative; width: 100%; padding-top: 1em; padding-bottom: 1em; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; background-color: #ffffff; z-index: 100; }
  .ArtistsListHeader--mobileToggle:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); top: 50%; right: 20px; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
  .ArtistsListHeader--mobileToggle:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; right: 20px; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
  .ArtistsListHeader--mobileToggle[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }
  .ArtistsListHeader--mobileToggle[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; } }

.Header.is-mobilenav-open ~ .site-content .ArtistsListHeader--mobileToggle { z-index: 9; }

.ArtistsListHeader--currentFilter { text-transform: capitalize; }

@media screen and (max-width: 750px) { .ArtistsListHeader--filter { position: absolute; left: 0; right: 0; background-color: #ffffff; box-shadow: 0 9999px 0 9999px rgba(0, 0, 0, 0.5); z-index: 99; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50px); transform: translateY(-50px); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0.2s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0.2s; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0.2s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .ArtistsListHeader--filter.is-mobile-expanded { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0s; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); } }

.ArtistsListHeader--filter .FocusOnly { position: absolute !important; left: 0; width: 100%; z-index: 1; }

@media screen and (min-width: 751px) { .ArtistsListHeader--filter .FocusOnly { display: none; } }

.ArtistsListHeader--list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: 0; margin-top: -15px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-right: -15px; }

.ArtistsListHeader--list > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 15px; padding-right: 0; }

.ArtistsListHeader--list:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 750px) { .ArtistsListHeader--list { padding: 30px 15px; margin-right: 0; } }

.ArtistsListHeader--input > label { position: relative; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; margin-right: 15px; border-radius: 100%; text-transform: capitalize; cursor: pointer; }

.ArtistsListHeader--input > label::after { content: ''; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #D4D4D4; border-radius: 100%; opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .ArtistsListHeader--input > input:not([disabled]) + label:active::after, html:not(.can-touch) .ArtistsListHeader--input > input:not([disabled]) + label:hover::after { opacity: 1; }

.ArtistsListHeader--input > input[disabled] + label { opacity: 0.3; cursor: default; }

@media screen and (max-width: 750px) { .ArtistsListHeader--input > input[disabled] + label { display: none; } }

.ArtistsListHeader--input > input:checked + label { font-weight: bold; }

.ArtistsListHeader--input > input:checked + label::after { opacity: 1; }

@media screen and (max-width: 750px) { .ArtistsListHeader--input > label { margin-right: 5px; } }

.ArtTeaser { position: relative; }

html:not(.can-touch) .ArtTeaser:active .ArtTeaser--image::after, html:not(.can-touch) .ArtTeaser:hover .ArtTeaser--image::after { opacity: 1; }

html:not(.can-touch) .ArtTeaser:active .ArtTeaser--text, html:not(.can-touch) .ArtTeaser:hover .ArtTeaser--text { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media screen and (min-width: 751px) { .GalleryGrid--item.highlight .ArtTeaser.is-portrait { margin-left: 20%; margin-right: 20%; } }

.ArtTeaser--image { position: relative; }

.ArtTeaser--image:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); opacity: 0; }

.ArtTeaser--image .Media { border-radius: 4px; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15); }

@media screen and (max-width: 750px) { .ArtTeaser--image { margin-left: 30px; margin-right: 30px; } }

.ArtTeaser--text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 30px; color: #ffffff; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; }

.ArtTeaser--text > * { display: block; }

@media screen and (max-width: 750px) { .ArtTeaser--text { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; position: static; padding: 0; margin-top: 30px; text-align: center; color: #000000; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  [lang="zh"] .ArtTeaser--text, [lang="zh-Hant"] .ArtTeaser--text, [lang="zh-Hans"] .ArtTeaser--text, [lang="zh-CN"] .ArtTeaser--text { line-height: 1.5; } }

.ArtTeaser--tag { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 15px; padding: 0.25em 0.5em; border: 1px solid; border-radius: 4px; color: #ffffff; }

[lang="zh"] .ArtTeaser--tag, [lang="zh-Hant"] .ArtTeaser--tag, [lang="zh-Hans"] .ArtTeaser--tag, [lang="zh-CN"] .ArtTeaser--tag { line-height: 1.5; }

@media screen and (max-width: 750px) { .ArtTeaser--tag { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 15px; color: #636363; }
  [lang="zh"] .ArtTeaser--tag, [lang="zh-Hant"] .ArtTeaser--tag, [lang="zh-Hans"] .ArtTeaser--tag, [lang="zh-CN"] .ArtTeaser--tag { line-height: 1.5; } }

.ArtTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }

[lang="zh"] .ArtTeaser--title, [lang="zh-Hant"] .ArtTeaser--title, [lang="zh-Hans"] .ArtTeaser--title, [lang="zh-CN"] .ArtTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .ArtTeaser--title { font-size: 18px; font-size: 1.125rem; } }

@media screen and (max-width: 750px) { .ArtTeaser--title { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; font-weight: bold; }
  [lang="zh"] .ArtTeaser--title, [lang="zh-Hant"] .ArtTeaser--title, [lang="zh-Hans"] .ArtTeaser--title, [lang="zh-CN"] .ArtTeaser--title { line-height: 1.5; } }

.ArtTeaser--artist { display: inline; }

.ArtTeaser--artist::after { content: ", "; }

.ArtTeaser--artist:last-child::after { content: none; }

.ArtTypoTeaser { margin-top: 150px; margin-bottom: 150px; text-align: center; }

@media screen and (max-width: 1000px) { .ArtTypoTeaser { margin-top: 18.75vw; } }

@media screen and (max-width: 400px) { .ArtTypoTeaser { margin-top: 75px; } }

@media screen and (max-width: 1000px) { .ArtTypoTeaser { margin-bottom: 18.75vw; } }

@media screen and (max-width: 400px) { .ArtTypoTeaser { margin-bottom: 75px; } }

.ArtTypoTeaser .SectionTitle { margin-bottom: 30px; }

@media screen and (max-width: 1000px) { .ArtTypoTeaser .SectionTitle { margin-bottom: 3.75vw; } }

@media screen and (max-width: 400px) { .ArtTypoTeaser .SectionTitle { margin-bottom: 15px; } }

@media screen and (min-width: 751px) { .ArtTypoTeaser { margin-left: calc(50% - 512.5px); margin-right: calc(50% - 512.5px); } }

@media screen and (min-width: 751px) and (max-width: 1225px) { .ArtTypoTeaser { margin-left: 75px; margin-right: 75px; } }

@media screen and (min-width: 751px) and (max-width: 1200px) { .ArtTypoTeaser { margin-left: 60px; margin-right: 60px; } }

@media screen and (min-width: 751px) { .ArtTypoTeaser.block .ArtTypoTeaser--item { display: block; padding-right: 0; } .ArtTypoTeaser--item{ font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; display: inline; } }

@media screen and (min-width: 751px) and (max-width: 1000px) { .ArtTypoTeaser--item { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (min-width: 751px) { .ArtTypoTeaser--item:not(:last-child) { padding-right: .25em; } }

@media screen and (max-width: 750px) { .ArtTypoTeaser--item { border-top: 1px solid #D4D4D4; }
  .ArtTypoTeaser--item:last-child { border-bottom: 1px solid #D4D4D4; } }

@media screen and (min-width: 751px) { .ArtTypoTeaser--link { display: inline-block; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  html:not(.can-touch) .ArtTypoTeaser--link:active, html:not(.can-touch) .ArtTypoTeaser--link:hover { opacity: 0.6; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
  .ArtTypoTeaser--item:not(:last-child) .ArtTypoTeaser--link::after { content: ','; } }

@media screen and (max-width: 750px) { .ArtTypoTeaser--link { position: relative; display: block; padding: 22.5px; padding-right: 40px; text-align: left; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .ArtTypoTeaser--link:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); }
  .ArtTypoTeaser--link:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }
  .ArtTypoTeaser--link::after { right: 20px; }
  html:not(.can-touch) .ArtTypoTeaser--link:active, html:not(.can-touch) .ArtTypoTeaser--link:hover { -webkit-transform: translateX(6px); transform: translateX(6px); } }

.ArtworkHeader { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.ArtworkHeader > * { width: 50%; }

@media screen and (max-width: 750px) { .ArtworkHeader { display: block; }
  .ArtworkHeader > * { width: auto; } }

.ArtworkHeader--header { padding-right: 60px; }

@media screen and (max-width: 750px) { .ArtworkHeader--header { margin-bottom: 30px; padding-right: 0; } }

.ArtworkHeader--title { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

@media screen and (max-width: 1000px) { .ArtworkHeader--title { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.ArtworkHeader--year { margin-top: 30px; }

@media screen and (max-width: 750px) { .ArtworkHeader--year { margin-top: 0; } }

@media screen and (min-width: 751px) { .ArtworkHeader--artistsList { margin-top: 30px; } }

@media screen and (max-width: 750px) { .ArtworkHeader--artistsEntry:nth-child(n + 2) .ArtworkHeader--artist { margin-top: 0; border-top: none; } .ArtworkHeader--artist{ margin-left: -30px; margin-right: -30px; padding-left: 30px; display: block !important; position: relative; max-width: none !important; margin-top: 30px; padding-top: 1em; padding-bottom: 1em; padding-right: 1.75em !important; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4 !important; color: inherit; } }

@media screen and (max-width: 580px) { .ArtworkHeader--artist { margin-left: -20px; margin-right: -20px; padding-left: 20px; } }

@media screen and (max-width: 750px) { .ArtworkHeader--artist::after { right: 15px !important; } }

.ArtworkHeader--facts--description { margin-bottom: 30px; }

.ArtworkHeader--facts--description:last-child { margin-bottom: 0; }

.ArtworkHeader--facts--description > p:first-child { margin-top: 0; }

.ArtworkHeader--facts--description > a p { margin: 0; }

.ArtworkHeader--facts--term { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; margin-bottom: 0.5em; color: #636363; }

[lang="zh"] .ArtworkHeader--facts--term, [lang="zh-Hant"] .ArtworkHeader--facts--term, [lang="zh-Hans"] .ArtworkHeader--facts--term, [lang="zh-CN"] .ArtworkHeader--facts--term { line-height: 1.5; }

.ArtworkHeader--copyright { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; margin-top: 45px; padding-top: 1em; padding-bottom: 1em; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; color: #636363; }

[lang="zh"] .ArtworkHeader--copyright, [lang="zh-Hant"] .ArtworkHeader--copyright, [lang="zh-Hans"] .ArtworkHeader--copyright, [lang="zh-CN"] .ArtworkHeader--copyright { line-height: 1.5; }

.ArtworkTeaserSliderArea { margin-bottom: 120px; position: relative; }

@media screen and (max-width: 1000px) { .ArtworkTeaserSliderArea { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .ArtworkTeaserSliderArea { margin-bottom: 60px; } }

@media screen and (min-width: 1350px) { .ArtworkTeaserSliderArea::before, .ArtworkTeaserSliderArea::after { content: ''; display: block; position: absolute; top: 0; height: 100%; width: calc(50% - 733px); background-image: linear-gradient(#ffffff 15%, #F9F9FA 45%, #ffffff 45%); z-index: 1; }
  .ArtworkTeaserSliderArea::before { left: 0; }
  .ArtworkTeaserSliderArea::after { right: 0; }
  .ArtworkTeaserSlider::before, .ArtworkTeaserSlider::after{ content: ''; display: block; position: absolute; top: 0; height: 100%; width: 60px; background-image: url("../img/graphics/ArtworkTeaserSlider--cover.svg"); background-position: top left; background-size: 100% 100%; z-index: 1; }
  .ArtworkTeaserSlider::before{ left: calc(50% - 735px); }
  .ArtworkTeaserSlider::after{ right: calc(50% - 735px); -webkit-transform: scaleX(-1); transform: scaleX(-1); } }

.ArtworkTeaserSlider--inner { margin-left: calc(50% - 675px); margin-right: calc(50% - 675px); }

@media (max-width: 1550px) { .ArtworkTeaserSlider--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .ArtworkTeaserSlider--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .ArtworkTeaserSlider--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .ArtworkTeaserSlider--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .ArtworkTeaserSlider--inner { max-width: 100%; margin: 0; } }

.ArtworkTeaserSlider--slider:not(.is-draggable) .ArtworkTeaserSlider--slider--controls { display: none; }

.ArtworkTeaserSlider--slider .flickity-page-dots { display: none; }

@media screen and (max-width: 750px) { .ArtworkTeaserSlider--slider:not(.is-single).flickity-page-dots { display: block; text-align: center; } }

.ArtworkTeaserSlider--slider.is-slider-ready .js-slider--slide { position: static !important; }

.ArtworkTeaserSlider--wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.ArtworkTeaserSlider--slider--controls { margin-top: 60px; text-align: center; }

@media screen and (max-width: 750px) { .ArtworkTeaserSlider--slider--controls { display: none; } }

.ArtworkTeaserSlider--slider--prev, .ArtworkTeaserSlider--slider--next { position: relative; display: inline-block; }

.ArtworkTeaserSlider--slider--progress { position: absolute; top: -1px; right: -1px; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; pointer-events: none; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0.2s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0.2s, transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0.2s, transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.ArtworkTeaserSlider--slider--progress svg { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.ArtworkTeaserSlider--slider--progress circle { stroke-dasharray: 151 151; stroke-dashoffset: 151; }

.is-stopped .ArtworkTeaserSlider--slider--progress { opacity: 0; visibility: hidden; }

.is-stopped .ArtworkTeaserSlider--slider--progress circle { stroke-dashoffset: -151; transition: stroke-dashoffset 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .js-slider--next:not([disabled]):active + .ArtworkTeaserSlider--slider--progress, html:not(.can-touch) .js-slider--next:not([disabled]):hover + .ArtworkTeaserSlider--slider--progress { -webkit-transform: scale(1.101); transform: scale(1.101); }

.ArtworkTeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; width: calc((100% + 60px) / 3 - 60px); margin-right: 60px; }

@supports (display: flex) { .ArtworkTeaserSlider--slide { display: block; white-space: inherit; } }

.ArtworkTeaserSlider--slide.is-slider-ready { visibility: hidden; }

.ArtworkTeaserSlider--slide.was-visible, .ArtworkTeaserSlider--slide.is-visible { visibility: visible; }

@media screen and (max-width: 1382px) { .ArtworkTeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; width: calc((100% + 60px) / 2 - 60px); margin-right: 60px; }
  @supports (display: flex) { .ArtworkTeaserSlider--slide { display: block; white-space: inherit; } }
  .ArtworkTeaserSlider--slide.is-slider-ready { visibility: hidden; }
  .ArtworkTeaserSlider--slide.was-visible, .ArtworkTeaserSlider--slide.is-visible { visibility: visible; } }

@media screen and (max-width: 750px) { .ArtworkTeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; width: calc((100% + 0) / 1 - 0); margin-right: 0; }
  @supports (display: flex) { .ArtworkTeaserSlider--slide { display: block; white-space: inherit; } }
  .ArtworkTeaserSlider--slide.is-slider-ready { visibility: hidden; }
  .ArtworkTeaserSlider--slide.was-visible, .ArtworkTeaserSlider--slide.is-visible { visibility: visible; } }

.GalleryGrid { margin-bottom: 120px; }

@media screen and (max-width: 1000px) { .GalleryGrid { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .GalleryGrid { margin-bottom: 60px; } }

.GalleryGrid--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -60px; margin-top: -60px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.GalleryGrid--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; margin-top: 60px; padding-right: 60px; }

.GalleryGrid--grid:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 1382px) { .GalleryGrid--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -60px; margin-top: -60px; }
  .GalleryGrid--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; margin-top: 60px; padding-right: 60px; }
  .GalleryGrid--grid:after { content: ''; display: table; clear: both; } }

@media screen and (max-width: 750px) { .GalleryGrid--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: 0; margin-top: -60px; }
  .GalleryGrid--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-top: 60px; padding-right: 0; }
  .GalleryGrid--grid:after { content: ''; display: table; clear: both; } }

.GalleryGrid--item.highlight { width: 66.66667%; }

@media screen and (max-width: 1382px) { .GalleryGrid--item.highlight { width: 50%; } }

@media screen and (max-width: 750px) { .GalleryGrid--item.highlight { width: 100%; } }

.GalleryGrid--loadMore { margin-top: 120px; }

@media screen and (max-width: 1000px) { .GalleryGrid--loadMore { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .GalleryGrid--loadMore { margin-top: 60px; } }

.MediaBlock { margin-bottom: 150px; }

@media screen and (max-width: 1000px) { .MediaBlock { margin-bottom: 18.75vw; } }

@media screen and (max-width: 400px) { .MediaBlock { margin-bottom: 75px; } }

.MediaBlock .MediaSlide--link { display: block; }

.MediaBlock .MediaSlide--caption { opacity: 1; text-align: center; }

.MediaBlock.fullwidth .MediaSlide--media { height: 800px; max-height: calc(100vh - 3em); }

.MediaBlock.fullwidth .Media.image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.MediaBlock.fullwidth .MediaSlide--caption { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .MediaBlock.fullwidth .MediaSlide--caption { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .MediaBlock.fullwidth .MediaSlide--caption { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .MediaBlock.fullwidth .MediaSlide--caption { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .MediaBlock.fullwidth .MediaSlide--caption { margin-left: 20px; margin-right: 20px; } }

@media print { .MediaBlock.fullwidth .MediaSlide--caption { max-width: 100%; margin: 0; } }

.MediaBlock.small { margin-left: calc(50% - 435px); margin-right: calc(50% - 435px); }

@media (max-width: 1070px) { .MediaBlock.small { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .MediaBlock.small { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .MediaBlock.small { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .MediaBlock.small { margin-left: 20px; margin-right: 20px; } }

@media print { .MediaBlock.small { max-width: 100%; margin: 0; } }

.MediaBlock.is-portrait { padding-left: 12.5%; padding-right: 12.5%; }

@media screen and (max-width: 750px) { .MediaBlock.is-portrait { padding-left: 0; padding-right: 0; } }

.MediaBlock.double { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .MediaBlock.double { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .MediaBlock.double { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .MediaBlock.double { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .MediaBlock.double { margin-left: 20px; margin-right: 20px; } }

@media print { .MediaBlock.double { max-width: 100%; margin: 0; } }

@media screen and (min-width: 1001px) { .MediaBlock.double { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .MediaBlock.double > * { width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .MediaBlock.double > *:first-child { padding-right: calc(6.25% + 30px); } }

@media screen and (max-width: 1000px) { .MediaBlock.double > *:last-child { margin-top: 30px; } }

@media screen and (max-width: 750px) { .MediaBlock { margin-left: 0 !important; margin-right: 0 !important; }
  .MediaBlock:not(.fullwidth) .MediaSlide--caption { padding-left: 30px; padding-right: 30px; } }

.PageHeaderArt { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding-top: 240px; margin-bottom: 150px; text-align: center; }

@media (max-width: 1430px) { .PageHeaderArt { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .PageHeaderArt { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .PageHeaderArt { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .PageHeaderArt { margin-left: 20px; margin-right: 20px; } }

@media print { .PageHeaderArt { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .PageHeaderArt { padding-top: 30vw; } }

@media screen and (max-width: 400px) { .PageHeaderArt { padding-top: 120px; } }

@media screen and (max-width: 1000px) { .PageHeaderArt { margin-bottom: 18.75vw; } }

@media screen and (max-width: 400px) { .PageHeaderArt { margin-bottom: 75px; } }

@media screen and (max-width: 750px) { .PageHeaderArt { padding-top: 360px; padding-top: 45vw; } }

@media screen and (max-width: 400px) { .PageHeaderArt { padding-top: 180px; } }

.PageHeaderArt--title { font-size: 120px; font-size: 7.5rem; font-weight: 200; line-height: 1; max-width: 1110px; margin-bottom: 60px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1000px) { .PageHeaderArt--title { font-size: 75px; font-size: 4.6875rem; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .PageHeaderArt--title { font-size: 60px; font-size: 3.75rem; line-height: 1.1; font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; margin-bottom: 30px; font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.PageHeaderArt--lead { max-width: 615px; margin-left: auto; margin-right: auto; }

.PageHeaderArt--cta { margin-top: 45px; }

@media screen and (max-width: 750px) { .PageHeaderArt--cta { margin-top: 30px; } }

@media (prefers-reduced-motion) { *, *:after, *:before { -webkit-animation: none !important; animation: none !important; transition: none !important; }
  .will-appear *.in-slide-right, .will-appear *.in-slide-left, .will-appear *.in-slide-bottom, .will-appear.in-slide-right, .will-appear.in-slide-left, .will-appear.in-slide-bottom { opacity: 1 !important; }
  .will-appear *.in-slide-bottom-group > *, .will-appear.in-slide-bottom-group > * { opacity: 1 !important; } }

#flying-focus { position: absolute; margin: 0; top: -100px; background: transparent; transition-property: left, top, width, height, opacity; transition-timing-function: cubic-bezier(0, 0.2, 0, 1); visibility: hidden; pointer-events: none; display: none; }

#flying-focus.flying-focus_visible { visibility: visible; z-index: 10000000; display: block; }

#flying-focus:after { content: ''; position: absolute; top: -9px; left: -9px; bottom: -9px; right: -9px; border-radius: 3px; box-shadow: 0 0 54px 0px rgba(0, 0, 0, 0.2), 0 0 2px 2px rgba(0, 10, 20, 0.1); border: 1px solid rgba(0, 10, 20, 0.5); }

#flying-focus:before { content: ''; position: absolute; top: -8px; left: -8px; bottom: -8px; right: -8px; border-radius: 3px; box-shadow: 0 0 2px rgba(255, 255, 255, 0.9) inset; border: 1px solid rgba(255, 255, 255, 0.8); }

.FocusOnly { position: absolute; clip: rect(0 0 0 0); -webkit-clip-path: polygon(0 0); clip-path: polygon(0 0); }

.FocusOnly:focus { position: static; clip: auto; -webkit-clip-path: none; clip-path: none; }

button.FocusOnly:focus { width: 100%; text-align: center; background-color: black; color: white; padding: 5px 10px; }

.Skiplinks a { position: absolute; z-index: 10000; top: -9999px; background-color: black; color: white; padding: 5px 10px; font-size: 1rem; }

.Skiplinks a:focus, .Skiplinks a:active { top: 20px; left: 20px; right: auto; }

.visuallyhidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; }

@-webkit-keyframes anim-slide-right { 0% { opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes anim-slide-right { 0% { opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes anim-slide-left { 0% { opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes anim-slide-left { 0% { opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes anim-slide-bottom { 0% { opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes anim-slide-bottom { 0% { opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes anim-ken-burns { 0% { -webkit-transform: translate(5%, -5%) scale(1.1); transform: translate(5%, -5%) scale(1.1); }
  100% { -webkit-transform: translate(-1%, 1%) scale(1.02); transform: translate(-1%, 1%) scale(1.02); } }

@keyframes anim-ken-burns { 0% { -webkit-transform: translate(5%, -5%) scale(1.1); transform: translate(5%, -5%) scale(1.1); }
  100% { -webkit-transform: translate(-1%, 1%) scale(1.02); transform: translate(-1%, 1%) scale(1.02); } }

.will-appear *.in-slide-right, .will-appear *.in-slide-left, .will-appear *.in-slide-bottom, .will-appear.in-slide-right, .will-appear.in-slide-left, .will-appear.in-slide-bottom { opacity: 0; }

.will-appear *.in-slide-bottom-group > *, .will-appear.in-slide-bottom-group > * { opacity: 0; }

.will-appear.is-appeared *.in-slide-right, .will-appear.is-appeared.in-slide-right { -webkit-animation: anim-slide-right 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s both; animation: anim-slide-right 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s both; }

.will-appear.is-appeared *.in-slide-left, .will-appear.is-appeared.in-slide-left { -webkit-animation: anim-slide-left 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s both; animation: anim-slide-left 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s both; }

.will-appear.is-appeared *.in-slide-bottom, .will-appear.is-appeared.in-slide-bottom { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *, .will-appear.is-appeared.in-slide-bottom-group > * { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 2), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 2) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 3), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 3) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 4), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 4) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 5), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 5) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 6), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 6) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 7), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 7) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 8), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 8) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 9), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 9) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.8s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.8s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 10), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 10) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 2s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 2s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 11), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 11) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 2.2s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 2.2s both; }

.will-appear.is-appeared *.in-slide-bottom-group > *:nth-child(3n + 12), .will-appear.is-appeared.in-slide-bottom-group > *:nth-child(3n + 12) { -webkit-animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s both; animation: anim-slide-bottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s both; }

.faded-in, .faded-out { transition: opacity 0.5s ease-in-out; }

.faded-out { opacity: 0.2; }

.faded-in { opacity: 1; }

.in-slide-bottom-group > .faded-out { opacity: 0.2 !important; transition: opacity 0.5s ease-in-out; }

.in-slide-bottom-group > .faded-in { opacity: 1; transition: opacity 0.5s ease-in-out; }

[data-fitted-on-scroll] { --fitted-frame-width: 40px; position: relative; will-change: clip-path; transition: -webkit-clip-path 150ms linear; transition: clip-path 150ms linear; transition: clip-path 150ms linear, -webkit-clip-path 150ms linear; -webkit-clip-path: inset(calc(var(--fitted-frame-width) * var(--scroll-progress)) round 4px); clip-path: inset(calc(var(--fitted-frame-width) * var(--scroll-progress)) round 4px); }

@media (max-width: 1430px) { [data-fitted-on-scroll] { --fitted-frame-width: 75px; } }

@media screen and (max-width: 1200px) { [data-fitted-on-scroll] { --fitted-frame-width: 60px; } }

@media screen and (max-width: 750px) { [data-fitted-on-scroll] { --fitted-frame-width: 30px; } }

@media screen and (max-width: 580px) { [data-fitted-on-scroll] { --fitted-frame-width: 20px; } }

.easings { width: 100%; position: relative; }

.cube--container { margin-top: 10px; width: 400px; height: 50px; position: relative; }

.cube { position: absolute; height: 50px; width: 50px; display: block; background: blue; border-radius: 100%; -webkit-animation: CUBE_TRANSLATE 1.8s 0s alternate infinite none running; animation: CUBE_TRANSLATE 1.8s 0s alternate infinite none running; }

@-webkit-keyframes CUBE_TRANSLATE { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); }
  100% { -webkit-transform: translateX(350px); transform: translateX(350px); } }

@keyframes CUBE_TRANSLATE { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); }
  100% { -webkit-transform: translateX(350px); transform: translateX(350px); } }

.easeOutCubic .cube { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.easeInOutCubic .cube { -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.easeInExpo .cube { -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); }

.easeOutExpo .cube { -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.easeInOutExpo .cube { -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); }

.easeInQuart .cube { -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.easeOutQuart .cube { -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.easeInOutQuart .cube { -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }

.easeInSine .cube { -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

.easeOutSine .cube { -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

.easeInOutSine .cube { -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.easeInBack .cube { -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

.easeOutBack .cube { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.easeInOutBack .cube { -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

@font-face { font-family: "Swiss Re Sans"; src: url("../fonts/180618_swissresansot-regular-webfont.woff2") format("woff2"), url("../fonts/180618_swissresansot-regular-webfont.woff") format("woff"); font-weight: normal; font-display: swap; }

@font-face { font-family: "Swiss Re Sans"; src: url("../fonts/180618_swissresansot-light-webfont.woff2") format("woff2"), url("../fonts/180618_swissresansot-light-webfont.woff") format("woff"); font-weight: 200; font-display: swap; }

@font-face { font-family: "Swiss Re Sans"; src: url("../fonts/180618_swissresansot-bold-webfont.woff2") format("woff2"), url("../fonts/180618_swissresansot-bold-webfont.woff") format("woff"); font-weight: bold; font-display: swap; }

.c-gradient-white { background-image: linear-gradient(to bottom, #F9F9FA, #ffffff); }

.c-gradient-blue { background-color: #3C4150; }

.c-gradient-green { background-color: #3C4150; }

.c-gradient-red { background-color: #3C4150; }

.c-gradient-pink { background-color: #3C4150; }

[data-icon="accordion"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); top: 50%; left: 50%; }

[data-icon="accordion"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; left: 50%; }

[data-icon="accordion-open"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); top: 50%; left: 50%; }

[data-icon="accordion-open"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; left: 50%; }

[data-icon="close"] { height: 16px; width: 16px; }

[data-icon="close"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); top: 50%; left: 50%; }

[data-icon="close"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); top: 50%; left: 50%; }

[data-icon="close-small"] { height: 14px; width: 14px; }

[data-icon="close-small"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; left: 50%; width: 14px; margin: -1px -7px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); top: 50%; left: 50%; }

[data-icon="close-small"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 14px; margin: -1px -7px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); top: 50%; left: 50%; }

[data-icon="remove"] { height: 12px; width: 12px; }

[data-icon="remove"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 1.6em; margin: -1px -.8em; border-top: 2px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); top: 50%; left: 50%; }

[data-icon="remove"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ width: 1.6em; margin: -1px -.8em; border-top: 2px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); top: 50%; left: 50%; }

[data-icon="plus"] { height: 13px; width: 13px; }

[data-icon="plus"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 13px; margin: 0 -6px; border-top: 1px solid; top: 50%; left: 50%; }

[data-icon="plus"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ height: 13px; margin: -6px 0; border-left: 1px solid; top: 50%; left: 50%; }

[data-icon="minus"] { height: 13px; width: 13px; }

[data-icon="minus"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 12px; margin: 0 -6px; border-top: 1px solid; top: 50%; left: 50%; }

[data-icon="minus"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; left: 50%; }

[data-icon="right"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); top: 50%; left: 50%; }

[data-icon="right"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; left: 50%; }

[data-icon="left"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(180deg) translateX(50%) rotate(135deg); transform:  rotate(180deg) translateX(50%) rotate(135deg); top: 50%; left: 50%; }

[data-icon="left"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; left: 50%; }

[data-icon="down"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); top: 50%; left: 50%; }

[data-icon="down"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; left: 50%; }

[data-icon="up"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); top: 50%; left: 50%; }

[data-icon="up"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; left: 50%; }

[data-icon="play"] { width: 25px; height: 30px; }

[data-icon="play"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; margin-top: -15px; margin-left: -12px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 25px solid currentColor; top: 50%; left: 50%; }

[data-icon="play"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; left: 50%; }

[data-icon="play-small"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; margin-top: -9px; margin-left: -7px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 15px solid currentColor; top: 50%; left: 50%; }

[data-icon="play-small"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; left: 50%; }

[data-icon="checkmark"] { width: 20px; height: 16px; }

[data-icon="checkmark"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; /*rtl:begin:ignore*/ width: 1.8em; height: .7em; margin-left: -1em; margin-top: -.8em; border-color: currentColor; border-width: .3em; border-style: none none solid solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); /*rtl:end:ignore*/ top: 50%; /*rtl:ignore*/ left: 50%; }

[data-icon="checkmark"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; /*rtl:ignore*/ left: 50%; }

[data-icon="burger"] { width: 24px; height: 18px; }

[data-icon="burger"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 2.4em; height: 1.4em; margin-top: -0.7em; margin-left: -12px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; top: 50%; left: 50%; }

[data-icon="burger"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ width: 2.4em; height: 2px; margin-top: -1px; margin-left: -12px; border-bottom: 1px solid currentColor; top: 50%; left: 50%; }

[data-icon="search"] { width: 21px; height: 21px; }

[data-icon="search"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 1.3em; height: 1.3em; margin-top: -11px; margin-left: -10px; border: 1px solid currentColor; border-radius: 100%; top: 50%; left: 50%; }

[data-icon="search"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ width: .9em; margin-top: .5em; border: 0.7px solid currentColor; border-radius: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; left: 50%; }

[data-icon="arrow-right"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: translateX(0.685em) rotate(135deg); transform: translateX(0.685em) rotate(135deg); top: 50%; left: 50%; }

[data-icon="arrow-right"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ width: 1.170em; border-bottom: 1px solid; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; }

[data-icon="arrow-left"]:after { content: ""; position: absolute; font-size: inherit; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: translateX(-0.685em) rotate(-45deg); transform: translateX(-0.685em) rotate(-45deg); top: 50%; left: 50%; }

[data-icon="arrow-left"]:before { content: ""; position: absolute; font-size: inherit; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ width: 1.170em; border-bottom: 1px solid; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; }

[data-icon="calendar"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat 0px 0px; width: 26px; height: 29px; content: ""; position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -13px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="calendar"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat 0px 0px; background-size: 171px 134px; } }

.Icon[data-icon="calendar"] { padding: 0 13px; height: 29px; margin: 0; }

[data-icon="flag-AU"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -28px 0px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-AU"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -27px 0px; background-size: 171px 134px; } }

.Icon[data-icon="flag-AU"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-BR"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat 0px -31px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-BR"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat 0px -30px; background-size: 171px 134px; } }

.Icon[data-icon="flag-BR"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-CA"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -58px 0px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-CA"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -56px 0px; background-size: 171px 134px; } }

.Icon[data-icon="flag-CA"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-CH"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -58px -22px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-CH"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -56px -21px; background-size: 171px 134px; } }

.Icon[data-icon="flag-CH"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-CN"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat 0px -53px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-CN"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat 0px -51px; background-size: 171px 134px; } }

.Icon[data-icon="flag-CN"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-CO"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -30px -53px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-CO"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -29px -51px; background-size: 171px 134px; } }

.Icon[data-icon="flag-CO"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-DE"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -88px 0px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-DE"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -85px 0px; background-size: 171px 134px; } }

.Icon[data-icon="flag-DE"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-DK"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -88px -22px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-DK"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -85px -21px; background-size: 171px 134px; } }

.Icon[data-icon="flag-DK"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-ES"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -88px -44px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-ES"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -85px -42px; background-size: 171px 134px; } }

.Icon[data-icon="flag-ES"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-FR"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat 0px -75px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-FR"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat 0px -72px; background-size: 171px 134px; } }

.Icon[data-icon="flag-FR"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-GB"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -30px -75px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-GB"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -29px -72px; background-size: 171px 134px; } }

.Icon[data-icon="flag-GB"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-HK"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -60px -75px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-HK"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -58px -72px; background-size: 171px 134px; } }

.Icon[data-icon="flag-HK"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-IL"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -118px 0px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-IL"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat 0px -93px; background-size: 171px 134px; } }

.Icon[data-icon="flag-IL"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-IN"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -118px -22px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-IN"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -29px -93px; background-size: 171px 134px; } }

.Icon[data-icon="flag-IN"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-IT"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -118px -44px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-IT"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -58px -93px; background-size: 171px 134px; } }

.Icon[data-icon="flag-IT"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-JP"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -118px -66px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-JP"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -114px 0px; background-size: 171px 134px; } }

.Icon[data-icon="flag-JP"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-KR"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat 0px -97px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-KR"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -114px -21px; background-size: 171px 134px; } }

.Icon[data-icon="flag-KR"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-LU"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -30px -97px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-LU"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -114px -42px; background-size: 171px 134px; } }

.Icon[data-icon="flag-LU"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-MX"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -60px -97px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-MX"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -114px -63px; background-size: 171px 134px; } }

.Icon[data-icon="flag-MX"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-MY"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -90px -97px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-MY"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -114px -84px; background-size: 171px 134px; } }

.Icon[data-icon="flag-MY"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-NZ"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat 0px -119px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-NZ"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat 0px -114px; background-size: 171px 134px; } }

.Icon[data-icon="flag-NZ"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-SA"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -30px -119px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-SA"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -29px -114px; background-size: 171px 134px; } }

.Icon[data-icon="flag-SA"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-SG"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -60px -119px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-SG"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -58px -114px; background-size: 171px 134px; } }

.Icon[data-icon="flag-SG"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-SK"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -90px -119px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-SK"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -87px -114px; background-size: 171px 134px; } }

.Icon[data-icon="flag-SK"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon="flag-US"]:after { background: url("../img/icons/global/1x--sprite.png") no-repeat -148px 0px; width: 28px; height: 20px; content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { [data-icon="flag-US"]:after { background: url("../img/icons/global/2x--sprite.png") no-repeat -143px 0px; background-size: 171px 134px; } }

.Icon[data-icon="flag-US"] { padding: 0 14px; height: 20px; margin: 0; }

[data-icon] { font-size: 10px; }

[data-icon].large { font-size: 22px; }

.Icon > img { position: absolute; top: 0; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.Icon.inline { display: inline-block; min-height: 1ex; letter-spacing: -1ex; text-decoration: none; position: relative; vertical-align: middle; margin-top: -3px; }

.Icon.inline.before { margin-right: 1ex; margin-top: -4px; }

.Icon.inline.after { margin-left: 1ex; margin-top: -4px; }

.Icon.inline:before { content: ''; }

html.cssreflections .Icon.inline:before { content: '\00a0'; letter-spacing: -1ex; }

.Icon:not(.inline) { box-sizing: border-box; display: inline-block; position: relative; letter-spacing: -1ex; text-indent: -9999px; text-decoration: none; line-height: 1; border: none; outline: none; }

[data-picto] { display: inline-block; position: relative; height: 1.2ex; font-size: 16px; }

[data-picto] > svg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: visible; }

@supports (display: inline-flex) { [data-picto] > svg { position: relative; top: 0; -webkit-transform: none; transform: none; } }

@supports (display: inline-flex) { .Icon[data-picto], .Icon:not(.inline)[data-picto], [data-picto] { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  [data-picto] > svg { position: relative; top: 0; -webkit-transform: none; transform: none; } }

[data-picto] > svg { display: block; width: 100%; }

[data-picto].red > svg { fill: #E00034; }

[data-picto].white > svg { fill: #ffffff; }

[data-picto].t-gray > svg { fill: #636363; }

@media screen and (-ms-high-contrast: active) { [data-picto] > svg { stroke: green; } }

.Icon[data-picto].tooltip > svg { height: 1.2em; fill: currentColor; }

[data-picto="agriculture"] { width: 1.5em; }

[data-picto="agriculture"] > svg { height: 1.5em; }

[data-picto="alert"] { width: 1.5em; }

[data-picto="alert"] > svg { height: 1.5em; }

[data-picto="audio"] { width: 1.5em; }

[data-picto="audio"] > svg { height: 1.5em; }

[data-picto="award"] { width: 1.5em; }

[data-picto="award"] > svg { height: 1.5em; }

[data-picto="bank"] { width: 1.5625em; }

[data-picto="bank"] > svg { height: 1.5625em; }

[data-picto="bin"] { width: 1.5em; }

[data-picto="bin"] > svg { height: 1.5em; }

[data-picto="blog"] { width: 1.5em; }

[data-picto="blog"] > svg { height: 1.5em; }

[data-picto="book-2"] { width: 1.5em; }

[data-picto="book-2"] > svg { height: 1.5em; }

[data-picto="book"] { width: 2em; }

[data-picto="book"] > svg { height: 2em; }

[data-picto="calculator"] { width: 1.5em; }

[data-picto="calculator"] > svg { height: 1.5em; }

[data-picto="calendar"] { width: 1.5em; }

[data-picto="calendar"] > svg { height: 1.5em; }

[data-picto="camera-flash"] { width: 2em; }

[data-picto="camera-flash"] > svg { height: 2em; }

[data-picto="cancellation"] { width: 1.5em; }

[data-picto="cancellation"] > svg { height: 1.5em; }

[data-picto="capacity"] { width: 1.5em; }

[data-picto="capacity"] > svg { height: 1.5em; }

[data-picto="car"] { width: 1.5em; }

[data-picto="car"] > svg { height: 1.5em; }

[data-picto="cart"] { width: 1.4375em; }

[data-picto="cart"] > svg { height: 1.4375em; }

[data-picto="certificate"] { width: 1.5em; }

[data-picto="certificate"] > svg { height: 1.5em; }

[data-picto="check"] { width: 1em; }

[data-picto="check"] > svg { height: 1em; }

[data-picto="checked"] { width: 1.5em; }

[data-picto="checked"] > svg { height: 1.5em; }

[data-picto="construction"] { width: 1.5em; }

[data-picto="construction"] > svg { height: 1.5em; }

[data-picto="cyber"] { width: 1.5em; }

[data-picto="cyber"] > svg { height: 1.5em; }

[data-picto="damage"] { width: 1.5em; }

[data-picto="damage"] > svg { height: 1.5em; }

[data-picto="data"] { width: 1.5em; }

[data-picto="data"] > svg { height: 1.5em; }

[data-picto="document"] { width: 1.5em; }

[data-picto="document"] > svg { height: 1.5em; }

[data-picto="dots"] { width: 1.5em; }

[data-picto="dots"] > svg { height: 1.5em; }

[data-picto="download"] { width: 1.5em; }

[data-picto="download"] > svg { height: 1.5em; }

[data-picto="edit"] { width: 1.5em; }

[data-picto="edit"] > svg { height: 1.5em; }

[data-picto="expand"] { width: 1.5em; }

[data-picto="expand"] > svg { height: 1.5em; }

[data-picto="external-link"] { width: 1.1875em; }

[data-picto="external-link"] > svg { height: 1em; }

[data-picto="external"] { width: 1em; }

[data-picto="external"] > svg { height: 1em; }

[data-picto="facebook"] { width: 1.5em; }

[data-picto="facebook"] > svg { height: 1.5em; }

[data-picto="filters"] { width: 1.5em; }

[data-picto="filters"] > svg { height: 1.5em; }

[data-picto="fire"] { width: 1.5em; }

[data-picto="fire"] > svg { height: 1.5em; }

[data-picto="flood"] { width: 1.5em; }

[data-picto="flood"] > svg { height: 1.5em; }

[data-picto="folder"] { width: 1.5em; }

[data-picto="folder"] > svg { height: 1.5em; }

[data-picto="forecast"] { width: 2em; }

[data-picto="forecast"] > svg { height: 2em; }

[data-picto="handshake"] { width: 1.5em; }

[data-picto="handshake"] > svg { height: 1.5em; }

[data-picto="home"] { width: 1.5em; }

[data-picto="home"] > svg { height: 1.5em; }

[data-picto="host"] { width: 1.5em; }

[data-picto="host"] > svg { height: 1.5em; }

[data-picto="hurricane"] { width: 1.5em; }

[data-picto="hurricane"] > svg { height: 1.5em; }

[data-picto="info"] { width: 1.5em; }

[data-picto="info"] > svg { height: 1.5em; }

[data-picto="instagram"] { width: 1.5em; }

[data-picto="instagram"] > svg { height: 1.5em; }

[data-picto="language"] { width: 1.5em; }

[data-picto="language"] > svg { height: 1.5em; }

[data-picto="laptop-media"] { width: 1.5625em; }

[data-picto="laptop-media"] > svg { height: 1.5em; }

[data-picto="laptop"] { width: 1.5em; }

[data-picto="laptop"] > svg { height: 1.5em; }

[data-picto="link"] { width: 1.5em; }

[data-picto="link"] > svg { height: 1.5em; }

[data-picto="linkedin"] { width: 1.375em; }

[data-picto="linkedin"] > svg { height: 1.5em; }

[data-picto="list"] { width: 1.5em; }

[data-picto="list"] > svg { height: 1.5em; }

[data-picto="lock"] { width: 1.5em; }

[data-picto="lock"] > svg { height: 1.5em; }

[data-picto="locked"] { width: 0.75em; }

[data-picto="locked"] > svg { height: 0.875em; }

[data-picto="map"] { width: 1.5em; }

[data-picto="map"] > svg { height: 1.5em; }

[data-picto="message"] { width: 1.5em; }

[data-picto="message"] > svg { height: 1.5em; }

[data-picto="microphone"] { width: 1.5em; }

[data-picto="microphone"] > svg { height: 1.5em; }

[data-picto="money"] { width: 1.5em; }

[data-picto="money"] > svg { height: 1.5em; }

[data-picto="partner"] { width: 1.5em; }

[data-picto="partner"] > svg { height: 1.5em; }

[data-picto="pdf"] { width: 1.9375em; }

[data-picto="pdf"] > svg { height: 1.9375em; }

[data-picto="people"] { width: 1.5em; }

[data-picto="people"] > svg { height: 1.5em; }

[data-picto="person"] { width: 1.5em; }

[data-picto="person"] > svg { height: 1.5em; }

[data-picto="persons"] { width: 1.5em; }

[data-picto="persons"] > svg { height: 1.5em; }

[data-picto="phone"] { width: 1.5em; }

[data-picto="phone"] > svg { height: 1.5em; }

[data-picto="plane"] { width: 1.5em; }

[data-picto="plane"] > svg { height: 1.5em; }

[data-picto="play-2"] { width: 1.5em; }

[data-picto="play-2"] > svg { height: 1.5em; }

[data-picto="play"] { width: 1.5em; }

[data-picto="play"] > svg { height: 1.5em; }

[data-picto="powerplant"] { width: 1.5em; }

[data-picto="powerplant"] > svg { height: 1.5em; }

[data-picto="real-estate"] { width: 1.5625em; }

[data-picto="real-estate"] > svg { height: 1.5625em; }

[data-picto="reset"] { width: 1.5em; }

[data-picto="reset"] > svg { height: 1.5em; }

[data-picto="resize"] { width: 1.5em; }

[data-picto="resize"] > svg { height: 1.5em; }

[data-picto="risk"] { width: 1.5em; }

[data-picto="risk"] > svg { height: 1.5em; }

[data-picto="search"] { width: 1.5em; }

[data-picto="search"] > svg { height: 1.5em; }

[data-picto="service"] { width: 1.5em; }

[data-picto="service"] > svg { height: 1.5em; }

[data-picto="settings"] { width: 1.5em; }

[data-picto="settings"] > svg { height: 1.5625em; }

[data-picto="share"] { width: 1.6875em; }

[data-picto="share"] > svg { height: 1.5em; }

[data-picto="shield"] { width: 1.5em; }

[data-picto="shield"] > svg { height: 1.5em; }

[data-picto="sun-fog-29"] { width: 2em; }

[data-picto="sun-fog-29"] > svg { height: 2em; }

[data-picto="time-clock"] { width: 1.5em; }

[data-picto="time-clock"] > svg { height: 1.5em; }

[data-picto="time"] { width: 1.5em; }

[data-picto="time"] > svg { height: 1.5em; }

[data-picto="twitter"] { width: 1.5em; }

[data-picto="twitter"] > svg { height: 1.5em; }

[data-picto="umbrella"] { width: 1.5em; }

[data-picto="umbrella"] > svg { height: 1.5625em; }

[data-picto="user"] { width: 2em; }

[data-picto="user"] > svg { height: 2em; }

[data-picto="video"] { width: 1.5em; }

[data-picto="video"] > svg { height: 1.5em; }

[data-picto="wechat"] { width: 1.5em; }

[data-picto="wechat"] > svg { height: 1.25em; }

[data-picto="world"] { width: 1.5em; }

[data-picto="world"] > svg { height: 1.5em; }

[data-picto="youtube"] { width: 1.5em; }

[data-picto="youtube"] > svg { height: 1.5em; }

.richtext h1 { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; margin-bottom: 0.5em; }

@media screen and (max-width: 1000px) { .richtext h1 { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .richtext h1 { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.richtext h2, .richtext .h2 { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; margin-top: 2em; margin-bottom: 0.75em; }

@media screen and (max-width: 1000px) { .richtext h2, .richtext .h2 { font-size: 22px; font-size: 1.375rem; } }

.richtext h3, .richtext .h3 { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; font-weight: bold; margin-top: 2em; margin-bottom: 1em; }

[lang="zh"] .richtext h3, [lang="zh-Hant"] .richtext h3, [lang="zh-Hans"] .richtext h3, [lang="zh-CN"] .richtext h3, [lang="zh"] .richtext .h3, [lang="zh-Hant"] .richtext .h3, [lang="zh-Hans"] .richtext .h3, [lang="zh-CN"] .richtext .h3 { line-height: 1.5; }

@media screen and (max-width: 1000px) { .richtext h3, .richtext .h3 { font-size: 18px; font-size: 1.125rem; } }

.richtext h4, .richtext .h4 { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; font-weight: bold; margin-top: 1.5em; margin-bottom: 0.5em; }

[lang="zh"] .richtext h4, [lang="zh-Hant"] .richtext h4, [lang="zh-Hans"] .richtext h4, [lang="zh-CN"] .richtext h4, [lang="zh"] .richtext .h4, [lang="zh-Hant"] .richtext .h4, [lang="zh-Hans"] .richtext .h4, [lang="zh-CN"] .richtext .h4 { line-height: 1.5; }

.richtext h5, .richtext .h5 { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; font-weight: bold; margin-top: 1.5em; margin-bottom: 0.5em; }

[lang="zh"] .richtext h5, [lang="zh-Hant"] .richtext h5, [lang="zh-Hans"] .richtext h5, [lang="zh-CN"] .richtext h5, [lang="zh"] .richtext .h5, [lang="zh-Hant"] .richtext .h5, [lang="zh-Hans"] .richtext .h5, [lang="zh-CN"] .richtext .h5 { line-height: 1.5; }

.richtext h6, .richtext .h6 { font-size: 15px; font-size: 0.9375rem; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 1.5em; margin-bottom: 0.5em; }

.richtext pre { margin: 1em 0; padding: 20px; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #D4D4D4; }

.richtext code { background: white; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #D4D4D4; }

.richtext q { quotes: "«" "»"; }

.richtext q:before { content: open-quote; }

.richtext q:after { content: close-quote; }

.richtext blockquote { quotes: "«" "»"; font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; text-indent: -0.75ex; }

.richtext blockquote:before { content: open-quote; }

.richtext blockquote:after { content: close-quote; }

[lang="zh"] .richtext blockquote, [lang="zh-Hant"] .richtext blockquote, [lang="zh-Hans"] .richtext blockquote, [lang="zh-CN"] .richtext blockquote { line-height: 1.5; }

@media screen and (max-width: 1000px) { .richtext blockquote { font-size: 18px; font-size: 1.125rem; } }

.richtext pre code, .richtext pre pre, .richtext code pre { background: transparent; border: 0; }

.richtext .Button { margin-right: 1em; margin-bottom: 1em; }

.richtext sub, .richtext sup { font-size: 0.675em; font-weight: normal; position: relative; top: -0.625em; }

.richtext sup:before, .richtext sup:after { position: relative; opacity: 0.375; }

.richtext sup:before { content: '['; padding-right: 0.125em; }

.richtext sup:after { content: ']'; padding-left: 0.125em; }

.richtext sub { top: 0.45em; }

.richtext p { margin-top: 1em; margin-bottom: 1em; color: #3C4150; }

.richtext ul { margin: 1em 0; display: block; }

.richtext ul > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.richtext ul > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.richtext ol { margin: 1em 0; display: block; display: block; counter-reset: ol--counter; }

.richtext ol > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.richtext ol > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.richtext ol > li { list-style-type: none; padding-left: 20px; padding-left: 1.25rem; margin-left: 4ex; }

.richtext ol > li:before { counter-increment: ol--counter; content: counters(ol--counter, ".") "."; left: auto; right: 100%; text-align: right; width: 4ex; }

html.ie .richtext ol > li { list-style: decimal inside none; }

.richtext li > :first-child { margin-top: 0; }

.richtext li > :last-child { margin-bottom: 0; }

.richtext table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; width: 100%; }

.richtext table caption { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding: 1em 0; }

@media screen and (max-width: 1000px) { .richtext table caption { font-size: 22px; font-size: 1.375rem; } }

.richtext table thead { background-color: #F9F9FA; }

.richtext table tfoot tr { border-bottom: none; }

.richtext table tr { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.richtext table th { font-weight: bold; }

.richtext table th [data-picto] { margin-bottom: 5px; }

.richtext table th [data-picto] > svg { height: 22px; }

.richtext table th, .richtext table td { padding: 1.2em; vertical-align: top; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; }

@media screen and (max-width: 1200px) { .richtext table th, .richtext table td { padding: 1em; } }

@media screen and (max-width: 750px) { .richtext table th, .richtext table td { padding: 0.5em 1em; } }

.richtext table th:first-child, .richtext table td:first-child { border-left: none; }

.richtext table th:last-child, .richtext table td:last-child { border-right: none; }

.richtext table a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .richtext table a:not([class]) { color: #9B14B4; }

.template-green .richtext table a:not([class]) { color: #1455B4; }

.template-blue .richtext table a:not([class]) { color: #1455B4; }

.template-purple .richtext table a:not([class]) { color: #9B14B4; }

.template-violet .richtext table a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .richtext table a:not([class]):active, html:not(.can-touch) .richtext table a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .richtext table a:not([class]):active, html.template-red:not(.can-touch) .richtext table a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .richtext table a:not([class]):active, html.template-green:not(.can-touch) .richtext table a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .richtext table a:not([class]):active, html.template-blue:not(.can-touch) .richtext table a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .richtext table a:not([class]):active, html.template-violet:not(.can-touch) .richtext table a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.richtext table p { margin-top: 0; }

.richtext table p:last-child { margin-bottom: 0; }

.richtext table tr.is-highlighted { background-color: rgba(249, 249, 250, 0.8); }

.richtext table th.is-highlighted { background-color: #E6F1F1; color: #006E73; }

.richtext s { text-decoration: line-through; }

.richtext u { text-decoration: none; }

.richtext em { font-style: italic; }

.richtext small { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .richtext small, [lang="zh-Hant"] .richtext small, [lang="zh-Hans"] .richtext small, [lang="zh-CN"] .richtext small { line-height: 1.5; }

.richtext strong, .richtext b { font-weight: bold; }

.richtext a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .richtext a:not([class]) { color: #9B14B4; }

.template-green .richtext a:not([class]) { color: #1455B4; }

.template-blue .richtext a:not([class]) { color: #1455B4; }

.template-purple .richtext a:not([class]) { color: #9B14B4; }

.template-violet .richtext a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .richtext a:not([class]):active, html:not(.can-touch) .richtext a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .richtext a:not([class]):active, html.template-red:not(.can-touch) .richtext a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .richtext a:not([class]):active, html.template-green:not(.can-touch) .richtext a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .richtext a:not([class]):active, html.template-blue:not(.can-touch) .richtext a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .richtext a:not([class]):active, html.template-violet:not(.can-touch) .richtext a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.richtext > *:first-child { margin-top: 0; }

.t-xxxxl { font-size: 180px; font-size: 11.25rem; font-weight: 200; line-height: 1; }

@media screen and (max-width: 1000px) { .t-xxxxl { font-size: 75px; font-size: 4.6875rem; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .t-xxxxl { font-size: 60px; font-size: 3.75rem; line-height: 1.1; } }

.t-xxxl { font-size: 120px; font-size: 7.5rem; font-weight: 200; line-height: 1; }

@media screen and (max-width: 1000px) { .t-xxxl { font-size: 75px; font-size: 4.6875rem; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .t-xxxl { font-size: 60px; font-size: 3.75rem; line-height: 1.1; } }

.t-xxl { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; }

@media screen and (max-width: 1000px) { .t-xxl { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .t-xxl { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.t-xl { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; }

@media screen and (max-width: 1000px) { .t-xl { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.t-l { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; }

@media screen and (max-width: 1000px) { .t-l { font-size: 22px; font-size: 1.375rem; } }

.t-m { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }

[lang="zh"] .t-m, [lang="zh-Hant"] .t-m, [lang="zh-Hans"] .t-m, [lang="zh-CN"] .t-m { line-height: 1.5; }

@media screen and (max-width: 1000px) { .t-m { font-size: 18px; font-size: 1.125rem; } }

.t-ms { font-size: 18px; font-size: 1.125rem; font-weight: 200; }

.t-s { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; }

[lang="zh"] .t-s, [lang="zh-Hant"] .t-s, [lang="zh-Hans"] .t-s, [lang="zh-CN"] .t-s { line-height: 1.5; }

.t-base { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; }

[lang="zh"] .t-base, [lang="zh-Hant"] .t-base, [lang="zh-Hans"] .t-base, [lang="zh-CN"] .t-base { line-height: 1.7; }

@media screen and (max-width: 1000px) { .t-base { font-size: 20px; font-size: 1.25rem; } }

.t-xs { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .t-xs, [lang="zh-Hant"] .t-xs, [lang="zh-Hans"] .t-xs, [lang="zh-CN"] .t-xs { line-height: 1.5; }

.t-xxs { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; }

.t-caps { font-size: 15px; font-size: 0.9375rem; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; }

.t-red { color: #E00034; }

.t-green { color: #007934; }

.t-white { color: #ffffff; }

.t-black { color: #3C4150; }

.t-gray { color: #636363; }

.t-gray-light { color: #B1B3B9; }

.t-bold { font-weight: bold; }

.t-regular { font-weight: normal; }

.t-light { font-weight: 200; }

.t-italic { font-style: italic; }

.t-nowrap { white-space: nowrap; }

.t-left { text-align: left; }

.t-center { text-align: center; }

.t-right { text-align: right; }

html.js .is-hidden-js { display: none !important; }

html.no-js .is-visible-js { display: none !important; }

@media screen and (min-width: 1201px) { .is-hidden-desktop { display: none !important; }
  .is-visible-tablet { display: none !important; } }

@media screen and (max-width: 1200px) { .is-visible-desktop { display: none !important; }
  .is-hidden-tablet { display: none !important; } }

@media screen and (min-width: 1001px) { .is-visible-tablet-portrait { display: none !important; } }

@media screen and (max-width: 1000px) { .is-hidden-tablet-portrait { display: none !important; } }

@media screen and (min-width: 751px) { .is-visible-mobile { display: none !important; } }

@media screen and (max-width: 750px) { .is-hidden-mobile { display: none !important; } }

@media screen and (min-width: 401px) { .is-visible-mobile-portrait { display: none !important; } }

@media screen and (max-width: 400px) { .is-hidden-mobile-portrait { display: none !important; } }

@media only screen { .is-visible-print { display: none !important; } }

@media print { .is-hidden-print { display: none !important; } }

body:after { display: none; content: 'desktop'; }

@media screen and (max-width: 1200px) { body:after { content: 'tablet'; } }

@media screen and (max-width: 1000px) { body:after { content: 'tablet-portrait'; } }

@media screen and (max-width: 750px) { body:after { content: 'mobile'; } }

@media screen and (max-width: 400px) { body:after { content: 'mobile-portrait'; } }

.media-dispatcher-fallback { display: none; margin-bottom: 0px; }

@media screen and (max-width: 1200px) { .media-dispatcher-fallback { margin-bottom: 1px; } }

@media screen and (max-width: 1000px) { .media-dispatcher-fallback { margin-bottom: 2px; } }

@media screen and (max-width: 750px) { .media-dispatcher-fallback { margin-bottom: 3px; } }

@media screen and (max-width: 400px) { .media-dispatcher-fallback { margin-bottom: 4px; } }

body:before { display: none; content: ''; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { body:before { content: 'retina'; } }

.Button { color: #ffffff; font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; line-height: 1.25rem; vertical-align: middle; height: 50px; padding: 15px 31px; height: 3.125rem; padding: 0.9375rem 1.9375rem; display: inline-block; position: relative; max-width: 100%; text-align: center; overflow: visible; }

.Button:before { border: 1px solid #006E73; background-color: #006E73; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Button:hover:not([disabled]), .Button:hover:enabled { color: #006E73; }

.Button:hover:not([disabled]):before, .Button:hover:enabled:before { background-color: #ffffff; border-color: #CCE2E3; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Button:active:not([disabled]), .Button:active:enabled { color: #006E73; }

.Button:active:not([disabled]):before, .Button:active:enabled:before { background-color: #ffffff; border-color: #CCE2E3; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

[lang="zh"] .Button, [lang="zh-Hant"] .Button, [lang="zh-Hans"] .Button, [lang="zh-CN"] .Button { line-height: 1.5; }

.Button:before { box-sizing: border-box; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; }

.Button .Button--content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; position: relative; max-width: 100%; z-index: 1; }

.Button .Button--content > br { display: none; }

.Button.small { height: 35px; padding: 7px 19px 8px; height: 2.1875rem; padding: 0.4375rem 1.1875rem 0.5rem; }

.Button.secondary { color: #006E73; }

.Button.secondary:before { border: 1px solid #CCE2E3; background-color: #ffffff; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Button.secondary:hover:not([disabled]), .Button.secondary:hover:enabled { color: #ffffff; }

.Button.secondary:hover:not([disabled]):before, .Button.secondary:hover:enabled:before { background-color: #006E73; border-color: #006E73; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Button.secondary:active:not([disabled]), .Button.secondary:active:enabled { color: #ffffff; }

.Button.secondary:active:not([disabled]):before, .Button.secondary:active:enabled:before { background-color: #006E73; border-color: #006E73; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Button.secondary.small { height: 35px; padding: 7px 19px 8px; height: 2.1875rem; padding: 0.4375rem 1.1875rem 0.5rem; }

.Button.transparent { height: 50px; padding: 15px 31px; height: 3.125rem; padding: 0.9375rem 1.9375rem; color: #ffffff; }

.Button.transparent:before { border: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Button.transparent:hover:not([disabled]), .Button.transparent:hover:enabled { color: rgba(255, 255, 255, 0); }

.Button.transparent:hover:not([disabled]):before, .Button.transparent:hover:enabled:before { background-color: #ffffff; border-color: rgba(255, 255, 255, 0.2); -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Button.transparent:active:not([disabled]), .Button.transparent:active:enabled { color: rgba(255, 255, 255, 0); }

.Button.transparent:active:not([disabled]):before, .Button.transparent:active:enabled:before { background-color: #ffffff; border-color: rgba(255, 255, 255, 0.2); -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Button.transparent:hover:not([disabled]), .Button.transparent:hover:enabled { color: #ffffff; }

.Button.transparent:hover:not([disabled]):before, .Button.transparent:hover:enabled:before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }

.Button.transparent:active:not([disabled]), .Button.transparent:active:enabled { color: #ffffff; }

.Button.transparent:active:not([disabled]):before, .Button.transparent:active:enabled:before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }

.Button.transparent.small { height: 35px; padding: 7px 19px 8px; height: 2.1875rem; padding: 0.4375rem 1.1875rem 0.5rem; }

.Button.white { color: #006E73; }

.Button.white:before { border: 1px solid #ffffff; background-color: #ffffff; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Button.white:hover:not([disabled]), .Button.white:hover:enabled { color: #ffffff; }

.Button.white:hover:not([disabled]):before, .Button.white:hover:enabled:before { background-color: #006E73; border-color: #ffffff; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Button.white:active:not([disabled]), .Button.white:active:enabled { color: #ffffff; }

.Button.white:active:not([disabled]):before, .Button.white:active:enabled:before { background-color: #006E73; border-color: #ffffff; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Button.white:hover:not([disabled]), .Button.white:hover:enabled { color: #006E73; }

.Button.white:hover:not([disabled]):before, .Button.white:hover:enabled:before { background-color: #ffffff; }

.Button.white:active:not([disabled]), .Button.white:active:enabled { color: #006E73; }

.Button.white:active:not([disabled]):before, .Button.white:active:enabled:before { background-color: #ffffff; }

.Button.icon-before { fill: currentColor; padding-left: 1.375rem; padding-right: 1.375rem; }

.Button.icon-before [data-icon], .Button.icon-before [data-picto] { height: 100%; min-width: 1px; max-width: 18px; margin-right: 10px; margin-left: 0; margin-top: 0; vertical-align: top; }

.Button.icon-after { fill: currentColor; padding-left: 1.375rem; padding-right: 1.375rem; }

.Button.icon-after [data-icon], .Button.icon-after [data-picto] { height: 100%; min-width: 1px; max-width: 18px; margin-right: 0; margin-left: 10px; margin-top: 0; vertical-align: top; }

.Button.icon-mobile-only { fill: currentColor; padding-left: 1.375rem; padding-right: 1.375rem; }

.Button.icon-mobile-only [data-icon], .Button.icon-mobile-only [data-picto] { height: 100%; min-width: 1px; max-width: 18px; margin-right: 10px; margin-left: 0; margin-top: 0; vertical-align: top; }

@media screen and (min-width: 1001px) { .Button.icon-mobile-only [data-icon], .Button.icon-mobile-only [data-picto] { display: none; } }

@media screen and (max-width: 1000px) { .Button.responsive { padding: 0; width: 50px; height: 50px; border-radius: 100%; }
  .Button.responsive:hover:not([disabled]):before, .Button.responsive:hover:enabled:before { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  .Button.responsive:active:not([disabled]):before, .Button.responsive:active:enabled:before { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  .Button.responsive .Button--content { letter-spacing: -1ex; text-indent: -9999px; color: transparent; text-decoration: none; line-height: 1; }
  .Button.responsive > [data-picto], .Button.responsive > [data-icon] { position: absolute; top: 0; left: 50%; width: 100%; margin-left: -9px; } }

.RoundIconButton { position: relative; width: 50px; height: 50px; border-radius: 100%; display: inline-block; vertical-align: middle; overflow: visible; z-index: 1; color: #3C4150; }

.RoundIconButton:before { box-sizing: border-box; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #D4D4D4; border-radius: 100%; background-color: #ffffff; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.RoundIconButton > .Icon { position: absolute; color: inherit; fill: currentColor; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.RoundIconButton[disabled] { opacity: 1; color: #D4D4D4; }

html:not(.can-touch) .RoundIconButton:hover:not([disabled]) { color: #3C4150; }

html:not(.can-touch) .RoundIconButton:hover:not([disabled]):before { border-color: #636363; -webkit-transform: scale(1.101, 1.101); transform: scale(1.101, 1.101); }

.RoundIconButton.transparent:before { border-color: rgba(255, 255, 255, 0.6); background-color: transparent; transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.RoundIconButton.transparent > .Icon { color: #ffffff; }

.RoundIconButton.transparent .RoundIconButton--text { color: #ffffff; }

@media screen and (max-width: 1000px) { .RoundIconButton.transparent .RoundIconButton--text { color: #ffffff; } }

html:not(.can-touch) .RoundIconButton.transparent:hover:not([disabled]):before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }

html:not(.can-touch) .RoundIconButton.transparent:hover:not([disabled]) .RoundIconButton--text { color: #ffffff; }

.RoundIconButton.rainbow::before { background-color: transparent; }

.template-red .RoundIconButton.rainbow::before { border-color: #9B14B4; }

.template-green .RoundIconButton.rainbow::before { border-color: #1455B4; }

.template-blue .RoundIconButton.rainbow::before { border-color: #1455B4; }

.template-purple .RoundIconButton.rainbow::before { border-color: #9B14B4; }

.template-violet .RoundIconButton.rainbow::before { border-color: #9B14B4; }

.template-red .RoundIconButton.rainbow > .Icon { color: #9B14B4; }

.template-green .RoundIconButton.rainbow > .Icon { color: #1455B4; }

.template-blue .RoundIconButton.rainbow > .Icon { color: #1455B4; }

.template-purple .RoundIconButton.rainbow > .Icon { color: #9B14B4; }

.template-violet .RoundIconButton.rainbow > .Icon { color: #9B14B4; }

.template-red:not(.can-touch) .RoundIconButton.rainbow:hover:not([disabled]):before { border-color: #9B14B4; }

.template-green:not(.can-touch) .RoundIconButton.rainbow:hover:not([disabled]):before { border-color: #1455B4; }

.template-blue:not(.can-touch) .RoundIconButton.rainbow:hover:not([disabled]):before { border-color: #1455B4; }

.template-purple:not(.can-touch) .RoundIconButton.rainbow:hover:not([disabled]):before { border-color: #9B14B4; }

.template-violet:not(.can-touch) .RoundIconButton.rainbow:hover:not([disabled]):before { border-color: #9B14B4; }

.RoundIconButton.large { height: 120px; width: 120px; }

.RoundIconButton.large > .Icon[data-picto] { font-size: 25px; }

@media screen and (max-width: 1000px) { .RoundIconButton.large { height: 70px; width: 70px; }
  .RoundIconButton.large > .Icon[data-picto] { font-size: 20px; } }

html:not(.can-touch) .RoundIconButton.large:active:before, html:not(.can-touch) .RoundIconButton.large:hover:before { -webkit-transform: none; transform: none; }

html:not(.can-touch) .RoundIconButton.large:active > .Icon[data-icon], html:not(.can-touch) .RoundIconButton.large:hover > .Icon[data-icon] { -webkit-transform: scale(1.2); transform: scale(1.2); }

html:not(.can-touch) .RoundIconButton.large:active > .Icon[data-picto], html:not(.can-touch) .RoundIconButton.large:hover > .Icon[data-picto] { -webkit-transform: scale(1.1); transform: scale(1.1); }

.RoundIconButton.responsive { color: #006E73; }

.RoundIconButton.responsive::before { border-color: #CCE2E3; }

.RoundIconButton.responsive > .Icon { transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media screen and (min-width: 751px) { .RoundIconButton.responsive { width: auto; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .RoundIconButton.responsive::before { width: 50px; left: auto; right: 0; }
  .RoundIconButton.responsive > .Icon { position: relative; width: 50px; }
  .RoundIconButton.responsive .RoundIconButton--text { position: static; width: auto; margin-top: 0; padding-left: 0; padding-right: 0.5em; } }

html:not(.can-touch) .RoundIconButton.responsive:hover:not([disabled]) { color: #006E73; }

html:not(.can-touch) .RoundIconButton.responsive:hover:not([disabled]):before { border-color: #006E73; }

@media screen and (max-width: 750px) { .RoundIconButton .RoundIconButton--text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; } }

.RoundIconButton--text { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; position: absolute; width: 100%; top: 100%; margin-top: 1.5em; padding: 0 0.5em; text-align: center; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

[lang="zh"] .RoundIconButton--text, [lang="zh-Hant"] .RoundIconButton--text, [lang="zh-Hans"] .RoundIconButton--text, [lang="zh-CN"] .RoundIconButton--text { line-height: 1.5; }

@media screen and (max-width: 1000px) { .RoundIconButton--text { padding: 0; } }

.Flyout { position: relative; display: inline-block; }

.Flyout.dark .Flyout--content--inner { background-color: #000000; color: #ffffff; box-shadow: none; }

.Flyout.dark .Flyout--content::before { background-color: #000000; }

.Flyout--content { width: 280px; max-width: calc(100vw - 40px); }

.Flyout--trigger { position: relative; padding-right: 17px; display: inline-block; }

.Flyout--trigger:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); position: relative; top: 2px; display: inline-block; vertical-align: middle; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; margin-left: 8px; margin-right: -2px; }

.Flyout--trigger:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; position: relative; top: 2px; display: inline-block; vertical-align: middle; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; margin-left: 8px; margin-right: -2px; }

.Flyout--trigger[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); position: relative; top: 2px; }

.Flyout--trigger[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; position: relative; top: 2px; }

.Flyout.customTrigger .Flyout--trigger { padding-right: 0; display: block; }

.Flyout.customTrigger .Flyout--trigger:after { content: none; }

.Flyout--content { position: absolute; z-index: 8; border-radius: 2px; right: 50%; -webkit-transform-origin: top center; transform-origin: top center; pointer-events: none; }

.Flyout--content.is-collapsed { display: none; visibility: hidden; }

.Flyout--content:not(.is-expanded) { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }

.Flyout--content.is-expanded { transition: opacity 0.1s linear, -webkit-transform 0.24s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: opacity 0.1s linear, transform 0.24s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: opacity 0.1s linear, transform 0.24s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.24s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.Flyout--content:before { content: ''; height: 15px; width: 15px; background-color: #ffffff; position: absolute; left: 100%; -webkit-clip-path: polygon(0% 0%, 100% 100%, 100% 0%); clip-path: polygon(0% 0%, 100% 100%, 100% 0%); z-index: 1; }

.Flyout.top .Flyout--content { bottom: 100%; margin-bottom: 20px; }

.Flyout.top .Flyout--content:not(.is-expanded) { -webkit-transform: translateY(20px); transform: translateY(20px); }

.Flyout.top .Flyout--content:before { bottom: 0; -webkit-transform: translate(-50%, 50%) rotate(135deg); transform: translate(-50%, 50%) rotate(135deg); }

.Flyout.bottom .Flyout--content { top: 100%; margin-top: 20px; }

.Flyout.bottom .Flyout--content .Flyout--content--inner { top: 0; }

.Flyout.bottom .Flyout--content:before { top: 0; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.Flyout--content--inner { background-color: #ffffff; padding: 0; max-width: 280px; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); -webkit-transform: translateX(50%); transform: translateX(50%); pointer-events: auto; }

.Flyout--content--inner:after, .Flyout--content--inner:before { content: ''; display: block; height: 1px; margin-top: -1px; clear: both; }

.ImmediateImage { width: 100%; height: 100%; }

.ImmediateImage--inner { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.InputClone { position: relative; }

.InputClone > input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.InputClone > input:focus { opacity: 1; z-index: 1; }

.InputClone > input:focus + .Input { opacity: 0; }

.InputClone .Input.clone { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; z-index: 0; }

.InputClone .Input.clone:after { content: '\202f'; margin-right: -.8ex; width: 1px; display: inline-block; overflow: hidden; }

.KeyValueList tr { display: block; position: relative; padding-left: 50px; margin-bottom: 1em; }

.KeyValueList tr:last-of-type { margin-bottom: 0; }

.KeyValueList.has-image tr { padding-left: 65px; }

@media screen and (max-width: 750px) { .KeyValueList.has-image tr { padding-left: 50px; } }

.KeyValueList.has-image .Icon { left: 12px; }

@media screen and (max-width: 750px) { .KeyValueList.has-image .Icon { left: 5px; } }

.KeyValueList th { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; display: block; }

[lang="zh"] .KeyValueList th, [lang="zh-Hant"] .KeyValueList th, [lang="zh-Hans"] .KeyValueList th, [lang="zh-CN"] .KeyValueList th { line-height: 1.5; }

.KeyValueList .Icon { position: absolute; left: 0; top: 10px; fill: #636363; }

.KeyValueList img { position: absolute; left: 0; top: 3px; width: 45px; height: 45px; border-radius: 45px; }

@media screen and (max-width: 750px) { .KeyValueList img { height: 35px; width: 35px; } }

.KeyValueList a { color: #006E73; height: 100%; width: 100%; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-decoration: none; border-bottom: 1px solid #006E73; }

html:not(.can-touch) .KeyValueList a:active, html:not(.can-touch) .KeyValueList a:hover { border-color: #CCE2E3; }

.KeyValueList td { display: block; }

@media screen and (max-width: 750px) { .KeyValueList th { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }
  [lang="zh"] .KeyValueList th, [lang="zh-Hant"] .KeyValueList th, [lang="zh-Hans"] .KeyValueList th, [lang="zh-CN"] .KeyValueList th { line-height: 1.5; }
  .KeyValueList td { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; }
  [lang="zh"] .KeyValueList td, [lang="zh-Hant"] .KeyValueList td, [lang="zh-Hans"] .KeyValueList td, [lang="zh-CN"] .KeyValueList td { line-height: 1.5; } }

.Link { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; position: relative; max-width: 100%; color: #006E73; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-decoration: none; border-bottom: 1px solid; }

.template-red .Link:not(.norainbow) { color: #9B14B4; }

.template-green .Link:not(.norainbow) { color: #1455B4; }

.template-blue .Link:not(.norainbow) { color: #1455B4; }

.template-purple .Link:not(.norainbow) { color: #9B14B4; }

.template-violet .Link:not(.norainbow) { color: #9B14B4; }

[lang="zh"] .Link, [lang="zh-Hant"] .Link, [lang="zh-Hans"] .Link, [lang="zh-CN"] .Link { line-height: 1.5; }

html:not(.can-touch) .Link:active, html:not(.can-touch) .Link:hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .Link:not(.norainbow):active, html.template-red:not(.can-touch) .Link:not(.norainbow):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .Link:not(.norainbow):active, html.template-green:not(.can-touch) .Link:not(.norainbow):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .Link:not(.norainbow):active, html.template-blue:not(.can-touch) .Link:not(.norainbow):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .Link:not(.norainbow):active, html.template-violet:not(.can-touch) .Link:not(.norainbow):hover { border-color: rgba(250, 140, 255, 0.5); }

.Link.white { color: #ffffff; }

html:not(.can-touch) .Link.white:active, html:not(.can-touch) .Link.white:hover { border-color: #ffffff; }

a:active .Link, html:not(.can-touch) a:hover .Link { border-color: #CCE2E3; }

.Link > .Icon { display: inline-block; vertical-align: middle; }

.Link > .Icon.inline { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.Link.medium { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; }

[lang="zh"] .Link.medium, [lang="zh-Hant"] .Link.medium, [lang="zh-Hans"] .Link.medium, [lang="zh-CN"] .Link.medium { line-height: 1.7; }

@media screen and (max-width: 1000px) { .Link.medium { font-size: 20px; font-size: 1.25rem; } }

.Link.icon-after, .Link.icon-before { display: inline-block; vertical-align: middle; border-bottom: none; }

.Link.icon-after > [data-picto], .Link.icon-before > [data-picto] { fill: currentColor; }

.Link.arrow { display: inline-block; vertical-align: middle; border-bottom: none; padding-right: 1.25em; }

.Link.arrow:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); right: 0; color: #CCE2E3; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Link.arrow:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 0; color: #CCE2E3; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .Link.arrow:active:after, html:not(.can-touch) .Link.arrow:hover:after { color: #006E73; -webkit-transform: rotate(0) translateX(50%) rotate(135deg) translate(-0.25ex, -0.25ex); transform: rotate(0) translateX(50%) rotate(135deg) translate(-0.25ex, -0.25ex); }

a:active .Link.arrow:after, html:not(.can-touch) a:hover .Link.arrow:after { color: #006E73; -webkit-transform: rotate(0) translateX(50%) rotate(135deg) translate(-0.25ex, -0.25ex); transform: rotate(0) translateX(50%) rotate(135deg) translate(-0.25ex, -0.25ex); }

.Link.arrow.white:after { color: #ffffff; }

html:not(.can-touch) .Link.arrow.white:active:after, html:not(.can-touch) .Link.arrow.white:hover:after { color: #ffffff !important; }

.Moderator { color: #3C4150; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 24px; }

@media screen and (max-width: 750px) { .Moderator { gap: 14px; } }

.Moderator--portrait { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (max-width: 750px) { .Moderator--portrait { width: 40px; height: 40px; } }

.Moderator--text { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 4px; }

.Moderator--name { font-size: 18px; font-size: 1.125rem; font-weight: 200; font-weight: bold; }

.Moderator--details { font-size: 18px; font-size: 1.125rem; font-weight: 200; font-weight: 200; }

@media screen and (max-width: 750px) { .Moderator--details { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; font-weight: 200; }
  [lang="zh"] .Moderator--details, [lang="zh-Hant"] .Moderator--details, [lang="zh-Hans"] .Moderator--details, [lang="zh-CN"] .Moderator--details { line-height: 1.5; } }

.Moderator--role { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #8A8D96; }

[lang="zh"] .Moderator--role, [lang="zh-Hant"] .Moderator--role, [lang="zh-Hans"] .Moderator--role, [lang="zh-CN"] .Moderator--role { line-height: 1.5; }

.PeopleList { position: relative; }

.PeopleList--item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; min-height: 50px; }

@media screen and (max-width: 750px) { .PeopleList--item { min-height: 40px; } }

.PeopleList--item:not(:first-child) { margin-top: -5px; }

.PeopleList--portrait { position: relative; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 100%; overflow: hidden; width: 50px; height: 50px; outline: 2px solid #ffffff; margin-right: 15px; }

@media screen and (max-width: 750px) { .PeopleList--portrait { width: 40px; height: 40px; } }

.PeopleList--name { font-size: 18px; font-size: 1.125rem; font-weight: 200; display: inline; padding-top: 0.5em; }

.PeopleList--name p { margin-top: 1em; margin-bottom: 1em; color: #3C4150; }

.PeopleList--name ul { margin: 1em 0; display: block; }

.PeopleList--name ul > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.PeopleList--name ul > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.PeopleList--name ol { margin: 1em 0; display: block; display: block; counter-reset: ol--counter; }

.PeopleList--name ol > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.PeopleList--name ol > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.PeopleList--name ol > li { list-style-type: none; padding-left: 20px; padding-left: 1.25rem; margin-left: 4ex; }

.PeopleList--name ol > li:before { counter-increment: ol--counter; content: counters(ol--counter, ".") "."; left: auto; right: 100%; text-align: right; width: 4ex; }

html.ie .PeopleList--name ol > li { list-style: decimal inside none; }

.PeopleList--name li > :first-child { margin-top: 0; }

.PeopleList--name li > :last-child { margin-bottom: 0; }

.PeopleList--name table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; width: 100%; }

.PeopleList--name table caption { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding: 1em 0; }

@media screen and (max-width: 1000px) { .PeopleList--name table caption { font-size: 22px; font-size: 1.375rem; } }

.PeopleList--name table thead { background-color: #F9F9FA; }

.PeopleList--name table tfoot tr { border-bottom: none; }

.PeopleList--name table tr { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.PeopleList--name table th { font-weight: bold; }

.PeopleList--name table th [data-picto] { margin-bottom: 5px; }

.PeopleList--name table th [data-picto] > svg { height: 22px; }

.PeopleList--name table th, .PeopleList--name table td { padding: 1.2em; vertical-align: top; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; }

@media screen and (max-width: 1200px) { .PeopleList--name table th, .PeopleList--name table td { padding: 1em; } }

@media screen and (max-width: 750px) { .PeopleList--name table th, .PeopleList--name table td { padding: 0.5em 1em; } }

.PeopleList--name table th:first-child, .PeopleList--name table td:first-child { border-left: none; }

.PeopleList--name table th:last-child, .PeopleList--name table td:last-child { border-right: none; }

.PeopleList--name table a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .PeopleList--name table a:not([class]) { color: #9B14B4; }

.template-green .PeopleList--name table a:not([class]) { color: #1455B4; }

.template-blue .PeopleList--name table a:not([class]) { color: #1455B4; }

.template-purple .PeopleList--name table a:not([class]) { color: #9B14B4; }

.template-violet .PeopleList--name table a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .PeopleList--name table a:not([class]):active, html:not(.can-touch) .PeopleList--name table a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .PeopleList--name table a:not([class]):active, html.template-red:not(.can-touch) .PeopleList--name table a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .PeopleList--name table a:not([class]):active, html.template-green:not(.can-touch) .PeopleList--name table a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .PeopleList--name table a:not([class]):active, html.template-blue:not(.can-touch) .PeopleList--name table a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .PeopleList--name table a:not([class]):active, html.template-violet:not(.can-touch) .PeopleList--name table a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.PeopleList--name table p { margin-top: 0; }

.PeopleList--name table p:last-child { margin-bottom: 0; }

.PeopleList--name table tr.is-highlighted { background-color: rgba(249, 249, 250, 0.8); }

.PeopleList--name table th.is-highlighted { background-color: #E6F1F1; color: #006E73; }

.PeopleList--name s { text-decoration: line-through; }

.PeopleList--name u { text-decoration: none; }

.PeopleList--name em { font-style: italic; }

.PeopleList--name small { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .PeopleList--name small, [lang="zh-Hant"] .PeopleList--name small, [lang="zh-Hans"] .PeopleList--name small, [lang="zh-CN"] .PeopleList--name small { line-height: 1.5; }

.PeopleList--name strong, .PeopleList--name b { font-weight: bold; }

.PeopleList--name a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .PeopleList--name a:not([class]) { color: #9B14B4; }

.template-green .PeopleList--name a:not([class]) { color: #1455B4; }

.template-blue .PeopleList--name a:not([class]) { color: #1455B4; }

.template-purple .PeopleList--name a:not([class]) { color: #9B14B4; }

.template-violet .PeopleList--name a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .PeopleList--name a:not([class]):active, html:not(.can-touch) .PeopleList--name a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .PeopleList--name a:not([class]):active, html.template-red:not(.can-touch) .PeopleList--name a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .PeopleList--name a:not([class]):active, html.template-green:not(.can-touch) .PeopleList--name a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .PeopleList--name a:not([class]):active, html.template-blue:not(.can-touch) .PeopleList--name a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .PeopleList--name a:not([class]):active, html.template-violet:not(.can-touch) .PeopleList--name a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.PeopleList--name > *:first-child { margin-top: 0; }

@media screen and (max-width: 750px) { .PeopleList--name { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; }
  [lang="zh"] .PeopleList--name, [lang="zh-Hant"] .PeopleList--name, [lang="zh-Hans"] .PeopleList--name, [lang="zh-CN"] .PeopleList--name { line-height: 1.5; } }

.PictoText { position: relative; }

.PictoText > [data-picto] { fill: currentColor; }

img[data-sizes]:not([width]) { width: 100%; }

[data-sizes], .Media { background-size: cover; background-repeat: no-repeat; background-position: center center; }

.Media { z-index: 0; position: relative; overflow: hidden; background-color: #D4D4D4; }

.Media.image.is-loaded { background-color: transparent; }

.Media.image.is-transitioned-in { background-image: none !important; }

.Media.video { background-color: #000000; }

.Media > [data-sizes] { background-size: inherit; background-repeat: inherit; background-position: inherit; display: block; -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 0; }

.Media > [data-sizes], .Media > [data-sizes] > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.Media > [data-sizes] > img { display: none; }

.Media > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -o-object-fit: cover; object-fit: cover; transition: opacity 0.5s; }

.Media.is-started > video, .Media > video[controls] { opacity: 1; visibility: visible; }

.Media > .is-loaded { opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: opacity .5s, -webkit-transform ease-out .8s; transition: opacity .5s, transform ease-out .8s; transition: opacity .5s, transform ease-out .8s, -webkit-transform ease-out .8s; }

.Media.ken-burns > .is-loaded { -webkit-animation: anim-ken-burns 18s 0s both; animation: anim-ken-burns 18s 0s both; transition: opacity 1s; }

.Media.video > [data-sizes] { display: none; }

.Media.video.is-video-error > [data-sizes], .Media.video.is-autoplay-disabled > [data-sizes] { display: block; }

html.printing .Media > [data-sizes] { opacity: 1; -webkit-transform: none; transform: none; transition: none; }

html.printing .Media > [data-sizes] > img { display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.Share { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; position: relative; max-width: 100%; color: #006E73; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-decoration: none; border-bottom: 1px solid; color: #006E73; display: inline-block; height: 44px; padding-top: 6px; padding-bottom: 6px; border-bottom: none; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .Share:not(.norainbow) { color: #9B14B4; }

.template-green .Share:not(.norainbow) { color: #1455B4; }

.template-blue .Share:not(.norainbow) { color: #1455B4; }

.template-purple .Share:not(.norainbow) { color: #9B14B4; }

.template-violet .Share:not(.norainbow) { color: #9B14B4; }

[lang="zh"] .Share, [lang="zh-Hant"] .Share, [lang="zh-Hans"] .Share, [lang="zh-CN"] .Share { line-height: 1.5; }

html:not(.can-touch) .Share:active, html:not(.can-touch) .Share:hover { color: #636363; }

@media screen and (max-width: 1000px) { .Share:not(.small) { padding: 0; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #D4D4D4; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); letter-spacing: -1ex; text-indent: -9999px; color: transparent; text-decoration: none; line-height: 1; }
  html:not(.can-touch) .Share:not(.small):active, html:not(.can-touch) .Share:not(.small):hover { border-color: #636363; color: transparent; }
  .Share:not(.small) > .Icon[data-picto] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-top: 0; margin-left: 0; color: #006E73; }
  .Share:not(.small) > .Icon[data-picto] > svg { fill: currentColor; } }

.Share .Icon[data-picto] > svg { fill: currentColor; }

.Share.white { color: #ffffff; }

html:not(.can-touch) .Share.white:active, html:not(.can-touch) .Share.white:hover { color: #D4D4D4; }

.Share.small { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; }

.Spinner { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.Spinner::before, .Spinner::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; }

.Spinner::before { border: 4px solid currentColor; opacity: 0.3; }

.Spinner::after { border: 4px solid transparent; border-left-color: currentColor; -webkit-animation: SpinnerAnim 1.1s infinite linear; animation: SpinnerAnim 1.1s infinite linear; }

.Tag { color: #ffffff; font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; line-height: 1.25rem; vertical-align: middle; height: 35px; padding: 7px 19px 8px; height: 2.1875rem; padding: 0.4375rem 1.1875rem 0.5rem; color: #006E73; display: inline-block; position: relative; max-width: 100%; text-align: center; }

.Tag:before { border: 1px solid #006E73; background-color: #006E73; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Tag:hover:not([disabled]), .Tag:hover:enabled { color: #006E73; }

.Tag:hover:not([disabled]):before, .Tag:hover:enabled:before { background-color: #ffffff; border-color: #CCE2E3; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Tag:active:not([disabled]), .Tag:active:enabled { color: #006E73; }

.Tag:active:not([disabled]):before, .Tag:active:enabled:before { background-color: #ffffff; border-color: #CCE2E3; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

[lang="zh"] .Tag, [lang="zh-Hant"] .Tag, [lang="zh-Hans"] .Tag, [lang="zh-CN"] .Tag { line-height: 1.5; }

.Tag:before { box-sizing: border-box; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; }

.Tag .Button--content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; position: relative; max-width: 100%; z-index: 1; }

.Tag .Button--content > br { display: none; }

.Tag:before { border: 1px solid #E6F1F1; background-color: #E6F1F1; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Tag:hover:not([disabled]), .Tag:hover:enabled { color: #E6F1F1; }

.Tag:hover:not([disabled]):before, .Tag:hover:enabled:before { background-color: #006E73; border-color: #ffffff; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Tag:active:not([disabled]), .Tag:active:enabled { color: #E6F1F1; }

.Tag:active:not([disabled]):before, .Tag:active:enabled:before { background-color: #006E73; border-color: #ffffff; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Tag .Tag--content { position: relative; z-index: 1; }

.Tag.icon { fill: currentColor; }

.Tag.icon [data-icon], .Tag.icon [data-picto] { height: 100%; min-width: 1px; max-width: 18px; margin-right: 10px; margin-left: 0; margin-top: 0; vertical-align: top; }

html:not(.can-touch) .Tag:hover:not([disabled]), html:not(.can-touch) .Tag:hover:enabled { color: #006E73; }

html:not(.can-touch) .Tag:hover:not([disabled]):before, html:not(.can-touch) .Tag:hover:enabled:before { background-color: #ffffff; border-color: #CCE2E3; }

html:not(.can-touch) .Tag:active:not([disabled]), html:not(.can-touch) .Tag:active:enabled { color: #006E73; }

html:not(.can-touch) .Tag:active:not([disabled]):before, html:not(.can-touch) .Tag:active:enabled:before { background-color: #ffffff; border-color: #CCE2E3; }

.Tag.border { color: #3C4150; }

.Tag.border:before { border: 1px solid #D4D4D4; background-color: #ffffff; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Tag.border:hover:not([disabled]), .Tag.border:hover:enabled { color: #ffffff; }

.Tag.border:hover:not([disabled]):before, .Tag.border:hover:enabled:before { background-color: #3C4150; border-color: #F9F9FA; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Tag.border:active:not([disabled]), .Tag.border:active:enabled { color: #ffffff; }

.Tag.border:active:not([disabled]):before, .Tag.border:active:enabled:before { background-color: #3C4150; border-color: #F9F9FA; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

html:not(.can-touch) .Tag.border:hover:not([disabled]), html:not(.can-touch) .Tag.border:hover:enabled { color: #3C4150; }

html:not(.can-touch) .Tag.border:hover:not([disabled]):before, html:not(.can-touch) .Tag.border:hover:enabled:before { background-color: #F9F9FA; }

html:not(.can-touch) .Tag.border:active:not([disabled]), html:not(.can-touch) .Tag.border:active:enabled { color: #3C4150; }

html:not(.can-touch) .Tag.border:active:not([disabled]):before, html:not(.can-touch) .Tag.border:active:enabled:before { background-color: #F9F9FA; }

.Tag.transparent { color: #ffffff; }

.Tag.transparent:before { border: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Tag.transparent:hover:not([disabled]), .Tag.transparent:hover:enabled { color: rgba(255, 255, 255, 0); }

.Tag.transparent:hover:not([disabled]):before, .Tag.transparent:hover:enabled:before { background-color: #ffffff; border-color: rgba(255, 255, 255, 0.2); -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Tag.transparent:active:not([disabled]), .Tag.transparent:active:enabled { color: rgba(255, 255, 255, 0); }

.Tag.transparent:active:not([disabled]):before, .Tag.transparent:active:enabled:before { background-color: #ffffff; border-color: rgba(255, 255, 255, 0.2); -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

html:not(.can-touch) .Tag.transparent:hover:not([disabled]), html:not(.can-touch) .Tag.transparent:hover:enabled { color: #ffffff; }

html:not(.can-touch) .Tag.transparent:hover:not([disabled]):before, html:not(.can-touch) .Tag.transparent:hover:enabled:before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }

html:not(.can-touch) .Tag.transparent:active:not([disabled]), html:not(.can-touch) .Tag.transparent:active:enabled { color: #ffffff; }

html:not(.can-touch) .Tag.transparent:active:not([disabled]):before, html:not(.can-touch) .Tag.transparent:active:enabled:before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }

.BasicInput { position: relative; }

.BasicInput > label { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; font-size: 16px; color: #636363; line-height: 1; display: block; position: absolute; top: -0.35em; left: 16px; background-color: #ffffff; padding: 0 4px; box-shadow: 0 0 2px 4px #ffffff; cursor: text; z-index: 2; pointer-events: none; -webkit-transform: translateY(1.5em); transform: translateY(1.5em); transition: color 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, color 0.2s; transition: transform 0.2s, color 0.2s, -webkit-transform 0.2s; }

[lang="zh"] .BasicInput > label, [lang="zh-Hant"] .BasicInput > label, [lang="zh-Hans"] .BasicInput > label, [lang="zh-CN"] .BasicInput > label { line-height: 1.5; }

.BasicInput > label a { text-decoration: underline; }

.BasicInput.select > label { position: static; margin-bottom: 0.5em; padding-left: 0; color: inherit; background-color: transparent; box-shadow: none; cursor: initial; -webkit-transform: none; transform: none; }

.BasicInput > label.has-focus, .BasicInput.has-value > label, .BasicInput.has-error > label, .BasicInput:not(.has-novalue) input[value] + label, .BasicInput [type="time"] + label, .BasicInput .js-TimeInput + label { color: inherit; -webkit-transform: translateY(0); transform: translateY(0); }

.BasicInput .Input, .BasicInput textarea, .BasicInput input { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 18px; font-size: 1.125rem; font-weight: 200; font-size: 18px; background: #ffffff; text-align: left; width: 100%; border: 1px solid #D4D4D4; border-radius: 4px; padding: 15px 20px 10px; line-height: 1.3; transition: border-color 0.4s 0.1s; }

.BasicInput .Input:focus, .BasicInput textarea:focus, .BasicInput input:focus { outline: 0; }

.BasicInput .Input:-webkit-autofill, .BasicInput textarea:-webkit-autofill, .BasicInput input:-webkit-autofill { box-shadow: 0 0 0 50px #fff inset; }

.BasicInput .Input .is-disabled, .BasicInput .Input[disabled], .BasicInput textarea .is-disabled, .BasicInput textarea[disabled], .BasicInput input .is-disabled, .BasicInput input[disabled] { opacity: 1; background-color: #F9F9FA; cursor: no-drop; }

.BasicInput .Input .is-disabled + label, .BasicInput .Input[disabled] + label, .BasicInput textarea .is-disabled + label, .BasicInput textarea[disabled] + label, .BasicInput input .is-disabled + label, .BasicInput input[disabled] + label { background-color: transparent; box-shadow: none; }

.BasicInput .Input[type="time"], .BasicInput .Input.js-TimeInput, .BasicInput textarea[type="time"], .BasicInput textarea.js-TimeInput, .BasicInput input[type="time"], .BasicInput input.js-TimeInput { min-height: 52px; padding-left: 15px; }

.BasicInput .Input[type="time"]::-webkit-calendar-picker-indicator, .BasicInput .Input.js-TimeInput::-webkit-calendar-picker-indicator, .BasicInput textarea[type="time"]::-webkit-calendar-picker-indicator, .BasicInput textarea.js-TimeInput::-webkit-calendar-picker-indicator, .BasicInput input[type="time"]::-webkit-calendar-picker-indicator, .BasicInput input.js-TimeInput::-webkit-calendar-picker-indicator { display: none; }

.BasicInput .Input[type="time"]::-webkit-clear-button, .BasicInput .Input.js-TimeInput::-webkit-clear-button, .BasicInput textarea[type="time"]::-webkit-clear-button, .BasicInput textarea.js-TimeInput::-webkit-clear-button, .BasicInput input[type="time"]::-webkit-clear-button, .BasicInput input.js-TimeInput::-webkit-clear-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.BasicInput .Input.js-TimeInput::-webkit-input-placeholder, .BasicInput textarea.js-TimeInput::-webkit-input-placeholder, .BasicInput input.js-TimeInput::-webkit-input-placeholder { color: inherit; }

.BasicInput .Input.js-TimeInput::-moz-placeholder, .BasicInput textarea.js-TimeInput::-moz-placeholder, .BasicInput input.js-TimeInput::-moz-placeholder { color: inherit; }

.BasicInput .Input.js-TimeInput::-ms-input-placeholder, .BasicInput textarea.js-TimeInput::-ms-input-placeholder, .BasicInput input.js-TimeInput::-ms-input-placeholder { color: inherit; }

.BasicInput .Input:focus, .BasicInput textarea:focus, .BasicInput input:focus { border-color: #3C4150; }

.BasicInput .Input, .BasicInput textarea, .BasicInput input { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.BasicInput.has-tooltip .Input, .BasicInput.has-tooltip textarea, .BasicInput.has-tooltip input { padding-right: 45px; }

.BasicInput .Select { position: relative; }

.BasicInput .Select:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); top: 26px; left: auto; right: 20px; pointer-events: none; }

.BasicInput .Select:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 26px; left: auto; right: 20px; pointer-events: none; }

.BasicInput .Select select { background-color: transparent; padding-top: 13px; padding-bottom: 12px; padding-right: 50px; }

html:not(.can-touch) .BasicInput .Select select:active, html:not(.can-touch) .BasicInput .Select select:hover { border-color: #3C4150; }

.BasicInput.has-novalue select { color: #636363; }

.BasicInput.has-error.has-novalue select { color: #E00034; }

.BasicInput.has-tooltip .Select select { padding-left: 45px; }

.BasicInput.textarea { -webkit-overflow-scrolling: touch; }

.BasicInput.textarea:before { content: ""; display: block; position: absolute; top: 1px; left: 3px; right: 20px; height: 16px; background-image: linear-gradient(to bottom, white 83%, rgba(255, 255, 255, 0)); z-index: 1; }

.BasicInput.has-error { color: #E00034; }

.BasicInput.has-error .Input, .BasicInput.has-error textarea, .BasicInput.has-error input { border-color: rgba(224, 0, 52, 0.25); caret-color: red; }

.BasicInput.has-error .Input:focus, .BasicInput.has-error textarea:focus, .BasicInput.has-error input:focus { border-color: #E00034; }

.BasicInput:not(.has-error) .FormError { opacity: 0; }

.BasicInput .FormError--button { top: 2px; right: 2px; }

.BasicInput textarea ~ .FormError .FormError--button { right: 18px; }

.BasicInput:not(.has-error) .FormError--button { cursor: default; visibility: hidden; }

.Captcha { position: relative; margin-top: 2em; max-width: 22em; }

.Captcha .grecaptcha-badge { position: absolute; visibility: hidden; }

.Captcha--text { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; }

[lang="zh"] .Captcha--text, [lang="zh-Hant"] .Captcha--text, [lang="zh-Hans"] .Captcha--text, [lang="zh-CN"] .Captcha--text { line-height: 1.5; }

.Captcha--text a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .Captcha--text a:not([class]) { color: #9B14B4; }

.template-green .Captcha--text a:not([class]) { color: #1455B4; }

.template-blue .Captcha--text a:not([class]) { color: #1455B4; }

.template-purple .Captcha--text a:not([class]) { color: #9B14B4; }

.template-violet .Captcha--text a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .Captcha--text a:not([class]):active, html:not(.can-touch) .Captcha--text a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .Captcha--text a:not([class]):active, html.template-red:not(.can-touch) .Captcha--text a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .Captcha--text a:not([class]):active, html.template-green:not(.can-touch) .Captcha--text a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .Captcha--text a:not([class]):active, html.template-blue:not(.can-touch) .Captcha--text a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .Captcha--text a:not([class]):active, html.template-violet:not(.can-touch) .Captcha--text a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

input, select, textarea { padding: 5px; border: 1px solid #aaa; font-size: 16px; font-weight: normal; }

input:focus, select:focus, textarea:focus { border-color: #3C4150; }

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: transparent; }

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: transparent; }

input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: transparent; }

input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: transparent; }

input::-ms-expand, select::-ms-expand, textarea::-ms-expand { display: none; }

textarea { resize: vertical; min-height: 4em; }

input[type="number"], input[type="time"] { -moz-appearance: textfield !important; -webkit-appearance: none; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button, input[type="time"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

select { width: 100%; cursor: pointer; }

label > abbr { margin-left: 0.1ex; border: none; }

.FormInput { display: block; margin-bottom: 1.5ex; }

.FormInput > label { display: block; margin-bottom: 0.2ex; }

legend { margin-bottom: 1em; }

.FormLegend { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; color: #3C4150; }

[lang="zh"] .FormLegend, [lang="zh-Hant"] .FormLegend, [lang="zh-Hans"] .FormLegend, [lang="zh-CN"] .FormLegend { line-height: 1.5; }

@media screen and (max-width: 1000px) { .FormLegend { font-size: 18px; font-size: 1.125rem; } }

.FormAlert { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; position: relative; padding: 1.5rem; margin-bottom: 1em; border: none; border-radius: 4px; text-align: center; }

[lang="zh"] .FormAlert, [lang="zh-Hant"] .FormAlert, [lang="zh-Hans"] .FormAlert, [lang="zh-CN"] .FormAlert { line-height: 1.5; }

.FormAlert.error { background-color: rgba(224, 0, 52, 0.075); color: #E00034; padding-left: 3.5rem; }

.FormAlert.success { background-color: rgba(0, 121, 52, 0.075); color: #007934; }

.FormCondition { display: none; }

.FormCondition.is-opened { display: block; }

.FormCondition--collapsible { display: none; }

.FormCondition--collapsible.is-opened { display: block; }

.FormError { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; color: #E00034; display: block; padding-top: 0.416667em; margin-bottom: -2em; opacity: 1; transition: opacity 0.2s; }

.FormError--button { display: block; position: absolute; top: 0; right: 0; height: 48px; width: 48px; left: auto; cursor: pointer; overflow: hidden; transition: visibility 0.2s; }

.FormError--button--icon { height: calc(100% - 25px); background-color: #ffffff; box-shadow: 0 0 12px 9px #ffffff; display: block; width: calc(100% - 10px); margin-left: 14px; }

.FormError--button--icon:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.FormError--button--icon:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.FormGroup:not(.has-error) .FormAlert { display: none; }

.FormGroup.has-error input { color: #E00034 !important; border-color: #E00034; }

.FormGroup.whitespace-only { margin-top: 90px; margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .FormGroup.whitespace-only { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .FormGroup.whitespace-only { margin-top: 45px; } }

@media screen and (max-width: 1000px) { .FormGroup.whitespace-only { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .FormGroup.whitespace-only { margin-bottom: 30px; } }

@media screen and (max-width: 750px) { .FormGroup.whitespace-only { margin-top: 150px; margin-bottom: 90px; margin-top: 18.75vw; } }

@media screen and (max-width: 400px) { .FormGroup.whitespace-only { margin-top: 75px; } }

@media screen and (max-width: 750px) { .FormGroup.whitespace-only { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .FormGroup.whitespace-only { margin-bottom: 45px; } }

.FormGroup:not(.whitespace-only) .FormGroup--content { padding-left: 60px; padding-right: 60px; margin-bottom: 30px; padding-top: 30px; padding-bottom: 30px; background-color: #F9F9FA; border-radius: 4px; }

@media screen and (max-width: 1000px) { .FormGroup:not(.whitespace-only) .FormGroup--content { padding-left: 7.5vw; } }

@media screen and (max-width: 400px) { .FormGroup:not(.whitespace-only) .FormGroup--content { padding-left: 30px; } }

@media screen and (max-width: 1000px) { .FormGroup:not(.whitespace-only) .FormGroup--content { padding-right: 7.5vw; } }

@media screen and (max-width: 400px) { .FormGroup:not(.whitespace-only) .FormGroup--content { padding-right: 30px; } }

@media screen and (max-width: 1000px) { .FormGroup:not(.whitespace-only) .FormGroup--content { margin-bottom: 3.75vw; } }

@media screen and (max-width: 400px) { .FormGroup:not(.whitespace-only) .FormGroup--content { margin-bottom: 15px; } }

.FormGroup--footer { font-size: 18px; font-size: 1.125rem; font-weight: 200; }

.FormRow { display: block; margin-bottom: 2em; }

.FormRow.emGap { margin-bottom: 1em; }

.FormRow.colHead { margin-top: 0.375em; margin-bottom: 1.25em; }

.FormTooltip { position: absolute; top: 1px; right: 3px; width: 48px; height: 48px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 1; }

.FormTooltip .Icon { height: 16px; fill: #006E73; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.FormTooltip .Icon svg { height: 16px; }

.BasicInput.select .FormTooltip { right: auto; left: 3px; }

.FormLegend .FormTooltip { position: relative; top: 1px; left: -12px; }

.OptionInput .FormTooltip { top: -11px; left: 28px; right: auto; }

.InputDate { position: relative; }

.InputDate input[type="date"] { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.InputDate input[type="date"]::-webkit-inner-spin-button, .InputDate input[type="date"]::-webkit-calendar-picker-indicator { display: none; }

.InputNumber { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.InputNumber--widget { display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; padding-left: 30px; }

.InputNumber--button { position: relative; width: 50px; height: 50px; text-align: center; margin-right: -1px; border: 1px solid #D4D4D4; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); background-color: #ffffff; }

.InputNumber--button:first-of-type { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.InputNumber--button:last-of-type { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.InputNumber--button:hover:not([disabled]), .InputNumber--button:hover:enabled { border-color: #636363; }

.InputNumber--button:active:not([disabled]), .InputNumber--button:active:enabled { border-color: #636363; }

html:not(.can-touch) .InputNumber--button:active, html:not(.can-touch) .InputNumber--button:hover { z-index: 2; }

.InputNumber--button:before, .InputNumber--button:after { left: 50%; }

.InputNumber--button.js-stepinput--decrease:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 12px; margin: 0 -6px; border-top: 1px solid; }

.InputNumber--button.js-stepinput--decrease:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.InputNumber--button.js-stepinput--increase:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 13px; margin: 0 -6px; border-top: 1px solid; }

.InputNumber--button.js-stepinput--increase:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ height: 13px; margin: -6px 0; border-left: 1px solid; }

.InputNumber--button[disabled] { opacity: 1; }

.InputNumber--button[disabled]:before, .InputNumber--button[disabled]:after { color: #B1B3B9; }

@media screen and (max-width: 400px) { .InputNumber--button { display: none; } }

.InputNumber--widget .InputNumber--input { width: 75px; -moz-appearance: textfield !important; -webkit-appearance: textfield; margin: 0 0 0 20px; }

.InputNumber--widget .InputNumber--input::-webkit-outer-spin-button, .InputNumber--widget .InputNumber--input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.InputNumber--widget .InputNumber--input.size-m { width: 5em; }

.InputNumber--widget .InputNumber--input.size-l { width: 7em; }

.InputNumber--button.js-stepinput--decrease[disabled] ~ .InputNumber--input { color: #636363; }

@-webkit-keyframes anim-LoadingAnimation { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }

@keyframes anim-LoadingAnimation { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }

.LoadingAnimation { display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px; background-color: rgba(255, 255, 255, 0.8); z-index: 99999; }

.LoadingAnimation--inner { width: 320px; max-width: 100%; position: relative; text-align: center; padding-bottom: 17px; overflow: hidden; }

.LoadingAnimation--inner::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 2px solid #ECECEE; }

.LoadingAnimation--inner::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 2px solid #006E73; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation: anim-LoadingAnimation 2s infinite; animation: anim-LoadingAnimation 2s infinite; }

.LoadingAnimation--title { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; }

@media screen and (max-width: 1000px) { .LoadingAnimation--title { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.OptionInput { display: block; position: relative; }

.OptionInput > input { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; opacity: 0; }

.OptionInput > input:focus { outline: 0; }

.OptionInput > input[disabled] + label { cursor: not-allowed; }

.OptionInput > input[disabled] + label:before { background-color: #F9F9FA; }

.OptionInput > input:checked + label:before { color: #636363; }

html:not(.can-touch) .OptionInput > input:not([disabled]) + label:active:before, html:not(.can-touch) .OptionInput > input:not([disabled]) + label:hover:before { color: #636363; }

html:not(.can-touch) .OptionInput > input:not([disabled]) + label:active:active:after, html:not(.can-touch) .OptionInput > input:not([disabled]) + label:active:hover:after { opacity: 0.3; }

.OptionInput > input:checked + label:after { opacity: 1; }

.OptionInput > label { font-size: 18px; font-size: 1.125rem; font-weight: 200; display: block; position: relative; padding-left: 2em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.OptionInput > label a { text-decoration: underline; }

.OptionInput > label:after, .OptionInput > label:before { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background: #ffffff; color: #D4D4D4; border: 1px solid; }

.OptionInput > label:before { border-radius: 4px; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.OptionInput > label:after { color: #636363; pointer-events: none; opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); top: 7px; left: 7px; }

.OptionInput.has-tooltip label { padding-left: 70px; }

.OptionInput > input[type="checkbox"] + label:after { width: 10px; height: 5px; border-width: 0 0 1px 1px; -webkit-transform: rotateZ(-45deg) translateZ(0) scale(0.7, 0.7); transform: rotateZ(-45deg) translateZ(0) scale(0.7, 0.7); }

.OptionInput > input[type="checkbox"]:indeterminate + label:after, .OptionInput > input[type="checkbox"]:checked + label:after { -webkit-transform: rotateZ(-45deg) translateZ(0) scale(1, 1); transform: rotateZ(-45deg) translateZ(0) scale(1, 1); }

.OptionInput > input[type="radio"] + label:before { border-radius: 100%; }

.OptionInput > input[type="radio"] + label:after { border-width: 5px; width: 0; height: 0; border-radius: 100%; -webkit-transform: scale(0.75); transform: scale(0.75); }

.OptionInput > input[type="radio"]:checked + label:after { -webkit-transform: scale(1); transform: scale(1); }

.OptionInputGroup .OptionInput { display: block; margin-bottom: 1em; }

.OptionInputGroup .OptionInput:last-of-type { margin-bottom: 0; }

.OptionInputGroup:not(.has-error) .FormAlert.error { display: none; }

.OptionInputGroup.inline .OptionInput { display: inline-block; margin-right: 1.5em; }

.boxed .OptionInput > label, .OptionInput.boxed > label { background-color: #ffffff; border: 1px solid #D4D4D4; border-radius: 4px; padding: 40px calc(60px + 2em) 40px 60px; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .boxed .OptionInput > label:active, html:not(.can-touch) .boxed .OptionInput > label:hover, html:not(.can-touch) .OptionInput.boxed > label:active, html:not(.can-touch) .OptionInput.boxed > label:hover { border-color: #3C4150; }

.boxed .OptionInput > label:before, .boxed .OptionInput > label:after, .OptionInput.boxed > label:before, .OptionInput.boxed > label:after { top: calc(50% - 12px); left: auto; right: 60px; }

@media screen and (max-width: 750px) { .boxed .OptionInput > label, .OptionInput.boxed > label { padding: 20px; }
  .boxed .OptionInput > label:before, .boxed .OptionInput > label:after, .OptionInput.boxed > label:before, .OptionInput.boxed > label:after { top: 20px; right: 20px; } }

.boxed .OptionInput > input:indeterminate + label, .boxed .OptionInput > input:checked + label, .OptionInput.boxed > input:indeterminate + label, .OptionInput.boxed > input:checked + label { background-color: #F9F9FA; border-color: #F9F9FA; }

.boxed .OptionInput > input[type="checkbox"] + label:after, .OptionInput.boxed > input[type="checkbox"] + label:after { top: calc(50% + -5px); left: auto; right: calc(60px + 7px); }

@media screen and (max-width: 750px) { .boxed .OptionInput > input[type="checkbox"] + label:after, .OptionInput.boxed > input[type="checkbox"] + label:after { top: calc(20px + 7px); right: calc(20px + 7px); } }

.boxed .OptionInput > input[type="checkbox"]:checked:disabled + label, .OptionInput.boxed > input[type="checkbox"]:checked:disabled + label { background-color: #F9F9FA; }

.boxed .OptionInput > input[type="checkbox"]:checked:disabled + label::before, .OptionInput.boxed > input[type="checkbox"]:checked:disabled + label::before { background-color: #ffffff; }

.boxed .OptionInput > input[type="radio"] + label:after, .OptionInput.boxed > input[type="radio"] + label:after { top: calc(50% + -5px); left: auto; right: calc(60px + 7px); }

@media screen and (max-width: 750px) { .boxed .OptionInput > input[type="radio"] + label:after, .OptionInput.boxed > input[type="radio"] + label:after { top: calc(20px + 7px); right: calc(20px + 7px); } }

@media screen and (min-width: 1001px) { .OptionInputGroup.verticalBoxed .OptionInputGroup--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.OptionInputGroup.verticalBoxed .OptionInput { margin-bottom: 0; }

@media screen and (min-width: 1001px) { .OptionInputGroup.verticalBoxed .OptionInput { width: 170px; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; }
  .OptionInputGroup.verticalBoxed .OptionInput:nth-child(n+2) { margin-left: 10px; } }

@media screen and (max-width: 1000px) { .OptionInputGroup.verticalBoxed .OptionInput:nth-child(n+2) { margin-top: 10px; } }

html:not(.can-touch) .OptionInputGroup.verticalBoxed .OptionInput:active > label, html:not(.can-touch) .OptionInputGroup.verticalBoxed .OptionInput:hover > label { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.OptionInputGroup.verticalBoxed .OptionInput > input:checked + label { border-color: #3C4150; background-color: #F9F9FA; }

.OptionInputGroup.verticalBoxed .OptionInput > label { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 60px; background-color: #ffffff; border: 1px solid #D4D4D4; border-radius: 4px; transition: border-color 0.2s, background-color 0.2s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s, background-color 0.2s; transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s, background-color 0.2s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.OptionInputGroup.verticalBoxed .OptionInput > label .Icon { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 36px; height: 54px; }

.OptionInputGroup.verticalBoxed .OptionInput > label .Icon > svg { height: 100%; }

.OptionInputGroup.verticalBoxed .OptionInput > label .Icon > img { height: 100%; width: auto; }

html:not(.can-touch) .OptionInputGroup.verticalBoxed .OptionInput > label:active, html:not(.can-touch) .OptionInputGroup.verticalBoxed .OptionInput > label:hover { border-color: #3C4150; }

@media screen and (min-width: 1001px) { .OptionInputGroup.verticalBoxed .OptionInput > label { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; min-height: 200px; text-align: center; }
  .OptionInputGroup.verticalBoxed .OptionInput > label::before { top: auto; left: calc(50% - 12px); bottom: 15px; }
  .OptionInputGroup.verticalBoxed .OptionInput > label::after { top: auto; left: calc(50% - 5px); bottom: 22px; }
  .OptionInputGroup.verticalBoxed .OptionInput > label .Icon { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 15px; }
  .OptionInputGroup.verticalBoxed .OptionInput > label .Icon img.mobile{ display: none; }
  .OptionInputGroup.verticalBoxed .OptionInput > label .OptionInput--label--text{ width: 100%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

@media screen and (max-width: 1000px) { .OptionInputGroup.verticalBoxed .OptionInput > label { padding-left: 15px; padding-top: 15px; padding-right: 55px; padding-bottom: 15px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .OptionInputGroup.verticalBoxed .OptionInput > label::before { left: auto; right: 15px; top: calc(50% - 12px); }
  .OptionInputGroup.verticalBoxed .OptionInput > label::after { left: auto; right: 22px; top: calc(50% - 5px); }
  .OptionInputGroup.verticalBoxed .OptionInput > label .Icon { width: 27px; height: 27px; margin-right: 15px; }
  .OptionInputGroup.verticalBoxed .OptionInput > label .Icon svg { width: 100%; height: auto; }
  .OptionInputGroup.verticalBoxed .OptionInput > label .Icon img { -webkit-transform: none; transform: none; }
  .OptionInputGroup.verticalBoxed .OptionInput > label .Icon img.mobile + img.desktop{ display: none; } }

.OptionInput--label--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; display: block; margin-bottom: 1em; }

[lang="zh"] .OptionInput--label--category, [lang="zh-Hant"] .OptionInput--label--category, [lang="zh-Hans"] .OptionInput--label--category, [lang="zh-CN"] .OptionInput--label--category { line-height: 1.5; }

@media screen and (max-width: 750px) { .OptionInput--label--category { padding-right: 40px; } }

.OptionInput--label--title { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; display: block; margin-bottom: 0.5em; }

[lang="zh"] .OptionInput--label--title, [lang="zh-Hant"] .OptionInput--label--title, [lang="zh-Hans"] .OptionInput--label--title, [lang="zh-CN"] .OptionInput--label--title { line-height: 1.7; }

@media screen and (max-width: 1000px) { .OptionInput--label--title { font-size: 20px; font-size: 1.25rem; } }

@media screen and (max-width: 750px) { .OptionInput--label--title { padding-right: 40px; } }

.OptionInput--label--text { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; display: block; }

[lang="zh"] .OptionInput--label--text, [lang="zh-Hant"] .OptionInput--label--text, [lang="zh-Hans"] .OptionInput--label--text, [lang="zh-CN"] .OptionInput--label--text { line-height: 1.5; }

@media screen and (max-width: 750px) { .OptionInput--label--text { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }
  [lang="zh"] .OptionInput--label--text, [lang="zh-Hant"] .OptionInput--label--text, [lang="zh-Hans"] .OptionInput--label--text, [lang="zh-CN"] .OptionInput--label--text { line-height: 1.5; } }

.OptionInput .FormError, .OptionInputGroup .FormError { margin-left: 3em; }

.OptionInput:not(.has-error) .FormError, .OptionInputGroup:not(.has-error) .FormError { opacity: 0; }

.OptionInput.has-error:not(.has-validation) > label, .OptionInput.has-error:not(.has-validation) .OptionInput > label, .OptionInputGroup.has-error:not(.has-validation) > label, .OptionInputGroup.has-error:not(.has-validation) .OptionInput > label { color: #E00034; }

.OptionInput.has-error:not(.has-validation) > label:before, .OptionInput.has-error:not(.has-validation) .OptionInput > label:before, .OptionInputGroup.has-error:not(.has-validation) > label:before, .OptionInputGroup.has-error:not(.has-validation) .OptionInput > label:before { color: rgba(224, 0, 52, 0.25); }

.OptionInput.has-error:not(.has-validation) > label:active:before, .OptionInput.has-error:not(.has-validation) .OptionInput > label:active:before, .OptionInputGroup.has-error:not(.has-validation) > label:active:before, .OptionInputGroup.has-error:not(.has-validation) .OptionInput > label:active:before { color: #E00034; }

html:not(.can-touch) .OptionInput.has-error:not(.has-validation) > label:active:not([disabled]):before, html:not(.can-touch) .OptionInput.has-error:not(.has-validation) > label:hover:not([disabled]):before, html:not(.can-touch) .OptionInput.has-error:not(.has-validation) .OptionInput > label:active:not([disabled]):before, html:not(.can-touch) .OptionInput.has-error:not(.has-validation) .OptionInput > label:hover:not([disabled]):before, html:not(.can-touch) .OptionInputGroup.has-error:not(.has-validation) > label:active:not([disabled]):before, html:not(.can-touch) .OptionInputGroup.has-error:not(.has-validation) > label:hover:not([disabled]):before, html:not(.can-touch) .OptionInputGroup.has-error:not(.has-validation) .OptionInput > label:active:not([disabled]):before, html:not(.can-touch) .OptionInputGroup.has-error:not(.has-validation) .OptionInput > label:hover:not([disabled]):before { color: #E00034; }

.OptionInput.has-error:not(.has-validation) > label:after, .OptionInput.has-error:not(.has-validation) .OptionInput > label:after, .OptionInputGroup.has-error:not(.has-validation) > label:after, .OptionInputGroup.has-error:not(.has-validation) .OptionInput > label:after { color: #E00034; }

.FormGroup .OptionInput { margin-top: 0.375em; margin-bottom: 0.375em; }

.FormGroup .OptionInput label { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; padding-left: 0; padding-right: 2em; }

[lang="zh"] .FormGroup .OptionInput label, [lang="zh-Hant"] .FormGroup .OptionInput label, [lang="zh-Hans"] .FormGroup .OptionInput label, [lang="zh-CN"] .FormGroup .OptionInput label { line-height: 1.7; }

@media screen and (max-width: 1000px) { .FormGroup .OptionInput label { font-size: 20px; font-size: 1.25rem; } }

.FormGroup .OptionInput label:before { left: auto; right: 0; top: 3px; }

.FormGroup .OptionInput label:after { left: auto; right: 7px; top: 10px; }

.SplitForm { margin-bottom: 120px; }

@media screen and (max-width: 1000px) { .SplitForm { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .SplitForm { margin-bottom: 60px; } }

.SplitForm--title { margin-bottom: 60px; font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }

@media screen and (max-width: 1000px) { .SplitForm--title { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .SplitForm--title { margin-bottom: 30px; } }

[lang="zh"] .SplitForm--title, [lang="zh-Hant"] .SplitForm--title, [lang="zh-Hans"] .SplitForm--title, [lang="zh-CN"] .SplitForm--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .SplitForm--title { font-size: 18px; font-size: 1.125rem; } }

.SplitForm--controls { margin-bottom: 60px; text-align: center; max-width: 700px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1000px) { .SplitForm--controls { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .SplitForm--controls { margin-bottom: 30px; } }

@media screen and (max-width: 750px) { .SplitForm--controls { max-width: 100%; } }

.SplitForm--button { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 80px; padding: 1em 2em; white-space: nowrap; border: 1px solid transparent; border-radius: 4px; background-color: #F9F9FA; transition: border-color .3s; }

html:not(.can-touch) .SplitForm--button:active, html:not(.can-touch) .SplitForm--button:hover { border-color: #3C4150; }

.SplitForm--button[aria-expanded='true'] { background-color: #ffffff; border-color: #3C4150; }

.SplitForm--button .Icon { margin-left: 30px; }

@media screen and (max-width: 1000px) { .SplitForm--button { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: auto; padding-top: 2em; }
  [lang="zh"] .SplitForm--button, [lang="zh-Hant"] .SplitForm--button, [lang="zh-Hans"] .SplitForm--button, [lang="zh-CN"] .SplitForm--button { line-height: 1.5; }
  .SplitForm--button .Icon { margin-left: 0; margin-bottom: 1em; } }

.SplitForm--form[data-hidden='true'] { display: none; }

.l-ComponentWrapper { margin-bottom: 150px; }

@media screen and (max-width: 1000px) { .l-ComponentWrapper { margin-bottom: 18.75vw; } }

@media screen and (max-width: 400px) { .l-ComponentWrapper { margin-bottom: 75px; } }

.l-ComponentWrapper.noGap { margin-bottom: 0 !important; }

.l-ComponentWrapper.smallGap { margin-bottom: 90px; }

@media screen and (max-width: 1000px) { .l-ComponentWrapper.smallGap { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .l-ComponentWrapper.smallGap { margin-bottom: 45px; } }

.l-ComponentWrapper.col-12 { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .l-ComponentWrapper.col-12 { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .l-ComponentWrapper.col-12 { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-ComponentWrapper.col-12 { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-ComponentWrapper.col-12 { margin-left: 20px; margin-right: 20px; } }

@media print { .l-ComponentWrapper.col-12 { max-width: 100%; margin: 0; } }

.l-ComponentWrapper.col-10 { margin-left: calc(50% - 540px); margin-right: calc(50% - 540px); }

@media (max-width: 1280px) { .l-ComponentWrapper.col-10 { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .l-ComponentWrapper.col-10 { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-ComponentWrapper.col-10 { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-ComponentWrapper.col-10 { margin-left: 20px; margin-right: 20px; } }

@media print { .l-ComponentWrapper.col-10 { max-width: 100%; margin: 0; } }

.l-ComponentWrapper.col-8 { margin-left: calc(50% - 435px); margin-right: calc(50% - 435px); }

@media (max-width: 1070px) { .l-ComponentWrapper.col-8 { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .l-ComponentWrapper.col-8 { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-ComponentWrapper.col-8 { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-ComponentWrapper.col-8 { margin-left: 20px; margin-right: 20px; } }

@media print { .l-ComponentWrapper.col-8 { max-width: 100%; margin: 0; } }

.l-ComponentWrapper.left { display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (min-width: 1001px) { .l-ComponentWrapper.left > * { width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .l-ComponentWrapper.left::after { width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; content: ''; } }

.l-ComponentWrapper.right { display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (min-width: 1001px) { .l-ComponentWrapper.right > * { width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .l-ComponentWrapper.right::before { width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; content: ''; }
  .l-ComponentWrapper.align-left > *{ width: 75%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .l-ComponentWrapper.align-left::after{ width: 25%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; content: ''; } }

.l-ComponentWrapper.vertical-reverse { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.l-FlexGrid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -15px; margin-top: -15px; }

.l-FlexGrid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 15px; padding-right: 15px; }

.l-FlexGrid:after { content: ''; display: table; clear: both; }

.l-noShrink .lgrow { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.lshrink { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; }

.l1of1 { width: 100%; }

.l1of2 { width: 50%; }

.l1of3 { width: 33.33333%; }

.l2of3 { width: 66.66667%; }

.l1of4 { width: 25%; }

.l3of4 { width: 75%; }

@media print { body .l1of1-print { width: 100%; }
  body .l1of2-print { width: 50%; }
  body .l1of3-print { width: 33.33333%; }
  body .l2of3-print { width: 66.66667%; }
  body .l1of4-print { width: 25%; }
  body .l3of4-print { width: 75%; } }

@media screen and (max-width: 1200px) { .l1of1-tablet { width: 100%; }
  .l1of2-tablet { width: 50%; }
  .l1of3-tablet { width: 33.33333%; }
  .l2of3-tablet { width: 66.66667%; }
  .l1of4-tablet { width: 25%; }
  .l3of4-tablet { width: 75%; } }

@media screen and (max-width: 1000px) { .l1of1-tablet-portrait { width: 100%; }
  .l1of2-tablet-portrait { width: 50%; }
  .l1of3-tablet-portrait { width: 33.33333%; }
  .l2of3-tablet-portrait { width: 66.66667%; }
  .l1of4-tablet-portrait { width: 25%; }
  .l3of4-tablet-portrait { width: 75%; } }

@media screen and (max-width: 750px) { .l1of1-mobile { width: 100%; }
  .l1of2-mobile { width: 50%; }
  .l1of3-mobile { width: 33.33333%; }
  .l2of3-mobile { width: 66.66667%; }
  .l1of4-mobile { width: 25%; }
  .l3of4-mobile { width: 75%; } }

@media screen and (max-width: 580px) { .l1of1-mobile-narrow { width: 100%; }
  .l1of2-mobile-narrow { width: 50%; }
  .l1of3-mobile-narrow { width: 33.33333%; }
  .l2of3-mobile-narrow { width: 66.66667%; }
  .l1of4-mobile-narrow { width: 25%; }
  .l3of4-mobile-narrow { width: 75%; } }

@media screen and (max-width: 400px) { .l1of1-mobile-portrait { width: 100%; }
  .l1of2-mobile-portrait { width: 50%; }
  .l1of3-mobile-portrait { width: 33.33333%; }
  .l2of3-mobile-portrait { width: 66.66667%; }
  .l1of4-mobile-portrait { width: 25%; }
  .l3of4-mobile-portrait { width: 75%; } }

.l-FlexGrid.left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.l-FlexGrid.center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.l-FlexGrid.right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.l-FlexGrid.align-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.l-FlexGrid.noGutter { margin-right: 0; }

.l-FlexGrid.noGutter > * { padding-right: 0; }

.l-FlexGrid.gutter { margin-right: -30px; }

.l-FlexGrid.gutter > * { padding-right: 30px; }

.l-FlexGrid.emGutter { margin-right: -1rem; }

.l-FlexGrid.emGutter > * { padding-right: 1rem; }

.l-FlexGrid.gap { margin-top: -30px; }

.l-FlexGrid.gap > * { margin-top: 30px; }

.l-FlexGrid.emGap { margin-top: -1rem; }

.l-FlexGrid.emGap > * { margin-top: 1rem; }

.l-FlexGrid.noGap { margin-top: 0; }

.l-FlexGrid.noGap > * { margin-top: 0; }

.l-Gap { margin-bottom: 30px; }

.l-Gap.none-down { margin-bottom: 0; }

.l-Gap.s-down { margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .l-Gap.s-down { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .l-Gap.s-down { margin-bottom: 30px; } }

.l-Gap.m-down { margin-bottom: 120px; }

@media screen and (max-width: 1000px) { .l-Gap.m-down { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .l-Gap.m-down { margin-bottom: 60px; } }

.l-Gap.l-down { margin-bottom: 180px; }

@media screen and (max-width: 1000px) { .l-Gap.l-down { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Gap.l-down { margin-bottom: 90px; } }

.l-Gap.xl-down { margin-bottom: 240px; }

@media screen and (max-width: 1000px) { .l-Gap.xl-down { margin-bottom: 30vw; } }

@media screen and (max-width: 400px) { .l-Gap.xl-down { margin-bottom: 120px; } }

.l-Gap.xxl-down { margin-bottom: 300px; }

@media screen and (max-width: 1000px) { .l-Gap.xxl-down { margin-bottom: 37.5vw; } }

@media screen and (max-width: 400px) { .l-Gap.xxl-down { margin-bottom: 150px; } }

.l-Gap.up { margin-top: 30px; }

.l-Gap.none-up { margin-top: 0; }

.l-Gap.s-up { margin-top: 60px; }

@media screen and (max-width: 1000px) { .l-Gap.s-up { margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .l-Gap.s-up { margin-top: 30px; } }

.l-Gap.m-up { margin-top: 120px; }

@media screen and (max-width: 1000px) { .l-Gap.m-up { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .l-Gap.m-up { margin-top: 60px; } }

.l-HiddenOverflow { overflow: hidden; }

.l-LeftRight { margin-top: -30px; }

.l-LeftRight:after { display: block; content: ""; clear: both; }

.l-LeftRight .l-left { display: block; float: left; margin-top: 30px; }

.l-LeftRight .l-right { display: block; float: right; margin-top: 30px; }

@media screen and (max-width: 1200px) { .l-LeftRight.reset-tablet .l-left, .l-LeftRight.reset-tablet .l-right { float: none; } }

@media screen and (max-width: 1000px) { .l-LeftRight.reset-tablet-portrait .l-left, .l-LeftRight.reset-tablet-portrait .l-right { float: none; } }

@media screen and (max-width: 750px) { .l-LeftRight.reset-mobile .l-left, .l-LeftRight.reset-mobile .l-right { float: none; } }

@media screen and (max-width: 400px) { .l-LeftRight.reset-mobile-portrait .l-left, .l-LeftRight.reset-mobile-portrait .l-right { float: none; } }

.l-Page { margin-bottom: 90px; }

@media screen and (max-width: 1000px) { .l-Page { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .l-Page { margin-bottom: 45px; } }

.l-Page:first-child { margin-top: 240px; }

@media screen and (max-width: 1000px) { .l-Page:first-child { margin-top: 30vw; } }

@media screen and (max-width: 400px) { .l-Page:first-child { margin-top: 120px; } }

@media screen and (max-width: 1000px) { .l-Page:first-child { margin-top: 210px; } }

@media screen and (max-width: 580px) { .l-Page:first-child { margin-top: 150px; } }

.l-Page.extrawide { margin-left: calc(50% - 675px); margin-right: calc(50% - 675px); }

@media (max-width: 1550px) { .l-Page.extrawide { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .l-Page.extrawide { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-Page.extrawide { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-Page.extrawide { margin-left: 20px; margin-right: 20px; } }

@media print { .l-Page.extrawide { max-width: 100%; margin: 0; } }

.l-Page.large { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .l-Page.large { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .l-Page.large { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-Page.large { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-Page.large { margin-left: 20px; margin-right: 20px; } }

@media print { .l-Page.large { max-width: 100%; margin: 0; } }

.l-Page.medium { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); }

@media (max-width: 1010px) { .l-Page.medium { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .l-Page.medium { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-Page.medium { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-Page.medium { margin-left: 20px; margin-right: 20px; } }

@media print { .l-Page.medium { max-width: 100%; margin: 0; } }

.l-Page.offset { margin-top: -150px; position: relative; z-index: 1; }

.l-Page.offset::before { content: ''; position: absolute; top: 0; left: 0; right: 0; display: block; height: 180px; margin-top: -30px; margin-right: -90px; margin-left: -90px; background-color: #ffffff; border-top-left-radius: 4px; border-top-right-radius: 4px; z-index: -1; }

@media screen and (max-width: 1000px) { .l-Page.offset::before { margin-right: -30px; margin-left: -30px; } }

@media screen and (max-width: 750px) { .l-Page.offset::before { display: none; } }

@media screen and (max-width: 1000px) { .l-Page.offset { margin-top: -60px; } }

@media screen and (max-width: 750px) { .l-Page.offset { margin-top: 0; position: static; z-index: 0; } }

.l-Page.left { margin-left: calc(50% - 615px); margin-right: calc(50% - 195px); }

@media (max-width: 1430px) { .l-Page.left { margin-left: 75px; } }

@media screen and (max-width: 1200px) { .l-Page.left { margin-left: 60px; } }

@media screen and (max-width: 750px) { .l-Page.left { margin-left: 30px; } }

@media screen and (max-width: 580px) { .l-Page.left { margin-left: 20px; } }

@media print { .l-Page.left { max-width: 100%; margin: 0; } }

@media (max-width: 590px) { .l-Page.left { margin-right: 75px; } }

@media screen and (max-width: 1000px) { .l-Page.left { margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-Page.left { margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-Page.left { margin-right: 20px; } }

@media print { .l-Page.left { max-width: 100%; margin: 0; } }

.l-Page.right { margin-top: 90px; margin-right: calc(50% - 615px); margin-left: calc(50% - 195px); position: relative; }

@media screen and (max-width: 1000px) { .l-Page.right { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .l-Page.right { margin-top: 45px; } }

@media (max-width: 1430px) { .l-Page.right { margin-right: 75px; } }

@media screen and (max-width: 1200px) { .l-Page.right { margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-Page.right { margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-Page.right { margin-right: 20px; } }

@media print { .l-Page.right { max-width: 100%; margin: 0; } }

@media (max-width: 590px) { .l-Page.right { margin-left: 75px; } }

@media screen and (max-width: 1000px) { .l-Page.right { margin-left: 60px; } }

@media screen and (max-width: 750px) { .l-Page.right { margin-left: 30px; } }

@media screen and (max-width: 580px) { .l-Page.right { margin-left: 20px; } }

@media print { .l-Page.right { max-width: 100%; margin: 0; } }

.l-Page.small { margin-left: calc(50% - 307.5px); margin-right: calc(50% - 307.5px); }

@media (max-width: 815px) { .l-Page.small { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .l-Page.small { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-Page.small { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-Page.small { margin-left: 20px; margin-right: 20px; } }

@media print { .l-Page.small { max-width: 100%; margin: 0; } }

@media screen and (max-width: 750px) { .l-Page.reset-mobile { margin-left: 0; margin-right: 0; } }

.Overlay .l-Page:first-child { margin-top: 120px; }

@media screen and (max-width: 1000px) { .Overlay .l-Page:first-child { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .Overlay .l-Page:first-child { margin-top: 60px; } }

@media screen and (max-width: 580px) { .Overlay .l-Page:first-child { margin-top: 50px; } }

.l-Page.campaign { margin-top: 180px; margin-bottom: 0; }

@media screen and (max-width: 1000px) { .l-Page.campaign { margin-top: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign { margin-top: 90px; } }

.l-PageGrid { margin-bottom: 120px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-right: -30px; }

@media screen and (max-width: 1000px) { .l-PageGrid { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .l-PageGrid { margin-bottom: 60px; } }

.l-PageGrid > * { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 30px; }

.l-PageGrid:after { content: ""; display: table; clear: both; }

@media screen and (max-width: 1000px) { .l-PageGrid { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; }
  .l-PageGrid > * { padding-right: 0; } }

.l-PageGrid--main { float: right; width: 66.66667%; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

@media screen and (max-width: 1000px) { .l-PageGrid--main { width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }

.l-PageGrid--main > *:first-child { margin-top: 0; }

.l-PageGrid--aside { float: left; width: 33.33333%; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

@media screen and (max-width: 1000px) { .l-PageGrid--aside { width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

.l-Scrollable { overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

.l-Scrollable::-webkit-scrollbar { background: #E6F1F1; transition: background-color 0.4s, width 0.3s; width: 5px; height: 5px; }

.l-Scrollable::-webkit-scrollbar-thumb { background: #006E73; }

.l-Scrollable:hover::-webkit-scrollbar-thumb { background: #006E73; }

.l-SiteWidth { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .l-SiteWidth { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .l-SiteWidth { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-SiteWidth { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-SiteWidth { margin-left: 20px; margin-right: 20px; } }

@media print { .l-SiteWidth { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1200px) { .l-SiteWidth.reset-tablet { margin-left: 0; margin-right: 0; } }

@media screen and (max-width: 1000px) { .l-SiteWidth.reset-tablet-portrait { margin-left: 0; margin-right: 0; } }

@media screen and (max-width: 750px) { .l-SiteWidth.reset-mobile { margin-left: 0; margin-right: 0; } }

@media screen and (max-width: 580px) { .l-SiteWidth.reset-mobile-narrow { margin-left: 0; margin-right: 0; } }

@media screen and (max-width: 400px) { .l-SiteWidth.reset-mobile-portrait { margin-left: 0; margin-right: 0; } }

.l-Table { display: table; width: 100%; }

.l-Table.even { width: calc(100% + 30px); table-layout: fixed; }

.l-Table.even > * { width: 1%; }

.l-Table:not(.even) > *:last-child { border-right: 0; }

.l-Table.align-top > * { vertical-align: top; }

.l-Table.align-bottom > * { vertical-align: bottom; }

.l-Table.noGutter { width: 100%; }

.l-Table.noGutter > * { border-right: 0; }

.l-Table.noGap > * { margin-bottom: 0; }

.l-Table > * { display: table-cell; vertical-align: middle; box-sizing: content-box; border-right: 30px solid transparent; margin-bottom: 30px; }

.l-Table > *.align-left { text-align: left; }

.l-Table > *.align-center { text-align: center; }

.l-Table > *.align-right { text-align: right; }

.l-Table > *.min { width: 1%; }

.l-Table.reset { display: block; width: auto; }

.l-Table.reset > * { display: block; width: auto; text-align: left; border-right: 0; }

.l-Table.reset > *:last-child { margin-bottom: 0; }

.l-Table.reset > *.min { width: auto; }

@media screen and (max-width: 1200px) { .l-Table.reset-tablet { display: block; width: auto; }
  .l-Table.reset-tablet > * { display: block; width: auto; text-align: left; border-right: 0; }
  .l-Table.reset-tablet > *:last-child { margin-bottom: 0; }
  .l-Table.reset-tablet > *.min { width: auto; } }

@media screen and (max-width: 1000px) { .l-Table.reset-tablet-portrait { display: block; width: auto; }
  .l-Table.reset-tablet-portrait > * { display: block; width: auto; text-align: left; border-right: 0; }
  .l-Table.reset-tablet-portrait > *:last-child { margin-bottom: 0; }
  .l-Table.reset-tablet-portrait > *.min { width: auto; } }

@media screen and (max-width: 750px) { .l-Table.reset-mobile { display: block; width: auto; }
  .l-Table.reset-mobile > * { display: block; width: auto; text-align: left; border-right: 0; }
  .l-Table.reset-mobile > *:last-child { margin-bottom: 0; }
  .l-Table.reset-mobile > *.min { width: auto; } }

@media screen and (max-width: 400px) { .l-Table.reset-mobile-portrait { display: block; width: auto; }
  .l-Table.reset-mobile-portrait > * { display: block; width: auto; text-align: left; border-right: 0; }
  .l-Table.reset-mobile-portrait > *:last-child { margin-bottom: 0; }
  .l-Table.reset-mobile-portrait > *.min { width: auto; } }

.Autocomplete--flyout { position: absolute; max-width: 100%; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; max-height: 90vh; z-index: 10000; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); border-top-left-radius: 2px; background: #ffffff; margin: 10px 0; }

.Autocomplete--suggestions { padding: 0; font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .Autocomplete--suggestions, [lang="zh-Hant"] .Autocomplete--suggestions, [lang="zh-Hans"] .Autocomplete--suggestions, [lang="zh-CN"] .Autocomplete--suggestions { line-height: 1.5; }

.Autocomplete--suggestions > li { position: relative; list-style: none; padding: 13px 15px; display: block; line-height: 1.1; border-top: 1px solid #D4D4D4; }

.Autocomplete--suggestions > li:first-child { border-top: 0; }

.Autocomplete--suggestions > li:hover, .Autocomplete--suggestions > li.is-selected { background: #D4D4D4; color: #E00034; cursor: pointer; }

.Autocomplete--suggestions > li span.count { display: inline-block; position: absolute; right: 15px; top: 50%; font-size: 75%; line-height: 1; font-weight: bold; background: rgba(0, 0, 0, 0.1); height: 1.8em; line-height: 1.8em; min-width: 1.8em; margin-top: -0.9em; text-align: center; vertical-align: middle; border-radius: 100%; }

.Autocomplete--flyoutTitle { padding: 13px 15px; font-size: 14px; font-size: 0.875rem; display: block; line-height: 1; color: #B1B3B9; border-bottom: 1px solid #D4D4D4; }

input[data-js-autocomplete]::-webkit-calendar-picker-indicator { display: none; }

.pika-single { z-index: 0; border-radius: 4px; padding: 0; }

.pika-single.is-bound { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2) !important; margin-top: 15px; }

.pika-single .pika-next, .pika-single .pika-prev { width: 40px; letter-spacing: -1ex; text-indent: -9999px; color: transparent; text-decoration: none; line-height: 1; }

.pika-single .pika-prev:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(180deg) translateX(50%) rotate(135deg); transform:  rotate(180deg) translateX(50%) rotate(135deg); color: #000000; left: 50%; }

.pika-single .pika-prev:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; color: #000000; left: 50%; }

.pika-single .pika-next:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); color: #000000; left: 50%; }

.pika-single .pika-next:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; color: #000000; left: 50%; }

.pika-single .pika-label { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; font-weight: bold; }

[lang="zh"] .pika-single .pika-label, [lang="zh-Hant"] .pika-single .pika-label, [lang="zh-Hans"] .pika-single .pika-label, [lang="zh-CN"] .pika-single .pika-label { line-height: 1.5; }

.pika-single .pika-table { border-collapse: collapse; }

.pika-single .pika-table th { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; font-weight: normal; padding-bottom: 1ex; }

[lang="zh"] .pika-single .pika-table th, [lang="zh-Hant"] .pika-single .pika-table th, [lang="zh-Hans"] .pika-single .pika-table th, [lang="zh-CN"] .pika-single .pika-table th { line-height: 1.5; }

.pika-single .pika-table abbr { color: inherit; }

.pika-single .pika-lendar { width: 280px; margin: 10px; }

.pika-single .pika-lendar + .pika-lendar { position: relative; }

.pika-single .pika-lendar + .pika-lendar::before { content: ""; position: absolute; top: 0; bottom: 0; left: -10px; margin-top: -10px; margin-bottom: -10px; border-left: 1px solid #D4D4D4; }

.pika-single .pika-button { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #3C4150; border-color: transparent; border-radius: 100%; width: 100%; margin: 0; }

[lang="zh"] .pika-single .pika-button, [lang="zh-Hant"] .pika-single .pika-button, [lang="zh-Hans"] .pika-single .pika-button, [lang="zh-CN"] .pika-single .pika-button { line-height: 1.5; }

.pika-single .is-today > .pika-button { border: 1px solid #E6F1F1; }

.pika-single .is-today > .pika-button::after { color: #006E73; border: 4px solid; border-radius: 100%; bottom: 5px; right: 5px; top: auto; content: none; }

/*! Pikaday Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */
.pika-single { z-index: 99999; display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; color: inherit; background: #ffffff; border: 1px solid #D4D4D4; border-bottom-color: #D4D4D4; font-family: inherit; }

.pika-single.is-hidden { display: none; }

.pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); }

.pika-single { *zoom: 1; }

.pika-single:before, .pika-single:after { content: " "; display: table; }

.pika-single:after { clear: both; }

.pika-lendar { float: left; width: 240px; margin: 8px; }

.pika-title { position: relative; text-align: center; }

.pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; }

.pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-weight: bold; color: #3C4150; background-color: #ffffff; }

.pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; }

html:not(.can-touch) .pika-prev:active, html:not(.can-touch) .pika-prev:hover, html:not(.can-touch) .pika-next:active, html:not(.can-touch) .pika-next:hover { opacity: 1; }

.pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; }

.pika-prev { float: left; *left: 0; }

.pika-next { float: right; *right: 0; }

.pika-select { display: inline-block; *display: inline; }

.pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; }

.pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; }

.pika-table th { color: #636363; font-weight: bold; text-align: center; }

.pika-table abbr { border-bottom: none; cursor: help; }

.pika-button { display: block; color: #666; background: white; font-weight: normal; text-align: center; line-height: 40px; height: 40px; padding: 0; border: 1px solid rgba(0, 0, 0, 0.17); width: 41px; width: calc(100% + 1px); cursor: pointer; margin: 0 0 -1px -1px; }

.is-today > .pika-button { position: relative; font-weight: normal; }

.is-today > .pika-button:after { content: ""; color: #E00034; border: 4px solid; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 3px; right: 3px; }

.is-disabled .pika-button, .is-outside-current-month .pika-button { pointer-events: none; cursor: default; color: #000; background-color: #d4d4d4; opacity: 0.3; }

.is-busy .pika-button { color: #000; background-color: #d4d4d4; opacity: 0.3; }

.is-free .pika-button { background: #ffffff; color: #636363; opacity: 1; border-color: rgba(0, 0, 0, 0.17); }

.is-available .pika-button { background: #E5F1EA; background-size: 4px 4px; color: #636363; border-color: #82bb9a; opacity: 1; }

.is-selected .pika-button { color: #3C4150; font-weight: bold; background: #D4D4D4; }

.is-endrange .pika-button, .is-startrange .pika-button, .is-inrange .pika-button { opacity: 1; color: white; background: #CCE2E3; }

html:not(.can-touch) .pika-button:active, html:not(.can-touch) .pika-button:hover { color: #000000; background: #E6F1F1; }

.is-inrange.is-disabled, .is-startrange.is-disabled, .is-endrange.is-disabled { opacity: 1; }

.is-inrange.is-disabled .pika-button, .is-startrange.is-disabled .pika-button, .is-endrange.is-disabled .pika-button { color: rgba(255, 255, 255, 0.5); }

.pika-week { color: #999; }

html.is-overlaid { overflow: hidden; height: 100%; }

body.is-overlaid { overflow: hidden; width: 100%; top: 0; bottom: 0; position: fixed; }

.Disclaimer { padding-top: 60px; padding-bottom: 60px; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; max-width: 100vw; max-height: 100vh; overflow-x: hidden; overflow-y: auto; z-index: 199; }

@media screen and (max-width: 1000px) { .Disclaimer { padding-top: 7.5vw; } }

@media screen and (max-width: 400px) { .Disclaimer { padding-top: 30px; } }

@media screen and (max-width: 1000px) { .Disclaimer { padding-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .Disclaimer { padding-bottom: 30px; } }

.Disclaimer:not(.is-open) { display: none; }

.Disclaimer.is-open .Disclaimer--background { opacity: 1; visibility: visible; }

.Disclaimer.is-closed { display: none; }

.Disclaimer--background { position: fixed; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.4); visibility: hidden; transition: opacity 300ms linear, visibility 300ms; z-index: -2; will-change: opacity; }

.Disclaimer--inner { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); position: relative; margin-top: auto; margin-bottom: auto; padding-top: 90px; padding-left: 60px; padding-right: 60px; padding-bottom: 60px; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); background: #ffffff; transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), z-index 0.05s linear 0.4s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), z-index 0.05s linear 0.4s; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), z-index 0.05s linear 0.4s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform-origin: center center; transform-origin: center center; }

@media (max-width: 1010px) { .Disclaimer--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .Disclaimer--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .Disclaimer--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .Disclaimer--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .Disclaimer--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 750px) { .Disclaimer--inner { padding-top: 60px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; } }

.Disclaimer--footer { margin-top: 60px; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 1000px) { .Disclaimer--footer { margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .Disclaimer--footer { margin-top: 30px; } }

.Disclaimer--footer > .Button + .Button { margin-left: 15px; }

@media screen and (max-width: 750px) { .Disclaimer--footer { margin-top: 60px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .Disclaimer--footer { margin-top: 30px; } }

@media screen and (max-width: 750px) { .Disclaimer--footer > .Button { width: 100%; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .Disclaimer--footer > .Button + .Button { margin-top: 10px; margin-left: 0; } }

.LoadMore { margin-bottom: 60px; text-align: center; overflow-anchor: none; }

@media screen and (max-width: 1000px) { .LoadMore { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .LoadMore { margin-bottom: 30px; } }

html:not(.can-touch) .LoadMore .Button:active .LoadMore--loader--dot:after, html:not(.can-touch) .LoadMore .Button:hover .LoadMore--loader--dot:after { background: #006E73; }

html:not(.can-touch) .LoadMore .Button:active.secondary .LoadMore--loader--dot:after, html:not(.can-touch) .LoadMore .Button:hover.secondary .LoadMore--loader--dot:after { background: #ffffff; }

@-webkit-keyframes loadmore-animation { 0% { -webkit-transform: scale(0.6); transform: scale(0.6);
    opacity: 0.4; }
  20% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; }
  40% { -webkit-transform: scale(0.6); transform: scale(0.6);
    opacity: 0.4; }
  100% { -webkit-transform: scale(0.6); transform: scale(0.6);
    opacity: 0.4; } }

@keyframes loadmore-animation { 0% { -webkit-transform: scale(0.6); transform: scale(0.6);
    opacity: 0.4; }
  20% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; }
  40% { -webkit-transform: scale(0.6); transform: scale(0.6);
    opacity: 0.4; }
  100% { -webkit-transform: scale(0.6); transform: scale(0.6);
    opacity: 0.4; } }

.LoadMore--text { transition: visibility 0s 0.2s, opacity 0.2s 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Button.is-loading .LoadMore--text { visibility: hidden; opacity: 0; transition: visibility 0s 0.2s, opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.LoadMore--loader { position: absolute; top: 0; left: 0; width: 100%; visibility: hidden; opacity: 0; transition: visibility 0s 0.2s, opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Button.is-loading .LoadMore--loader { visibility: visible; opacity: 1; transition: visibility 0s 0.2s, opacity 0.2s 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.LoadMore--loader--dot { width: 8px; height: 8px; display: inline-block; position: relative; margin: 0 2px; }

.LoadMore--loader--dot:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: #ffffff; opacity: 0.4; -webkit-transform: scale(0.6); transform: scale(0.6); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-animation-name: loadmore-animation; animation-name: loadmore-animation; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.LoadMore--loader--dot:nth-of-type(3):after { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.LoadMore--loader--dot:nth-of-type(4):after { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.Button.secondary .LoadMore--loader--dot:after { background: #006E73; }

.is-loadmore-hidden { display: none !important; }

.Outdated { padding-top: 120px; padding-bottom: 120px; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; max-width: 100vw; max-height: 100vh; overflow-x: hidden; overflow-y: auto; z-index: 999999; }

@media screen and (max-width: 1000px) { .Outdated { padding-top: 15vw; } }

@media screen and (max-width: 400px) { .Outdated { padding-top: 60px; } }

@media screen and (max-width: 1000px) { .Outdated { padding-bottom: 15vw; } }

@media screen and (max-width: 400px) { .Outdated { padding-bottom: 60px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .Outdated.is-open { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .Outdated.is-open .Outdated--background { opacity: 1; visibility: visible; }
  .Outdated.is-closed { display: none; } }

.Outdated--background { position: fixed; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.4); visibility: hidden; transition: opacity 300ms linear, visibility 300ms; z-index: -2; will-change: opacity; }

.Outdated--inner { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); position: relative; padding-top: 90px; padding-left: 60px; padding-right: 60px; padding-bottom: 45px; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); background: #ffffff; transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), z-index 0.05s linear 0.4s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), z-index 0.05s linear 0.4s; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), z-index 0.05s linear 0.4s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform-origin: center center; transform-origin: center center; }

@media (max-width: 1010px) { .Outdated--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .Outdated--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .Outdated--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .Outdated--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .Outdated--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 750px) { .Outdated--inner { padding-top: 90px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; } }

.Outdated--title { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; margin-bottom: 0.75em; }

@media screen and (max-width: 1000px) { .Outdated--title { font-size: 22px; font-size: 1.375rem; } }

.Outdated--footer { margin-top: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

@media screen and (max-width: 1000px) { .Outdated--footer { margin-top: 3.75vw; } }

@media screen and (max-width: 400px) { .Outdated--footer { margin-top: 15px; } }

.Outdated--footer > .Button + .Button { margin-left: 15px; }

@media screen and (max-width: 750px) { .Outdated--footer { margin-top: 60px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .Outdated--footer { margin-top: 30px; } }

@media screen and (max-width: 750px) { .Outdated--footer > .Button { width: 100%; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .Outdated--footer > .Button + .Button { margin-top: 10px; margin-left: 0; } }

.Outdated--close { position: absolute; top: 0; right: 0; height: 50px; width: 50px; margin: 20px; }

.Outdated--close:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Outdated--close:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .Outdated--close:active:after, html:not(.can-touch) .Outdated--close:hover:after { content: ""; position: absolute; font-size: 10px; top: 50%; -webkit-transform: scale(1.1) rotate(-45deg); transform: scale(1.1) rotate(-45deg); }

html:not(.can-touch) .Outdated--close:active:before, html:not(.can-touch) .Outdated--close:hover:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ -webkit-transform: scale(1.1) rotate(45deg); transform: scale(1.1) rotate(45deg); }

html.is-overlaid { overflow: hidden; height: 100%; }

body.is-overlaid { overflow: hidden; width: 100%; top: 0; bottom: 0; position: fixed; }

.Overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; max-width: 100vw; max-height: 100vh; overflow-x: hidden; overflow-y: auto; background-color: #ffffff; z-index: 80000; transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), z-index 0.05s linear 0.4s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), z-index 0.05s linear 0.4s; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), z-index 0.05s linear 0.4s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform-origin: center center; transform-origin: center center; }

.Overlay.is-collapsed { display: none; }

.Overlay.is-expanded { display: block; }

.Overlay .FocusOnly { bottom: 0; }

@media screen and (max-width: 1200px) { .Overlay { -webkit-overflow-scrolling: touch; } }

.Overlay.dark { background-color: #3C4150; color: #ffffff; }

.Overlay.dark-transparent { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; }

.Overlay:not(.is-expanded) { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: z-index .05s linear .4s, -webkit-transform .1s ease-in; transition: transform .1s ease-in, z-index .05s linear .4s; transition: transform .1s ease-in, z-index .05s linear .4s, -webkit-transform .1s ease-in; }

.Overlay.no-scroll { overflow: hidden; }

.Overlay--header { position: relative; }

.Overlay--footer { margin-bottom: 30px; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); font-size: 18px; font-size: 1.125rem; font-weight: 200; position: -webkit-sticky; position: sticky; top: 100%; bottom: 0; text-align: center; }

@media screen and (max-width: 1000px) { .Overlay--footer { margin-bottom: 3.75vw; } }

@media screen and (max-width: 400px) { .Overlay--footer { margin-bottom: 15px; } }

@media (max-width: 1430px) { .Overlay--footer { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .Overlay--footer { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .Overlay--footer { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .Overlay--footer { margin-left: 20px; margin-right: 20px; } }

@media print { .Overlay--footer { max-width: 100%; margin: 0; } }

.Overlay--close { position: fixed; top: 0; right: 0; height: 50px; width: 50px; margin: 20px; z-index: 80000; }

.Overlay--close:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Overlay--close:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .Overlay--close:active:after, html:not(.can-touch) .Overlay--close:hover:after { content: ""; position: absolute; font-size: 10px; top: 50%; -webkit-transform: scale(1.1) rotate(-45deg); transform: scale(1.1) rotate(-45deg); }

html:not(.can-touch) .Overlay--close:active:before, html:not(.can-touch) .Overlay--close:hover:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ -webkit-transform: scale(1.1) rotate(45deg); transform: scale(1.1) rotate(45deg); }

.Overlay.button-white .Overlay--close { margin: 40px; background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; box-shadow: 0 0 10px #3C4150; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .Overlay.button-white .Overlay--close:active, html:not(.can-touch) .Overlay.button-white .Overlay--close:hover { -webkit-transform: scale(1.101, 1.101); transform: scale(1.101, 1.101); }

html:not(.can-touch) .Overlay.button-white .Overlay--close:active:after, html:not(.can-touch) .Overlay.button-white .Overlay--close:hover:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .Overlay.button-white .Overlay--close:active:before, html:not(.can-touch) .Overlay.button-white .Overlay--close:hover:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media screen and (max-width: 750px) { .Overlay.button-white .Overlay--close { margin: 20px; } }

.swiper-notification { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; }

/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
[data-js-slider]:not(.is-slider-ready) .js-slider--next, [data-js-slider]:not(.is-slider-ready) .js-slider--prev { visibility: hidden; }

.flickity-viewport { position: relative; height: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.flickity-slider { position: absolute; width: 100%; height: 100%; }

.flickity-enabled { /* draggable = active */ }

.flickity-enabled.is-draggable { tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flickity-enabled.is-draggable * { -webkit-user-drag: none; }

.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; }

.flickity-enabled.is-dragging .js-slider--slide { pointer-events: none; }

.flickity-page-dots .dot { width: 8px; height: 8px; display: inline-block; position: relative; margin: 0 5px; cursor: pointer; }

.flickity-page-dots .dot:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: #636363; opacity: 0.4; -webkit-transform: scale(0.6); transform: scale(0.6); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.flickity-page-dots .dot.is-selected:after { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; }

html:not(.can-touch) .flickity-page-dots .dot:active:after, html:not(.can-touch) .flickity-page-dots .dot:hover:after { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); }

.Tabs.center .Tabs--navigation--entry:first-child { margin-left: auto; }

.Tabs.center .Tabs--navigation--entry:last-child { margin-right: auto; }

.Tabs.medium .Tabs--navigation--inner { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); }

@media (max-width: 1010px) { .Tabs.medium .Tabs--navigation--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .Tabs.medium .Tabs--navigation--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .Tabs.medium .Tabs--navigation--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .Tabs.medium .Tabs--navigation--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .Tabs.medium .Tabs--navigation--inner { max-width: 100%; margin: 0; } }

.Tabs.smallGap .Tabs--navigation { margin-bottom: 30px; }

@media screen and (max-width: 1000px) { .Tabs.smallGap .Tabs--navigation { margin-bottom: 3.75vw; } }

@media screen and (max-width: 400px) { .Tabs.smallGap .Tabs--navigation { margin-bottom: 15px; } }

.Tabs.withoutBorder .Tabs--navigation { border-bottom: none; }

.Tabs.bold .Tabs--navigation { margin-bottom: 30px; }

.Tabs.bold .Tabs--navigation--inner { margin-left: 0; margin-right: 0; }

.Tabs.bold .Tabs--navigation--link { font-size: 18px; font-size: 1.125rem; font-weight: bold; color: #636363; line-height: 1.33; padding-top: 10px; padding-bottom: 10px; }

@media screen and (max-width: 750px) { .Tabs.bold .Tabs--navigation--link { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; font-weight: bold; }
  [lang="zh"] .Tabs.bold .Tabs--navigation--link, [lang="zh-Hant"] .Tabs.bold .Tabs--navigation--link, [lang="zh-Hans"] .Tabs.bold .Tabs--navigation--link, [lang="zh-CN"] .Tabs.bold .Tabs--navigation--link { line-height: 1.5; } }

html:not(.can-touch) .Tabs.bold .Tabs--navigation--link:active, html:not(.can-touch) .Tabs.bold .Tabs--navigation--link:hover { color: #006E73; }

.Tabs.bold .Tabs--navigation--link[aria-selected="true"], .Tabs.bold .Tabs--navigation--link.is-active { color: #3C4150; }

.Tabs.bold .Tabs--navigation--link:before { height: 2px; background-color: currentColor; left: 0; right: 0; }

.Tabs--navigation { margin-bottom: 90px; position: relative; margin-bottom: 90px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border-bottom: 1px solid #D4D4D4; }

@media screen and (max-width: 1000px) { .Tabs--navigation { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .Tabs--navigation { margin-bottom: 45px; } }

.Tabs--navigation::-webkit-scrollbar { background: #ECECEE; height: 3px; }

.Tabs--navigation::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); border-radius: 5px; }

.Tabs--navigation--inner { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media (max-width: 1430px) { .Tabs--navigation--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .Tabs--navigation--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .Tabs--navigation--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .Tabs--navigation--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .Tabs--navigation--inner { max-width: 100%; margin: 0; } }

.Tabs--navigation--entry { display: block; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.Tabs--navigation--entry:first-child .Tabs--navigation--link { padding-left: 0; }

.Tabs--navigation--entry:first-child .Tabs--navigation--link:before { left: 0; }

.Tabs--navigation--moreLink { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: auto; }

.Tabs--navigation--moreLink > .Link { padding-top: 20px; padding-bottom: 20px; margin-left: 30px; white-space: nowrap; }

@media screen and (max-width: 750px) { .Tabs--navigation--moreLink > .Link { padding-top: 15px; padding-bottom: 15px; } }

.Tabs--navigation--link { color: #636363; display: block; position: relative; padding: 20px 1em; overflow: hidden; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Tabs--navigation--link:before { content: ""; display: block; position: absolute; top: auto; left: 1em; right: 1em; height: 3px; bottom: 0; background-color: #006E73; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); border-bottom: 0; }

html:not(.can-touch) .Tabs--navigation--link:active, html:not(.can-touch) .Tabs--navigation--link:hover { color: #3C4150; color: #006E73; }

.Tabs--navigation--link[aria-selected="true"], .Tabs--navigation--link.is-active { color: #3C4150; color: #006E73; }

.Tabs--navigation--link[aria-selected="true"]:before, .Tabs--navigation--link.is-active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

@media screen and (max-width: 750px) { .Tabs--navigation--link { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; padding: 15px 10px; }
  [lang="zh"] .Tabs--navigation--link, [lang="zh-Hant"] .Tabs--navigation--link, [lang="zh-Hans"] .Tabs--navigation--link, [lang="zh-CN"] .Tabs--navigation--link { line-height: 1.5; }
  .Tabs--navigation--link:before { left: 10px; right: 10px; } }

.Tabs--content { scroll-margin-top: 120px; }

.Tabs--content[aria-hidden="true"] { display: none; }

[data-js-tooltip].has-picto::after { content: ""; display: inline-block; margin-bottom: -0.25em; width: 1.5em; height: 1.2em; font-size: 16px; background: currentColor; -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill-rule='evenodd' d='M12 1.75C6.33908 1.75 1.75 6.33908 1.75 12c0 5.6609 4.58908 10.25 10.25 10.25 5.6609 0 10.25-4.5891 10.25-10.25 0-5.66092-4.5891-10.25-10.25-10.25ZM.25 12C.25 5.51065 5.51065.25 12 .25 18.4893.25 23.75 5.51065 23.75 12c0 6.4893-5.2607 11.75-11.75 11.75C5.51065 23.75.25 18.4893.25 12Z'/><path fill-rule='evenodd' d='M12.75 11v7c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-7c0-.4142.3358-.75.75-.75s.75.3358.75.75Zm-1.5-3V7c0-.41421.3358-.75.75-.75s.75.33579.75.75v1c0 .41421-.3358.75-.75.75s-.75-.33579-.75-.75Z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill-rule='evenodd' d='M12 1.75C6.33908 1.75 1.75 6.33908 1.75 12c0 5.6609 4.58908 10.25 10.25 10.25 5.6609 0 10.25-4.5891 10.25-10.25 0-5.66092-4.5891-10.25-10.25-10.25ZM.25 12C.25 5.51065 5.51065.25 12 .25 18.4893.25 23.75 5.51065 23.75 12c0 6.4893-5.2607 11.75-11.75 11.75C5.51065 23.75.25 18.4893.25 12Z'/><path fill-rule='evenodd' d='M12.75 11v7c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-7c0-.4142.3358-.75.75-.75s.75.3358.75.75Zm-1.5-3V7c0-.41421.3358-.75.75-.75s.75.33579.75.75v1c0 .41421-.3358.75-.75.75s-.75-.33579-.75-.75Z'/></svg>"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.Tooltip { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; pointer-events: none; z-index: 100000; transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[lang="zh"] .Tooltip, [lang="zh-Hant"] .Tooltip, [lang="zh-Hans"] .Tooltip, [lang="zh-CN"] .Tooltip { line-height: 1.5; }

.Tooltip.t-red { color: #E00034; }

.Tooltip.t-xxs { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .Tooltip.t-xxs, [lang="zh-Hant"] .Tooltip.t-xxs, [lang="zh-Hans"] .Tooltip.t-xxs, [lang="zh-CN"] .Tooltip.t-xxs { line-height: 1.5; }

.Tooltip.t-xxs-light { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .Tooltip.t-xxs-light, [lang="zh-Hant"] .Tooltip.t-xxs-light, [lang="zh-Hans"] .Tooltip.t-xxs-light, [lang="zh-CN"] .Tooltip.t-xxs-light { line-height: 1.5; }

.Tooltip.t-bold { font-weight: bold; }

.Tooltip.beforevisible { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

.Tooltip.aftervisible { opacity: 0; transition: opacity 200ms; }

.Tooltip.bottom .Tooltip--body { bottom: auto; top: 20px; margin-top: 12px; }

.Tooltip.bottom .Tooltip--body::before, .Tooltip.bottom .Tooltip--body::after { border-top-color: transparent; border-bottom-color: #ffffff; top: -22px; bottom: auto; }

.Tooltip.bottom .Tooltip--body::before { border-bottom-color: #D4D4D4; top: -23px; }

.Tooltip.compact .Tooltip--content { padding: 5px 10px; }

.Tooltip.plain .Tooltip--content { padding: 0; }

.Tooltip--hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; }

.Tooltip--hidden.hidden { display: none; }

.Tooltip--body { position: absolute; bottom: 20px; right: 0; width: 30rem; max-width: 80vw; text-align: right; }

.Tooltip--body::before, .Tooltip--body::after { z-index: 1; content: ''; border: 12px solid transparent; border-top-color: #ffffff; width: 0; height: 0; position: absolute; bottom: -22px; left: calc(100% - 12px); }

.Tooltip--body::before { border-top-color: #D4D4D4; bottom: -23px; }

.Tooltip--content { display: inline-block; text-align: left; background: white; padding: 20px; border: 1px solid #D4D4D4; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); -webkit-transform: translateX(50%); transform: translateX(50%); }

.FilterTeaserArea { margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .FilterTeaserArea { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .FilterTeaserArea { margin-bottom: 30px; } }

.PageHeaderCareer { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); margin-bottom: 90px; padding-top: 240px; padding-bottom: 90px; position: relative; min-height: 480px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; z-index: 0; color: #ffffff; }

@media (max-width: 1430px) { .PageHeaderCareer { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .PageHeaderCareer { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .PageHeaderCareer { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .PageHeaderCareer { padding-left: 20px; padding-right: 20px; } }

@media print { .PageHeaderCareer { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .PageHeaderCareer { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .PageHeaderCareer { margin-bottom: 45px; } }

@media screen and (max-width: 1000px) { .PageHeaderCareer { padding-top: 30vw; } }

@media screen and (max-width: 400px) { .PageHeaderCareer { padding-top: 120px; } }

@media screen and (max-width: 1000px) { .PageHeaderCareer { padding-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .PageHeaderCareer { padding-bottom: 45px; } }

@media screen and (max-width: 1000px) { .PageHeaderCareer { padding-top: 210px; } }

@media screen and (max-width: 580px) { .PageHeaderCareer { padding-top: 150px; } }

@media screen and (max-width: 1000px) { .PageHeaderCareer { min-height: 350px; } }

@media screen and (max-width: 750px) { .PageHeaderCareer { min-height: 280px; } }

.PageHeaderCareer.has-filter { margin-bottom: -180px; padding-bottom: 210px; }

@media screen and (max-width: 1000px) { .PageHeaderCareer.has-filter { margin-bottom: -22.5vw; } }

@media screen and (max-width: 400px) { .PageHeaderCareer.has-filter { margin-bottom: -90px; } }

@media screen and (max-width: 1000px) { .PageHeaderCareer.has-filter { padding-bottom: 26.25vw; } }

@media screen and (max-width: 400px) { .PageHeaderCareer.has-filter { padding-bottom: 105px; } }

@media screen and (min-width: 751px) { .PageHeaderCareer.has-filter { margin-bottom: -120px; padding-bottom: 150px; } }

@media screen and (min-width: 751px) and (max-width: 1000px) { .PageHeaderCareer.has-filter { margin-bottom: -15vw; padding-bottom: 18.75vw; } }

@media screen and (min-width: 1001px) { .PageHeaderCareer.has-filter { margin-bottom: -60px; padding-bottom: 90px; } }

.PageHeaderCareer--content { max-width: 810px; }

.PageHeaderCareer--content > .SectionTitle { margin-bottom: 0; }

.PageHeaderCareer--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; }

.PageHeaderCareer--background > .Media { height: calc(100% + 100px); top: -50px; }

.PageHeaderCareer--background::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.4) 100%); }

.PageHeaderCareer--actions { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 15px; margin-left: -15px; margin-right: -15px; }

.PageHeaderCareer--actions > * { margin-top: 15px; margin-left: 15px; margin-right: 15px; }

.ContactTypeForm.is-initial .ContactTypeForm--button.prev, .ContactTypeForm.is-initial .ContactTypeForm--button.next[disabled] { visibility: hidden; opacity: 0; }

.ContactTypeForm.is-initial .ContactTypeForm--pagination { display: none; }

.ContactTypeForm--wrapper { min-inline-size: auto; transition: opacity 0.3s; }

.ContactTypeForm--wrapper[disabled] { pointer-events: none; }

.ContactTypeFormStep { display: none; min-inline-size: auto; }

.ContactTypeFormStep.is-active { display: block; }

.ContactTypeFormStep--legend { margin-bottom: 120px; width: 100%; text-align: center; }

@media screen and (max-width: 1000px) { .ContactTypeFormStep--legend { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .ContactTypeFormStep--legend { margin-bottom: 60px; } }

@media screen and (max-width: 1000px) { .ContactTypeFormStep--legend { margin-bottom: 60px; margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .ContactTypeFormStep--legend { margin-bottom: 30px; } }

.ContactTypeFormStep--title { margin-bottom: 30px; font-size: 15px; font-size: 0.9375rem; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #636363; display: block; }

@media screen and (max-width: 1000px) { .ContactTypeFormStep--title { margin-bottom: 3.75vw; } }

@media screen and (max-width: 400px) { .ContactTypeFormStep--title { margin-bottom: 15px; } }

.ContactTypeFormStep--headline { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; display: block; }

@media screen and (max-width: 1000px) { .ContactTypeFormStep--headline { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.ContactTypeForm--footer { margin-top: 90px; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 1000px) { .ContactTypeForm--footer { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .ContactTypeForm--footer { margin-top: 45px; } }

.ContactTypeForm--button { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 25px; height: 25px; }

html:not(.can-touch) .ContactTypeForm--button:active .ContactTypeForm--buttonHint, html:not(.can-touch) .ContactTypeForm--button:hover .ContactTypeForm--buttonHint { opacity: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.ContactTypeForm--button[disabled] { pointer-events: none; }

.ContactTypeForm--button.prev { margin-right: 15px; }

.ContactTypeForm--button.next { margin-left: 15px; }

.ContactTypeForm--buttonIcon { position: relative; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.ContactTypeForm--button.prev .ContactTypeForm--buttonIcon:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: translateX(-0.685em) rotate(-45deg); transform: translateX(-0.685em) rotate(-45deg); }

.ContactTypeForm--button.prev .ContactTypeForm--buttonIcon:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ width: 1.170em; border-bottom: 1px solid; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.ContactTypeForm--button.next .ContactTypeForm--buttonIcon:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: translateX(0.685em) rotate(135deg); transform: translateX(0.685em) rotate(135deg); }

.ContactTypeForm--button.next .ContactTypeForm--buttonIcon:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ width: 1.170em; border-bottom: 1px solid; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.ContactTypeForm--buttonHint { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; position: absolute; left: 50%; bottom: calc(100% + 10px); width: 120px; padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; text-align: center; color: #636363; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); pointer-events: none; -webkit-transform: translateX(-50%) translateY(6px); transform: translateX(-50%) translateY(6px); opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.ContactTypeForm--buttonHint::after { content: ''; position: absolute; bottom: -6px; left: 50%; width: 12px; height: 12px; background-color: #ffffff; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }

.ContactTypeForm--pagination { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ContactTypeForm--paginationDot { position: relative; width: 20px; height: 20px; }

.ContactTypeForm--paginationDot::before { content: ''; position: absolute; top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 100%; background-color: #3C4150; }

.ContactTypeForm--paginationDot::after { content: ''; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border: 1px solid #3C4150; border-radius: 100%; opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.ContactTypeForm--paginationDot.is-active { opacity: 1; }

.ContactTypeForm--paginationDot.is-active::after { opacity: 1; }

html:not(.can-touch) .ContactTypeForm--paginationDot:not([disabled]):active::after, html:not(.can-touch) .ContactTypeForm--paginationDot:not([disabled]):hover::after { opacity: 0.3; }

.ContactTypeForm--a11yHint { display: none; position: absolute !important; bottom: 0; padding: 5px 10px; background-color: black; color: white; }

.ContactTypeForm--button[disabled] + .ContactTypeForm--a11yHint { display: block; }

.ContactTypeSummary { margin-bottom: 60px; padding-left: 15px; padding-right: 15px; background-color: #F9F9FA; }

@media screen and (max-width: 1000px) { .ContactTypeSummary { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .ContactTypeSummary { margin-bottom: 30px; } }

@media screen and (max-width: 750px) { .ContactTypeSummary { padding-left: 7.5px; padding-right: 7.5px; } }

.ContactTypeSummary--table { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; width: 100%; }

[lang="zh"] .ContactTypeSummary--table, [lang="zh-Hant"] .ContactTypeSummary--table, [lang="zh-Hans"] .ContactTypeSummary--table, [lang="zh-CN"] .ContactTypeSummary--table { line-height: 1.5; }

@media screen and (max-width: 750px) { .ContactTypeSummary--table { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; } }

.ContactTypeSummary--term, .ContactTypeSummary--description { padding-top: 1em; padding-bottom: 1em; border-bottom: 1px solid #F9F9FA; }

@media screen and (max-width: 750px) { .ContactTypeSummary--term, .ContactTypeSummary--description { padding-top: 0.5em; padding-bottom: 0.5em; } }

.ContactTypeSummary--row:last-child .ContactTypeSummary--term, .ContactTypeSummary--row:last-child .ContactTypeSummary--description { border-bottom: none; }

.ContactTypeSummary--term { padding-right: 15px; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; color: #636363; }

.ContactTypeSummary--description { text-align: right; }

.l-Page.campaign .AccordionArea { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); margin-bottom: 180px; }

@media (max-width: 1010px) { .l-Page.campaign .AccordionArea { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .l-Page.campaign .AccordionArea { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-Page.campaign .AccordionArea { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-Page.campaign .AccordionArea { margin-left: 20px; margin-right: 20px; } }

@media print { .l-Page.campaign .AccordionArea { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .l-Page.campaign .AccordionArea { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .AccordionArea { margin-bottom: 90px; } }

.AccordionArea.medium { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); }

@media (max-width: 1010px) { .AccordionArea.medium { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .AccordionArea.medium { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .AccordionArea.medium { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .AccordionArea.medium { margin-left: 20px; margin-right: 20px; } }

@media print { .AccordionArea.medium { max-width: 100%; margin: 0; } }

@media screen and (min-width: 751px) { .AccordionArea:not(.medium) .SectionContainer .Accordion { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); } }

@media screen and (min-width: 751px) and (max-width: 1430px) { .AccordionArea:not(.medium) .SectionContainer .Accordion { margin-left: 75px; margin-right: 75px; } }

@media screen and (min-width: 751px) and (max-width: 1200px) { .AccordionArea:not(.medium) .SectionContainer .Accordion { margin-left: 60px; margin-right: 60px; } }

.Accordion { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.Accordion + .Accordion { border-top: 0; }

.Accordion--header { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 30px; padding-bottom: 30px; }

@media screen and (max-width: 750px) { .Accordion--header { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .Accordion--header { padding-left: 20px; padding-right: 20px; } }

.Accordion--icon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 32px; margin-right: 30px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.Accordion--icon .Icon { width: 32px; height: 32px; }

.Accordion--icon img { max-width: 32px; max-height: 32px; }

@media screen and (max-width: 750px) { .Accordion--icon { width: 24px; margin-right: 15px; }
  .Accordion--icon .Icon { width: 24px; height: 24px; }
  .Accordion--icon img { max-width: 24px; max-height: 24px; } }

.Accordion--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-right: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

[lang="zh"] .Accordion--title, [lang="zh-Hant"] .Accordion--title, [lang="zh-Hans"] .Accordion--title, [lang="zh-CN"] .Accordion--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .Accordion--title { font-size: 18px; font-size: 1.125rem; } }

.Accordion--title > .Icon { margin-right: 15px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.Accordion.secondary .Accordion--title { font-weight: 200; color: #006E73; }

.Accordion--toggle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; }

.Accordion--toggle:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); top: 50%; right: 0; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.Accordion--toggle:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; right: 0; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.Accordion--toggle[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.Accordion--toggle[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

@media screen and (max-width: 750px) { .Accordion--toggle::after { right: 30px; } }

@media screen and (max-width: 580px) { .Accordion--toggle::after { right: 20px; } }

.Accordion.secondary .Accordion--toggle::after { content: none; }

.Accordion--header--toggle { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; color: #006E73; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.Accordion--header--toggle:before { border-color: #CCE2E3; }

.Accordion--header--content + .Accordion--header--toggle { margin-left: 0; }

.Accordion--toggle[aria-expanded="true"] ~ .Accordion--header--toggle { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

html:not(.can-touch) .Accordion--header:hover .Accordion--header--toggle:not([disabled]):before { border-color: #338B8F; }

.Accordion--content[data-hidden="true"] > * { display: none; }

.Accordion--content--inner { padding-bottom: 30px; }

@media screen and (max-width: 750px) { .Accordion--content--inner { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .Accordion--content--inner { padding-left: 20px; padding-right: 20px; } }

.Accordion--header--content { position: relative; margin-right: 30px; margin-left: auto; z-index: 2; }

@media screen and (max-width: 750px) { .Accordion--header--content { margin-right: 0; margin-bottom: 30px; } }

.AgendaTable { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-top: 90px; margin-bottom: 90px; }

@media (max-width: 1430px) { .AgendaTable { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .AgendaTable { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .AgendaTable { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .AgendaTable { margin-left: 20px; margin-right: 20px; } }

@media print { .AgendaTable { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .AgendaTable { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .AgendaTable { margin-top: 45px; } }

@media screen and (max-width: 1000px) { .AgendaTable { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .AgendaTable { margin-bottom: 45px; } }

.l-Page .AgendaTable { margin-left: 0; margin-right: 0; }

.AgendaTable--caption { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .AgendaTable--caption { font-size: 22px; font-size: 1.375rem; margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .AgendaTable--caption { margin-bottom: 30px; } }

.AgendaTable--subcaption { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; display: block; margin-top: 0.5em; }

[lang="zh"] .AgendaTable--subcaption, [lang="zh-Hant"] .AgendaTable--subcaption, [lang="zh-Hans"] .AgendaTable--subcaption, [lang="zh-CN"] .AgendaTable--subcaption { line-height: 1.7; }

@media screen and (max-width: 1000px) { .AgendaTable--subcaption { font-size: 20px; font-size: 1.25rem; } }

.AgendaTable--table { width: 100%; }

.AgendaTable--body:not(:first-of-type) .AgendaTable--sectionTitle { padding-top: 3em; }

@media screen and (max-width: 1000px) { .AgendaTable--body:not(:first-of-type) .AgendaTable--sectionTitle { padding-top: 2em; } }

.AgendaTable--row { border-top: 1px solid #e4e4e4; }

.AgendaTable--row > * { padding-top: 1em; padding-bottom: 1em; vertical-align: top; }

.AgendaTable--row.title { border-top: none; }

.AgendaTable--row.title + .AgendaTable--row { border-top: none; }

.AgendaTable--row:first-child { border-top: none; }

.AgendaTable--row:first-child > * { padding-top: 0; }

.AgendaTable--row:last-child > * { padding-bottom: 0; }

.AgendaTable--sectionTitle { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }

[lang="zh"] .AgendaTable--sectionTitle, [lang="zh-Hant"] .AgendaTable--sectionTitle, [lang="zh-Hans"] .AgendaTable--sectionTitle, [lang="zh-CN"] .AgendaTable--sectionTitle { line-height: 1.5; }

@media screen and (max-width: 1000px) { .AgendaTable--sectionTitle { font-size: 18px; font-size: 1.125rem; padding-bottom: 0; } }

.AgendaTable--time { width: 16.66667%; padding-right: 60px; }

@media screen and (max-width: 750px) { .AgendaTable--time { padding-right: 30px; } }

.AgendaTable--content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: -10px; }

.AgendaTable--content > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 10px; padding-right: 30px; }

.AgendaTable--content:after { content: ''; display: table; clear: both; }

.AgendaTable--text { width: 60%; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 90%; }

@media screen and (max-width: 1000px) { .AgendaTable--text { width: 100%; } }

@media screen and (max-width: 750px) { .AgendaTable--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; } }

.AgendaTable--description ~ .AgendaTable--description { margin-top: 1em; }

.AgendaTable--people { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; margin-top: 1em; }

[lang="zh"] .AgendaTable--people, [lang="zh-Hant"] .AgendaTable--people, [lang="zh-Hans"] .AgendaTable--people, [lang="zh-CN"] .AgendaTable--people { line-height: 1.5; }

@media screen and (max-width: 750px) { .AgendaTable--people { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; margin-top: 10px; }
  [lang="zh"] .AgendaTable--people, [lang="zh-Hant"] .AgendaTable--people, [lang="zh-Hans"] .AgendaTable--people, [lang="zh-CN"] .AgendaTable--people { line-height: 1.5; } }

.AgendaTable--people--name { font-weight: bold; color: #3C4150; }

.AgendaTable--location { width: 40%; font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; }

[lang="zh"] .AgendaTable--location, [lang="zh-Hant"] .AgendaTable--location, [lang="zh-Hans"] .AgendaTable--location, [lang="zh-CN"] .AgendaTable--location { line-height: 1.5; }

@media screen and (max-width: 750px) { .AgendaTable--location { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }
  [lang="zh"] .AgendaTable--location, [lang="zh-Hant"] .AgendaTable--location, [lang="zh-Hans"] .AgendaTable--location, [lang="zh-CN"] .AgendaTable--location { line-height: 1.5; } }

.AgendaTable--link { margin-top: 60px; text-align: center; }

@media screen and (max-width: 1000px) { .AgendaTable--link { margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .AgendaTable--link { margin-top: 30px; } }

.AppStoreLinks { margin-top: 37.5px; }

.AppStoreLinks.center .AppStoreLinks--list { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.AppStoreLinks--list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -8px; margin-top: -8px; }

.AppStoreLinks--list > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 8px; padding-right: 8px; }

.AppStoreLinks--list:after { content: ''; display: table; clear: both; }

.AppStoreLinks--link { display: block; height: 40px; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .AppStoreLinks--link:active, html:not(.can-touch) .AppStoreLinks--link:hover { opacity: 0.7; }

.AppStoreLinks--link img { height: 100%; }

.ArticleHeader { margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .ArticleHeader { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .ArticleHeader { margin-bottom: 30px; } }

.ArticleHeader.large .ArticleHeader--title { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; }

@media screen and (max-width: 1000px) { .ArticleHeader.large .ArticleHeader--title { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .ArticleHeader.large .ArticleHeader--title { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.ArticleHeader.center { text-align: center; }

.ArticleHeader--title { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .ArticleHeader--title { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .ArticleHeader--title { margin-bottom: 30px; } }

.ArticleHeader--lead { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; font-weight: 200; }

@media screen and (max-width: 1000px) { .ArticleHeader--lead { font-size: 22px; font-size: 1.375rem; } }

.ArticleHeader--topic { margin-bottom: 30px; }

@media screen and (max-width: 1000px) { .ArticleHeader--topic { margin-bottom: 3.75vw; } }

@media screen and (max-width: 400px) { .ArticleHeader--topic { margin-bottom: 15px; } }

@media screen and (max-width: 750px) { .ArticleHeader--topic { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; line-height: 20px; height: 25px; padding: 2px 10px 3px 10px; } }

.ArticleMeta { margin-bottom: 60px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

@media screen and (max-width: 1000px) { .ArticleMeta { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .ArticleMeta { margin-bottom: 30px; } }

@media screen and (max-width: 750px) { .ArticleMeta { padding-top: 15px; padding-bottom: 15px; } }

.ArticleMeta.large { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.ArticleMeta.large .ArticleMeta--left { max-width: none; font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; }

[lang="zh"] .ArticleMeta.large .ArticleMeta--left, [lang="zh-Hant"] .ArticleMeta.large .ArticleMeta--left, [lang="zh-Hans"] .ArticleMeta.large .ArticleMeta--left, [lang="zh-CN"] .ArticleMeta.large .ArticleMeta--left { line-height: 1.7; }

@media screen and (max-width: 1000px) { .ArticleMeta.large .ArticleMeta--left { font-size: 20px; font-size: 1.25rem; } }

.ArticleMeta.large .ArticleMeta--right { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (max-width: 580px) { .ArticleMeta.large .ArticleMeta--right { max-width: 55px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ArticleMeta.large .ArticleMeta--right > * { margin-left: 0; margin-bottom: 15px; } }

.ArticleMeta--left { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; max-width: 50%; padding-right: 60px; margin-right: auto; }

[lang="zh"] .ArticleMeta--left, [lang="zh-Hant"] .ArticleMeta--left, [lang="zh-Hans"] .ArticleMeta--left, [lang="zh-CN"] .ArticleMeta--left { line-height: 1.5; }

@media screen and (max-width: 1000px) { .ArticleMeta--left { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; max-width: 60%; padding-right: 30px; } }

@media screen and (max-width: 750px) { .ArticleMeta--left { max-width: none; padding-right: 15px; } }

.ArticleMeta--meta > *:not(:last-child):after { content: " ‧"; }

.ArticleMeta--right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: right; }

.ArticleMeta--right > * { margin-left: 30px; }

@media screen and (max-width: 1000px) { .ArticleMeta--right > * { margin-left: 15px; } }

.ArticleMeta--author { color: #636363; }

.ArticleMeta--author--name { color: #3C4150; }

a.ArticleMeta--author--name { font-weight: bold; color: #006E73; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) a.ArticleMeta--author--name:active, html:not(.can-touch) a.ArticleMeta--author--name:hover { color: #636363; }

.ArticleSection { scroll-margin-top: 90px; margin-top: 45px; margin-bottom: 45px; }

@media screen and (max-width: 1000px) { .ArticleSection { margin-top: 5.625vw; } }

@media screen and (max-width: 400px) { .ArticleSection { margin-top: 22.5px; } }

@media screen and (max-width: 1000px) { .ArticleSection { margin-bottom: 5.625vw; } }

@media screen and (max-width: 400px) { .ArticleSection { margin-bottom: 22.5px; } }

.ArticleSection.medium { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); margin-top: 90px; margin-bottom: 90px; }

@media (max-width: 1010px) { .ArticleSection.medium { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .ArticleSection.medium { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .ArticleSection.medium { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .ArticleSection.medium { margin-left: 20px; margin-right: 20px; } }

@media print { .ArticleSection.medium { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .ArticleSection.medium { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .ArticleSection.medium { margin-top: 45px; } }

@media screen and (max-width: 1000px) { .ArticleSection.medium { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .ArticleSection.medium { margin-bottom: 45px; } }

.l-Page.campaign .ArticleSection { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); margin-bottom: 180px; }

@media (max-width: 1010px) { .l-Page.campaign .ArticleSection { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .l-Page.campaign .ArticleSection { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-Page.campaign .ArticleSection { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-Page.campaign .ArticleSection { margin-left: 20px; margin-right: 20px; } }

@media print { .l-Page.campaign .ArticleSection { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .l-Page.campaign .ArticleSection { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .ArticleSection { margin-bottom: 90px; } }

.l-Page.campaign .ArticleSection + .ArticleSection { margin-top: -90px; }

@media screen and (max-width: 1000px) { .l-Page.campaign .ArticleSection + .ArticleSection { margin-top: -11.25vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .ArticleSection + .ArticleSection { margin-top: -45px; } }

@media screen and (max-width: 750px) { .ArticleSection { margin-bottom: 30px; } }

.ArticleSection--title { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; margin-bottom: 0.75em; }

@media screen and (max-width: 1000px) { .ArticleSection--title { font-size: 22px; font-size: 1.375rem; } }

.ArticleSubsection { margin-bottom: 1em; }

.ArticleSubsection--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-bottom: 1em; }

[lang="zh"] .ArticleSubsection--title, [lang="zh-Hant"] .ArticleSubsection--title, [lang="zh-Hans"] .ArticleSubsection--title, [lang="zh-CN"] .ArticleSubsection--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .ArticleSubsection--title { font-size: 18px; font-size: 1.125rem; } }

.BlogMeta { margin-bottom: 60px; text-align: center; }

@media screen and (max-width: 1000px) { .BlogMeta { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .BlogMeta { margin-bottom: 30px; } }

.BlogMeta--content { padding: 0 30px 30px 30px; }

.BlogMeta--author { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; position: relative; display: inline-block; }

[lang="zh"] .BlogMeta--author, [lang="zh-Hant"] .BlogMeta--author, [lang="zh-Hans"] .BlogMeta--author, [lang="zh-CN"] .BlogMeta--author { line-height: 1.5; }

html:not(.can-touch) a.BlogMeta--author:active .BlogMeta--author--name, html:not(.can-touch) a.BlogMeta--author:hover .BlogMeta--author--name { color: #636363; }

.BlogMeta--author--portrait { height: 80px; width: 80px; border: 2px solid #ffffff; border-radius: 100%; overflow: hidden; margin-left: auto; margin-right: auto; margin-bottom: 15px; background-color: #F9F9FA; }

.BlogMeta--author--portrait > img { max-width: 100%; }

@media screen and (max-width: 750px) { .BlogMeta--author--portrait { width: 64px; height: 64px; } }

.BlogMeta--author--name { display: inline-block; width: 100%; color: #006E73; }

.BlogMeta--author--title { color: #636363; display: inline-block; width: 100%; }

.BlogMeta--date { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #000000; }

[lang="zh"] .BlogMeta--date, [lang="zh-Hant"] .BlogMeta--date, [lang="zh-Hans"] .BlogMeta--date, [lang="zh-CN"] .BlogMeta--date { line-height: 1.5; }

.BlogMeta--footer { padding: 30px; max-width: 50%; margin-left: auto; margin-right: auto; border-top: 1px solid #D4D4D4; }

@media screen and (max-width: 750px) { .BlogMeta--footer { max-width: 70%; } }

.BlogMeta--footer .RoundIconButton + .RoundIconButton { margin-left: 30px; }

@media screen and (max-width: 750px) { .BlogMeta--footer .RoundIconButton + .RoundIconButton { margin-left: 7.5px; } }

.Breadcrumbs { margin-bottom: 60px; font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

@media screen and (max-width: 1000px) { .Breadcrumbs { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .Breadcrumbs { margin-bottom: 30px; } }

[lang="zh"] .Breadcrumbs, [lang="zh-Hant"] .Breadcrumbs, [lang="zh-Hans"] .Breadcrumbs, [lang="zh-CN"] .Breadcrumbs { line-height: 1.5; }

.Breadcrumbs:after { display: block; content: ""; clear: both; }

@media screen and (max-width: 580px) { .Breadcrumbs { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; } }

.Breadcrumbs.center .Breadcrumbs--list { width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.Breadcrumbs.white .Breadcrumbs--item { color: #ffffff; }

.Breadcrumbs--list { display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; }

.Breadcrumbs--item { display: inline-block; position: relative; padding-right: .5em; margin-right: 1em; margin-top: -8px; margin-bottom: -8px; overflow: hidden; text-overflow: ellipsis; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; color: #636363; line-height: 1; }

.Breadcrumbs--item:after { content: ""; position: absolute; font-size: 6px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); right: 0; margin-top: 0; }

.Breadcrumbs--item:before { content: ""; position: absolute; font-size: 6px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 0; margin-top: 0; }

.Breadcrumbs--item:last-child { margin-right: 0; padding-right: 0; }

.Breadcrumbs--item:last-child:after { display: none; }

.Breadcrumbs--item:last-child .Breadcrumbs--link { padding-right: 0; }

.Breadcrumbs--link { display: inline-block; min-width: 44px; padding: 16px 1em 16px 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .Breadcrumbs--link:active, html:not(.can-touch) .Breadcrumbs--link:hover { color: #3C4150; }

html:not(.can-touch) .Breadcrumbs.white .Breadcrumbs--link:active, html:not(.can-touch) .Breadcrumbs.white .Breadcrumbs--link:hover { color: #B1B3B9; }

.ChapterNavigation--inner { width: 180px; margin-left: calc(50% - 615px); position: absolute; left: 0; }

@media (max-width: 1430px) { .ChapterNavigation--inner { width: calc(((100vw - 150px + 30px) / 6) - 30px); } }

@media screen and (max-width: 1200px) { .ChapterNavigation--inner { width: calc(((100vw - 120px + 30px) / 6) - 30px); } }

@media (max-width: 1430px) { .ChapterNavigation--inner { margin-left: 75px; } }

@media screen and (max-width: 1200px) { .ChapterNavigation--inner { margin-left: 60px; } }

@media screen and (max-width: 750px) { .ChapterNavigation--inner { margin-left: 30px; } }

@media screen and (max-width: 580px) { .ChapterNavigation--inner { margin-left: 20px; } }

@media print { .ChapterNavigation--inner { max-width: 100%; margin: 0; } }

.ChapterNavigation--list { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; }

[lang="zh"] .ChapterNavigation--list, [lang="zh-Hant"] .ChapterNavigation--list, [lang="zh-Hans"] .ChapterNavigation--list, [lang="zh-CN"] .ChapterNavigation--list { line-height: 1.5; }

@media (max-width: 1430px) { .ChapterNavigation--list { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; } }

.ChapterNavigation--link { display: block; border-top: 1px solid #D4D4D4; padding: 1em 0; -webkit-transform: translateX(0); transform: translateX(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .ChapterNavigation--link:active, html:not(.can-touch) .ChapterNavigation--link:hover { -webkit-transform: translateX(-3px); transform: translateX(-3px); }

.ChapterNavigation--counter { font-weight: bold; display: inline-block; width: 100%; color: #3C4150; }

.ChapterNavigation--text { display: inline-block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-BOX-ORIENT: vertical; text-overflow: ellipsis; overflow: hidden; }

.ChapterSidebar { width: 285px; position: absolute; left: 195px; top: 0; height: 100%; margin-left: -615px; }

@media (max-width: 1430px) { .ChapterSidebar { width: calc(((100vw - 150px + 30px) / 4) - 30px); } }

@media screen and (max-width: 1200px) { .ChapterSidebar { width: calc(((100vw - 120px + 30px) / 4) - 30px); } }

@media (max-width: 1430px) { .ChapterSidebar { margin-left: calc(-50vw + 75px); } }

@media screen and (max-width: 1200px) { .ChapterSidebar { margin-left: calc(-50vw + 60px); } }

@media screen and (max-width: 1000px) { .ChapterSidebar { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; } }

.ChapterSidebar--inner { position: -webkit-sticky; position: sticky; top: 100px; }

.ChapterSidebar--list { max-height: calc(100vh - 100px); margin-left: -5px; padding-left: 5px; overflow: auto; }

.ChapterSidebar--list > li { border-bottom: 1px solid #F9F9FA; }

.ChapterSidebar--list > li:first-child { border-top: 1px solid #F9F9FA; }

.ChapterSidebar--link { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 12px; padding-top: 16px; padding-bottom: 16px; }

.ChapterSidebar--link:hover .ChapterSidebar--counter, .ChapterSidebar--link:hover .ChapterSidebar--text, .ChapterSidebar--link.is-active .ChapterSidebar--counter, .ChapterSidebar--link.is-active .ChapterSidebar--text { color: #006E73; }

.ChapterSidebar--counter { color: #8A8D96; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.ChapterSidebar--text { color: #636363; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.ChapterSidebar--subnav { padding-top: 16px; padding-bottom: 16px; border-left: 1px solid #006E73; }

.ChapterSidebar--subnav--count { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; display: block; padding-left: 16px; color: #006E73; }

@media screen and (max-width: 1000px) { .ChapterSidebar--subnav--count { font-size: 22px; font-size: 1.375rem; } }

.ChapterSidebar--subnav--title { font-size: 18px; font-size: 1.125rem; font-weight: 200; display: block; padding-left: 16px; margin-bottom: 8px; }

.ChapterSidebar--subnav--link { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; position: relative; display: block; padding: 8px 24px 8px 16px; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.ChapterSidebar--subnav--link::before { content: ''; position: absolute; left: 0; top: 50%; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #006E73; opacity: 0; -webkit-transform: translate(-3px, -50%); transform: translate(-3px, -50%); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.ChapterSidebar--subnav--link:hover, .ChapterSidebar--subnav--link.is-active { color: #006E73; }

.ChapterSidebar--subnav--link.is-active::before { opacity: 1; }

.ConferenceInfobox { background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); border-radius: 4px; padding: 24px 30px; }

@media screen and (max-width: 750px) { .ConferenceInfobox { box-shadow: none; padding: 0; } }

.ConferenceInfobox td li { display: inline-block; margin-right: 0.35em; }

.ConferenceInfobox td li:not(:last-child):after { content: ", "; }

.ConferenceInfobox--location { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; display: block; margin-top: 0.5em; }

[lang="zh"] .ConferenceInfobox--location, [lang="zh-Hant"] .ConferenceInfobox--location, [lang="zh-Hans"] .ConferenceInfobox--location, [lang="zh-CN"] .ConferenceInfobox--location { line-height: 1.5; }

.ConferenceMetaArea { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-bottom: 90px; }

@media (max-width: 1430px) { .ConferenceMetaArea { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .ConferenceMetaArea { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .ConferenceMetaArea { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .ConferenceMetaArea { margin-left: 20px; margin-right: 20px; } }

@media print { .ConferenceMetaArea { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .ConferenceMetaArea { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .ConferenceMetaArea { margin-bottom: 45px; } }

.ConferenceMetaArea--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: -30px; margin-right: -15px; }

.ConferenceMetaArea--inner > * { margin-top: 30px; margin-right: 15px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width: 580px) { .ConferenceMetaArea--inner { margin-right: 0; margin-top: 0; }
  .ConferenceMetaArea--inner > * { margin-right: 0; margin-top: 0; margin-bottom: 15px; }
  .ConferenceMetaArea--inner > .Button { width: 100%; } }

.CtaBanner { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-bottom: 90px; margin-top: 90px; }

@media (max-width: 1430px) { .CtaBanner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .CtaBanner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .CtaBanner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .CtaBanner { margin-left: 20px; margin-right: 20px; } }

@media print { .CtaBanner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .CtaBanner { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .CtaBanner { margin-bottom: 45px; } }

@media screen and (max-width: 1000px) { .CtaBanner { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .CtaBanner { margin-top: 45px; } }

.CtaBanner.blue .CtaBanner--inner { background-color: #0C336C; }

.CtaBanner.purple .CtaBanner--inner { background-color: #5D0C6C; }

.CtaBanner--inner { padding-left: 75px; padding-right: 75px; padding-top: 30px; padding-bottom: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; border-radius: 4px; background-color: #006E73; color: #ffffff; }

@media screen and (max-width: 1200px) { .CtaBanner--inner { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .CtaBanner--inner { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .CtaBanner--inner { padding-left: 20px; padding-right: 20px; } }

@media print { .CtaBanner--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 750px) { .CtaBanner--inner { gap: 20px; padding-top: 20px; padding-bottom: 20px; } }

@media screen and (max-width: 400px) { .CtaBanner--inner { display: block; } }

.CtaBanner--main { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.CtaBanner--aside { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (max-width: 400px) { .CtaBanner--aside { margin-top: 15px; }
  .CtaBanner--aside > .Button { width: 100%; } }

.CtaBanner--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }

[lang="zh"] .CtaBanner--title, [lang="zh-Hant"] .CtaBanner--title, [lang="zh-Hans"] .CtaBanner--title, [lang="zh-CN"] .CtaBanner--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .CtaBanner--title { font-size: 18px; font-size: 1.125rem; } }

@media screen and (max-width: 750px) { .CtaBanner--title { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; }
  [lang="zh"] .CtaBanner--title, [lang="zh-Hant"] .CtaBanner--title, [lang="zh-Hans"] .CtaBanner--title, [lang="zh-CN"] .CtaBanner--title { line-height: 1.5; } }

.CtaBanner--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; margin-top: 5px; }

@media screen and (max-width: 750px) { .CtaBanner--text { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }
  [lang="zh"] .CtaBanner--text, [lang="zh-Hant"] .CtaBanner--text, [lang="zh-Hans"] .CtaBanner--text, [lang="zh-CN"] .CtaBanner--text { line-height: 1.5; } }

.ErrorMessage { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.ErrorMessage--inner { padding-left: calc(50% - 307.5px); padding-right: calc(50% - 307.5px); position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 100vh; color: #ffffff; background-color: #000000; text-align: center; }

@media (max-width: 815px) { .ErrorMessage--inner { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1000px) { .ErrorMessage--inner { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .ErrorMessage--inner { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ErrorMessage--inner { padding-left: 20px; padding-right: 20px; } }

@media print { .ErrorMessage--inner { max-width: 100%; margin: 0; } }

.ErrorMessage--inner > .SectionContainer { width: 100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-top: 0; padding-bottom: 0; margin-top: 180px; margin-bottom: 60px; z-index: 1; }

.ErrorMessage--inner .SectionTitle { margin-bottom: 30px; }

.ErrorMessage--inner .SectionTitle--title { color: #ffffff; }

.ErrorMessage--inner .SectionTitle--headline { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; }

@media screen and (max-width: 1000px) { .ErrorMessage--inner .SectionTitle--headline { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .ErrorMessage--inner .SectionTitle--headline { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.ErrorMessage--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000000; }

.ErrorMessage--background > .Media { opacity: 0.4; height: 100%; }

.ExtendedAgendaTable--table { width: 100%; }

.ExtendedAgendaTable--head { font-weight: bold; }

@media screen and (max-width: 750px) { .ExtendedAgendaTable--head { display: none; } .ExtendedAgendaTable--body{ font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; } [lang="zh"] .ExtendedAgendaTable--body, [lang="zh-Hant"] .ExtendedAgendaTable--body, [lang="zh-Hans"] .ExtendedAgendaTable--body, [lang="zh-CN"] .ExtendedAgendaTable--body{ line-height: 1.5; } }

.ExtendedAgendaTable--row { border-top: 1px solid #e4e4e4; }

.ExtendedAgendaTable--row > * { padding: 1em; vertical-align: top; }

@media screen and (max-width: 750px) { .ExtendedAgendaTable--row > * { display: block; padding: 0 20px 5px 20px; } }

@media screen and (min-width: 751px) { .ExtendedAgendaTable--row > *:first-child { padding-left: 0; } }

@media screen and (max-width: 750px) { .ExtendedAgendaTable--row > *:first-child { padding-top: 30px; } }

@media screen and (min-width: 751px) { .ExtendedAgendaTable--row > *:last-child { padding-right: 0; } }

@media screen and (max-width: 750px) { .ExtendedAgendaTable--row > *:last-child { padding-bottom: 30px; } }

.ExtendedAgendaTable--row:first-child { border-top: none; }

.ExtendedAgendaTable--row:first-child > * { padding-top: 0; }

@media screen and (min-width: 751px) { .ExtendedAgendaTable--row:last-child > td { padding-bottom: 0; } }

.ExtendedAgendaTable--row:last-child > td:last-child { padding-bottom: 0; }

@media screen and (min-width: 751px) { .ExtendedAgendaTable--time { min-width: 220px; } }

@media screen and (max-width: 750px) { .ExtendedAgendaTable--topic { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding-bottom: 30px; font-size: 22px; font-size: 1.375rem; } }

@media screen and (min-width: 751px) { .ExtendedAgendaTable--topic { min-width: 300px; } .ExtendedAgendaTable--speakers{ min-width: 300px; } .ExtendedAgendaTable--speakers .PeopleList{ margin-top: -0.25em; margin-bottom: -0.25em; } }

.ExtendedAgendaTable--richtext p { margin-top: 1em; margin-bottom: 1em; color: #3C4150; }

.ExtendedAgendaTable--richtext ul { margin: 1em 0; display: block; }

.ExtendedAgendaTable--richtext ul > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.ExtendedAgendaTable--richtext ul > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.ExtendedAgendaTable--richtext ol { margin: 1em 0; display: block; display: block; counter-reset: ol--counter; }

.ExtendedAgendaTable--richtext ol > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.ExtendedAgendaTable--richtext ol > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.ExtendedAgendaTable--richtext ol > li { list-style-type: none; padding-left: 20px; padding-left: 1.25rem; margin-left: 4ex; }

.ExtendedAgendaTable--richtext ol > li:before { counter-increment: ol--counter; content: counters(ol--counter, ".") "."; left: auto; right: 100%; text-align: right; width: 4ex; }

html.ie .ExtendedAgendaTable--richtext ol > li { list-style: decimal inside none; }

.ExtendedAgendaTable--richtext li > :first-child { margin-top: 0; }

.ExtendedAgendaTable--richtext li > :last-child { margin-bottom: 0; }

.ExtendedAgendaTable--richtext table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; width: 100%; }

.ExtendedAgendaTable--richtext table caption { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding: 1em 0; }

@media screen and (max-width: 1000px) { .ExtendedAgendaTable--richtext table caption { font-size: 22px; font-size: 1.375rem; } }

.ExtendedAgendaTable--richtext table thead { background-color: #F9F9FA; }

.ExtendedAgendaTable--richtext table tfoot tr { border-bottom: none; }

.ExtendedAgendaTable--richtext table tr { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.ExtendedAgendaTable--richtext table th { font-weight: bold; }

.ExtendedAgendaTable--richtext table th [data-picto] { margin-bottom: 5px; }

.ExtendedAgendaTable--richtext table th [data-picto] > svg { height: 22px; }

.ExtendedAgendaTable--richtext table th, .ExtendedAgendaTable--richtext table td { padding: 1.2em; vertical-align: top; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; }

@media screen and (max-width: 1200px) { .ExtendedAgendaTable--richtext table th, .ExtendedAgendaTable--richtext table td { padding: 1em; } }

@media screen and (max-width: 750px) { .ExtendedAgendaTable--richtext table th, .ExtendedAgendaTable--richtext table td { padding: 0.5em 1em; } }

.ExtendedAgendaTable--richtext table th:first-child, .ExtendedAgendaTable--richtext table td:first-child { border-left: none; }

.ExtendedAgendaTable--richtext table th:last-child, .ExtendedAgendaTable--richtext table td:last-child { border-right: none; }

.ExtendedAgendaTable--richtext table a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .ExtendedAgendaTable--richtext table a:not([class]) { color: #9B14B4; }

.template-green .ExtendedAgendaTable--richtext table a:not([class]) { color: #1455B4; }

.template-blue .ExtendedAgendaTable--richtext table a:not([class]) { color: #1455B4; }

.template-purple .ExtendedAgendaTable--richtext table a:not([class]) { color: #9B14B4; }

.template-violet .ExtendedAgendaTable--richtext table a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):active, html:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):active, html.template-red:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):active, html.template-green:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):active, html.template-blue:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):active, html.template-violet:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.ExtendedAgendaTable--richtext table p { margin-top: 0; }

.ExtendedAgendaTable--richtext table p:last-child { margin-bottom: 0; }

.ExtendedAgendaTable--richtext table tr.is-highlighted { background-color: rgba(249, 249, 250, 0.8); }

.ExtendedAgendaTable--richtext table th.is-highlighted { background-color: #E6F1F1; color: #006E73; }

.ExtendedAgendaTable--richtext s { text-decoration: line-through; }

.ExtendedAgendaTable--richtext u { text-decoration: none; }

.ExtendedAgendaTable--richtext em { font-style: italic; }

.ExtendedAgendaTable--richtext small { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .ExtendedAgendaTable--richtext small, [lang="zh-Hant"] .ExtendedAgendaTable--richtext small, [lang="zh-Hans"] .ExtendedAgendaTable--richtext small, [lang="zh-CN"] .ExtendedAgendaTable--richtext small { line-height: 1.5; }

.ExtendedAgendaTable--richtext strong, .ExtendedAgendaTable--richtext b { font-weight: bold; }

.ExtendedAgendaTable--richtext a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .ExtendedAgendaTable--richtext a:not([class]) { color: #9B14B4; }

.template-green .ExtendedAgendaTable--richtext a:not([class]) { color: #1455B4; }

.template-blue .ExtendedAgendaTable--richtext a:not([class]) { color: #1455B4; }

.template-purple .ExtendedAgendaTable--richtext a:not([class]) { color: #9B14B4; }

.template-violet .ExtendedAgendaTable--richtext a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):active, html:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):active, html.template-red:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):active, html.template-green:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):active, html.template-blue:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):active, html.template-violet:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.ExtendedAgendaTable--richtext > *:first-child { margin-top: 0; }

@media screen and (min-width: 751px) { .ExtendedAgendaTable--richtext { min-width: 150px; } .ExtendedAgendaTable--mobile-label{ position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; } }

.ExtendedAgendaTable--moderator { margin-top: 1.5em; }

.ExtendedAgendaTableArea { margin-top: 120px; margin-bottom: 120px; }

@media screen and (max-width: 1000px) { .ExtendedAgendaTableArea { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .ExtendedAgendaTableArea { margin-top: 60px; } }

@media screen and (max-width: 1000px) { .ExtendedAgendaTableArea { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .ExtendedAgendaTableArea { margin-bottom: 60px; } }

.ExtendedAgendaTableArea--indicator { font-size: 18px; font-size: 1.125rem; font-weight: 200; padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); margin-bottom: 60px; }

@media (max-width: 1430px) { .ExtendedAgendaTableArea--indicator { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .ExtendedAgendaTableArea--indicator { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .ExtendedAgendaTableArea--indicator { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ExtendedAgendaTableArea--indicator { padding-left: 20px; padding-right: 20px; } }

@media print { .ExtendedAgendaTableArea--indicator { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .ExtendedAgendaTableArea--indicator { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .ExtendedAgendaTableArea--indicator { margin-bottom: 30px; } }

.ExtendedAgendaTableArea--inner { overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding-left: calc(50% - 615px); padding-bottom: 15px; margin-bottom: 45px; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.ExtendedAgendaTableArea--inner::-webkit-scrollbar { background: #E6F1F1; transition: background-color 0.4s, width 0.3s; width: 5px; height: 5px; }

.ExtendedAgendaTableArea--inner::-webkit-scrollbar-thumb { background: #006E73; }

.ExtendedAgendaTableArea--inner:hover::-webkit-scrollbar-thumb { background: #006E73; }

@media (max-width: 1430px) { .ExtendedAgendaTableArea--inner { padding-left: 75px; } }

@media screen and (max-width: 1200px) { .ExtendedAgendaTableArea--inner { padding-left: 60px; } }

@media screen and (max-width: 750px) { .ExtendedAgendaTableArea--inner { padding-left: 30px; } }

@media screen and (max-width: 580px) { .ExtendedAgendaTableArea--inner { padding-left: 20px; } }

@media print { .ExtendedAgendaTableArea--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .ExtendedAgendaTableArea--inner { padding-bottom: 1.875vw; } }

@media screen and (max-width: 400px) { .ExtendedAgendaTableArea--inner { padding-bottom: 7.5px; } }

@media screen and (max-width: 1000px) { .ExtendedAgendaTableArea--inner { margin-bottom: 5.625vw; } }

@media screen and (max-width: 400px) { .ExtendedAgendaTableArea--inner { margin-bottom: 22.5px; } }

.ExtendedAgendaTableArea--inner::after { content: ""; width: calc(50% - 615px); display: block; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media (max-width: 1430px) { .ExtendedAgendaTableArea--inner::after { width: 75px; } }

@media screen and (max-width: 1200px) { .ExtendedAgendaTableArea--inner::after { width: 60px; } }

@media screen and (max-width: 750px) { .ExtendedAgendaTableArea--inner::after { width: 30px; } }

@media screen and (max-width: 580px) { .ExtendedAgendaTableArea--inner::after { width: 20px; } }

@media print { .ExtendedAgendaTableArea--inner::after { max-width: 100%; margin: 0; } }

.ExtendedAgendaTableArea--actions { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-top: 60px; margin-top: -15px; z-index: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 1430px) { .ExtendedAgendaTableArea--actions { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .ExtendedAgendaTableArea--actions { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .ExtendedAgendaTableArea--actions { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .ExtendedAgendaTableArea--actions { margin-left: 20px; margin-right: 20px; } }

@media print { .ExtendedAgendaTableArea--actions { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .ExtendedAgendaTableArea--actions { margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .ExtendedAgendaTableArea--actions { margin-top: 30px; } }

@media screen and (max-width: 750px) { .ExtendedAgendaTableArea--actions { display: block; text-align: center; } }

.ExtendedAgendaTableArea--action { margin-right: 30px; padding-top: 15px; }

.ExtendedAgendaTableArea--action:last-child { margin-right: 0; }

@media screen and (max-width: 750px) { .ExtendedAgendaTableArea--action { margin-right: 0; } }

.ExtendedTable { margin-bottom: 90px; font-size: 18px; font-size: 1.125rem; font-weight: 200; position: relative; opacity: 0; }

@media screen and (max-width: 1000px) { .ExtendedTable { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .ExtendedTable { margin-bottom: 45px; } }

@media screen and (max-width: 750px) { .ExtendedTable { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; }
  [lang="zh"] .ExtendedTable, [lang="zh-Hant"] .ExtendedTable, [lang="zh-Hans"] .ExtendedTable, [lang="zh-CN"] .ExtendedTable { line-height: 1.5; } }

.ExtendedTable.is-ready { opacity: 1; }

.ExtendedTable table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.ExtendedTable table caption { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding: 1em 0; }

@media screen and (max-width: 1000px) { .ExtendedTable table caption { font-size: 22px; font-size: 1.375rem; } }

.ExtendedTable table thead { background-color: #F9F9FA; }

.ExtendedTable table tfoot tr { border-bottom: none; }

.ExtendedTable table tr { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.ExtendedTable table th { font-weight: bold; }

.ExtendedTable table th [data-picto] { margin-bottom: 5px; }

.ExtendedTable table th [data-picto] > svg { height: 22px; }

.ExtendedTable table th, .ExtendedTable table td { padding: 1.2em; vertical-align: top; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; }

@media screen and (max-width: 1200px) { .ExtendedTable table th, .ExtendedTable table td { padding: 1em; } }

@media screen and (max-width: 750px) { .ExtendedTable table th, .ExtendedTable table td { padding: 0.5em 1em; } }

.ExtendedTable table th:first-child, .ExtendedTable table td:first-child { border-left: none; }

.ExtendedTable table th:last-child, .ExtendedTable table td:last-child { border-right: none; }

.ExtendedTable table a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .ExtendedTable table a:not([class]) { color: #9B14B4; }

.template-green .ExtendedTable table a:not([class]) { color: #1455B4; }

.template-blue .ExtendedTable table a:not([class]) { color: #1455B4; }

.template-purple .ExtendedTable table a:not([class]) { color: #9B14B4; }

.template-violet .ExtendedTable table a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .ExtendedTable table a:not([class]):active, html:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .ExtendedTable table a:not([class]):active, html.template-red:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .ExtendedTable table a:not([class]):active, html.template-green:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .ExtendedTable table a:not([class]):active, html.template-blue:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .ExtendedTable table a:not([class]):active, html.template-violet:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.ExtendedTable table p { margin-top: 0; }

.ExtendedTable table p:last-child { margin-bottom: 0; }

.ExtendedTable table tr.is-highlighted { background-color: rgba(249, 249, 250, 0.8); }

.ExtendedTable table th.is-highlighted { background-color: #E6F1F1; color: #006E73; }

.ExtendedTable table.growFirst th:first-child { width: auto; }

.ExtendedTable table.growFirst td { width: 15%; }

.ExtendedTable table.fixed { table-layout: fixed; }

.ExtendedTable table tr { border-top: none; }

.ExtendedTable table th { font-weight: 200; }

.ExtendedTable table th.is-bold { font-weight: bold; }

.ExtendedTable tbody tr:first-child th, .ExtendedTable tbody tr:first-child td { padding-top: 2em; }

@media screen and (max-width: 750px) { .ExtendedTable tbody tr:first-child th, .ExtendedTable tbody tr:first-child td { padding-top: 3em; } }

html:not(.can-touch) .ExtendedTable tbody td:active, html:not(.can-touch) .ExtendedTable tbody td:hover { background-color: #E6F1F1; }

.ExtendedTable td.is-collapsed:not(.is-selected), .ExtendedTable th.is-collapsed:not(.is-selected) { display: none; }

.ExtendedTable td:first-child, .ExtendedTable th:first-child { padding-left: 0; }

@media screen and (max-width: 1200px) { .ExtendedTable td:first-child, .ExtendedTable th:first-child { padding-left: 1em; } }

.ExtendedTable th.indent { font-weight: 200; text-indent: 1em; }

.ExtendedTable--title { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; margin-bottom: 1em; }

@media (max-width: 1430px) { .ExtendedTable--title { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .ExtendedTable--title { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .ExtendedTable--title { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .ExtendedTable--title { margin-left: 20px; margin-right: 20px; } }

@media print { .ExtendedTable--title { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .ExtendedTable--title { font-size: 22px; font-size: 1.375rem; } }

.ExtendedTable--table { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); -webkit-overflow-scrolling: unset; }

@media (max-width: 1430px) { .ExtendedTable--table { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .ExtendedTable--table { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .ExtendedTable--table { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .ExtendedTable--table { margin-left: 20px; margin-right: 20px; } }

@media print { .ExtendedTable--table { max-width: 100%; margin: 0; } }

.ExtendedTable--table::-webkit-scrollbar { display: none; }

.ExtendedTable--table::-webkit-scrollbar-thumb { display: none; }

.ExtendedTable--table:hover::-webkit-scrollbar-thumb { display: none; }

@media screen and (max-width: 1200px) { .ExtendedTable--table { margin-left: 0; margin-right: 0; } }

.ExtendedTable--header { position: relative; top: 0; left: 0; width: 100%; border-collapse: collapse; }

.ExtendedTable--header--inner { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); -webkit-overflow-scrolling: unset; position: absolute; top: 0; left: 0; width: 100%; background-color: #F9F9FA; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; z-index: 1; }

@media (max-width: 1430px) { .ExtendedTable--header--inner { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .ExtendedTable--header--inner { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .ExtendedTable--header--inner { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ExtendedTable--header--inner { padding-left: 20px; padding-right: 20px; } }

@media print { .ExtendedTable--header--inner { max-width: 100%; margin: 0; } }

.ExtendedTable--header--inner > * { visibility: hidden; }

@media screen and (max-width: 1200px) { .ExtendedTable--header--inner { padding-left: 0; padding-right: 0; } }

.ExtendedTable--header--inner.is-ready > * { visibility: visible; }

.ExtendedTable--header--column { font-weight: bold; display: table-cell; padding: 1.2em; vertical-align: top; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; }

@media screen and (max-width: 1200px) { .ExtendedTable--header--column { padding: 1em; } }

.ExtendedTable--header--column [data-picto] { margin-bottom: 5px; }

.ExtendedTable--header--column [data-picto] > svg { height: 22px; }

.ExtendedTable--header--column.is-highlighted { background-color: #E6F1F1; color: #006E73; }

.ExtendedTable--header--column:first-child { border-left: none; padding-left: 0; }

@media screen and (max-width: 1200px) { .ExtendedTable--header--column:first-child { padding-left: 1em; } }

.ExtendedTable--header--column:last-child { border-right: none; }

.Footer { margin-top: auto; border-top: 1px solid #D4D4D4; }

.Footer--main { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding-top: 90px; padding-bottom: 120px; }

@media (max-width: 1430px) { .Footer--main { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .Footer--main { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .Footer--main { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .Footer--main { margin-left: 20px; margin-right: 20px; } }

@media print { .Footer--main { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .Footer--main { padding-top: 11.25vw; } }

@media screen and (max-width: 400px) { .Footer--main { padding-top: 45px; } }

@media screen and (max-width: 1000px) { .Footer--main { padding-bottom: 15vw; } }

@media screen and (max-width: 400px) { .Footer--main { padding-bottom: 60px; } }

@media screen and (max-width: 750px) { .Footer--main { margin: 0; padding: 0; }
  .Footer--main .Footer--column:not(:first-child) { border-top: 1px solid #D4D4D4; } }

.Footer--row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; }

.Footer--row > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; margin-top: 0; padding-right: 30px; }

.Footer--row:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 750px) { .Footer--row { margin-right: 0; }
  .Footer--row > * { padding-right: 0; }
  .Footer--column{ width: 100%; } }

.Footer--column--inner { padding-right: 75px; margin-right: 30px; }

@media (max-width: 1430px) { .Footer--column--inner { padding-right: calc(((100vw - 150px + 30px) / 12) - 30px); } }

@media screen and (max-width: 1200px) { .Footer--column--inner { padding-right: calc(((100vw - 120px + 30px) / 12) - 30px); padding-right: 0; margin-right: 0; } }

@media screen and (max-width: 750px) { .Footer--column--inner { padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 30px; } }

@media screen and (max-width: 580px) { .Footer--column--inner { padding-left: 20px; padding-right: 20px; } }

.Footer--column--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-bottom: 30px; }

[lang="zh"] .Footer--column--title, [lang="zh-Hant"] .Footer--column--title, [lang="zh-Hans"] .Footer--column--title, [lang="zh-CN"] .Footer--column--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .Footer--column--title { font-size: 18px; font-size: 1.125rem; } }

.Footer--column--content { font-size: 18px; font-size: 1.125rem; font-weight: 200; }

.Footer--sub { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); font-size: 18px; font-size: 1.125rem; font-weight: 200; padding-top: 20px; padding-bottom: 20px; background: #F9F9FA; }

@media (max-width: 1430px) { .Footer--sub { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .Footer--sub { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .Footer--sub { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .Footer--sub { padding-left: 20px; padding-right: 20px; } }

@media print { .Footer--sub { max-width: 100%; margin: 0; } }

.Footer--sub.copyright { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #D4D4D4; }

@media screen and (max-width: 750px) { .Footer--sub.copyright { font-size: 16px; font-size: 1rem; } }

.Footer--main + .Footer--sub { border-top: 1px solid #D4D4D4; }

.Footer--sub > .Footer--row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.Footer--sub .Footer--column { width: auto; }

.Footer--sub .Footer--social { margin-left: auto; }

@media screen and (max-width: 1000px) { .Footer--sub { padding-bottom: 30px; padding-top: 30px; text-align: center; }
  .Footer--sub > .Footer--row { margin-right: 0; margin-top: -30px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .Footer--sub > .Footer--row > * { padding-right: 0; margin-top: 30px; }
  .Footer--sub .Footer--column { width: 100%; } }

@media screen and (max-width: 750px) { .Footer--sub { padding-bottom: 60px; } }

.Footer--sub--link { display: inline-block; margin-right: 1em; }

.Footer--sub--link:last-child { margin-right: 0; }

.Footer--sub--link a { padding-top: 12px; padding-bottom: 12px; }

html:not(.can-touch) .Footer--sub--link a:active, html:not(.can-touch) .Footer--sub--link a:hover { color: #636363; }

@media screen and (max-width: 750px) { .Footer--legal--list .Footer--sub--link { width: 100%; margin-right: 0; margin-top: 30px; } }

.Footer--social--list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; line-height: 0; margin-left: -5px; margin-right: -5px; }

@media screen and (max-width: 1000px) { .Footer--social--list { text-align: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.Footer--social--link { display: inline-block; margin-left: 5px; margin-right: 5px; }

.Iframe { position: relative; overflow: auto; -webkit-overflow-scrolling: touch; }

.Iframe.transparent { background-color: transparent; }

.Iframe.autoHeight iframe { height: 200px; }

.Iframe.fullscreen { width: 100%; height: 100vh; }

.Iframe.fullscreen iframe { width: 100%; height: 100%; position: relative; }

.Iframe:not(.autoHeight):not(.fullscreen) { padding-top: 50%; }

@media screen and (max-width: 750px) { .Iframe:not(.autoHeight):not(.fullscreen) { padding-top: 100%; } }

.Iframe:not(.autoHeight):not(.fullscreen) .Iframe--iframe, .Iframe:not(.autoHeight):not(.fullscreen) iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: 0; }

.Iframe .Iframe--spinner { z-index: -1; }

.Iframe iframe { border: none; width: 100%; }

.Iframe--spinner + .Iframe iframe { background-color: white; }

.IframeArea { margin-bottom: 90px; }

@media screen and (max-width: 1000px) { .IframeArea { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .IframeArea { margin-bottom: 45px; } }

@media screen and (max-width: 1000px) { .IframeArea { margin-bottom: 120px; margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .IframeArea { margin-bottom: 60px; } }

.l-Page.campaign .IframeArea { margin-bottom: 180px; }

@media screen and (max-width: 1000px) { .l-Page.campaign .IframeArea { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .IframeArea { margin-bottom: 90px; } }

.IframeArea .IframeArea--inner { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); }

@media (max-width: 1010px) { .IframeArea .IframeArea--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .IframeArea .IframeArea--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .IframeArea .IframeArea--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .IframeArea .IframeArea--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .IframeArea .IframeArea--inner { max-width: 100%; margin: 0; } }

.IframeArea.wide .IframeArea--inner { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .IframeArea.wide .IframeArea--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .IframeArea.wide .IframeArea--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .IframeArea.wide .IframeArea--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .IframeArea.wide .IframeArea--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .IframeArea.wide .IframeArea--inner { max-width: 100%; margin: 0; } }

.IframeArea iframe { border: none; width: 100% !important; }

.InPageNavigation { position: relative; top: 0; left: 0; max-width: 100%; }

.InPageNavigation--inner { position: relative; z-index: 9; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; background: #ffffff; -webkit-transform: translate(0); transform: translate(0); transition: 0.2s -webkit-transform ease-in-out; transition: 0.2s transform ease-in-out; transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out; }

.InPageNavigation--inner::-webkit-scrollbar { background: #ECECEE; height: 2px; }

.InPageNavigation--inner::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); border-radius: 5px; }

.InPageNavigation--inner:not(.is-sticky):not(.is-top).is-sticky-hidden { position: fixed; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.InPageNavigation--list { display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ECECEE; }

.InPageNavigation--list li:first-child .InPageNavigation--link { padding-left: calc(50% - 615px); padding-left: calc(50vw - 615px); }

@media (max-width: 1430px) { .InPageNavigation--list li:first-child .InPageNavigation--link { padding-left: 75px; } }

@media screen and (max-width: 1200px) { .InPageNavigation--list li:first-child .InPageNavigation--link { padding-left: 60px; } }

@media screen and (max-width: 750px) { .InPageNavigation--list li:first-child .InPageNavigation--link { padding-left: 30px; } }

@media screen and (max-width: 580px) { .InPageNavigation--list li:first-child .InPageNavigation--link { padding-left: 20px; } }

@media print { .InPageNavigation--list li:first-child .InPageNavigation--link { max-width: 100%; margin: 0; } }

.InPageNavigation--list li:last-child { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.InPageNavigation--list li:last-child .InPageNavigation--link { padding-right: calc(50% - 615px); padding-right: calc(50vw - 615px); width: 100%; }

@media (max-width: 1430px) { .InPageNavigation--list li:last-child .InPageNavigation--link { padding-right: 75px; } }

@media screen and (max-width: 1200px) { .InPageNavigation--list li:last-child .InPageNavigation--link { padding-right: 60px; } }

@media screen and (max-width: 750px) { .InPageNavigation--list li:last-child .InPageNavigation--link { padding-right: 30px; } }

@media screen and (max-width: 580px) { .InPageNavigation--list li:last-child .InPageNavigation--link { padding-right: 20px; } }

@media print { .InPageNavigation--list li:last-child .InPageNavigation--link { max-width: 100%; margin: 0; } }

.InPageNavigation--link { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; font-weight: bold; display: block; position: relative; padding: 1.5em 20px; margin-bottom: -1px; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

[lang="zh"] .InPageNavigation--link, [lang="zh-Hant"] .InPageNavigation--link, [lang="zh-Hans"] .InPageNavigation--link, [lang="zh-CN"] .InPageNavigation--link { line-height: 1.5; }

html:not(.can-touch) .InPageNavigation--link:active, html:not(.can-touch) .InPageNavigation--link:hover { color: #006E73; }

.InPageNavigation--link:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background-color: #006E73; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.InPageNavigation--link.is-highlighted:after { transition: none; }

.InPageNavigation--link[aria-selected="true"], .InPageNavigation--link.is-active, .InPageNavigation--link.is-highlighted { color: #3C4150; }

.InPageNavigation--link[aria-selected="true"]:after, .InPageNavigation--link.is-active:after, .InPageNavigation--link.is-highlighted:after { -webkit-transform: scaleX(1); transform: scaleX(1); }

@media screen and (max-width: 750px) { .InPageNavigation--link { padding: 15px 10px; } }

.InPageNavigation--title { display: block; max-width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.LeadArea { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-bottom: 120px; margin-top: 120px; }

@media (max-width: 1430px) { .LeadArea { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .LeadArea { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .LeadArea { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .LeadArea { margin-left: 20px; margin-right: 20px; } }

@media print { .LeadArea { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .LeadArea { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .LeadArea { margin-bottom: 60px; } }

@media screen and (max-width: 1000px) { .LeadArea { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .LeadArea { margin-top: 60px; } }

.LeadArea--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; }

.LeadArea--inner > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; padding-right: 30px; }

.LeadArea--inner:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 580px) { .LeadArea--inner { margin-right: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .LeadArea--inner > * { padding-right: 0; } }

.LeadArea--title { width: 25%; }

@media screen and (max-width: 580px) { .LeadArea--title { width: 100%; }
  .LeadArea--title > .SectionTitle.inline { text-align: center; } }

.LeadArea--content { width: 75%; }

.LeadArea--content > * { padding-right: 75px; }

@media (max-width: 1430px) { .LeadArea--content > * { padding-right: calc(((100vw - 150px + 30px) / 12) - 30px); } }

@media screen and (max-width: 1200px) { .LeadArea--content > * { padding-right: calc(((100vw - 120px + 30px) / 12) - 30px); } }

@media screen and (max-width: 580px) { .LeadArea--content { width: 100%; }
  .LeadArea--content > * { padding-right: 0; } }

.LinkList { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); margin-top: 90px; margin-bottom: 90px; }

@media (max-width: 1010px) { .LinkList { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .LinkList { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .LinkList { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .LinkList { margin-left: 20px; margin-right: 20px; } }

@media print { .LinkList { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .LinkList { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .LinkList { margin-top: 45px; } }

@media screen and (max-width: 1000px) { .LinkList { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .LinkList { margin-bottom: 45px; } }

.l-Page.campaign .LinkList { margin-bottom: 180px; }

@media screen and (max-width: 1000px) { .l-Page.campaign .LinkList { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .LinkList { margin-bottom: 90px; } }

.LinkList--link { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 0; color: #006E73; -webkit-transform: translateX(0); transform: translateX(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .LinkList--link:active, html:not(.can-touch) .LinkList--link:hover { -webkit-transform: translateX(5px); transform: translateX(5px); }

@media screen and (max-width: 750px) { .LinkList--link { font-size: 18px; font-size: 1.125rem; font-weight: 200; padding: 1em 0; } }

.LinkList--label { margin-right: auto; }

.LinkList--button { margin-left: 30px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.LinkList--button [data-picto] > svg { height: 1em; }

.LinkList--image { width: 75px; height: 75px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 30px; border-radius: 4px; overflow: hidden; }

@media screen and (max-width: 750px) { .LinkList--image { width: 60px; margin-right: 22.5px; } }

.LinkList--image > .Media { width: 100%; height: 100%; }

.Listing.borderTop { border-top: 1px solid #D4D4D4; }

.Listing.spaced .Listing--item { padding-top: 15px; padding-bottom: 15px; }

.Listing.spaced:not(.borderBottom) .Listing--item:last-child { padding-bottom: 0; }

.Listing.spaced:not(.borderTop) .Listing--item:first-child { padding-top: 0; }

.Listing--item { border-bottom: 1px solid #D4D4D4; }

.Listing:not(.borderBottom) .Listing--item:last-child { border-bottom: none; }

.Listing.noBorder .Listing--item { border-bottom: none; }

.Location { padding-top: 30px; padding-bottom: 30px; }

.Location--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 750px) { .Location--inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.Location--content { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 60px; }

@media screen and (max-width: 750px) { .Location--content { margin-right: 0; } }

.Location--title { font-size: 18px; font-size: 1.125rem; font-weight: 200; font-weight: bold; position: relative; margin-bottom: 15px; padding-left: 45px; }

.Location--title > .Icon { position: absolute; left: 0; height: 100%; }

.Location--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; padding-left: 45px; }

@media screen and (max-width: 750px) { .Location--text { margin-bottom: 30px; } }

.Location--map { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 165px; width: 240px; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

.Location--map::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(60, 65, 80, 0.25); opacity: 0; transition: opacity .2s ease-out; }

@media screen and (max-width: 750px) { .Location--map { height: 140px; width: 100%; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.0375); }
  .Location--map::before { opacity: 1; } }

html:not(.can-touch) .Location--map:active::before, html:not(.can-touch) .Location--map:hover::before { opacity: 1; }

html:not(.can-touch) .Location--map:active .Location--map--text, html:not(.can-touch) .Location--map:hover .Location--map--text { position: static !important; clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; overflow: visible; height: auto; width: auto; padding: 10px 13px; background-color: rgba(60, 65, 80, 0.5); border-radius: 25px; color: #ffffff; opacity: 1; z-index: 1; }

.Location--map--text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; opacity: 0; transition: opacity .2s ease-out; }

[lang="zh"] .Location--map--text, [lang="zh-Hant"] .Location--map--text, [lang="zh-Hans"] .Location--map--text, [lang="zh-CN"] .Location--map--text { line-height: 1.5; }

@media screen and (max-width: 750px) { .Location--map--text { position: static !important; clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; overflow: visible; height: auto; width: auto; padding: 10px 13px; background-color: rgba(60, 65, 80, 0.5); border-radius: 25px; color: #ffffff; opacity: 1; z-index: 1; } }

@-webkit-keyframes anim-MediaArea--fullwidth { from { -webkit-transform: scale(1.1); transform: scale(1.1);
    opacity: 0; }
  to { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; } }

@keyframes anim-MediaArea--fullwidth { from { -webkit-transform: scale(1.1); transform: scale(1.1);
    opacity: 0; }
  to { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; } }

.MediaArea { margin-top: 120px; margin-bottom: 120px; position: relative; }

@media screen and (max-width: 1000px) { .MediaArea { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .MediaArea { margin-top: 60px; } }

@media screen and (max-width: 1000px) { .MediaArea { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .MediaArea { margin-bottom: 60px; } }

.MediaArea.teaser { margin-top: 60px; margin-bottom: 60px; }

@media screen and (max-width: 750px) { .MediaArea.teaser { margin-top: 45px; margin-bottom: 45px; } }

.MediaArea.teaser .MediaArea--title { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; font-weight: bold; padding-bottom: 30px; max-width: none; }

[lang="zh"] .MediaArea.teaser .MediaArea--title, [lang="zh-Hant"] .MediaArea.teaser .MediaArea--title, [lang="zh-Hans"] .MediaArea.teaser .MediaArea--title, [lang="zh-CN"] .MediaArea.teaser .MediaArea--title { line-height: 1.5; }

.MediaArea.teaser .MediaArea--slider { padding-bottom: 30px; }

.MediaArea.teaser .MediaArea--slider.is-draggable { padding-bottom: 75px; }

.MediaArea.teaser .MediaArea--slider.is-draggable .MediaArea--sliderControls { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.MediaArea.teaser .MediaArea--sliderControls { display: none; position: absolute; top: auto; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 0; }

.MediaArea.teaser .MediaArea--slide, .MediaArea.gallery .MediaArea--slide { width: calc(33.33% - 20px); }

@media screen and (max-width: 1000px) { .MediaArea.teaser .MediaArea--slide, .MediaArea.gallery .MediaArea--slide { width: calc(50% - 15px); } }

@media screen and (max-width: 750px) { .MediaArea.teaser .MediaArea--slide, .MediaArea.gallery .MediaArea--slide { width: calc(50% - 7.5px); } }

@media screen and (max-width: 580px) { .MediaArea.teaser .MediaArea--slide, .MediaArea.gallery .MediaArea--slide { width: calc(90% - 15px); } }

.MediaArea.teaser .MediaArea--slide.is-visible .MediaSlide--caption, .MediaArea.gallery .MediaArea--slide.is-visible .MediaSlide--caption { opacity: 1; }

.MediaArea.gallery:not(.inline) { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .MediaArea.gallery:not(.inline) { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .MediaArea.gallery:not(.inline) { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .MediaArea.gallery:not(.inline) { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .MediaArea.gallery:not(.inline) { margin-left: 20px; margin-right: 20px; } }

@media print { .MediaArea.gallery:not(.inline) { max-width: 100%; margin: 0; } }

.MediaArea.gallery.inline .MediaArea--slide { width: calc(50% - 20px); }

@media screen and (max-width: 1000px) { .MediaArea.gallery.inline .MediaArea--slide { width: calc(50% - 15px); } }

@media screen and (max-width: 750px) { .MediaArea.gallery.inline .MediaArea--slide { width: calc(50% - 7.5px); } }

@media screen and (max-width: 580px) { .MediaArea.gallery.inline .MediaArea--slide { width: calc(90% - 15px); } }

.MediaArea.gallery.inline .SectionTitle { margin-left: 0; margin-right: 0; }

.MediaArea.gallery .MediaArea--sliderControls { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 45px; padding-bottom: 0; }

@media screen and (max-width: 580px) { .MediaArea.gallery .MediaArea--sliderControls { display: -webkit-flex; display: -ms-flexbox; display: flex; } .MediaArea.gallery .flickity-page-dots{ display: none; } }

.MediaArea.width-narrow { margin-bottom: 180px; }

@media screen and (max-width: 1000px) { .MediaArea.width-narrow { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .MediaArea.width-narrow { margin-bottom: 90px; } }

.MediaArea.width-narrow .MediaArea--single, .MediaArea.width-narrow .MediaArea--slider { max-width: 735px; padding-left: 60px; padding-right: 60px; margin-left: auto; margin-right: auto; }

.MediaArea.sitewidth { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .MediaArea.sitewidth { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .MediaArea.sitewidth { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .MediaArea.sitewidth { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .MediaArea.sitewidth { margin-left: 20px; margin-right: 20px; } }

@media print { .MediaArea.sitewidth { max-width: 100%; margin: 0; } }

.MediaArea.fullwidth .MediaArea--header { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .MediaArea.fullwidth .MediaArea--header { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .MediaArea.fullwidth .MediaArea--header { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .MediaArea.fullwidth .MediaArea--header { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .MediaArea.fullwidth .MediaArea--header { margin-left: 20px; margin-right: 20px; } }

@media print { .MediaArea.fullwidth .MediaArea--header { max-width: 100%; margin: 0; } }

.MediaArea.fullwidth .MediaSlide--caption { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding-right: 25%; }

@media (max-width: 1430px) { .MediaArea.fullwidth .MediaSlide--caption { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .MediaArea.fullwidth .MediaSlide--caption { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .MediaArea.fullwidth .MediaSlide--caption { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .MediaArea.fullwidth .MediaSlide--caption { margin-left: 20px; margin-right: 20px; } }

@media print { .MediaArea.fullwidth .MediaSlide--caption { max-width: 100%; margin: 0; } }

.MediaArea.fullwidth .MediaSlide--media { max-height: 100vh; }

.Accordion .MediaArea { margin-top: 0; margin-bottom: 45px; }

@media screen and (max-width: 1000px) { .Accordion .MediaArea { margin-bottom: 5.625vw; } }

@media screen and (max-width: 400px) { .Accordion .MediaArea { margin-bottom: 22.5px; } }

.ArticleSection .MediaArea { margin-top: 45px; margin-bottom: 45px; }

@media screen and (max-width: 1000px) { .ArticleSection .MediaArea { margin-top: 5.625vw; } }

@media screen and (max-width: 400px) { .ArticleSection .MediaArea { margin-top: 22.5px; } }

@media screen and (max-width: 1000px) { .ArticleSection .MediaArea { margin-bottom: 5.625vw; } }

@media screen and (max-width: 400px) { .ArticleSection .MediaArea { margin-bottom: 22.5px; } }

.ArticleSection .ArticleSection--title + .MediaArea { margin-top: 0; }

.MediaArea--header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.MediaArea--wrapper { will-change: transform; }

.MediaArea--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; padding-bottom: 1em; }

[lang="zh"] .MediaArea--title, [lang="zh-Hant"] .MediaArea--title, [lang="zh-Hans"] .MediaArea--title, [lang="zh-CN"] .MediaArea--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .MediaArea--title { font-size: 18px; font-size: 1.125rem; } }

.MediaArea--slider .MediaArea--title { max-width: calc( 100% - 130px); }

@media screen and (max-width: 580px) { .MediaArea--slider .MediaArea--title { max-width: none; } }

.MediaArea--sliderControls { margin-left: auto; padding-bottom: 30px; line-height: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 580px) { .MediaArea--sliderControls { display: none; } }

.MediaArea--sliderControls .RoundIconButton { display: block; margin-left: 8px; }

.MediaArea--sliderControls .RoundIconButton:first-child { margin-left: 0; }

.MediaArea--slider:not(.is-draggable) .MediaArea--sliderControls { display: none; }

.MediaArea--slider .flickity-page-dots { display: none; text-align: center; padding-top: 5px; }

@media screen and (max-width: 580px) { .MediaArea--slider .flickity-page-dots { display: block; } }

.MediaArea--slide { width: 100%; margin-right: 30px; display: none; }

@media screen and (max-width: 750px) { .MediaArea--slide { margin-right: 15px; } }

.MediaArea--slide:first-of-type { display: block; }

.is-slider-ready .MediaArea--slide, .MediaArea--slide.is-visible { display: block; }

.MediaSlide--media { position: relative; overflow: hidden; }

.MediaSlide--media.video { background-color: #F9F9FA; }

.MediaSlide--media .Media img { -o-object-fit: cover; object-fit: cover; }

.MediaSlide.fullwidth .MediaSlide--media { height: 800px; max-height: calc(100vh - 150px); }

.MediaSlide.fullwidth .MediaSlide--media > .Media { height: calc(100% + 200px); top: -100px; -webkit-transform: translateY(100px); transform: translateY(100px); }

@media screen and (max-width: 1200px) { .MediaSlide.fullwidth .MediaSlide--media { height: 67vw; } }

.MediaSlide--link { display: none; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .MediaSlide--link:active, html:not(.can-touch) .MediaSlide--link:hover { opacity: 1; }

.MediaSlide--media .MediaSlide--link { width: 100%; height: 100%; }

.is-selected .MediaSlide--link, .MediaArea--single .MediaSlide--link { display: block; }

.MediaSlide--media.video .MediaSlide--link { display: none; }

.MediaSlide--link > .Icon { font-size: 13px; }

.MediaSlide--zoomIcon { position: absolute; left: auto; top: 15px; right: 15px; }

[data-fitted-on-scroll] .MediaSlide--zoomIcon { top: calc(15px + var(--fitted-frame-width)); right: calc(15px + var(--fitted-frame-width)); }

.MediaSlide--zoomIcon > .Icon { font-size: 13px; }

.MediaSlide--caption { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; padding-top: 1.25em; opacity: 0; transition: opacity 0.4s; }

[lang="zh"] .MediaSlide--caption, [lang="zh-Hant"] .MediaSlide--caption, [lang="zh-Hans"] .MediaSlide--caption, [lang="zh-CN"] .MediaSlide--caption { line-height: 1.5; }

.is-visible.is-selected .MediaSlide--caption, .MediaArea--single .MediaSlide--caption { opacity: 1; }

@media screen and (max-width: 750px) { .MediaSlide--caption { padding-top: 15px; } }

.MediaOverlay--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: hidden; height: 100vh; max-width: 100%; background-color: #3C4150; color: #ffffff; }

.Overlay .MediaOverlay--inner { padding-top: 0; }

.Overlay .MediaOverlay--inner .MediaOverlay--meta { padding-right: 90px; }

.Overlay .MediaOverlay--inner .MediaOverlay--content { margin-bottom: 45px; }

.Overlay .MediaOverlay--inner .MediaOverlay--homeButton { display: none; }

.Overlay .MediaOverlay--inner .MediaOverlay--footer { display: none; }

.Overlay .MediaOverlay--inner.arts .MediaOverlay--content { margin-top: 30px; margin-bottom: 30px; }

.Overlay .MediaOverlay--inner.arts-fullsize .MediaOverlay--content { margin: 0; }

.MediaOverlay--meta { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 1em 30px 1em 30px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; }

@media screen and (max-width: 1000px) { .MediaOverlay--meta { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.MediaOverlay--header { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; margin-bottom: 15px; }

[lang="zh"] .MediaOverlay--header, [lang="zh-Hant"] .MediaOverlay--header, [lang="zh-Hans"] .MediaOverlay--header, [lang="zh-CN"] .MediaOverlay--header { line-height: 1.5; }

@media screen and (max-width: 750px) { .MediaOverlay--header { width: 100%; } }

.MediaOverlay--title { font-weight: bold; padding-right: 2em; }

@media screen and (max-width: 750px) { .MediaOverlay--title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 0; }
  .MediaOverlay--title > br { display: none; } }

.MediaOverlay--date { color: #B1B3B9; display: block; }

.MediaOverlay--social { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.MediaOverlay--social > .RoundIconButton { display: block; margin-right: 10px; margin-bottom: 15px; }

.MediaOverlay--social > .RoundIconButton:last-child { margin-right: 0; }

.MediaOverlay--content { margin: 0 30px; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; }

@media screen and (max-width: 750px) { .MediaOverlay--content { margin: 0; } }

.MediaOverlay--image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; }

.MediaOverlay--image picture { width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; }

.MediaOverlay--image img { width: auto; margin: 0 auto 0; max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.MediaOverlay--video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.MediaOverlay--video--inner { width: 100%; max-width: calc(164vh - 240px); }

.MediaOverlay--video--inner > .Iframe { width: 100%; background-color: transparent; }

.MediaOverlay--footer { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); font-size: 18px; font-size: 1.125rem; font-weight: 200; margin-top: 15px; padding-top: 1em; padding-bottom: 1em; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: center; }

@media (max-width: 1430px) { .MediaOverlay--footer { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .MediaOverlay--footer { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .MediaOverlay--footer { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .MediaOverlay--footer { margin-left: 20px; margin-right: 20px; } }

@media print { .MediaOverlay--footer { max-width: 100%; margin: 0; } }

.MediaOverlay--homeButton { margin-bottom: 15px; }

.MediaOverlay--footer--text > span:first-child { margin-right: 30px; }

@media screen and (max-width: 750px) { .MediaOverlay--footer--text > span:first-child { margin-right: .5em; } }

.MsDynamicsForm div[data-form-block-id] .formLoader { border-width: 5px; border-color: #ECECEE; border-top-color: #006E73; }

.MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback { margin-top: 120px; margin-bottom: 120px; position: relative; background: none !important; width: auto !important; max-width: 12em; height: auto !important; }

@media screen and (max-width: 1000px) { .MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback { margin-top: 60px; } }

@media screen and (max-width: 1000px) { .MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback { margin-bottom: 60px; } }

.MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse] .onFormSubmittedFeedbackInternalContainerStyle { padding: 0 !important; }

.MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse] .onFormSubmittedFeedbackMessage.onFormSubmittedFeedbackMessage { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; font-weight: bold; font-family: inherit !important; padding: 60px 0 0 0; text-align: center; color: inherit; }

@media screen and (max-width: 1000px) { .MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse] .onFormSubmittedFeedbackMessage.onFormSubmittedFeedbackMessage { font-size: 22px; font-size: 1.375rem; } }

.MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse] .onFormSubmittedFeedbackIcon { display: none !important; }

.MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse] .onFormSubmittedFeedbackButtonSuccess { display: none !important; }

.MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse="success"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; /*rtl:begin:ignore*/ width: 1.8em; height: .7em; margin-left: -1em; margin-top: -.8em; border-color: currentColor; border-width: .3em; border-style: none none solid solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); /*rtl:end:ignore*/ }

.MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse="success"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse="success"]::before, .MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse="success"]::after { font-size: 16px; border-width: 0.2em; color: #006E73; }

.MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse="success"]::before { content: ''; position: absolute; top: 0; left: 50%; width: 70px; height: 70px; border-style: solid; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.MsDynamicsForm div[data-form-block-id] .onFormSubmittedFeedback [data-submissionresponse="success"]::after { top: 0; left: 50%; }

.PageHeader { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); padding-top: 240px; margin-bottom: 60px; padding-bottom: 30px; }

@media (max-width: 1430px) { .PageHeader { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .PageHeader { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .PageHeader { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .PageHeader { padding-left: 20px; padding-right: 20px; } }

@media print { .PageHeader { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .PageHeader { padding-top: 30vw; } }

@media screen and (max-width: 400px) { .PageHeader { padding-top: 120px; } }

@media screen and (max-width: 1000px) { .PageHeader { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .PageHeader { margin-bottom: 30px; } }

@media screen and (max-width: 1000px) { .PageHeader { padding-top: 210px; padding-bottom: 0; } }

@media screen and (max-width: 580px) { .PageHeader { padding-top: 150px; } }

.PageHeaderImage + .PageHeader { padding-top: 0; }

.PageHeader.background, .PageHeader.backgroundLight { padding-bottom: 60px; position: relative; min-height: 600px; z-index: 0; }

@media screen and (max-width: 1000px) { .PageHeader.background, .PageHeader.backgroundLight { padding-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .PageHeader.background, .PageHeader.backgroundLight { padding-bottom: 30px; } }

@media screen and (max-width: 1000px) { .PageHeader.background, .PageHeader.backgroundLight { min-height: 350px; } }

@media screen and (max-width: 750px) { .PageHeader.background, .PageHeader.backgroundLight { min-height: 280px; } }

.PageHeader.background { color: #ffffff; }

.PageHeader.background .Breadcrumbs--item { color: #ffffff; }

html:not(.can-touch) .PageHeader.background .Breadcrumbs--item .Breadcrumbs--link:active, html:not(.can-touch) .PageHeader.background .Breadcrumbs--item .Breadcrumbs--link:hover { color: #ffffff; }

.PageHeader.noGap { padding-top: 0; padding-bottom: 0; }

@media screen and (max-width: 1000px) { .PageHeader.noGap { margin-bottom: 60px; } }

.PageHeader.noGapTop { padding-top: 0; }

.PageHeader.medium .PageHeader--inner { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.PageHeader.medium .PageHeader--content { width: 66.66667%; }

@media screen and (max-width: 1200px) { .PageHeader.medium .PageHeader--content { width: 60%; } }

@media screen and (max-width: 1000px) { .PageHeader.medium .PageHeader--content { width: 100%; } }

.PageHeader.medium .PageHeader--aside { width: 33.33333%; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media screen and (max-width: 1200px) { .PageHeader.medium .PageHeader--aside { width: 40%; } }

@media screen and (max-width: 1000px) { .PageHeader.medium .PageHeader--aside { width: 100%; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } }

.PageHeader.large .PageHeader--content { width: 66.66667%; }

@media screen and (max-width: 1000px) { .PageHeader.large .PageHeader--content { width: 100%; } }

.PageHeader.large .PageHeader--aside { width: 33.33333%; }

@media screen and (max-width: 1000px) { .PageHeader.large .PageHeader--aside { width: 100%; } }

.PageHeader--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.PageHeader--inner > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; margin-top: 0; padding-right: 30px; }

.PageHeader--inner:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 1000px) { .PageHeader--inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; }
  .PageHeader--inner .PageHeader--content, .PageHeader--inner .PageHeader--aside { width: 100%; padding: 0; max-width: 100%; } }

.PageHeader--content { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 66.66667%; }

.PageHeader--content > .SectionTitle.large { margin-bottom: 0; }

@media screen and (max-width: 1000px) { .PageHeader--content { margin-bottom: 30px; } }

.PageHeader--aside { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.PageHeader--aside--inner { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; }

@media screen and (max-width: 1000px) { .PageHeader--aside--inner { width: auto; } }

.PageHeader--aside--inner img { max-width: 100%; }

.PageHeader--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; }

.PageHeader--background > .Media { height: calc(100% + 100px); top: -50px; }

.PageHeaderImage { margin-bottom: 30px; height: 600px; max-height: 50vh; overflow: hidden; position: relative; }

@media screen and (max-width: 1000px) { .PageHeaderImage { margin-bottom: 3.75vw; } }

@media screen and (max-width: 400px) { .PageHeaderImage { margin-bottom: 15px; } }

.PageHeaderImage::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.4) 100%); }

.PageHeaderImage > .Media.image, .PageHeaderImage > .ImmediateImage { height: calc(100% + 100px); top: -50px; -o-object-fit: cover; object-fit: cover; -webkit-transform: translateY(-50px); transform: translateY(-50px); }

.PageHeaderImage > .Media.video { height: 100%; -o-object-fit: cover; object-fit: cover; background-color: #000000; }

@media screen and (max-width: 1000px) { .PageHeaderImage { height: 350px; } }

@media screen and (max-width: 750px) { .PageHeaderImage { height: 280px; } }

@media screen and (min-width: 1001px) { .PageHeaderImage.large { height: 900px; max-height: 70vh; } }

.PageHeaderImage.artwork-commissioned::after { content: none; }

@media screen and (min-width: 1001px) { .PageHeaderImage.artwork-commissioned { height: 700px; } }

@media screen and (max-width: 1000px) { .PageHeaderImage.artwork-commissioned { height: 500px; } }

@media screen and (max-width: 750px) { .PageHeaderImage.artwork-commissioned { height: 400px; max-height: none; } }

.PageHeaderImage--link { display: block; }

.PageHeaderImage--zoomIcon { position: absolute; right: 30px; bottom: 30px; }

@media screen and (min-width: 1570px) { .PageHeaderImage--zoomIcon { right: calc(50% - 770px); } }

.PageHeaderImage--zoomIcon > .Icon { font-size: 13px; }

.PageShare--overlay.is-expanded { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.PageShare--overlay > .Overlay--content { padding-left: calc(50% - 405px); padding-right: calc(50% - 405px); -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 1010px) { .PageShare--overlay > .Overlay--content { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1000px) { .PageShare--overlay > .Overlay--content { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .PageShare--overlay > .Overlay--content { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .PageShare--overlay > .Overlay--content { padding-left: 20px; padding-right: 20px; } }

@media print { .PageShare--overlay > .Overlay--content { max-width: 100%; margin: 0; } }

.PageShare--linkList { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; margin-right: -30px; }

.PageShare--linkList--item { padding-right: 30px; }

.ProfileContact .RoundIconButton { margin-right: .5em; }

.ProfileContact--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.ProfileContact--inner:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 750px) { .ProfileContact--inner { padding-top: 15px; padding-bottom: 15px; } }

.ProfileContact--left { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; float: left; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 60px; margin-right: auto; }

[lang="zh"] .ProfileContact--left, [lang="zh-Hant"] .ProfileContact--left, [lang="zh-Hans"] .ProfileContact--left, [lang="zh-CN"] .ProfileContact--left { line-height: 1.5; }

@media screen and (max-width: 1000px) { .ProfileContact--left { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; padding-right: 30px; } }

@media screen and (max-width: 750px) { .ProfileContact--left { padding-right: 15px; } }

.ProfileContact--right { float: right; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: right; }

.ProfileContact--right > .Button { margin-left: 30px; }

.ProfileFacts--group { margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .ProfileFacts--group { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .ProfileFacts--group { margin-bottom: 30px; } }

@media screen and (max-width: 1000px) { .ProfileFacts--group { margin-bottom: 0; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; margin-top: -1px; } .ProfileFacts--group--header{ position: relative; } }

.ProfileFacts--group--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }

[lang="zh"] .ProfileFacts--group--title, [lang="zh-Hant"] .ProfileFacts--group--title, [lang="zh-Hans"] .ProfileFacts--group--title, [lang="zh-CN"] .ProfileFacts--group--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .ProfileFacts--group--title { font-size: 18px; font-size: 1.125rem; position: relative; padding-top: 30px; padding-bottom: 30px; } }

@media screen and (max-width: 750px) { .ProfileFacts--group--title { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ProfileFacts--group--title { padding-left: 20px; padding-right: 20px; } }

.ProfileFacts--group--toggle { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ProfileFacts--group--toggle:after { content: ""; position: absolute; font-size: 0.7em; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); right: 0; top: 50%; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.ProfileFacts--group--toggle:before { content: ""; position: absolute; font-size: 0.7em; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 0; top: 50%; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.ProfileFacts--group--toggle[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 0.7em; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.ProfileFacts--group--toggle[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 0.7em; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

@media screen and (max-width: 1000px) { .ProfileFacts--group--toggle { display: block; } }

@media screen and (max-width: 750px) { .ProfileFacts--group--toggle::after { right: 30px; } }

@media screen and (max-width: 580px) { .ProfileFacts--group--toggle::after { right: 20px; } }

@media screen and (max-width: 1000px) { .ProfileFacts--group--content { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ProfileFacts--group--content { padding-left: 20px; padding-right: 20px; } }

@media screen and (max-width: 1000px) { .ProfileFacts--group--content[data-hidden='true'] > * { display: none; } }

.ProfileFacts--group--list { font-size: 18px; font-size: 1.125rem; font-weight: 200; color: #3C4150; margin-top: 1em; }

@media screen and (max-width: 1000px) { .ProfileFacts--group--list { margin-top: 0; padding: 1em 0; } }

.ProfileFacts--group--list > li { margin-bottom: .75em; }

.ProfileHeader { margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .ProfileHeader { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .ProfileHeader { margin-bottom: 30px; } }

@media screen and (min-width: 1001px) { .ProfileHeader { min-height: 240px; } }

.ProfileHeader--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; position: relative; }

.ProfileHeader--inner > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; padding-right: 30px; }

.ProfileHeader--inner:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 1000px) { .ProfileHeader--inner { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

@media screen and (max-width: 580px) { .ProfileHeader--inner { margin-right: -10px; }
  .ProfileHeader--inner > * { padding-right: 10px; } }

.ProfileHeader--image { margin-bottom: 30px; }

@media screen and (min-width: 1001px) { .ProfileHeader--image { position: absolute; width: 33.33333%; } }

.ProfileHeader--image--inner { width: 240px; height: 240px; overflow: hidden; max-width: 100%; }

.ProfileHeader--image--inner > .ImmediateImage { border-radius: 100%; overflow: hidden; }

@media screen and (max-width: 1000px) { .ProfileHeader--image--inner { width: 150px; height: 150px; } }

@media screen and (max-width: 750px) { .ProfileHeader--image--inner { width: 75px; height: 75px; } }

.ProfileHeader--content { width: 66.66667%; margin-bottom: 30px; }

@media screen and (min-width: 1001px) { .ProfileHeader--content { margin-left: auto; } }

@media screen and (max-width: 1000px) { .ProfileHeader--content { width: calc(100% - 180px); } }

@media screen and (max-width: 750px) { .ProfileHeader--content { width: calc(100% - 105px); } }

@media screen and (max-width: 580px) { .ProfileHeader--content { width: calc(100% - 85px); } }

.ProfileHeader--title { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; }

[lang="zh"] .ProfileHeader--title, [lang="zh-Hant"] .ProfileHeader--title, [lang="zh-Hans"] .ProfileHeader--title, [lang="zh-CN"] .ProfileHeader--title { line-height: 1.5; }

.ProfileHeader--name { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; display: block; margin-bottom: 15px; }

@media screen and (max-width: 1000px) { .ProfileHeader--name { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

@media screen and (max-width: 750px) { .ProfileHeader--name { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; margin-bottom: 5px; font-size: 22px; font-size: 1.375rem; } }

.ProfileHeader--position { color: #636363; display: block; }

.ProfileHeader--company { display: block; }

.ProfileHeader--info { width: 66.66667%; margin-left: auto; }

@media screen and (max-width: 1000px) { .ProfileHeader--info { width: 100%; } }

.ProfileHeader--summary { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; font-weight: 200; margin-bottom: 30px; }

@media screen and (max-width: 1000px) { .ProfileHeader--summary { font-size: 22px; font-size: 1.375rem; } }

.Quote { margin-top: 60px; margin-bottom: 60px; white-space: normal; }

@media screen and (max-width: 1000px) { .Quote { margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .Quote { margin-top: 30px; } }

@media screen and (max-width: 1000px) { .Quote { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .Quote { margin-bottom: 30px; } }

.template-red .Quote { color: #9B14B4; }

.template-green .Quote { color: #1455B4; }

.template-blue .Quote { color: #1455B4; }

.template-purple .Quote { color: #9B14B4; }

.template-violet .Quote { color: #9B14B4; }

.l-Page.campaign .Quote { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); margin-top: 180px; margin-bottom: 180px; }

@media (max-width: 1010px) { .l-Page.campaign .Quote { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .l-Page.campaign .Quote { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .l-Page.campaign .Quote { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .l-Page.campaign .Quote { margin-left: 20px; margin-right: 20px; } }

@media print { .l-Page.campaign .Quote { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .l-Page.campaign .Quote { margin-top: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .Quote { margin-top: 90px; } }

@media screen and (max-width: 1000px) { .l-Page.campaign .Quote { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .Quote { margin-bottom: 90px; } }

.Quote.green .Quote--quote, .Quote.blue .Quote--quote { color: #1455B4; }

.Quote.red .Quote--quote, .Quote.pink .Quote--quote, .Quote.purple .Quote--quote { color: #9B14B4; }

.Quote.white .Quote--author--name { color: #ffffff; opacity: 1; }

.Quote.white .Quote--author--text, .Quote.white .Quote--author--info { color: #D4D4D4; }

.Quote.small .Quote--quote { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; }

@media screen and (max-width: 1000px) { .Quote.small .Quote--quote { font-size: 22px; font-size: 1.375rem; } }

.Quote.medium .Quote--quote { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; }

@media screen and (max-width: 1000px) { .Quote.medium .Quote--quote { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

@media screen and (max-width: 750px) { .Quote.medium .Quote--quote { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; font-size: 22px; font-size: 1.375rem; } }

.Quote.center { margin-top: 120px; margin-bottom: 120px; text-align: center; }

@media screen and (max-width: 1000px) { .Quote.center { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .Quote.center { margin-top: 60px; } }

@media screen and (max-width: 1000px) { .Quote.center { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .Quote.center { margin-bottom: 60px; } }

.Quote.center .Quote--quote { padding-left: 0.7em; padding-right: 0.7em; }

.Quote.center .Quote--caption { margin: 0 auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 24px; }

.Quote.center .Quote--author { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; min-width: auto; }

.Quote.center .Quote--author--text { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }

@media screen and (max-width: 1000px) { .Quote.center .Quote--author--text { display: -webkit-flex; display: -ms-flexbox; display: flex; } }

.Quote.center .Quote--author--name { margin-bottom: 4px; margin-right: 0; }

.Quote.center .Quote--share { margin-left: 0; }

.Quote--quote { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; quotes: "«" "»"; margin-bottom: 0.6em; padding-right: 0.7em; }

@media screen and (max-width: 1000px) { .Quote--quote { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.Quote--quote::before { content: open-quote; }

.Quote--quote::after { content: close-quote; position: absolute; margin-left: 0.25em; }

.Quote--caption { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; gap: 16px; color: #505461; }

[lang="zh"] .Quote--caption, [lang="zh-Hant"] .Quote--caption, [lang="zh-Hans"] .Quote--caption, [lang="zh-CN"] .Quote--caption { line-height: 1.5; }

@media screen and (max-width: 580px) { .Quote--caption { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 40px; } }

.Quote--author { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 16px; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

@media screen and (max-width: 580px) { .Quote--author { width: 100%; } }

.Quote--portrait { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; -webkit-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; }

@media screen and (max-width: 1000px) { .Quote--author--text { display: inline; } }

.Quote--author--name { color: #3C4150; color: inherit; margin-right: 4px; }

.Quote--author--info { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #505461; }

[lang="zh"] .Quote--author--info, [lang="zh-Hant"] .Quote--author--info, [lang="zh-Hans"] .Quote--author--info, [lang="zh-CN"] .Quote--author--info { line-height: 1.5; }

.Quote--share { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (min-width: 581px) { .Quote--share { margin-left: auto; } }

.QuoteArea { background-color: #F9F9FA; }

.QuoteArea .Quote { margin-bottom: 0; margin-top: 0; }

.QuoteArea .Quote--share .Button::before { background-color: transparent; }

.QuoteArea--inner { padding-left: calc(50% - 405px); padding-right: calc(50% - 405px); padding-top: 120px; padding-bottom: 120px; }

@media (max-width: 1010px) { .QuoteArea--inner { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1000px) { .QuoteArea--inner { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .QuoteArea--inner { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .QuoteArea--inner { padding-left: 20px; padding-right: 20px; } }

@media print { .QuoteArea--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .QuoteArea--inner { padding-top: 15vw; } }

@media screen and (max-width: 400px) { .QuoteArea--inner { padding-top: 60px; } }

@media screen and (max-width: 1000px) { .QuoteArea--inner { padding-bottom: 15vw; } }

@media screen and (max-width: 400px) { .QuoteArea--inner { padding-bottom: 60px; } }

.QuoteSlider { position: relative; width: 100%; padding-bottom: 2px; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.QuoteSlider:not(.is-draggable) .QuoteSlider--controls { display: none; }

.QuoteSlider .Quote { margin-top: 0 !important; margin-bottom: 0 !important; }

.QuoteSlider--wrapper { white-space: nowrap; -webkit-transform: none !important; transform: none !important; }

@supports (display: flex) { .QuoteSlider--wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: inherit; } }

.QuoteSlider--item { width: 100%; left: 120% !important; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; visibility: hidden; }

.QuoteSlider.is-slider-ready .QuoteSlider--item { visibility: visible; transition: left 0s 1s; }

.QuoteSlider.is-slider-ready .QuoteSlider--item.is-selected { left: 0 !important; transition: left 0s 0s; z-index: 9; }

.QuoteSlider--item .QuoteSlider--item--counter, .QuoteSlider--item .Quote--quote, .QuoteSlider--item .Quote--caption { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: opacity 0.2s, -webkit-transform 0s 0.2s; transition: opacity 0.2s, transform 0s 0.2s; transition: opacity 0.2s, transform 0s 0.2s, -webkit-transform 0s 0.2s; }

.QuoteSlider--item.is-selected .QuoteSlider--item--counter, .QuoteSlider--item.is-selected .Quote--quote, .QuoteSlider--item.is-selected .Quote--caption { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: opacity 0.4s 0.4s, -webkit-transform 0.4s 0.4s; transition: opacity 0.4s 0.4s, transform 0.4s 0.4s; transition: opacity 0.4s 0.4s, transform 0.4s 0.4s, -webkit-transform 0.4s 0.4s; }

.QuoteSlider--item.is-selected .Quote--quote { transition-delay: 0.4s 0.5s, 0.4s 0.5s; }

.QuoteSlider--item.is-selected .Quote--caption { transition-delay: 0.4s 0.6s, 0.4s 0.6s; }

.QuoteSlider--item--counter { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; }

[lang="zh"] .QuoteSlider--item--counter, [lang="zh-Hant"] .QuoteSlider--item--counter, [lang="zh-Hans"] .QuoteSlider--item--counter, [lang="zh-CN"] .QuoteSlider--item--counter { line-height: 1.5; }

.QuoteSlider--item--counter--total { font-weight: 200; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-left: 0.125em; }

.QuoteSlider--item--counter--total::before { content: "/"; margin-right: 0.125em; }

.QuoteSlider--controls { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 30px; padding-bottom: 3px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 3; }

.QuoteSlider--controls .RoundIconButton { display: block; margin-left: 4px; margin-right: 4px; }

.QuoteSliderArea { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); }

@media (max-width: 1010px) { .QuoteSliderArea { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .QuoteSliderArea { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .QuoteSliderArea { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .QuoteSliderArea { margin-left: 20px; margin-right: 20px; } }

@media print { .QuoteSliderArea { max-width: 100%; margin: 0; } }

.QuoteSliderArea .SectionTitle--headline { color: inherit !important; }

.SectionContainer { margin-top: 90px; margin-bottom: 90px; }

@media screen and (max-width: 1000px) { .SectionContainer { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .SectionContainer { margin-top: 45px; } }

@media screen and (max-width: 1000px) { .SectionContainer { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .SectionContainer { margin-bottom: 45px; } }

@media screen and (max-width: 1000px) { .SectionContainer { margin-top: 120px; margin-bottom: 120px; margin-top: 15vw; } }

@media screen and (max-width: 400px) { .SectionContainer { margin-top: 60px; } }

@media screen and (max-width: 1000px) { .SectionContainer { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .SectionContainer { margin-bottom: 60px; } }

.SectionContainer.noGap { margin-top: 0; margin-bottom: 0; }

.SectionContainer.noGapTop { margin-top: 0; }

.SectionContainer.gradient { padding-top: 90px; position: relative; z-index: 0; }

@media screen and (max-width: 1000px) { .SectionContainer.gradient { padding-top: 11.25vw; } }

@media screen and (max-width: 400px) { .SectionContainer.gradient { padding-top: 45px; } }

@media screen and (max-width: 1000px) { .SectionContainer.gradient { padding-top: 120px; padding-top: 15vw; } }

@media screen and (max-width: 400px) { .SectionContainer.gradient { padding-top: 60px; } }

.SectionContainer.gradient::before { background-image: linear-gradient(to bottom, #F9F9FA, #ffffff); content: ""; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; max-height: 700px; max-width: 1400px; z-index: -1; }

@media (max-width: 1600px) { .SectionContainer.gradient::before { max-width: calc(100% - 120px); } }

@media (max-width: 1430px) { .SectionContainer.gradient::before { max-width: calc(100% - 60px); } }

@media screen and (max-width: 1000px) { .SectionContainer.gradient::before { max-width: 100%; } }

.SectionContainer.fullGradient { padding-top: 90px; position: relative; margin-top: 0; z-index: 0; }

@media screen and (max-width: 1000px) { .SectionContainer.fullGradient { padding-top: 11.25vw; } }

@media screen and (max-width: 400px) { .SectionContainer.fullGradient { padding-top: 45px; } }

@media screen and (max-width: 1000px) { .SectionContainer.fullGradient { padding-top: 120px; padding-top: 15vw; } }

@media screen and (max-width: 400px) { .SectionContainer.fullGradient { padding-top: 60px; } }

.SectionContainer.fullGradient::before { background-image: linear-gradient(to bottom, #F9F9FA, #ffffff); content: ""; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; max-height: 300px; z-index: -1; }

.SectionContainer.fullGradient.noGap { padding-top: 0; padding-bottom: 0; }

.SectionContainer.fullGradient.noGapTop { padding-top: 0; }

.SectionContainer.reverseFullGradient { padding-bottom: 90px; position: relative; margin-bottom: 0; z-index: 0; }

@media screen and (max-width: 1000px) { .SectionContainer.reverseFullGradient { padding-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .SectionContainer.reverseFullGradient { padding-bottom: 45px; } }

.SectionContainer.reverseFullGradient::before { background-image: linear-gradient(to bottom, #ffffff, #F9F9FA); content: ""; position: absolute; top: 15%; left: 0; right: 0; margin: 0 auto; width: 100%; height: 30%; max-height: 300px; z-index: -1; }

.SectionContainer.dark, .SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { background-color: #3C4150; color: #ffffff; }

.SectionContainer.dark .SectionTitle--title, .SectionContainer.green .SectionTitle--title, .SectionContainer.red .SectionTitle--title, .SectionContainer.blue .SectionTitle--title, .SectionContainer.pink .SectionTitle--title { color: #ffffff; }

.SectionContainer.gray { background-color: #F9F9FA; }

.SectionContainer.dark, .SectionContainer.gray, .SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { padding-top: 90px; padding-bottom: 90px; margin-top: 0; margin-bottom: 0; }

@media screen and (max-width: 1000px) { .SectionContainer.dark, .SectionContainer.gray, .SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { padding-top: 11.25vw; } }

@media screen and (max-width: 400px) { .SectionContainer.dark, .SectionContainer.gray, .SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { padding-top: 45px; } }

@media screen and (max-width: 1000px) { .SectionContainer.dark, .SectionContainer.gray, .SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { padding-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .SectionContainer.dark, .SectionContainer.gray, .SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { padding-bottom: 45px; } }

@media screen and (max-width: 1000px) { .SectionContainer.dark, .SectionContainer.gray, .SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { padding-top: 120px; padding-bottom: 120px; padding-top: 15vw; } }

@media screen and (max-width: 400px) { .SectionContainer.dark, .SectionContainer.gray, .SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { padding-top: 60px; } }

@media screen and (max-width: 1000px) { .SectionContainer.dark, .SectionContainer.gray, .SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { padding-bottom: 15vw; } }

@media screen and (max-width: 400px) { .SectionContainer.dark, .SectionContainer.gray, .SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { padding-bottom: 60px; } }

.SectionContainer--footer { text-align: center; margin-top: 60px; }

@media screen and (max-width: 1000px) { .SectionContainer--footer { margin-top: 30px; } }

.SectionTitle { margin-left: calc(50% - 307.5px); margin-right: calc(50% - 307.5px); margin-bottom: 60px; text-align: center; }

@media (max-width: 815px) { .SectionTitle { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .SectionTitle { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .SectionTitle { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .SectionTitle { margin-left: 20px; margin-right: 20px; } }

@media print { .SectionTitle { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .SectionTitle { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .SectionTitle { margin-bottom: 30px; } }

.SectionTitle.inline, .SectionTitle.medium, .SectionTitle.large { margin-bottom: 30px; margin-left: 0; margin-right: 0; text-align: left; }

@media screen and (max-width: 1000px) { .SectionTitle.inline, .SectionTitle.medium, .SectionTitle.large { margin-bottom: 3.75vw; } }

@media screen and (max-width: 400px) { .SectionTitle.inline, .SectionTitle.medium, .SectionTitle.large { margin-bottom: 15px; } }

.SectionTitle.large .SectionTitle--headline { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; margin-top: 0; }

@media screen and (max-width: 1000px) { .SectionTitle.large .SectionTitle--headline { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .SectionTitle.large .SectionTitle--headline { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.SectionTitle.large .SectionTitle--content { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; font-weight: 200; }

@media screen and (max-width: 1000px) { .SectionTitle.large .SectionTitle--content { font-size: 22px; font-size: 1.375rem; } }

.SectionTitle.wide { margin-left: calc(50% - 384.375px); margin-right: calc(50% - 384.375px); }

@media (max-width: 968.75px) { .SectionTitle.wide { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .SectionTitle.wide { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .SectionTitle.wide { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .SectionTitle.wide { margin-left: 20px; margin-right: 20px; } }

@media print { .SectionTitle.wide { max-width: 100%; margin: 0; } }

.SectionTitle.small:not(.inline) { max-width: 430px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }

.SectionTitle.small .SectionTitle--headline { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; margin-top: 15px; }

@media screen and (max-width: 1000px) { .SectionTitle.small .SectionTitle--headline { font-size: 22px; font-size: 1.375rem; } }

.SectionTitle.medium .SectionTitle--content { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; font-weight: 200; }

@media screen and (max-width: 1000px) { .SectionTitle.medium .SectionTitle--content { font-size: 22px; font-size: 1.375rem; } }

.SectionTitle.white .SectionTitle--title, .SectionTitle.white .SectionTitle--headline, .SectionTitle.white .SectionTitle--content { color: #ffffff; }

.SectionTitle--title { font-size: 15px; font-size: 0.9375rem; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #636363; display: block; }

.SectionTitle--headline { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; display: block; }

.template-red .SectionTitle--headline { color: #9B14B4; }

.template-green .SectionTitle--headline { color: #1455B4; }

.template-blue .SectionTitle--headline { color: #1455B4; }

.template-purple .SectionTitle--headline { color: #9B14B4; }

.template-violet .SectionTitle--headline { color: #9B14B4; }

@media screen and (max-width: 1000px) { .SectionTitle--headline { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.SectionTitle--title + .SectionTitle--headline { margin-top: 30px; }

@media screen and (max-width: 1000px) { .SectionTitle--title + .SectionTitle--headline { margin-top: 3.75vw; } }

@media screen and (max-width: 400px) { .SectionTitle--title + .SectionTitle--headline { margin-top: 15px; } }

.SectionTitle--content { margin-top: 30px; color: #3C4150; }

@media screen and (max-width: 1000px) { .SectionTitle--content { margin-top: 3.75vw; } }

@media screen and (max-width: 400px) { .SectionTitle--content { margin-top: 15px; } }

.SharePrice { color: #3C4150; position: relative; }

.SharePrice > * { opacity: 1; transition: opacity 0.4s; }

.SharePrice.is-loading { /* &:after { @include font-l; content: ""; position: absolute; top: 20%; left: 10%; right: 0; width: 100%; height: 100%; } */ }

.SharePrice.is-loading > * { opacity: 0.2; transition-duration: 0s; }

.SharePrice--chart { display: block; margin-bottom: 30px; max-width: 100%; }

.SharePrice--value { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; display: inline-block; margin-right: 0.375em; margin-bottom: 0.167em; }

@media screen and (max-width: 1000px) { .SharePrice--value { font-size: 22px; font-size: 1.375rem; font-size: 30px; } }

.SharePrice--change { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; display: inline-block; background-color: #F9F9FA; padding: 0.3em 0.825em 0.2em; border-radius: 0.95em; vertical-align: bottom; margin-bottom: 15px; }

[lang="zh"] .SharePrice--change, [lang="zh-Hant"] .SharePrice--change, [lang="zh-Hans"] .SharePrice--change, [lang="zh-CN"] .SharePrice--change { line-height: 1.5; }

.SharePrice--change.is-positive { color: #007934; background-color: #E5F1EA; }

.SharePrice--datetime { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; display: block; clear: both; }

[lang="zh"] .SharePrice--datetime, [lang="zh-Hant"] .SharePrice--datetime, [lang="zh-Hans"] .SharePrice--datetime, [lang="zh-CN"] .SharePrice--datetime { line-height: 1.5; }

.SharePrice--date:after { content: ","; }

.SharePrice--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; margin-top: 30px; }

.SharePrice--text p { margin-top: 1em; margin-bottom: 1em; color: #3C4150; }

.SharePrice--text ul { margin: 1em 0; display: block; }

.SharePrice--text ul > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.SharePrice--text ul > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.SharePrice--text ol { margin: 1em 0; display: block; display: block; counter-reset: ol--counter; }

.SharePrice--text ol > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.SharePrice--text ol > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.SharePrice--text ol > li { list-style-type: none; padding-left: 20px; padding-left: 1.25rem; margin-left: 4ex; }

.SharePrice--text ol > li:before { counter-increment: ol--counter; content: counters(ol--counter, ".") "."; left: auto; right: 100%; text-align: right; width: 4ex; }

html.ie .SharePrice--text ol > li { list-style: decimal inside none; }

.SharePrice--text li > :first-child { margin-top: 0; }

.SharePrice--text li > :last-child { margin-bottom: 0; }

.SharePrice--text table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; width: 100%; }

.SharePrice--text table caption { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding: 1em 0; }

@media screen and (max-width: 1000px) { .SharePrice--text table caption { font-size: 22px; font-size: 1.375rem; } }

.SharePrice--text table thead { background-color: #F9F9FA; }

.SharePrice--text table tfoot tr { border-bottom: none; }

.SharePrice--text table tr { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.SharePrice--text table th { font-weight: bold; }

.SharePrice--text table th [data-picto] { margin-bottom: 5px; }

.SharePrice--text table th [data-picto] > svg { height: 22px; }

.SharePrice--text table th, .SharePrice--text table td { padding: 1.2em; vertical-align: top; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; }

@media screen and (max-width: 1200px) { .SharePrice--text table th, .SharePrice--text table td { padding: 1em; } }

@media screen and (max-width: 750px) { .SharePrice--text table th, .SharePrice--text table td { padding: 0.5em 1em; } }

.SharePrice--text table th:first-child, .SharePrice--text table td:first-child { border-left: none; }

.SharePrice--text table th:last-child, .SharePrice--text table td:last-child { border-right: none; }

.SharePrice--text table a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .SharePrice--text table a:not([class]) { color: #9B14B4; }

.template-green .SharePrice--text table a:not([class]) { color: #1455B4; }

.template-blue .SharePrice--text table a:not([class]) { color: #1455B4; }

.template-purple .SharePrice--text table a:not([class]) { color: #9B14B4; }

.template-violet .SharePrice--text table a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .SharePrice--text table a:not([class]):active, html:not(.can-touch) .SharePrice--text table a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .SharePrice--text table a:not([class]):active, html.template-red:not(.can-touch) .SharePrice--text table a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .SharePrice--text table a:not([class]):active, html.template-green:not(.can-touch) .SharePrice--text table a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .SharePrice--text table a:not([class]):active, html.template-blue:not(.can-touch) .SharePrice--text table a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .SharePrice--text table a:not([class]):active, html.template-violet:not(.can-touch) .SharePrice--text table a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.SharePrice--text table p { margin-top: 0; }

.SharePrice--text table p:last-child { margin-bottom: 0; }

.SharePrice--text table tr.is-highlighted { background-color: rgba(249, 249, 250, 0.8); }

.SharePrice--text table th.is-highlighted { background-color: #E6F1F1; color: #006E73; }

.SharePrice--text s { text-decoration: line-through; }

.SharePrice--text u { text-decoration: none; }

.SharePrice--text em { font-style: italic; }

.SharePrice--text small { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .SharePrice--text small, [lang="zh-Hant"] .SharePrice--text small, [lang="zh-Hans"] .SharePrice--text small, [lang="zh-CN"] .SharePrice--text small { line-height: 1.5; }

.SharePrice--text strong, .SharePrice--text b { font-weight: bold; }

.SharePrice--text a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .SharePrice--text a:not([class]) { color: #9B14B4; }

.template-green .SharePrice--text a:not([class]) { color: #1455B4; }

.template-blue .SharePrice--text a:not([class]) { color: #1455B4; }

.template-purple .SharePrice--text a:not([class]) { color: #9B14B4; }

.template-violet .SharePrice--text a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .SharePrice--text a:not([class]):active, html:not(.can-touch) .SharePrice--text a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .SharePrice--text a:not([class]):active, html.template-red:not(.can-touch) .SharePrice--text a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .SharePrice--text a:not([class]):active, html.template-green:not(.can-touch) .SharePrice--text a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .SharePrice--text a:not([class]):active, html.template-blue:not(.can-touch) .SharePrice--text a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .SharePrice--text a:not([class]):active, html.template-violet:not(.can-touch) .SharePrice--text a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.SharePrice--text > *:first-child { margin-top: 0; }

@media screen and (max-width: 1000px) { .SharePrice--text { margin-top: 3.75vw; } }

@media screen and (max-width: 400px) { .SharePrice--text { margin-top: 15px; } }

.SharePrice--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.SimpleTable { font-size: 18px; font-size: 1.125rem; font-weight: 200; margin-bottom: 45px; overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media screen and (max-width: 1000px) { .SimpleTable { margin-bottom: 5.625vw; } }

@media screen and (max-width: 400px) { .SimpleTable { margin-bottom: 22.5px; } }

@media screen and (max-width: 750px) { .SimpleTable { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; margin-bottom: 30px; }
  [lang="zh"] .SimpleTable, [lang="zh-Hant"] .SimpleTable, [lang="zh-Hans"] .SimpleTable, [lang="zh-CN"] .SimpleTable { line-height: 1.5; } }

.SimpleTable td { min-width: 6em; }

.StickyBottomBar--inner { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); position: fixed; bottom: 0; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 15px; padding-bottom: 15px; background-color: #242730; color: #ffffff; z-index: 9; -webkit-transform: translateY(100%); transform: translateY(100%); }

@media (max-width: 1430px) { .StickyBottomBar--inner { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .StickyBottomBar--inner { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .StickyBottomBar--inner { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .StickyBottomBar--inner { padding-left: 20px; padding-right: 20px; } }

@media print { .StickyBottomBar--inner { max-width: 100%; margin: 0; } }

.StickyBottomBar.is-ready .StickyBottomBar--inner { transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; }

.StickyBottomBar.is-visible .StickyBottomBar--inner { -webkit-transform: translateY(0); transform: translateY(0); }

.template-red .StickyBottomBar--inner { background-color: #3C4150; }

.template-blue .StickyBottomBar--inner { background-color: #3C4150; }

.template-green .StickyBottomBar--inner { background-color: #3C4150; }

.template-violet .StickyBottomBar--inner { background-color: #3C4150; }

.StickyBottomBar--text { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }

[lang="zh"] .StickyBottomBar--text, [lang="zh-Hant"] .StickyBottomBar--text, [lang="zh-Hans"] .StickyBottomBar--text, [lang="zh-CN"] .StickyBottomBar--text { line-height: 1.5; }

@media screen and (max-width: 1000px) { .StickyBottomBar--text { font-size: 18px; font-size: 1.125rem; } }

@media screen and (max-width: 750px) { .StickyBottomBar--text { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; font-weight: bold; }
  [lang="zh"] .StickyBottomBar--text, [lang="zh-Hant"] .StickyBottomBar--text, [lang="zh-Hans"] .StickyBottomBar--text, [lang="zh-CN"] .StickyBottomBar--text { line-height: 1.5; } }

.StickyBottomBar--buttons { margin-left: auto; padding-left: 15px; }

.StickyBottomBar--buttons > * { margin-left: 15px; }

@media screen and (max-width: 1000px) { .StickyBottomBar--buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 5px; }
  .StickyBottomBar--buttons > * { margin-left: 10px; } }

.StickyChapterNavigation { position: relative; height: 100%; }

.StickyChapterNavigation--inner { display: block; position: absolute; width: 100%; top: 0; left: 0; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; -webkit-transform: translateY(4.375rem); transform: translateY(4.375rem); }

.StickyChapterNavigation--inner:not(.is-expanded) { transition: -webkit-transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; -webkit-transform: none; transform: none; }

.StickyChapterNavigation--inner:not(.is-expanded) .StickyChapterNavigation--link:not(.is-active) { display: none; }

@media screen and (max-width: 750px) { .StickyChapterNavigation--inner:not(.is-expanded) { width: 100%; } .StickyChapterNavigation--inner{ width: 100vw; -webkit-transform: translateY(3.75rem); transform: translateY(3.75rem); transition: none; } }

.StickyChapterNavigation--list { position: relative; left: -1px; margin-right: -2px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; transition: border-color 0s, border-width 0s; }

.StickyChapterNavigation--inner.is-expanded .StickyChapterNavigation--list { background-color: white; border: 1px solid #D4D4D4; border-top: 0; }

@media screen and (max-width: 750px) { .StickyChapterNavigation--list { border: none; }
  .StickyChapterNavigation--inner.is-expanded .StickyChapterNavigation--list { border: none; }
  .StickyChapterNavigation--inner.is-expanded .StickyChapterNavigation--list > li { border-bottom: 1px solid #D4D4D4; } }

.StickyChapterNavigation--link { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #8A8D96; line-height: 1.25rem; display: block; padding: 1em 1.25rem; transition: background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }

[lang="zh"] .StickyChapterNavigation--link, [lang="zh-Hant"] .StickyChapterNavigation--link, [lang="zh-Hans"] .StickyChapterNavigation--link, [lang="zh-CN"] .StickyChapterNavigation--link { line-height: 1.5; }

@media screen and (max-width: 750px) { .StickyChapterNavigation--link.is-active { background-color: #F9F9FA; } }

.StickyChapterNavigation--inner:not(.is-expanded) .StickyChapterNavigation--link.is-active { height: 4.3125rem; padding-top: 0.8125rem; padding-right: 60px; }

@media screen and (max-width: 750px) { .StickyChapterNavigation--inner:not(.is-expanded) .StickyChapterNavigation--link.is-active { height: 3.6875rem; background-color: transparent; } }

html:not(.can-touch) .StickyChapterNavigation--inner.is-expanded .StickyChapterNavigation--link:active, html:not(.can-touch) .StickyChapterNavigation--inner.is-expanded .StickyChapterNavigation--link:hover { background-color: #F9F9FA; }

@media screen and (max-width: 750px) { .StickyChapterNavigation--inner.is-expanded .StickyChapterNavigation--link { width: 100vw; } }

.StickyChapterNavigation--counter { font-weight: bold; color: #3C4150; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.StickyChapterNavigation--counter > br { display: none; }

.StickyChapterNavigation--title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.StickyChapterNavigation--title > br { display: none; }

.StickyChapterNavigation--toggle { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #3C4150; position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 0.9375rem 60px 0.9375rem 20px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; }

[lang="zh"] .StickyChapterNavigation--toggle, [lang="zh-Hant"] .StickyChapterNavigation--toggle, [lang="zh-Hans"] .StickyChapterNavigation--toggle, [lang="zh-CN"] .StickyChapterNavigation--toggle { line-height: 1.5; }

.StickyChapterNavigation--toggle:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); right: 2em; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.StickyChapterNavigation--toggle:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 2em; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.StickyChapterNavigation--toggle[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.StickyChapterNavigation--toggle[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.StickyChapterNavigation--toggle--text { opacity: 0; visibility: hidden; transition: visibility 0s, opacity 0s; }

.StickyChapterNavigation--toggle[aria-expanded="true"] .StickyChapterNavigation--toggle--text { color: #636363; opacity: 1; visibility: visible; transition: visibility 0s, opacity 0.2s 0.2s; }

@media screen and (max-width: 750px) { .StickyChapterNavigation--toggle[aria-expanded="true"] .StickyChapterNavigation--toggle--text { transition: visibility 0s, opacity 0.2s; } }

.StickyContentsNavigation { position: relative; height: 100%; }

.StickyContentsNavigation--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100vw; max-height: 85vh; position: fixed; top: 4.375rem; left: 0; z-index: 8; background-color: white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow-y: auto; transition: opacity 0.3s ease, visibility 0s 0.3s, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s, -webkit-transform 0.3s ease; -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; visibility: hidden; }

.StickyContentsNavigation--inner.is-expanded { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; transition: opacity 0.3s ease, visibility 0s, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s, -webkit-transform 0.3s ease; }

@media screen and (max-width: 750px) { .StickyContentsNavigation--inner.is-expanded { max-height: calc(100vh - 4.375rem); height: calc(100vh - 4.375rem); } }

.StickyContentsNavigation--inner.is-collapsed { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; }

.StickyContentsNavigation--close-container { padding: 30px; position: relative; text-align: center; }

.StickyContentsNavigation--inner:not(.is-expanded) .StickyContentsNavigation--close-container { display: none; }

.StickyContentsNavigation--close-container .Button { transition: all 0.2s ease; }

.StickyContentsNavigation--close-container .Button:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

.StickyContentsNavigation--close-container .Button [data-icon="close-small"] { font-size: 8px; }

.StickyContentsNavigation--counter { color: #3C4150; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.StickyContentsNavigation--counter > br { display: none; }

.StickyContentsNavigation--title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.StickyContentsNavigation--title > br { display: none; }

@media screen and (max-width: 750px) { .StickyContentsNavigation--title { max-width: calc(100vw - 120px); /* Limit max height to prevent overflow */ } }

.StickyContentsNavigation--toggle { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #3C4150; position: absolute; inset: 0; top: 0; left: 0; padding: 0.9375rem 60px 0.9375rem 20px; z-index: 1; cursor: pointer; }

[lang="zh"] .StickyContentsNavigation--toggle, [lang="zh-Hant"] .StickyContentsNavigation--toggle, [lang="zh-Hans"] .StickyContentsNavigation--toggle, [lang="zh-CN"] .StickyContentsNavigation--toggle { line-height: 1.5; }

.StickyContentsNavigation--toggle:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); right: 2em; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.StickyContentsNavigation--toggle:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 2em; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.StickyContentsNavigation--toggle[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.StickyContentsNavigation--toggle[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.StickyContentsNavigation--toggle--text { opacity: 0; visibility: hidden; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: visibility 0s, opacity 0s; }

.StickyContentsNavigation--toggle[aria-expanded="true"] .StickyContentsNavigation--toggle--text { color: #636363; opacity: 1; visibility: visible; position: static; -webkit-transform: none; transform: none; transition: visibility 0s, opacity 0.2s 0.2s; }

@media screen and (max-width: 750px) { .StickyContentsNavigation--toggle[aria-expanded="true"] .StickyContentsNavigation--toggle--text { transition: visibility 0s, opacity 0.2s; } }

.StickyContentsNavigation--active-chapter { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0.5em; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; overflow: hidden; }

.StickyContentsNavigation--toggle[aria-expanded="true"] .StickyContentsNavigation--active-chapter { display: none; }

.StickyHeader { position: fixed; top: 0; left: 0; width: 100%; z-index: 9; }

.StickyHeader::before { content: ""; position: fixed; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.4); visibility: hidden; transition: opacity 300ms linear, visibility 300ms; z-index: -1; will-change: opacity; }

@media screen and (max-width: 750px) { .StickyHeader::before { background-color: #ffffff; transition: opacity 0.2s, visibility 0.2s; } }

.StickyHeader:focus, .StickyHeader:focus-within { outline: none; width: 100%; }

.StickyHeader.is-fixed .StickyHeader--inner { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; transition-delay: 0s, 0s; }

.StickyHeader.is-fixed .StickyHeader--progress-bar { opacity: 1; }

.StickyHeader.is-chapternav-open::before { opacity: 1; visibility: visible; }

.StickyHeader--progress-bar { position: absolute; left: 0; bottom: -1px; height: 1px; width: calc(var(--scroll-progress, 0) * 100%); background-color: #006E73; z-index: 10; opacity: 0; transition: width 0.1s ease-out, opacity 0.4s; }

.StickyHeader--inner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 4.375rem; padding: 0 40px; background-color: #ffffff; border-bottom: 1px solid #F9F9FA; -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; transition: visibility 0s, -webkit-transform 0.4s; transition: transform 0.4s, visibility 0s; transition: transform 0.4s, visibility 0s, -webkit-transform 0.4s; transition-delay: 0s, 0.4s; z-index: 1; }

.StickyHeader--inner:focus, .StickyHeader--inner:focus-within { outline: none; width: 100%; max-width: 100%; }

@media screen and (max-width: 1200px) { .StickyHeader--inner { padding-right: 0; padding-left: 0; } }

@media screen and (max-width: 750px) { .StickyHeader--inner { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .StickyHeader--inner:focus, .StickyHeader--inner:focus-within { width: 100%; max-width: 100vw; } }

.StickyHeader--header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; max-width: 300px; }

@media screen and (max-width: 1200px) { .StickyHeader--header { max-width: none; height: 100%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 0; display: none; } }

.StickyHeader--title { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; font-weight: bold; line-height: 1.25rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0.9375rem 1em 0.9375rem 0; width: 100%; }

[lang="zh"] .StickyHeader--title, [lang="zh-Hant"] .StickyHeader--title, [lang="zh-Hans"] .StickyHeader--title, [lang="zh-CN"] .StickyHeader--title { line-height: 1.5; }

@media screen and (max-width: 1200px) { .StickyHeader--title { display: none; } }

.StickyHeader--headline { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.StickyHeader--headline > br { display: none; }

.StickyHeader--category { font-weight: normal; color: #8A8D96; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

@media screen and (max-width: 750px) { .StickyHeader--category { -webkit-order: 0; -ms-flex-order: 0; order: 0; white-space: nowrap; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }
  .StickyHeader--category:after { content: " –"; padding-right: 0.25em; } }

.StickyHeader--content { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 400px; border-left: 1px solid #F9F9FA; border-right: 1px solid #F9F9FA; }

@media screen and (max-width: 750px) { .StickyHeader--content { height: 100%; width: auto; -webkit-order: 0; -ms-flex-order: 0; order: 0; border-left: none; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } }

.StickyHeader--footer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; padding: 0.9375rem 0 0.9375rem 15px; }

@media screen and (max-width: 1200px) { .StickyHeader--footer { padding-left: 30px; padding-right: 30px; }
  .StickyHeader--header + .StickyHeader--footer { margin-left: auto; } }

@media screen and (max-width: 750px) { .StickyHeader--footer { padding-left: 20px; padding-right: 20px; margin-left: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } }

.StickyHeader--footer > * { margin-left: 15px; }

.StickyHeader--footer > *:first-child { margin-left: 0; }

@media screen and (max-width: 750px) { .StickyHeader--footer .Share { border: none; width: 40px; height: 40px; } .StickyHeader--footer .Button{ width: 40px; height: 40px; } }

.StickyHeader--footer--desktop { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 750px) { .StickyHeader--footer--desktop { display: none; } }

.StickyHeader--footer--desktop > * { margin-left: 15px; }

.StickyHeader--footer--desktop > *:first-child { margin-left: 0; }

.StickyHeader--footer--mobile { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (min-width: 751px) { .StickyHeader--footer--mobile { display: none; } }

.StickyHeader--footer--mobile .Button { transition: background-color 0.2s ease, -webkit-transform 0.1s ease; transition: background-color 0.2s ease, transform 0.1s ease; transition: background-color 0.2s ease, transform 0.1s ease, -webkit-transform 0.1s ease; }

.StickyHeader--footer--mobile .Button:active { -webkit-transform: scale(0.95); transform: scale(0.95); }

.StickyHeader--footer--mobile .Button[aria-expanded="true"] { background-color: #ECECEE; }

.StickyHeader--mobile-toggle { background: #006E73; border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: none; position: relative; }

.StickyHeader--mobile-toggle:active { -webkit-transform: none; transform: none; background: #006E73; }

.StickyHeader--mobile-toggle[aria-expanded="true"] .StickyHeader--mobile-toggle--icon::before { width: 14px; height: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); box-shadow: none; }

.StickyHeader--mobile-toggle[aria-expanded="true"] .StickyHeader--mobile-toggle--icon::after { display: block; width: 14px; height: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.StickyHeader--mobile-toggle--icon { position: relative; width: 16px; height: 16px; }

.StickyHeader--mobile-toggle--icon::before, .StickyHeader--mobile-toggle--icon::after { content: ''; position: absolute; background-color: white; border-radius: 1px; transition: all 0.3s ease; }

.StickyHeader--mobile-toggle--icon::before { width: 3px; height: 3px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: -5px 0 0 white, 5px 0 0 white; }

.StickyHeader--mobile-toggle--icon::after { display: none; }

.StickyHeader--mobile-modal { position: absolute; top: 4.375rem; left: 0; right: 0; height: auto; max-height: calc(100vh - $stickyChapterNavHeight - 20px); /* Limit max height to prevent overflow */ background: white; -webkit-transform: translateY(-20px); transform: translateY(-20px); transition: opacity 0.3s ease, visibility 0s 0.3s, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s, -webkit-transform 0.3s ease; box-shadow: 0 56px 60px -9px rgba(60, 65, 80, 0.06), 0 29px 26px -9px rgba(60, 65, 80, 0.04), 0 13px 10px -9px rgba(60, 65, 80, 0.03), 0 4px 3px -9px rgba(60, 65, 80, 0.02); visibility: hidden; opacity: 0; display: none; overflow-y: auto; }

@media screen and (max-width: 750px) { .StickyHeader--mobile-modal { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px; } }

.StickyHeader--mobile-modal.is-expanded, .StickyHeader--mobile-modal[data-expanded="true"] { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0s, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s, -webkit-transform 0.3s ease; }

.StickyHeader--mobile-modal.is-collapsed, .StickyHeader--mobile-modal[data-expanded="false"] { -webkit-transform: translateY(-20px); transform: translateY(-20px); visibility: hidden; opacity: 0; }

.StickyHeader--mobile-modal--actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 16px; width: 100%; }

@media screen and (max-width: 580px) { .StickyHeader--mobile-modal--actions { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } }

@media screen and (min-width: 751px) { .StickyHeader--mobile-modal--actions { display: none; } }

.TagArea { margin-top: 60px; margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .TagArea { margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .TagArea { margin-top: 30px; } }

@media screen and (max-width: 1000px) { .TagArea { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .TagArea { margin-bottom: 30px; } }

.l-Page.campaign .TagArea { margin-top: 120px; margin-bottom: 120px; }

@media screen and (max-width: 1000px) { .l-Page.campaign .TagArea { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .TagArea { margin-top: 60px; } }

@media screen and (max-width: 1000px) { .l-Page.campaign .TagArea { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .TagArea { margin-bottom: 60px; } }

.TagArea.centered { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .TagArea.centered { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .TagArea.centered { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .TagArea.centered { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .TagArea.centered { margin-left: 20px; margin-right: 20px; } }

@media print { .TagArea.centered { max-width: 100%; margin: 0; } }

.TagArea.centered .TagArea--list { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -10px; margin-right: -10px; margin-bottom: -10px; }

.TagArea.centered .TagArea--list > li { margin-left: 10px; }

.TagArea--text { margin-bottom: 60px; text-align: center; }

@media screen and (max-width: 1000px) { .TagArea--text { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .TagArea--text { margin-bottom: 30px; } }

.TagArea--list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.TagArea--list > li { display: inline-block; margin-right: 10px; margin-bottom: 10px; }

.CalendarDownload { display: inline-block; position: relative; }

.CalendarDownload--toggleBtn { position: relative; z-index: 1; }

.CalendarDownload--toggleBtn .Icon { max-width: none !important; width: 50px; }

.CalendarDownload--toggleBtn .Icon:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); }

.CalendarDownload--toggleBtn .Icon:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.CalendarDownload--toggleBtn .Icon svg { width: 18px; }

.CalendarDownload--toggleBtn .Icon::after { right: 0; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.CalendarDownload--toggleBtn[aria-expanded="true"] .Icon:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.CalendarDownload--toggleBtn[aria-expanded="true"] .Icon:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.CalendarDownload--popup { position: absolute; top: calc(100% + 15px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.CalendarDownload--form { padding: 5px 15px 15px; background: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); border-radius: 4px; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.CalendarDownload--popup.is-collapsed .CalendarDownload--form { visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0.2s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0.2s; transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0s 0.2s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.CalendarDownload--selectAll { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; margin-bottom: 15px; color: #006E73; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

[lang="zh"] .CalendarDownload--selectAll, [lang="zh-Hant"] .CalendarDownload--selectAll, [lang="zh-Hans"] .CalendarDownload--selectAll, [lang="zh-CN"] .CalendarDownload--selectAll { line-height: 1.5; }

html:not(.can-touch) .CalendarDownload--selectAll:active, html:not(.can-touch) .CalendarDownload--selectAll:hover { opacity: 0.6; }

.CalendarDownload--inputGroup.has-error .CalendarDownload--error { display: block; }

.CalendarDownload--inputGroup .OptionInput.OptionInput { white-space: nowrap; margin-bottom: 0.5em; }

.CalendarDownload--error { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; display: none; margin-bottom: 15px; color: #E00034; }

[lang="zh"] .CalendarDownload--error, [lang="zh-Hant"] .CalendarDownload--error, [lang="zh-Hans"] .CalendarDownload--error, [lang="zh-CN"] .CalendarDownload--error { line-height: 1.5; }

.CalendarDownload--downloadCta { margin-top: 0.5em; }

.PageHeaderEvent { margin-bottom: 120px; position: relative; }

@media screen and (max-width: 1000px) { .PageHeaderEvent { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .PageHeaderEvent { margin-bottom: 60px; } }

@media screen and (max-width: 1000px) { .PageHeaderEvent { margin-bottom: 90px; margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .PageHeaderEvent { margin-bottom: 45px; } }

@media screen and (min-width: 1001px) { .PageHeaderEvent--inner { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); position: static; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

@media screen and (min-width: 1001px) and (max-width: 1430px) { .PageHeaderEvent--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (min-width: 1001px) and (max-width: 1200px) { .PageHeaderEvent--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 1000px) { .PageHeaderEvent--inner .Breadcrumbs { display: none; } }

.PageHeaderEvent--column { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.PageHeaderEvent--column.main { padding-bottom: 120px; }

@media screen and (max-width: 1000px) { .PageHeaderEvent--column.main { padding-bottom: 15vw; } }

@media screen and (max-width: 400px) { .PageHeaderEvent--column.main { padding-bottom: 60px; } }

.PageHeaderEvent--column.aside { display: block; }

@media screen and (min-width: 1001px) { .PageHeaderEvent--column.main { width: 66.6%; padding-top: 280px; padding-right: 60px; }
  .PageHeaderEvent--column.aside { position: relative; top: 80px; width: 33.3%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } }

@media screen and (max-width: 1000px) { .PageHeaderEvent--column.main { padding-left: 75px; padding-right: 75px; position: relative; padding-top: 200px; padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .PageHeaderEvent--column.main { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .PageHeaderEvent--column.main { padding-left: 20px; padding-right: 20px; } }

@media screen and (max-width: 1000px) { .PageHeaderEvent--column.aside { padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #D4D4D4; }
  .PageHeaderEvent--column.aside .ConferenceInfobox { margin-left: 75px; margin-right: 75px; box-shadow: none; margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .PageHeaderEvent--column.aside .ConferenceInfobox { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .PageHeaderEvent--column.aside .ConferenceInfobox { margin-left: 20px; margin-right: 20px; } }

.PageHeaderEvent--text { position: relative; margin-top: 1em; color: #ffffff; }

.PageHeaderEvent--title { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; display: block; margin-bottom: 1em; }

[lang="zh"] .PageHeaderEvent--title, [lang="zh-Hant"] .PageHeaderEvent--title, [lang="zh-Hans"] .PageHeaderEvent--title, [lang="zh-CN"] .PageHeaderEvent--title { line-height: 1.5; }

.PageHeaderEvent--headline { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; display: block; }

@media screen and (max-width: 1000px) { .PageHeaderEvent--headline { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.PageHeaderEvent--ctas { margin-top: 30px; }

.PageHeaderEvent--ctas > * { margin-right: 15px; }

.PageHeaderEvent--image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.PageHeaderEvent--image::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.4) 100%); }

.PageHeaderEvent--image > .Media { height: calc(100% + 100px); }

.PageHeaderEvent--image > .Media > .Media.image { height: 100%; top: -50px; -o-object-fit: cover; object-fit: cover; -webkit-transform: translateY(-50px); transform: translateY(-50px); }

.Header--inner.small .GlobalNav { width: 100%; }

@media screen and (max-width: 1000px) { .GlobalNav { width: 100%; } }

.GlobalNav--list { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.GlobalNav--list:after { display: block; content: ""; clear: both; }

.GlobalNav--list > li { float: left; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow-x: hidden; }

.Header--inner.small .GlobalNav--list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1em 0; }

.Header--inner.small .GlobalNav--list > li { float: none; width: 100%; }

@media screen and (max-width: 1000px) { .GlobalNav--list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1em 0; }
  .GlobalNav--list > li { float: none; width: 100%; } }

.GlobalNav--link { font-size: 15px; font-size: 0.9375rem; font-weight: normal; color: #3C4150; position: relative; display: block; padding: 0 1.5em; line-height: 80px; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); will-change: color; }

.GlobalNav--link::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; display: block; height: 0; margin: 0 1.5em; border-bottom: 2px solid #006E73; -webkit-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transform-origin: center left; transform-origin: center left; }

.Header--inner.small .GlobalNav--link::before { content: none; }

@media screen and (max-width: 1000px) { .GlobalNav--link::before { content: none; } }

html:not(.can-touch) .GlobalNav--link:active, html:not(.can-touch) .GlobalNav--link:hover { color: #006E73; }

.GlobalNav--link[aria-expanded="true"], .GlobalNav--link[aria-expanded="true"]:active, html:not(.can-touch) .GlobalNav--link[aria-expanded="true"]:hover { color: #006E73; }

.GlobalNav--link[aria-expanded="true"]::before, .GlobalNav--link[aria-expanded="true"]:active::before, html:not(.can-touch) .GlobalNav--link[aria-expanded="true"]:hover::before { -webkit-transform: none; transform: none; }

@media screen and (max-width: 1382px) { .GlobalNav--link { line-height: 70px; padding: 0 1em; }
  .GlobalNav--link::before { margin: 0 1em; } }

.Header--inner.small .GlobalNav--link { font-size: 22px; font-size: 1.375rem; padding: 0 30px; line-height: 2.4375rem; margin-bottom: 5px; }

.Header--inner.small .GlobalNav--link::before { content: none; }

@media screen and (max-width: 1000px) { .GlobalNav--link { font-size: 22px; font-size: 1.375rem; padding: 0 30px; line-height: 2.4375rem; margin-bottom: 5px; }
  .GlobalNav--link::before { content: none; } }

.Header--inner.small .GlobalNav--link { padding: 0 26px; }

@media screen and (max-width: 750px) { .GlobalNav--link { padding: 0 26px; } }

.Header { width: 100%; }

.Header.is-nav-open .Header--inner:before { opacity: 1; transition: opacity 0s 0.2s; }

.Header.is-nav-open .Header--navBar { border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: border-radius 150ms 100ms linear; }

.Header.is-nav-open .Header--background, .Header.is-search-open .Header--background { opacity: 1; visibility: visible; }

.Header.transparent { color: #ffffff; }

.Header.transparent .Header--inner { box-shadow: none; }

.Header.transparent .Header--nav { box-shadow: none !important; }

.Header.transparent .Header--navBar { background-color: transparent; }

@media screen and (max-width: 750px) { .Header.transparent .Header--logo { padding-left: 0; } }

.Header--inner { position: absolute; top: 0; left: 0; right: 0; width: 100%; max-width: 1540px; margin: 30px auto; border-radius: 4px; box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.1); z-index: 10; }

.Header--inner.small { box-shadow: none; }

.Header--inner.small:before { display: none; }

.Header.is-mobilenav-open > .Header--inner.small .Header--background { opacity: 1; visibility: visible; }

@media (max-width: 1600px) { .Header--inner { max-width: initial; width: auto; margin: 30px; } }

@media screen and (max-width: 580px) { .Header--inner { margin: 20px; } }

@media screen and (max-width: 1000px) { .Header--inner { box-shadow: none; } }

.Header--inner:before { content: ""; position: absolute; top: auto; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #D4D4D4; z-index: 2; opacity: 0; }

@media screen and (max-width: 1000px) { .Header--inner:before { display: none; } }

.Header--inner.is-nav-open:before { opacity: 1; transition: opacity 0s 0.2s; }

.Header--inner.is-nav-open .Header--navBar { border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: border-radius 150ms 100ms linear; }

.Header--inner.is-nav-open .Header--background, .Header--inner.is-search-open .Header--background { opacity: 1; visibility: visible; }

@media screen and (max-width: 1000px) { .Header.is-mobilenav-open > .Header--inner .Header--background { opacity: 1; visibility: visible; } }

.Header--flyout { position: absolute; top: 100%; width: 100%; margin-top: -5px; padding-top: 5px; background-color: #ffffff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; transition: visibility 300ms 0ms, opacity 150ms 100ms linear, -webkit-transform 300ms 100ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 300ms 100ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 300ms 0ms, opacity 150ms 100ms linear; transition: transform 300ms 100ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 300ms 0ms, opacity 150ms 100ms linear, -webkit-transform 300ms 100ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform-origin: top center; transform-origin: top center; overflow: hidden; will-change: transform, visibility, opacity; }

.Header--flyout.is-collapsed { display: none; }

.Header--flyout:not(.is-expanded) { will-change: transform, opacity; opacity: 0; visibility: hidden; -webkit-transform: translateY(-70px); transform: translateY(-70px); transition: visibility 100ms, opacity 50ms 50ms ease-out, -webkit-transform 100ms ease-in; transition: transform 100ms ease-in, visibility 100ms, opacity 50ms 50ms ease-out; transition: transform 100ms ease-in, visibility 100ms, opacity 50ms 50ms ease-out, -webkit-transform 100ms ease-in; }

.Header--inner.small .Header--flyout { z-index: 100; transition: opacity 0.1s ease-out; position: relative; will-change: auto; }

.Header--inner.small .Header--flyout:not(.is-expanded) { -webkit-transform: none; transform: none; }

@media screen and (max-width: 1000px) { .Header--flyout { z-index: 100; transition: opacity 0.1s ease-out; position: relative; will-change: auto; }
  .Header--flyout:not(.is-expanded) { -webkit-transform: none; transform: none; } }

.Header--inner.small .Header--universalNav > .UniversalNav { display: none; }

.Header.is-mobilenav-open .Header--inner.small .Header--universalNav > .UniversalNav { display: block; }

@media screen and (max-width: 1000px) { .Header--universalNav > .UniversalNav { display: none; }
  .Header.is-mobilenav-open .Header--universalNav > .UniversalNav { display: block; } }

.Header--nav { position: relative; z-index: 1; }

.Header--nav:after { display: block; content: ""; clear: both; }

.Header--inner.small .Header--nav { box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 1000px) { .Header--nav { box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.1); } }

.Header--navBar { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border-radius: 4px; transition: border-radius 0.1s linear; z-index: 1; }

.Header--navBar:after { display: block; content: ""; clear: both; }

.Header--universalNav + .Header--nav .Header--navBar { border-top-left-radius: 0; border-top-right-radius: 0; }

.Header--inner.small .Header--navBar { height: 80px; margin-top: 0; border-radius: 4px; }

.Header--universalNav + .Header--nav .Header--inner.small .Header--navBar { border-radius: 4px; }

@media screen and (max-width: 1000px) { .Header--navBar { height: 80px; margin-top: 0; border-radius: 4px; }
  .Header--universalNav + .Header--nav .Header--navBar { border-radius: 4px; } }

.Header--logo { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 80px; padding: 0 30px; }

.Header--logo.separate::before { content: ""; position: absolute; top: 0; right: 5px; bottom: 0; margin: 13px 0; border-left: 1px solid #D4D4D4; }

@media screen and (max-width: 1382px) { .Header--logo.separate::before { right: 2px; } }

.Header--inner.small .Header--logo.separate::before { content: none; }

@media screen and (max-width: 1000px) { .Header--logo.separate::before { content: none; } }

@media screen and (max-width: 1382px) { .Header--logo { padding: 0 20px; height: 70px; } }

.Header--inner.small .Header--logo { margin-right: auto; padding-left: 28px; padding-right: 0; height: 80px; }

@media screen and (max-width: 1000px) { .Header--logo { margin-right: auto; padding-left: 28px; padding-right: 0; height: 80px; } }

.Header--mainNav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.Header--mainNav:after { display: block; content: ""; clear: both; }

.Header--mainNav > .GlobalNav { margin-right: auto; }

.Header--mainNav > .ServiceNav { margin-right: 15px; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.Header--mainNav > .Identifier { margin-left: auto; margin-right: 15px; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.Header--inner.small .Header--mainNav { position: absolute; top: 0; left: 0; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 80px; z-index: -1; background-color: #ffffff; border-radius: 4px; box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.1); max-height: none; overflow: hidden; }

.Header--inner.small .Header--mainNav > .ServiceNav { margin-left: 0; margin-right: 0; }

.Header--inner.small .Header--mainNav > .Identifier { -webkit-order: 0; -ms-flex-order: 0; order: 0; margin-left: 30px; margin-bottom: 30px; }

@media screen and (max-width: 750px) { .Header--inner.small .Header--mainNav > .Identifier { margin-left: 26px; } }

.Header--inner.small .Header--mainNav[data-hidden="true"] > * { display: none; box-shadow: none; }

@media screen and (max-width: 1000px) { .Header--mainNav { position: absolute; top: 0; left: 0; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 80px; z-index: -1; background-color: #ffffff; border-radius: 4px; box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.1); max-height: none; overflow: hidden; }
  .Header--mainNav > .ServiceNav { margin-left: 0; margin-right: 0; }
  .Header--mainNav > .Identifier { -webkit-order: 0; -ms-flex-order: 0; order: 0; margin-left: 30px; margin-bottom: 30px; } }

@media screen and (max-width: 750px) { .Header--mainNav > .Identifier { margin-left: 26px; } }

@media screen and (max-width: 1000px) { .Header--mainNav[data-hidden="true"] > * { display: none; box-shadow: none; } }

.Header--toggle { display: none; position: relative; height: 80px; width: 80px; padding: 0 30px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.Header--inner.small .Header--toggle { display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; padding-left: 20px; }

.Header--inner.small .Header--toggle .Header--toggle--open { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.Header--inner.small .Header--toggle .Header--toggle--close { display: none; }

.Header--inner.small .Header--toggle[aria-expanded="true"] { border-color: #D4D4D4; }

.Header--inner.small .Header--toggle[aria-expanded="true"] > .Icon { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.Header--inner.small .Header--toggle[aria-expanded="true"] > .Icon:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); height: auto; border-bottom: none; left: 50%; }

.Header--inner.small .Header--toggle[aria-expanded="true"] > .Icon:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); height: auto; border-bottom: none; left: 50%; }

.Header--inner.small .Header--toggle[aria-expanded="true"] .Header--toggle--open { display: none; }

.Header--inner.small .Header--toggle[aria-expanded="true"] .Header--toggle--close { display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 1000px) { .Header--toggle { display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; padding-left: 20px; }
  .Header--toggle .Header--toggle--open { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .Header--toggle .Header--toggle--close { display: none; }
  .Header--toggle[aria-expanded="true"] { border-color: #D4D4D4; }
  .Header--toggle[aria-expanded="true"] > .Icon { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .Header--toggle[aria-expanded="true"] > .Icon:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); height: auto; border-bottom: none; left: 50%; }
  .Header--toggle[aria-expanded="true"] > .Icon:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); height: auto; border-bottom: none; left: 50%; }
  .Header--toggle[aria-expanded="true"] .Header--toggle--open { display: none; }
  .Header--toggle[aria-expanded="true"] .Header--toggle--close { display: -webkit-flex; display: -ms-flexbox; display: flex; } }

.Header--inner.small .Header--toggle { padding-right: 26px; }

@media screen and (max-width: 750px) { .Header--toggle { padding-right: 26px; } }

.Header--search { margin-left: auto; }

.Header.is-mobilenav-open .Header--search { display: none; }

.Header--languageSwitcher { margin-left: auto; }

.Header--share { margin-left: auto; }

.Header--languageSwitcher + .Header--share { margin-left: 15px; }

@media screen and (max-width: 750px) { .Header--languageSwitcher + .Header--share { margin-left: 0; } }

.Header--background { position: fixed; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.4); visibility: hidden; transition: opacity 300ms linear, visibility 300ms; z-index: -2; will-change: opacity; }

.HeaderFlyout { position: relative; }

.HeaderFlyout[data-hidden="true"] { display: none; }

.Header--inner.small .HeaderFlyout.is-opening .HeaderFlyout--title { transition: none; }

.Header--inner.small .HeaderFlyout .HeaderFlyout--title { transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Header--inner.small .HeaderFlyout.is-opened .HeaderFlyout--title { transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Header--inner.small .HeaderFlyout.is-opened .HeaderFlyout--section:not(.info) { -webkit-transform: none; transform: none; opacity: 1; transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Header--inner.small .HeaderFlyout.is-opened .HeaderFlyout--section > *:not(.HeaderFlyout--title) { -webkit-transform: none; transform: none; opacity: 1; transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media screen and (max-width: 1000px) { .HeaderFlyout.is-opening .HeaderFlyout--title { transition: none; }
  .HeaderFlyout .HeaderFlyout--title { transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .HeaderFlyout.is-opened .HeaderFlyout--title { transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .HeaderFlyout.is-opened .HeaderFlyout--section:not(.info) { -webkit-transform: none; transform: none; opacity: 1; transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .HeaderFlyout.is-opened .HeaderFlyout--section > *:not(.HeaderFlyout--title) { -webkit-transform: none; transform: none; opacity: 1; transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); } }

.HeaderFlyout--close { display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; height: 80px; width: 80px; padding: 0 30px; right: 0; margin-left: auto; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; }

.Header--inner.small .HeaderFlyout--close { display: none; }

@media screen and (max-width: 1000px) { .HeaderFlyout--close { display: none; } }

.HeaderFlyout--close:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); height: auto; border-bottom: none; left: 50%; }

.HeaderFlyout--close:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); height: auto; border-bottom: none; left: 50%; }

html:not(.can-touch) .HeaderFlyout--close:active:after, html:not(.can-touch) .HeaderFlyout--close:hover:after { content: ""; position: absolute; font-size: 10px; top: 50%; -webkit-transform: scale(1.1) rotate(-45deg); transform: scale(1.1) rotate(-45deg); }

html:not(.can-touch) .HeaderFlyout--close:active:before, html:not(.can-touch) .HeaderFlyout--close:hover:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ -webkit-transform: scale(1.1) rotate(45deg); transform: scale(1.1) rotate(45deg); }

.HeaderFlyout--inner { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding: 60px 0; }

@media (max-width: 1430px) { .HeaderFlyout--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .HeaderFlyout--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .HeaderFlyout--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .HeaderFlyout--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .HeaderFlyout--inner { max-width: 100%; margin: 0; } }

.Header--inner.small .HeaderFlyout--inner { margin-left: 30px; margin-right: 30px; padding-top: 30px; }

@media screen and (max-width: 1000px) { .HeaderFlyout--inner { margin-left: 30px; margin-right: 30px; padding-top: 30px; } }

.Header--inner.small .HeaderFlyout--inner { margin-left: 26px; margin-right: 26px; padding-bottom: 30px; }

@media screen and (max-width: 750px) { .HeaderFlyout--inner { margin-left: 26px; margin-right: 26px; padding-bottom: 30px; } }

.HeaderFlyout--content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: -30px; font-size: 15px; font-size: 0.9375rem; font-weight: normal; color: #636363; }

.HeaderFlyout--content > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; margin-top: 30px; padding-right: 30px; }

.HeaderFlyout--content:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 1382px) { .HeaderFlyout--content { display: block; } }

.Header--inner.small .HeaderFlyout--content { margin-top: 0; }

@media screen and (max-width: 1000px) { .HeaderFlyout--content { margin-top: 0; } }

.Header--inner.small .HeaderFlyout--content { margin-right: 0; }

.Header--inner.small .HeaderFlyout--content > * { padding-right: 0; }

@media screen and (max-width: 750px) { .HeaderFlyout--content { margin-right: 0; }
  .HeaderFlyout--content > * { padding-right: 0; } }

.HeaderFlyout--section { width: 25%; padding-right: 60px; float: left; }

@media (max-width: 1430px) { .HeaderFlyout--section { padding-right: 30px; } }

.Header--inner.small .HeaderFlyout--section { width: 50%; }

.Header--inner.small .HeaderFlyout--section:not(.info) { -webkit-transform: translateY(10px); transform: translateY(10px); transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; opacity: 0; }

.Header--inner.small .HeaderFlyout--section.info { width: 100%; margin-bottom: 30px; margin-top: 0; }

.Header--inner.small .HeaderFlyout--section.info > *:not(.HeaderFlyout--title) { -webkit-transform: translateY(-5px); transform: translateY(-5px); transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; opacity: 0; }

@media screen and (max-width: 1000px) { .HeaderFlyout--section { width: 50%; }
  .HeaderFlyout--section:not(.info) { -webkit-transform: translateY(10px); transform: translateY(10px); transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; opacity: 0; }
  .HeaderFlyout--section.info { width: 100%; margin-bottom: 30px; margin-top: 0; }
  .HeaderFlyout--section.info > *:not(.HeaderFlyout--title) { -webkit-transform: translateY(-5px); transform: translateY(-5px); transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; opacity: 0; } }

.Header--inner.small .HeaderFlyout--section { width: 100%; padding-right: 0; }

.Header--inner.small .HeaderFlyout--section.info { margin-bottom: 15px; }

@media screen and (max-width: 750px) { .HeaderFlyout--section { width: 100%; padding-right: 0; }
  .HeaderFlyout--section.info { margin-bottom: 15px; } }

.HeaderFlyout--section.highlight { margin-left: auto; padding-right: 30px; z-index: 0; }

@media screen and (max-width: 1382px) { .HeaderFlyout--section.highlight { display: none; } }

.Header--inner.small .HeaderFlyout--section.highlight { display: none; }

@media screen and (max-width: 1000px) { .HeaderFlyout--section.highlight { display: none; } }

.HeaderFlyout--section.highlight::before { background-image: linear-gradient(to bottom, #F9F9FA, #ffffff); content: ""; position: absolute; top: 0; right: 0; margin: 0 auto; height: 100%; max-height: 700px; padding-left: 30px; width: calc( 285px + (50% - 615px)); z-index: -1; }

@media (max-width: 1430px) { .HeaderFlyout--section.highlight::before { content: none; } }

.HeaderFlyout--back { position: relative; padding-left: 1em; margin-bottom: 15px; display: none; }

.Header--inner.small .HeaderFlyout--back { display: inline-block; }

@media screen and (max-width: 1000px) { .HeaderFlyout--back { display: inline-block; } }

.HeaderFlyout--back:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(180deg) translateX(50%) rotate(135deg); transform:  rotate(180deg) translateX(50%) rotate(135deg); left: 0; margin-left: 5px; }

.HeaderFlyout--back:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; left: 0; margin-left: 5px; }

.HeaderFlyout--section--title { font-weight: bold; color: #000000; line-height: 1.5; }

.HeaderFlyout--section.highlight .HeaderFlyout--section--title { margin-bottom: 2em; }

.HeaderFlyout--section--title:last-child > a { border-bottom: 1px solid #D4D4D4; }

.HeaderFlyout--section--title > a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; position: relative; padding-right: 1.5em; padding-top: 15px; padding-bottom: 13px; border-top: 1px solid #D4D4D4; width: 100%; transition: text-indent 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }

.HeaderFlyout--section--title > a > br { display: none; }

.HeaderFlyout--section--title > a:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); left: 100%; margin-left: -5px; }

.HeaderFlyout--section--title > a:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; left: 100%; margin-left: -5px; }

html:not(.can-touch) .HeaderFlyout--section--title > a:active, html:not(.can-touch) .HeaderFlyout--section--title > a:hover { text-indent: 1em; }

html:not(.can-touch) .HeaderFlyout--section--title > a:active::after, html:not(.can-touch) .HeaderFlyout--section--title > a:hover::after { -webkit-animation: subnav-link 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: subnav-link 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }

.Header--inner.small .HeaderFlyout--section--title:last-child > a { border-bottom: none; }

.HeaderFlyout--section:last-of-type .Header--inner.small .HeaderFlyout--section--title:last-child > a { border-bottom: 1px solid #D4D4D4; }

@media screen and (max-width: 750px) { .HeaderFlyout--section--title:last-child > a { border-bottom: none; }
  .HeaderFlyout--section:last-of-type .HeaderFlyout--section--title:last-child > a { border-bottom: 1px solid #D4D4D4; } }

.HeaderFlyout--linkList { margin-bottom: 50px; overflow-x: hidden; }

.HeaderFlyout--section--title + .HeaderFlyout--linkList { border-top: 1px solid #D4D4D4; }

.HeaderFlyout--linkList:last-child { margin-bottom: 0; }

.HeaderFlyout--linkList li { overflow: hidden; border-bottom: none; }

.Header--inner.small .HeaderFlyout--linkList { margin-bottom: 30px; }

@media screen and (max-width: 1000px) { .HeaderFlyout--linkList { margin-bottom: 30px; } }

.HeaderFlyout--link { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; display: block; width: 100%; color: #000000; padding: 10px 1em 8px 0; transition: text-indent 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }

.HeaderFlyout--link > br { display: none; }

.HeaderFlyout--link:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); left: 100%; margin-left: -5px; }

.HeaderFlyout--link:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; left: 100%; margin-left: -5px; }

html:not(.can-touch) .HeaderFlyout--link:active, html:not(.can-touch) .HeaderFlyout--link:hover { text-indent: 1em; }

html:not(.can-touch) .HeaderFlyout--link:active::after, html:not(.can-touch) .HeaderFlyout--link:hover::after { -webkit-animation: subnav-link 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: subnav-link 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }

@-webkit-keyframes subnav-link { 0% { opacity: 1; }
  20% { opacity: 0; }
  50% { left: 0;
    margin-left: 0;
    opacity: 0; }
  100% { left: 5px;
    margin-left: 0;
    opacity: 1; } }

@keyframes subnav-link { 0% { opacity: 1; }
  20% { opacity: 0; }
  50% { left: 0;
    margin-left: 0;
    opacity: 0; }
  100% { left: 5px;
    margin-left: 0;
    opacity: 1; } }

.HeaderFlyout--title { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; color: #000000; margin-bottom: 1em; }

@media screen and (max-width: 1000px) { .HeaderFlyout--title { font-size: 22px; font-size: 1.375rem; } }

.Header--inner.small .HeaderFlyout--title { font-size: 25px; font-size: 1.5625rem; font-weight: normal; line-height: 45px; margin-bottom: 5px; }

@media screen and (max-width: 1000px) { .HeaderFlyout--title { font-size: 25px; font-size: 1.5625rem; font-weight: normal; line-height: 45px; margin-bottom: 5px; } }

.Header--inner.small .HeaderFlyout--title { margin-bottom: 0; }

@media screen and (max-width: 750px) { .HeaderFlyout--title { margin-bottom: 0; } }

.HeaderFlyout--description { margin-bottom: 20px; }

.Header--inner.small .HeaderFlyout--description { max-width: 75%; }

@media screen and (max-width: 1000px) { .HeaderFlyout--description { max-width: 75%; } }

.HeaderFlyout--cta { position: relative; display: inline-block; padding-right: 1.5em; color: #006E73; }

.HeaderFlyout--cta:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); right: 0; margin-right: 0.5em; color: #CCE2E3; transition: margin-right 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }

.HeaderFlyout--cta:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 0; margin-right: 0.5em; color: #CCE2E3; transition: margin-right 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }

html:not(.can-touch) .HeaderFlyout--cta:active::after, html:not(.can-touch) .HeaderFlyout--cta:hover::after { margin-right: 0; color: #006E73; }

.HeaderFlyout--login { font-size: 15px; font-size: 0.9375rem; margin-top: 20px; }

/* HeaderFlyoutTeaser */
.HeaderFlyoutTeaser { position: relative; -webkit-transform: translateY(0); transform: translateY(0); transition: box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); will-change: transform, boxshadow; }

html:not(.can-touch) .HeaderFlyoutTeaser:active, html:not(.can-touch) .HeaderFlyoutTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

html:not(.can-touch) .HeaderFlyoutTeaser:active .HeaderFlyoutTeaser--image, html:not(.can-touch) .HeaderFlyoutTeaser:hover .HeaderFlyoutTeaser--image { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.25); }

html:not(.can-touch) .HeaderFlyoutTeaser:active .HeaderFlyoutTeaser--title, html:not(.can-touch) .HeaderFlyoutTeaser:active .HeaderFlyoutTeaser--date, html:not(.can-touch) .HeaderFlyoutTeaser:hover .HeaderFlyoutTeaser--title, html:not(.can-touch) .HeaderFlyoutTeaser:hover .HeaderFlyoutTeaser--date { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.HeaderFlyoutTeaser--image { position: relative; max-height: 170px; margin-bottom: 20px; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); overflow: hidden; transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }

.HeaderFlyoutTeaser--image > .Media { border-radius: 4px; }

.HeaderFlyoutTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; color: #000000; margin-bottom: 1em; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

[lang="zh"] .HeaderFlyoutTeaser--title, [lang="zh-Hant"] .HeaderFlyoutTeaser--title, [lang="zh-Hans"] .HeaderFlyoutTeaser--title, [lang="zh-CN"] .HeaderFlyoutTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .HeaderFlyoutTeaser--title { font-size: 18px; font-size: 1.125rem; } }

.HeaderFlyoutVideo--title { font-size: 18px; font-size: 1.125rem; font-weight: 200; color: #000000; margin-top: 1em; font-weight: bold; }

.HeaderFlyoutTeaser--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; display: block; margin-bottom: 5px; }

[lang="zh"] .HeaderFlyoutTeaser--category, [lang="zh-Hant"] .HeaderFlyoutTeaser--category, [lang="zh-Hans"] .HeaderFlyoutTeaser--category, [lang="zh-CN"] .HeaderFlyoutTeaser--category { line-height: 1.5; }

.HeaderFlyoutTeaser--date { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; display: block; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

[lang="zh"] .HeaderFlyoutTeaser--date, [lang="zh-Hant"] .HeaderFlyoutTeaser--date, [lang="zh-Hans"] .HeaderFlyoutTeaser--date, [lang="zh-CN"] .HeaderFlyoutTeaser--date { line-height: 1.5; }

.HeaderFlyoutTeaser--link { display: block; height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

/* HeaderFlyoutVideo */
.HeaderFlyoutVideo { position: relative; }

.HeaderFlyoutVideo--video { position: relative; width: 100%; }

.HeaderFlyoutVideo--video .Media { width: 100%; height: 100%; aspect-ratio: 3/2; -o-object-fit: cover; object-fit: cover; }

.HeaderLocations { position: relative; z-index: 0; }

.HeaderLocations[data-hidden="true"] { display: none; }

.Header--inner.small .HeaderLocations { display: none; }

@media screen and (max-width: 1000px) { .HeaderLocations { display: none; } }

.Header--inner.small .HeaderLocations--trigger { display: none !important; }

@media screen and (max-width: 1000px) { .HeaderLocations--trigger { display: none !important; } }

.HeaderLocations--trigger::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; display: block; height: 0; margin: 0 15px; border-bottom: 2px solid #006E73; -webkit-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transform-origin: center left; transform-origin: center left; }

.Header--inner.small .HeaderLocations--trigger::before { content: none; }

@media screen and (max-width: 1000px) { .HeaderLocations--trigger::before { content: none; } }

.HeaderLocations--trigger[aria-expanded="true"], .HeaderLocations--trigger[aria-expanded="true"]:active, html:not(.can-touch) .HeaderLocations--trigger[aria-expanded="true"]:hover { color: #3C4150; }

.HeaderLocations--trigger[aria-expanded="true"]::before, .HeaderLocations--trigger[aria-expanded="true"]:active::before, html:not(.can-touch) .HeaderLocations--trigger[aria-expanded="true"]:hover::before { -webkit-transform: none; transform: none; }

.HeaderLocations--inner { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding: 60px 0 90px 0; height: 500px !important; }

@media (max-width: 1430px) { .HeaderLocations--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .HeaderLocations--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .HeaderLocations--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .HeaderLocations--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .HeaderLocations--inner { max-width: 100%; margin: 0; } }

.Header--inner.small .HeaderLocations--inner { margin-left: 30px; margin-right: 30px; padding-top: 30px; }

@media screen and (max-width: 1000px) { .HeaderLocations--inner { margin-left: 30px; margin-right: 30px; padding-top: 30px; } }

.Header--inner.small .HeaderLocations--inner { margin-left: 26px; margin-right: 26px; padding-bottom: 30px; }

@media screen and (max-width: 750px) { .HeaderLocations--inner { margin-left: 26px; margin-right: 26px; padding-bottom: 30px; } }

.HeaderLocations--close { display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; height: 80px; width: 80px; padding: 0 30px; right: 0; margin-left: auto; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; }

.Header--inner.small .HeaderLocations--close { display: none; }

@media screen and (max-width: 1000px) { .HeaderLocations--close { display: none; } }

.HeaderLocations--close:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); height: auto; border-bottom: none; left: 50%; }

.HeaderLocations--close:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); height: auto; border-bottom: none; left: 50%; }

html:not(.can-touch) .HeaderLocations--close:active:after, html:not(.can-touch) .HeaderLocations--close:hover:after { content: ""; position: absolute; font-size: 10px; top: 50%; -webkit-transform: scale(1.1) rotate(-45deg); transform: scale(1.1) rotate(-45deg); }

html:not(.can-touch) .HeaderLocations--close:active:before, html:not(.can-touch) .HeaderLocations--close:hover:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ -webkit-transform: scale(1.1) rotate(45deg); transform: scale(1.1) rotate(45deg); }

.HeaderLocations--content { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: -30px; font-size: 15px; font-size: 0.9375rem; font-weight: normal; }

.Header--inner.small .HeaderLocations--content { margin-top: 0; }

@media screen and (max-width: 1000px) { .HeaderLocations--content { margin-top: 0; } }

.Header--inner.small .HeaderLocations--content { margin-right: 0; }

.Header--inner.small .HeaderLocations--content > * { padding-right: 0; }

@media screen and (max-width: 750px) { .HeaderLocations--content { margin-right: 0; }
  .HeaderLocations--content > * { padding-right: 0; } }

.HeaderLocations--controls { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; margin-top: 30px; padding-right: 60px; }

@media (max-width: 1430px) { .HeaderLocations--controls { padding-right: 30px; } }

.HeaderLocations--controls--link { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; display: block; width: 100%; color: #636363; padding: 10px 1em 8px 0; transition: text-indent 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }

.HeaderLocations--controls--link > br { display: none; }

.HeaderLocations--controls--link[aria-selected="true"], .HeaderLocations--controls--link[aria-expanded="true"] { color: #000000; }

html:not(.can-touch) .HeaderLocations--controls--link:active, html:not(.can-touch) .HeaderLocations--controls--link:hover { color: #000000; }

.HeaderLocations--panel { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 50%; margin-top: 30px; padding-right: 30px; }

@media screen and (max-width: 1200px) { .HeaderLocations--panel { width: 70%; } }

.HeaderLocations--countries { transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }

.HeaderLocations--countries[aria-hidden="true"] { opacity: 0; visibility: hidden; height: 0; width: 0; overflow: hidden; }

.HeaderLocations--countries[aria-hidden="true"] > .HeaderLocations--countries--inner { display: none; }

.HeaderLocations--countries--inner { /* ul { padding-right: 2 * $gutter; @include below-sitewidth($site-width) { padding-right: $gutter; } @include mobile { width: 100%; margin-top: 0; padding-right: 0; } } */ }

@media screen and (min-width: 751px) { .HeaderLocations--countries--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 320px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: -30px; }
  .HeaderLocations--countries--inner li { width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 60px; } }

@media screen and (min-width: 751px) and (max-width: 1430px) { .HeaderLocations--countries--inner li { padding-right: 30px; } }

@media screen and (max-width: 750px) { .HeaderLocations--countries--inner { margin-top: 0; margin-right: 0; } }

.HeaderLocations--link { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding-right: 1.5em; padding-top: 15px; padding-bottom: 13px; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; margin-top: -1px; width: 100%; color: #000000; transition: text-indent 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }

.HeaderLocations--link .Icon { margin-right: 1em; }

.HeaderLocations--link.external { padding-right: 0; }

.HeaderLocations--link.external::after { right: auto; left: 0; opacity: 0; }

.HeaderLocations--link:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); left: 100%; margin-left: -5px; }

.HeaderLocations--link:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; left: 100%; margin-left: -5px; }

html:not(.can-touch) .HeaderLocations--link:active, html:not(.can-touch) .HeaderLocations--link:hover { text-indent: 1em; }

html:not(.can-touch) .HeaderLocations--link:active::after, html:not(.can-touch) .HeaderLocations--link:hover::after { -webkit-animation: subnav-link 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: subnav-link 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }

.HeaderLocations--link--text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.6; }

.HeaderLocations--link--text > br { display: none; }

.HeaderLocations--siteMarker { font-size: 10px; font-size: 0.625rem; font-weight: normal; color: #636363; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.2; width: 70px; width: 4.375rem; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; white-space: normal; text-indent: 0; margin-left: auto; float: right; padding-left: 10px; padding-right: 5px; border-left: 1px solid #D4D4D4; }

.HeaderLocations--footer { position: absolute; bottom: 0; right: 0; padding: 30px; }

.HeaderLocations--footer--link { font-size: 15px; font-size: 0.9375rem; font-weight: normal; color: #636363; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 30px; }

.HeaderLocations--footer--link > .Icon { margin-left: 1ex; }

.HeaderLocations--footer--link > .Icon > svg { fill: currentColor; }

.Header--inner.small .HeaderLocations--footer--link > .Icon { margin-right: 1rem; }

@media screen and (max-width: 1000px) { .HeaderLocations--footer--link > .Icon { margin-right: 1rem; } }

.HeaderLocations--background { position: absolute; right: 0; bottom: 0; width: 50%; height: 100%; z-index: -1; overflow: hidden; }

.HeaderLocations--background > .Media { height: 100%; background-position: bottom right; background-color: transparent; background-size: contain; }

.HeaderLocationsMobile { display: none; }

.Header--inner.small .HeaderLocationsMobile { display: inline-block; }

@media screen and (max-width: 1000px) { .HeaderLocationsMobile { display: inline-block; } }

.HeaderLocationsMobile .HeaderLocations--link { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; border: none; padding-top: 20px; padding-bottom: 16px; }

[lang="zh"] .HeaderLocationsMobile .HeaderLocations--link, [lang="zh-Hant"] .HeaderLocationsMobile .HeaderLocations--link, [lang="zh-Hans"] .HeaderLocationsMobile .HeaderLocations--link, [lang="zh-CN"] .HeaderLocationsMobile .HeaderLocations--link { line-height: 1.5; }

.HeaderLocationsMobile .HeaderLocations--footer--link { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #000000; margin-right: 0; padding: 20px 30px 16px 30px; width: 100%; background-color: #ffffff; }

[lang="zh"] .HeaderLocationsMobile .HeaderLocations--footer--link, [lang="zh-Hant"] .HeaderLocationsMobile .HeaderLocations--footer--link, [lang="zh-Hans"] .HeaderLocationsMobile .HeaderLocations--footer--link, [lang="zh-CN"] .HeaderLocationsMobile .HeaderLocations--footer--link { line-height: 1.5; }

@media screen and (max-width: 750px) { .HeaderLocationsMobile .HeaderLocations--footer--link { padding-left: 26px; padding-right: 26px; } }

.HeaderLocationsMobile .HeaderLocations--footer--link > .Icon { margin-left: auto; margin-right: 0; }

.HeaderLocationsMobile--listing { padding-left: 30px; padding-right: 30px; }

.HeaderLocationsMobile--listing > ul { padding-bottom: 30px; }

@media screen and (max-width: 750px) { .HeaderLocationsMobile--listing { padding-left: 26px; padding-right: 26px; } }

.HeaderLocationsMobile--listing[data-hidden='true'] > * { display: none; }

.HeaderLocationsMobile--listing[data-hidden='false'] { background-color: #ffffff; }

.HeaderLocationsMobile--linkList--link { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; transition: color .2s ease-out; position: relative; display: inline-block; width: 100%; padding: 20px 1em 18px 1em; }

[lang="zh"] .HeaderLocationsMobile--linkList--link, [lang="zh-Hant"] .HeaderLocationsMobile--linkList--link, [lang="zh-Hans"] .HeaderLocationsMobile--linkList--link, [lang="zh-CN"] .HeaderLocationsMobile--linkList--link { line-height: 1.5; }

.HeaderLocationsMobile--linkList--link:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); display: inline-block; vertical-align: middle; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; margin-left: 8px; margin-right: -2px; right: 0; margin-right: 30px; }

@media screen and (max-width: 750px) { .HeaderLocationsMobile--linkList--link:after { margin-right: 26px; } }

.HeaderLocationsMobile--linkList--link:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; display: inline-block; vertical-align: middle; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; margin-left: 8px; margin-right: -2px; right: 0; margin-right: 30px; }

@media screen and (max-width: 750px) { .HeaderLocationsMobile--linkList--link:before { margin-right: 26px; } }

.HeaderLocationsMobile--linkList--link[aria-expanded="true"] { background-color: #ffffff; color: #000000; }

.HeaderLocationsMobile--linkList--link[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); right: 0; margin-right: 30px; }

@media screen and (max-width: 750px) { .HeaderLocationsMobile--linkList--link[aria-expanded="true"]:after { margin-right: 26px; } }

.HeaderLocationsMobile--linkList--link[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 0; margin-right: 30px; }

@media screen and (max-width: 750px) { .HeaderLocationsMobile--linkList--link[aria-expanded="true"]:before { margin-right: 26px; } }

html:not(.can-touch) .HeaderLocationsMobile--linkList--link:active, html:not(.can-touch) .HeaderLocationsMobile--linkList--link:hover { color: #000000; }

.Header--inner.small .HeaderLocationsMobile--linkList--link { padding: 20px 30px 18px 30px; }

@media screen and (max-width: 1000px) { .HeaderLocationsMobile--linkList--link { padding: 20px 30px 18px 30px; } }

.Header--inner.small .HeaderLocationsMobile--linkList--link { padding: 20px 26px 18px 26px; }

@media screen and (max-width: 750px) { .HeaderLocationsMobile--linkList--link { padding: 20px 26px 18px 26px; } }

.Identifier { font-size: 12px; font-size: 0.75rem; font-weight: normal; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 2em; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.2; }

.Identifier::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: 13px 0; border-left: 1px solid #D4D4D4; }

.Header--inner.small .Identifier { padding-left: 0; }

.Header--inner.small .Identifier::before { content: none; }

@media screen and (max-width: 1000px) { .Identifier { padding-left: 0; }
  .Identifier::before { content: none; } }

.Identifier--label { color: #636363; }

.LanguageSwitcher { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; }

[lang="zh"] .LanguageSwitcher, [lang="zh-Hant"] .LanguageSwitcher, [lang="zh-Hans"] .LanguageSwitcher, [lang="zh-CN"] .LanguageSwitcher { line-height: 1.5; }

.LanguageSwitcher .Flyout--content--inner { max-width: 220px; }

@media screen and (max-width: 750px) { .LanguageSwitcher .Flyout--content--inner { width: calc(100vw - 40px); max-width: none; } }

.LanguageSwitcher--button { overflow: visible; }

.LanguageSwitcher--button .Icon { margin-right: 5px; }

.LanguageSwitcher--button svg { fill: currentColor; top: 50%; }

@media screen and (max-width: 750px) { .LanguageSwitcher--button { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }
  [lang="zh"] .LanguageSwitcher--button, [lang="zh-Hant"] .LanguageSwitcher--button, [lang="zh-Hans"] .LanguageSwitcher--button, [lang="zh-CN"] .LanguageSwitcher--button { line-height: 1.5; } }

.LanguageSwitcher--item + .LanguageSwitcher--item { border-top: 1px solid #D4D4D4; }

.LanguageSwitcher--link { color: #636363; display: block; padding: 20px 30px 18px 30px; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .LanguageSwitcher--link:active, html:not(.can-touch) .LanguageSwitcher--link:hover { color: #000000; }

.Logo { display: block; height: 44px; padding-top: 3px; padding-bottom: 3px; }

.Logo > img { height: 100%; width: auto; -o-object-fit: contain; object-fit: contain; -o-object-position: center left; object-position: center left; display: block; }

@media screen and (max-width: 1382px) { .Logo { height: 45px; padding-top: 6px; padding-bottom: 6px; } }

.Header--inner.small .Logo { height: 44px; padding-top: 3px; padding-bottom: 3px; }

@media screen and (max-width: 1000px) { .Logo { height: 44px; padding-top: 3px; padding-bottom: 3px; } }

@media screen and (max-width: 400px) { .Logo { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .Logo > img { width: 100%; } }

.Notification { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; padding-left: 30px; padding-right: 30px; position: fixed; left: 0; right: 0; bottom: 0; padding-top: 15px; padding-bottom: 15px; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); z-index: 999999; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

[lang="zh"] .Notification, [lang="zh-Hant"] .Notification, [lang="zh-Hans"] .Notification, [lang="zh-CN"] .Notification { line-height: 1.5; }

@media screen and (max-width: 580px) { .Notification { padding-left: 20px; padding-right: 20px; } }

@media screen and (max-width: 750px) { .Notification { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.Notification:not(.is-open) { display: none; }

.Notification.is-open { -webkit-animation: notification-in .5s 1 forwards; animation: notification-in .5s 1 forwards; }

.Notification.is-closed { -webkit-animation: notification-out .5s 1 forwards; animation: notification-out .5s 1 forwards; }

.Notification--content { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; padding-top: 15px; padding-bottom: 15px; }

@media (max-width: 1430px) { .Notification--content { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .Notification--content { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .Notification--content { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .Notification--content { padding-left: 20px; padding-right: 20px; } }

@media print { .Notification--content { max-width: 100%; margin: 0; } }

@media (max-width: 1430px) { .Notification--content { padding-left: 0; padding-top: 0; padding-bottom: 0; } }

@media screen and (max-width: 750px) { .Notification--content { width: 100%; margin-bottom: .5em; padding-right: 0; } }

.Notification--close { margin-left: auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (max-width: 750px) { .Notification--close { margin: 0 auto; }
  .Notification--close.Button { height: 35px; padding: 7px 19px 8px; height: 2.1875rem; padding: 0.4375rem 1.1875rem 0.5rem; } }

@-webkit-keyframes notification-in { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); }
  100% { -webkit-transform: none; transform: none; } }

@keyframes notification-in { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); }
  100% { -webkit-transform: none; transform: none; } }

@-webkit-keyframes notification-out { 0% { -webkit-transform: none; transform: none;
    opacity: 1; }
  50% { opacity: 1; }
  100% { -webkit-transform: translateY(100%); transform: translateY(100%);
    opacity: 0; } }

@keyframes notification-out { 0% { -webkit-transform: none; transform: none;
    opacity: 1; }
  50% { opacity: 1; }
  100% { -webkit-transform: translateY(100%); transform: translateY(100%);
    opacity: 0; } }

.ScrollToTop { position: fixed; bottom: 30px; right: 0; margin-right: 30px; z-index: 5; background-color: rgba(255, 255, 255, 0.75); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.22); transition: visibility 0.2s, opacity 0.2s, -webkit-transform 0.2s; transition: visibility 0.2s, opacity 0.2s, transform 0.2s; transition: visibility 0.2s, opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; visibility: hidden; opacity: 0; -webkit-transform: scale(0.65) translateY(50%); transform: scale(0.65) translateY(50%); }

@media screen and (max-width: 750px) { .ScrollToTop { margin-right: 10px; } }

.ScrollToTop.is-notTop { transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; visibility: visible; opacity: 1; -webkit-transform: none; transform: none; }

.ScrollToTop::before { transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) !important; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) !important; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) !important; }

html:not(.can-touch) .ScrollToTop:active, html:not(.can-touch) .ScrollToTop:hover { color: #ffffff !important; box-shadow: 0 0 4px 0 #CCE2E360; }

html:not(.can-touch) .ScrollToTop:active::before, html:not(.can-touch) .ScrollToTop:hover::before { background-color: #006E73 !important; border-color: #338B8F !important; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) !important; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) !important; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) !important; }

html:not(.can-touch) .ScrollToTop:active .Icon, html:not(.can-touch) .ScrollToTop:hover .Icon { -webkit-animation: ScrollToTop--arrow 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite; animation: ScrollToTop--arrow 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite; }

.ScrollToTop:active { -webkit-transform: scale(1.1); transform: scale(1.1); transition: 0.1s -webkit-transform ease-in-out; transition: 0.1s transform ease-in-out; transition: 0.1s transform ease-in-out, 0.1s -webkit-transform ease-in-out; }

@-webkit-keyframes ScrollToTop--arrow { 0% { -webkit-transform: none; transform: none;
    opacity: 1; }
  10% { -webkit-transform: none; transform: none;
    opacity: 1; }
  35% { opacity: 0; }
  50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  50.0001% { -webkit-transform: translateY(30px); transform: translateY(30px); }
  65% { opacity: 0; }
  90% { -webkit-transform: none; transform: none;
    opacity: 1; }
  100% { -webkit-transform: none; transform: none;
    opacity: 1; } }

@keyframes ScrollToTop--arrow { 0% { -webkit-transform: none; transform: none;
    opacity: 1; }
  10% { -webkit-transform: none; transform: none;
    opacity: 1; }
  35% { opacity: 0; }
  50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  50.0001% { -webkit-transform: translateY(30px); transform: translateY(30px); }
  65% { opacity: 0; }
  90% { -webkit-transform: none; transform: none;
    opacity: 1; }
  100% { -webkit-transform: none; transform: none;
    opacity: 1; } }

.Search { position: absolute; top: 0; right: 0; width: 100%; height: 100%; border-radius: 4px; background-color: #ffffff; z-index: 1; }

.Search:after { display: block; content: ""; clear: both; }

.Search:not(.is-expanded) { width: 0; }

.Search:not(.is-expanded) > * { display: none; }

.Search--open, .Search--close { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; height: 80px; width: 80px; padding: 0 30px; right: 0; margin-left: auto; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.Search--open::before, .Search--close::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; margin: 13px 0; border-left: 1px solid #D4D4D4; }

.Header--inner.small .Search--open::before, .Header--inner.small .Search--close::before { content: none; }

@media screen and (max-width: 1000px) { .Search--open::before, .Search--close::before { content: none; } }

.Search--open[aria-expanded="true"], .Search--close[aria-expanded="true"] { border-color: #D4D4D4; }

@media screen and (max-width: 1382px) { .Search--open, .Search--close { width: 70px; height: 70px; } }

.Header--inner.small .Search--open, .Header--inner.small .Search--close { width: auto; height: 80px; padding-left: 20px; }

@media screen and (max-width: 1000px) { .Search--open, .Search--close { width: auto; height: 80px; padding-left: 20px; } }

.Header--inner.small .Search--open { padding-left: 10px; padding-right: 10px; }

@media screen and (max-width: 1000px) { .Search--open { padding-left: 10px; padding-right: 10px; } }

html:not(.can-touch) .Search--open:active .Icon, html:not(.can-touch) .Search--open:hover .Icon { -webkit-transform: scale(1.1); transform: scale(1.1); }

.Search--open .Icon { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .Search--close:active .Icon:after, html:not(.can-touch) .Search--close:hover .Icon:after { content: ""; position: absolute; font-size: 10px; top: 50%; -webkit-transform: scale(1.1) rotate(-45deg); transform: scale(1.1) rotate(-45deg); }

html:not(.can-touch) .Search--close:active .Icon:before, html:not(.can-touch) .Search--close:hover .Icon:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ -webkit-transform: scale(1.1) rotate(45deg); transform: scale(1.1) rotate(45deg); }

@media screen and (max-width: 750px) { .Search--close { padding-left: 20px; padding-right: 26px; } }

.Search--panel { height: 80px; width: 100%; white-space: nowrap; float: right; position: relative; }

@media screen and (max-width: 1382px) { .Search--panel { height: 70px; } }

.Header--inner.small .Search--panel { height: 80px; }

@media screen and (max-width: 1000px) { .Search--panel { height: 80px; } }

.Search--panel--inner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; transition: width 0.2s ease-out; }

.Search--form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; background-color: #ffffff; border-radius: 4px; }

.Search--form > .Autocomplete--flyout { left: 0; top: 100%; margin-top: -5px; padding-top: 10px; padding-bottom: 30px; z-index: -1; border-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.Search--form .Autocomplete--suggestions { font-size: 16px; font-size: 1rem; font-weight: 200; color: #3C4150; }

.Search--form .Autocomplete--suggestions > li { border: none; padding: 15px 30px; }

.Search--form .Autocomplete--suggestions > li:hover, .Search--form .Autocomplete--suggestions > li.is-selected { background: #F9F9FA; color: #006E73; }

.Search--form--icon { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 80px; width: 80px; padding: 0 30px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (max-width: 1382px) { .Search--form--icon { height: 70px; width: 70px; } }

.Header--inner.small .Search--form--icon { padding: 0 20px; width: 60px; height: 80px; }

@media screen and (max-width: 1000px) { .Search--form--icon { padding: 0 20px; width: 60px; height: 80px; } }

.Search--form--input { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; border: none; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

[lang="zh"] .Search--form--input, [lang="zh-Hant"] .Search--form--input, [lang="zh-Hans"] .Search--form--input, [lang="zh-CN"] .Search--form--input { line-height: 1.5; }

.Search--form--input > br { display: none; }

.Search--form--input::-ms-clear { display: none; }

.Header--inner.small .Search--form--input { padding-left: 0; width: 100%; }

@media screen and (max-width: 1000px) { .Search--form--input { padding-left: 0; width: 100%; } }

.Search--form--input::-webkit-input-placeholder { color: #636363; }

.Search--form--input::-moz-placeholder { color: #636363; }

.Search--form--input:-ms-input-placeholder { color: #636363; }

.Search--form--input:-moz-placeholder { color: #636363; }

.Search--form--placeholderPolyfill { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; display: inline-block; position: absolute; top: 50%; left: 85px; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

[lang="zh"] .Search--form--placeholderPolyfill, [lang="zh-Hant"] .Search--form--placeholderPolyfill, [lang="zh-Hans"] .Search--form--placeholderPolyfill, [lang="zh-CN"] .Search--form--placeholderPolyfill { line-height: 1.5; }

@media screen and (max-width: 1382px) { .Search--form--placeholderPolyfill { left: 75px; } }

.Header--inner.small .Search--form--placeholderPolyfill { left: 60px; }

@media screen and (max-width: 1000px) { .Search--form--placeholderPolyfill { left: 60px; } }

@supports (display: flex) { .Search--form--placeholderPolyfill { display: none; } }

.Search--submit { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; }

.Search--submit:focus, .Search--submit.is-visuallyvisible { position: static !important; clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; overflow: visible; font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #006E73; height: 100%; width: auto; display: block; padding-right: 1em; margin-right: 1.5em; }

[lang="zh"] .Search--submit:focus, [lang="zh-Hant"] .Search--submit:focus, [lang="zh-Hans"] .Search--submit:focus, [lang="zh-CN"] .Search--submit:focus, [lang="zh"] .Search--submit.is-visuallyvisible, [lang="zh-Hant"] .Search--submit.is-visuallyvisible, [lang="zh-Hans"] .Search--submit.is-visuallyvisible, [lang="zh-CN"] .Search--submit.is-visuallyvisible { line-height: 1.5; }

.Search--submit:focus:after, .Search--submit.is-visuallyvisible:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); margin-left: 10px; }

.Search--submit:focus:before, .Search--submit.is-visuallyvisible:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; margin-left: 10px; }

@media screen and (max-width: 750px) { .Search--submit:focus, .Search--submit.is-visuallyvisible { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; } }

.Header--inner.small .ServiceNav { width: 100%; }

@media screen and (max-width: 1000px) { .ServiceNav { width: 100%; } }

.ServiceNav--list { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.ServiceNav--list:after { display: block; content: ""; clear: both; }

.ServiceNav--list > li { float: left; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.Header--inner.small .ServiceNav--list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.Header--inner.small .ServiceNav--list > li { float: none; width: 100%; }

@media screen and (max-width: 1000px) { .ServiceNav--list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ServiceNav--list > li { float: none; width: 100%; } }

.ServiceNav--link { font-size: 15px; font-size: 0.9375rem; font-weight: normal; color: #636363; position: relative; display: block; padding: 0 15px; line-height: 80px; color: #636363; transition: color .2s ease-out; }

.ServiceNav--link > .Icon { margin-right: 1ex; }

.ServiceNav--link > .Icon > svg { fill: currentColor; }

.Header--inner.small .ServiceNav--link > .Icon { margin-right: 1rem; }

@media screen and (max-width: 1000px) { .ServiceNav--link > .Icon { margin-right: 1rem; } }

.ServiceNav--link .ServiceNav--link--text > abbr { border-bottom: none; }

html:not(.can-touch) .ServiceNav--link:active, html:not(.can-touch) .ServiceNav--link:hover { color: #000000; }

@media screen and (max-width: 1382px) { .ServiceNav--link { width: 70px; line-height: 70px; text-align: center; }
  .ServiceNav--link:not(.Flyout--trigger) .ServiceNav--link--text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; }
  html:not(.can-touch) .ServiceNav--link:not(.Flyout--trigger):active .ServiceNav--link--text, html:not(.can-touch) .ServiceNav--link:not(.Flyout--trigger):hover .ServiceNav--link--text { position: static !important; clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; overflow: visible; width: auto; height: auto; position: absolute !important; top: 100%; left: 50%; padding: 15px 20px; margin-top: 20px; background-color: #3C4150; border-radius: 4px; white-space: nowrap; color: #ffffff; line-height: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); z-index: 9; }
  html:not(.can-touch) .ServiceNav--link:not(.Flyout--trigger):active .ServiceNav--link--text:before, html:not(.can-touch) .ServiceNav--link:not(.Flyout--trigger):hover .ServiceNav--link--text:before { content: ''; height: 15px; width: 15px; background-color: #3C4150; position: absolute; top: 0; left: 50%; margin-left: -4px; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); -webkit-clip-path: polygon(0% 0%, 100% 100%, 100% 0%); clip-path: polygon(0% 0%, 100% 100%, 100% 0%); z-index: 1; } }

.Header--inner.small .ServiceNav--link { width: 100%; padding: 0 30px; line-height: 60px; text-align: left; border-top: 1px solid #D4D4D4; }

.Header--inner.small .ServiceNav--link .ServiceNav--link--text + .Icon { position: absolute; top: 50%; right: 0; display: block; margin-right: 27px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.Header--inner.small .ServiceNav--link:not(.Flyout--trigger) .ServiceNav--link--text { position: static !important; clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; overflow: visible; width: auto; height: auto; }

html:not(.can-touch) .Header--inner.small .ServiceNav--link:not(.Flyout--trigger):active .ServiceNav--link--text, html:not(.can-touch) .Header--inner.small .ServiceNav--link:not(.Flyout--trigger):hover .ServiceNav--link--text { position: static !important; clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; overflow: visible; width: auto; height: auto; padding: 0; margin-top: 0; background-color: transparent; border-radius: 0; white-space: nowrap; color: #3C4150; line-height: 1; -webkit-transform: none; transform: none; box-shadow: none; z-index: 0; }

html:not(.can-touch) .Header--inner.small .ServiceNav--link:not(.Flyout--trigger):active .ServiceNav--link--text:before, html:not(.can-touch) .Header--inner.small .ServiceNav--link:not(.Flyout--trigger):hover .ServiceNav--link--text:before { content: none; }

@media screen and (max-width: 1000px) { .ServiceNav--link { width: 100%; padding: 0 30px; line-height: 60px; text-align: left; border-top: 1px solid #D4D4D4; }
  .ServiceNav--link .ServiceNav--link--text + .Icon { position: absolute; top: 50%; right: 0; display: block; margin-right: 27px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .ServiceNav--link:not(.Flyout--trigger) .ServiceNav--link--text { position: static !important; clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; overflow: visible; width: auto; height: auto; }
  html:not(.can-touch) .ServiceNav--link:not(.Flyout--trigger):active .ServiceNav--link--text, html:not(.can-touch) .ServiceNav--link:not(.Flyout--trigger):hover .ServiceNav--link--text { position: static !important; clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; overflow: visible; width: auto; height: auto; padding: 0; margin-top: 0; background-color: transparent; border-radius: 0; white-space: nowrap; color: #3C4150; line-height: 1; -webkit-transform: none; transform: none; box-shadow: none; z-index: 0; }
  html:not(.can-touch) .ServiceNav--link:not(.Flyout--trigger):active .ServiceNav--link--text:before, html:not(.can-touch) .ServiceNav--link:not(.Flyout--trigger):hover .ServiceNav--link--text:before { content: none; } }

.Header--inner.small .ServiceNav--link { padding: 0 26px; }

.Header--inner.small .ServiceNav--link .ServiceNav--link--text.is-visible-tablet-portrait { display: inline !important; }

.Header--inner.small .ServiceNav--link .ServiceNav--link--text + .Icon { margin-right: 22px; }

@media screen and (max-width: 750px) { .ServiceNav--link { padding: 0 26px; }
  .ServiceNav--link .ServiceNav--link--text.is-visible-tablet-portrait { display: inline !important; }
  .ServiceNav--link .ServiceNav--link--text + .Icon { margin-right: 22px; } }

.ServiceNav--dropdown .Flyout--trigger { display: block; }

.ServiceNav--dropdown .Flyout--trigger:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); display: inline-block; vertical-align: middle; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; margin-left: 8px; margin-right: -2px; right: 0; }

.ServiceNav--dropdown .Flyout--trigger:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; display: inline-block; vertical-align: middle; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; margin-left: 8px; margin-right: -2px; right: 0; }

.ServiceNav--dropdown .Flyout--trigger[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.ServiceNav--dropdown .Flyout--trigger[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.ServiceNav--dropdown .Flyout--trigger:not(.has-icon)::after { position: relative; top: 2px; }

.ServiceNav--dropdown .Flyout--content--inner { max-width: 220px; }

.Header--inner.small .ServiceNav--dropdown { width: 100%; }

.Header--inner.small .ServiceNav--dropdown .Flyout--trigger { transition: background-color .2s ease-out; }

.Header--inner.small .ServiceNav--dropdown .Flyout--trigger:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); right: 0; margin-right: 30px; }

.Header--inner.small .ServiceNav--dropdown .Flyout--trigger:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 0; margin-right: 30px; }

.Header--inner.small .ServiceNav--dropdown .Flyout--trigger[aria-expanded="true"] { color: #000000; background-color: #F9F9FA; border-bottom: 1px solid #D4D4D4; }

.Header--inner.small .ServiceNav--dropdown .Flyout--trigger[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.Header--inner.small .ServiceNav--dropdown .Flyout--trigger[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.Header--inner.small .ServiceNav--dropdown .Flyout--content { position: static; -webkit-transform: none; transform: none; width: 100%; max-width: 100%; margin-top: 0; transition: background-color .2s ease-out; }

.Header--inner.small .ServiceNav--dropdown .Flyout--content.is-expanded { background-color: #F9F9FA; margin-top: 0; }

.Header--inner.small .ServiceNav--dropdown .Flyout--content:before { content: none; }

.Header--inner.small .ServiceNav--dropdown .Flyout--content--inner { position: relative; content: "selfalign:none"; width: 100%; background-color: transparent; box-shadow: none; max-width: none; -webkit-transform: none; transform: none; }

.Header--inner.small .ServiceNav--dropdown .Flyout--content--inner::after { content: "selfalign:none"; display: none; }

@media screen and (max-width: 1000px) { .ServiceNav--dropdown { width: 100%; }
  .ServiceNav--dropdown .Flyout--trigger { transition: background-color .2s ease-out; }
  .ServiceNav--dropdown .Flyout--trigger:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); right: 0; margin-right: 30px; }
  .ServiceNav--dropdown .Flyout--trigger:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 0; margin-right: 30px; }
  .ServiceNav--dropdown .Flyout--trigger[aria-expanded="true"] { color: #000000; background-color: #F9F9FA; border-bottom: 1px solid #D4D4D4; }
  .ServiceNav--dropdown .Flyout--trigger[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }
  .ServiceNav--dropdown .Flyout--trigger[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }
  .ServiceNav--dropdown .Flyout--content { position: static; -webkit-transform: none; transform: none; width: 100%; max-width: 100%; margin-top: 0; transition: background-color .2s ease-out; }
  .ServiceNav--dropdown .Flyout--content.is-expanded { background-color: #F9F9FA; margin-top: 0; }
  .ServiceNav--dropdown .Flyout--content:before { content: none; }
  .ServiceNav--dropdown .Flyout--content--inner { position: relative; content: "selfalign:none"; width: 100%; background-color: transparent; box-shadow: none; max-width: none; -webkit-transform: none; transform: none; }
  .ServiceNav--dropdown .Flyout--content--inner::after { content: "selfalign:none"; display: none; } }

.Header--inner.small .ServiceNav--dropdown .Flyout--trigger::after { margin-right: 26px; }

@media screen and (max-width: 750px) { .ServiceNav--dropdown .Flyout--trigger::after { margin-right: 26px; } }

.Header--inner.small .ServiceNav--linkList .Listing--item { border-bottom: none; }

@media screen and (max-width: 1000px) { .ServiceNav--linkList .Listing--item { border-bottom: none; } }

.ServiceNav--linkList--link { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); display: inline-block; width: 100%; padding: 20px 1em 18px 1em; }

[lang="zh"] .ServiceNav--linkList--link, [lang="zh-Hant"] .ServiceNav--linkList--link, [lang="zh-Hans"] .ServiceNav--linkList--link, [lang="zh-CN"] .ServiceNav--linkList--link { line-height: 1.5; }

html:not(.can-touch) .ServiceNav--linkList--link:active, html:not(.can-touch) .ServiceNav--linkList--link:hover { color: #000000; }

.Header--inner.small .ServiceNav--linkList--link { padding: 20px 30px 18px 30px; }

@media screen and (max-width: 1000px) { .ServiceNav--linkList--link { padding: 20px 30px 18px 30px; } }

.Header--inner.small .ServiceNav--linkList--link { padding: 20px 26px 18px 26px; }

@media screen and (max-width: 750px) { .ServiceNav--linkList--link { padding: 20px 26px 18px 26px; } }

.StickyProfileLogin { position: fixed; bottom: 90px; right: 0; margin-right: 30px; background: #006E73; border-radius: 100px; z-index: 9; transition: visibility 0.2s, opacity 0.2s, -webkit-transform 0.2s; transition: visibility 0.2s, opacity 0.2s, transform 0.2s; transition: visibility 0.2s, opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; visibility: hidden; opacity: 0; -webkit-transform: scale(0.65) translateY(50%); transform: scale(0.65) translateY(50%); }

@media screen and (max-width: 750px) { .StickyProfileLogin { margin-right: 10px; } }

.StickyProfileLogin.is-notTop { transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; visibility: visible; opacity: 1; -webkit-transform: none; transform: none; }

.StickyProfileLogin--button { color: #ffffff; box-shadow: 0 0 4px 0 #CCE2E360; }

.StickyProfileLogin--button::before { border-color: #338B8F; background-color: #006E73; }

.StickyProfileLogin--button:hover, .StickyProfileLogin--button:active, .StickyProfileLogin--button:focus { color: #ffffff !important; }

.StickyProfileLogin--button:hover:before, .StickyProfileLogin--button:active:before, .StickyProfileLogin--button:focus:before { border-color: #338B8F !important; -webkit-transform: scale(1.101, 1.101); transform: scale(1.101, 1.101); }

.StickyProfileLogin--link { position: absolute; z-index: -1; right: 1px; top: 0; height: 100%; padding-right: 50px; color: #ffffff; white-space: nowrap; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; }

.StickyProfileLogin--link:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #338B8F; border-radius: 100px; background: #006E73; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }

.StickyProfileLogin--link > .Link { padding: 0.875em 1.25em; color: inherit; -webkit-transform: translateX(-10px); transform: translateX(-10px); transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }

.StickyProfileLogin--button:hover .StickyProfileLogin--link, .StickyProfileLogin--button:active .StickyProfileLogin--link, .StickyProfileLogin--button:focus .StickyProfileLogin--link { opacity: 1; visibility: unset; transition-delay: 0s, 0s; }

.StickyProfileLogin--button:hover .StickyProfileLogin--link:before, .StickyProfileLogin--button:active .StickyProfileLogin--link:before, .StickyProfileLogin--button:focus .StickyProfileLogin--link:before { -webkit-transform: scale(1.02, 1.101); transform: scale(1.02, 1.101); border-color: #338B8F; }

.StickyProfileLogin--button:hover .StickyProfileLogin--link > .Link, .StickyProfileLogin--button:active .StickyProfileLogin--link > .Link, .StickyProfileLogin--button:focus .StickyProfileLogin--link > .Link { -webkit-transform: translateX(0); transform: translateX(0); }

.UniversalNav { background-color: rgba(236, 236, 236, 0.7); border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; }

.Header--inner.small .UniversalNav { background-color: #ECECEE; border-radius: 4px; margin-bottom: 20px; }

@media screen and (max-width: 1000px) { .UniversalNav { background-color: #ECECEE; border-radius: 4px; margin-bottom: 20px; } }

.UniversalNav--toggle { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; display: none; position: relative; width: 100%; padding: 0 30px; line-height: 42px; border-bottom: 1px solid transparent; }

.UniversalNav--toggle:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); right: 0; margin-right: 2em; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }

.UniversalNav--toggle:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 0; margin-right: 2em; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }

[lang="zh"] .UniversalNav--toggle, [lang="zh-Hant"] .UniversalNav--toggle, [lang="zh-Hans"] .UniversalNav--toggle, [lang="zh-CN"] .UniversalNav--toggle { line-height: 1.5; }

.Header--inner.small .UniversalNav--toggle { display: inline-block; }

@media screen and (max-width: 1000px) { .UniversalNav--toggle { display: inline-block; } }

.Header--inner.small .UniversalNav--toggle { padding: 0 26px; }

.Header--inner.small .UniversalNav--toggle::after { margin-right: 26px; }

@media screen and (max-width: 750px) { .UniversalNav--toggle { padding: 0 26px; }
  .UniversalNav--toggle::after { margin-right: 26px; } }

.UniversalNav--toggle::before { content: ""; display: block; position: absolute; left: -30px; right: -30px; top: -30px; bottom: -22px; margin: 0; z-index: -1; }

@media screen and (max-width: 580px) { .UniversalNav--toggle::before { left: -20px; right: -20px; top: -20px; } }

.UniversalNav--toggle .UniversalNav--toggle--open { display: inline-block; }

.UniversalNav--toggle .UniversalNav--toggle--close { display: none; }

.UniversalNav--toggle[aria-expanded="true"] { border-color: #D4D4D4; }

.UniversalNav--toggle[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.UniversalNav--toggle[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.UniversalNav--toggle[aria-expanded="true"]::before { content: ""; left: -30px; top: -30px; }

@media screen and (max-width: 580px) { .UniversalNav--toggle[aria-expanded="true"]::before { left: -20px; top: -20px; } }

.UniversalNav--toggle[aria-expanded="true"] .UniversalNav--toggle--open { display: none; }

.UniversalNav--toggle[aria-expanded="true"] .UniversalNav--toggle--close { display: inline-block; }

.UniversalNav--nav .FocusOnly { display: none; }

.Header--inner.small .UniversalNav--nav .FocusOnly { display: block; }

.Header--inner.small .UniversalNav--nav[data-hidden="true"] > * { display: none; }

@media screen and (max-width: 1000px) { .UniversalNav--nav .FocusOnly { display: block; }
  .UniversalNav--nav[data-hidden="true"] > * { display: none; } }

.UniversalNav--list { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: auto; }

.UniversalNav--list:after { display: block; content: ""; clear: both; }

.UniversalNav--list > li { float: left; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.Header--inner.small .UniversalNav--list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.Header--inner.small .UniversalNav--list > li { float: none; width: 100%; }

@media screen and (max-width: 1000px) { .UniversalNav--list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .UniversalNav--list > li { float: none; width: 100%; } }

.UniversalNav--link { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; display: block; padding: 0 28px; line-height: 45px; color: #3C4150; transition: background-color 0.2s ease-out; }

[lang="zh"] .UniversalNav--link, [lang="zh-Hant"] .UniversalNav--link, [lang="zh-Hans"] .UniversalNav--link, [lang="zh-CN"] .UniversalNav--link { line-height: 1.5; }

.UniversalNav--link:hover { background-color: #ffffff; }

.UniversalNav--link.active { background-color: #ffffff; }

@media screen and (max-width: 1382px) { .UniversalNav--link { line-height: 40px; padding: 0 20px; } }

.Header--inner.small .UniversalNav--link { line-height: 45px; padding: 0 30px; }

@media screen and (max-width: 1000px) { .UniversalNav--link { line-height: 45px; padding: 0 30px; } }

.Header--inner.small .UniversalNav--link { padding: 0 26px; }

@media screen and (max-width: 750px) { .UniversalNav--link { padding: 0 26px; } }

.Author { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; gap: 16px; padding-top: 20px; border-top: 1px solid #ECECEE; }

@media screen and (max-width: 580px) { .Author { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.Author.white { background-color: transparent; border-top: 1px solid rgba(255, 255, 255, 0.2); }

.Author.white .Author--name, .Author.white .Author--role, .Author.white .Author--department { color: #ffffff; }

.Author--info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 16px; width: 100%; }

.Author--portrait { width: 48px; height: 48px; -webkit-flex: 0 0 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; border-radius: 50%; overflow: hidden; }

.Author--details { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.Author--name { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; font-weight: bold; color: #3C4150; }

[lang="zh"] .Author--name, [lang="zh-Hant"] .Author--name, [lang="zh-Hans"] .Author--name, [lang="zh-CN"] .Author--name { line-height: 1.5; }

.Author--role, .Author--department { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; }

[lang="zh"] .Author--role, [lang="zh-Hant"] .Author--role, [lang="zh-Hans"] .Author--role, [lang="zh-CN"] .Author--role, [lang="zh"] .Author--department, [lang="zh-Hant"] .Author--department, [lang="zh-Hans"] .Author--department, [lang="zh-CN"] .Author--department { line-height: 1.5; }

.Author--actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 16px; }

@media screen and (max-width: 750px) { .Author--actions { margin-left: 64px; } }

.Author--social { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 8px; }

@media screen and (max-width: 1000px) { .Author--social { display: none; } }

@media screen and (max-width: 750px) { .AuthorNavigation.is-flyout-open:before, .AuthorNavigation.is-popup-open:before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.01); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } }

.AuthorNavigation--authors { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; }

.AuthorNavigation--author { position: relative; }

.AuthorNavigation--trigger { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px; padding-top: 10px; padding-bottom: 10px; padding-right: 12px; color: #ffffff; }

.AuthorNavigation--author--name { border-bottom: 1px solid transparent; transition: border-color 0.2s ease-in-out; }

.AuthorNavigation--trigger:hover .AuthorNavigation--author--name, .AuthorNavigation--trigger[aria-expanded="true"] .AuthorNavigation--author--name { border-color: currentColor; }

.AuthorNavigationList { position: absolute; bottom: 100%; left: 0; width: 100vw; max-width: 340px; -webkit-transform: translateY(-10px); transform: translateY(-10px); border-radius: 4px; color: #3C4150; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); transition: visibility 300ms 0ms, opacity 150ms 100ms linear; will-change: visibility, opacity; }

@media screen and (max-width: 750px) { .AuthorNavigationList { position: fixed; top: 50%; left: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: calc(100vh - 40px); overflow: auto; }
  .AuthorNavigation.is-popup-open .AuthorNavigationList { overflow: visible; background-color: transparent; } }

.AuthorNavigationList.is-collapsed { display: none; }

.AuthorNavigationList:not(.is-expanded) { will-change: opacity; opacity: 0; visibility: hidden; transition: visibility 100ms, opacity 50ms 50ms ease-out; }

.AuthorNavigationList > li { position: relative; }

.AuthorNavigationList > li + li { border-top: 1px solid #ECECEE; }

.AuthorNavigationList--author { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 16px 24px; }

@media screen and (max-width: 750px) { .AuthorNavigation.is-popup-open .AuthorNavigationList--author { display: none; } }

.AuthorNavigationList--author:hover { background-color: #F9F9FA; }

li:first-child > .AuthorNavigationList--author { border-radius: 4px 4px 0 0; }

li:last-child > .AuthorNavigationList--author { border-radius: 0 0 4px 4px; }

.AuthorNavigationList--author--name { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

html:not(.can-touch) .AuthorNavigationList--author--name:active.AccountNavigationList--author, html:not(.can-touch) .AuthorNavigationList--author--name:hover.AccountNavigationList--author { font-weight: bold; }

.AuthorNavigationPopup { position: absolute; bottom: 100%; left: 0; width: 100vw; max-width: 340px; padding: 20px 24px; -webkit-transform: translateY(-10px); transform: translateY(-10px); border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); background-color: #ffffff; color: #3C4150; text-shadow: none; transition: visibility 300ms 0ms, opacity 150ms 100ms linear; overflow: hidden; will-change: visibility, opacity; z-index: 2; }

@media screen and (max-width: 750px) { .AuthorNavigationPopup { position: fixed; top: 50%; left: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: calc(100vh - 40px); overflow: auto; } }

.AuthorNavigationPopup.is-collapsed { display: none; }

.AuthorNavigationPopup:not(.is-expanded) { will-change: opacity; opacity: 0; visibility: hidden; transition: visibility 100ms, opacity 50ms 50ms ease-out; }

@media screen and (min-width: 751px) { .AuthorNavigationList .AuthorNavigationPopup { left: 100%; top: 50%; bottom: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } }

.AuthorNavigationPopup--close { position: absolute; top: 20px; right: 24px; width: 24px; height: 24px; }

.AuthorNavigationPopup--close:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 14px; margin: -1px -7px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.AuthorNavigationPopup--close:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 14px; margin: -1px -7px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .AuthorNavigationPopup--close:active:after, html:not(.can-touch) .AuthorNavigationPopup--close:hover:after { content: ""; position: absolute; font-size: 10px; top: 50%; -webkit-transform: scale(1.1) rotate(-45deg); transform: scale(1.1) rotate(-45deg); }

html:not(.can-touch) .AuthorNavigationPopup--close:active:before, html:not(.can-touch) .AuthorNavigationPopup--close:hover:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ -webkit-transform: scale(1.1) rotate(45deg); transform: scale(1.1) rotate(45deg); }

.AuthorNavigationPopup--portrait { height: 48px; width: 48px; border: 2px solid #ffffff; border-radius: 100%; overflow: hidden; margin-bottom: 16px; background-color: #F9F9FA; }

.AuthorNavigationPopup--portrait > img { max-width: 100%; }

.AuthorNavigationPopup--name { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; }

[lang="zh"] .AuthorNavigationPopup--name, [lang="zh-Hant"] .AuthorNavigationPopup--name, [lang="zh-Hans"] .AuthorNavigationPopup--name, [lang="zh-CN"] .AuthorNavigationPopup--name { line-height: 1.7; }

@media screen and (max-width: 1000px) { .AuthorNavigationPopup--name { font-size: 20px; font-size: 1.25rem; } }

.AuthorNavigationPopup--title, .AuthorNavigationPopup--department { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; }

[lang="zh"] .AuthorNavigationPopup--title, [lang="zh-Hant"] .AuthorNavigationPopup--title, [lang="zh-Hans"] .AuthorNavigationPopup--title, [lang="zh-CN"] .AuthorNavigationPopup--title, [lang="zh"] .AuthorNavigationPopup--department, [lang="zh-Hant"] .AuthorNavigationPopup--department, [lang="zh-Hans"] .AuthorNavigationPopup--department, [lang="zh-CN"] .AuthorNavigationPopup--department { line-height: 1.5; }

.AuthorNavigationPopup--button { margin-top: 16px; }

.Boxout { background-color: #F9F9FA; }

.Boxout--inner { padding: 32px 40px; }

@media screen and (max-width: 750px) { .Boxout--inner { padding: 24px; } }

.Boxout--title { font-size: 15px; font-size: 0.9375rem; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; text-transform: uppercase; color: #505461; }

.Boxout--text { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-top: 16px; font-weight: 300; }

[lang="zh"] .Boxout--text, [lang="zh-Hant"] .Boxout--text, [lang="zh-Hans"] .Boxout--text, [lang="zh-CN"] .Boxout--text { line-height: 1.5; }

@media screen and (max-width: 1000px) { .Boxout--text { font-size: 18px; font-size: 1.125rem; } }

.Boxout--accordion { border-top: 1px solid #ECECEE; border-bottom: none; }

@media screen and (min-width: 751px) { .Boxout--accordion { border: none; } }

.Boxout--accordion .Accordion--header { padding: 24px; }

@media screen and (min-width: 751px) { .Boxout--accordion .Accordion--header { display: none; } .Boxout--accordion .Accordion--content > *{ display: block; } }

.Boxout--accordion .Accordion--content--inner { padding: 0 24px 24px; }

@media screen and (min-width: 751px) { .Boxout--accordion .Accordion--content--inner { padding: 0 40px 32px; } }

.Boxout--accordion .Accordion--header--toggle:before { background-color: transparent; }

.Boxout--accordion--content { font-size: 18px; font-size: 1.125rem; font-weight: 200; color: #505461; -webkit-column-count: 1; column-count: 1; }

.Boxout--accordion--content p { margin-top: 1em; margin-bottom: 1em; color: #3C4150; }

.Boxout--accordion--content ul { margin: 1em 0; display: block; }

.Boxout--accordion--content ul > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.Boxout--accordion--content ul > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.Boxout--accordion--content ol { margin: 1em 0; display: block; display: block; counter-reset: ol--counter; }

.Boxout--accordion--content ol > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.Boxout--accordion--content ol > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.Boxout--accordion--content ol > li { list-style-type: none; padding-left: 20px; padding-left: 1.25rem; margin-left: 4ex; }

.Boxout--accordion--content ol > li:before { counter-increment: ol--counter; content: counters(ol--counter, ".") "."; left: auto; right: 100%; text-align: right; width: 4ex; }

html.ie .Boxout--accordion--content ol > li { list-style: decimal inside none; }

.Boxout--accordion--content li > :first-child { margin-top: 0; }

.Boxout--accordion--content li > :last-child { margin-bottom: 0; }

.Boxout--accordion--content table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; width: 100%; }

.Boxout--accordion--content table caption { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding: 1em 0; }

@media screen and (max-width: 1000px) { .Boxout--accordion--content table caption { font-size: 22px; font-size: 1.375rem; } }

.Boxout--accordion--content table thead { background-color: #F9F9FA; }

.Boxout--accordion--content table tfoot tr { border-bottom: none; }

.Boxout--accordion--content table tr { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.Boxout--accordion--content table th { font-weight: bold; }

.Boxout--accordion--content table th [data-picto] { margin-bottom: 5px; }

.Boxout--accordion--content table th [data-picto] > svg { height: 22px; }

.Boxout--accordion--content table th, .Boxout--accordion--content table td { padding: 1.2em; vertical-align: top; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; }

@media screen and (max-width: 1200px) { .Boxout--accordion--content table th, .Boxout--accordion--content table td { padding: 1em; } }

@media screen and (max-width: 750px) { .Boxout--accordion--content table th, .Boxout--accordion--content table td { padding: 0.5em 1em; } }

.Boxout--accordion--content table th:first-child, .Boxout--accordion--content table td:first-child { border-left: none; }

.Boxout--accordion--content table th:last-child, .Boxout--accordion--content table td:last-child { border-right: none; }

.Boxout--accordion--content table a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .Boxout--accordion--content table a:not([class]) { color: #9B14B4; }

.template-green .Boxout--accordion--content table a:not([class]) { color: #1455B4; }

.template-blue .Boxout--accordion--content table a:not([class]) { color: #1455B4; }

.template-purple .Boxout--accordion--content table a:not([class]) { color: #9B14B4; }

.template-violet .Boxout--accordion--content table a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .Boxout--accordion--content table a:not([class]):active, html:not(.can-touch) .Boxout--accordion--content table a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .Boxout--accordion--content table a:not([class]):active, html.template-red:not(.can-touch) .Boxout--accordion--content table a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .Boxout--accordion--content table a:not([class]):active, html.template-green:not(.can-touch) .Boxout--accordion--content table a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .Boxout--accordion--content table a:not([class]):active, html.template-blue:not(.can-touch) .Boxout--accordion--content table a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .Boxout--accordion--content table a:not([class]):active, html.template-violet:not(.can-touch) .Boxout--accordion--content table a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.Boxout--accordion--content table p { margin-top: 0; }

.Boxout--accordion--content table p:last-child { margin-bottom: 0; }

.Boxout--accordion--content table tr.is-highlighted { background-color: rgba(249, 249, 250, 0.8); }

.Boxout--accordion--content table th.is-highlighted { background-color: #E6F1F1; color: #006E73; }

.Boxout--accordion--content s { text-decoration: line-through; }

.Boxout--accordion--content u { text-decoration: none; }

.Boxout--accordion--content em { font-style: italic; }

.Boxout--accordion--content small { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .Boxout--accordion--content small, [lang="zh-Hant"] .Boxout--accordion--content small, [lang="zh-Hans"] .Boxout--accordion--content small, [lang="zh-CN"] .Boxout--accordion--content small { line-height: 1.5; }

.Boxout--accordion--content strong, .Boxout--accordion--content b { font-weight: bold; }

.Boxout--accordion--content a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .Boxout--accordion--content a:not([class]) { color: #9B14B4; }

.template-green .Boxout--accordion--content a:not([class]) { color: #1455B4; }

.template-blue .Boxout--accordion--content a:not([class]) { color: #1455B4; }

.template-purple .Boxout--accordion--content a:not([class]) { color: #9B14B4; }

.template-violet .Boxout--accordion--content a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .Boxout--accordion--content a:not([class]):active, html:not(.can-touch) .Boxout--accordion--content a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .Boxout--accordion--content a:not([class]):active, html.template-red:not(.can-touch) .Boxout--accordion--content a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .Boxout--accordion--content a:not([class]):active, html.template-green:not(.can-touch) .Boxout--accordion--content a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .Boxout--accordion--content a:not([class]):active, html.template-blue:not(.can-touch) .Boxout--accordion--content a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .Boxout--accordion--content a:not([class]):active, html.template-violet:not(.can-touch) .Boxout--accordion--content a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.Boxout--accordion--content > *:first-child { margin-top: 0; }

.Boxout--accordion--content.has-columns { -webkit-column-count: 2; column-count: 2; }

@media screen and (max-width: 750px) { .Boxout--accordion--content.has-columns { -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 24px; column-gap: 24px; } }

.ChapterBreak { position: relative; background-color: #F9F9FA; }

.ChapterBreak--background { position: relative; width: 100%; height: 56.25vw; max-height: 70vh; -webkit-clip-path: inset(0); clip-path: inset(0); }

@media screen and (max-width: 750px) { .ChapterBreak--background { height: 177vw; } }

.ChapterBreak--background > .Media { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.ChapterBreak--head { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); position: relative; z-index: 1; padding-top: 30px; padding-bottom: 30px; }

@media (max-width: 1430px) { .ChapterBreak--head { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .ChapterBreak--head { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .ChapterBreak--head { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ChapterBreak--head { padding-left: 20px; padding-right: 20px; } }

@media print { .ChapterBreak--head { max-width: 100%; margin: 0; } }

@media screen and (min-width: 751px) { .ChapterBreak--head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10%; padding-top: 60px; padding-bottom: 60px; } }

.ChapterBreak--content { max-width: 800px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 20px; }

@media screen and (min-width: 751px) { .ChapterBreak--content { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } }

.ChapterBreak--number { font-size: 120px; font-size: 7.5rem; font-weight: 200; line-height: 1; margin-bottom: 30px; }

@media screen and (max-width: 1000px) { .ChapterBreak--number { font-size: 75px; font-size: 4.6875rem; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .ChapterBreak--number { font-size: 60px; font-size: 3.75rem; line-height: 1.1; } }

@media screen and (min-width: 751px) { .ChapterBreak--number { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: right; margin-bottom: 0; } }

@media screen and (min-width: 1001px) { .ChapterBreak--number { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } }

.ChapterBreak--title { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; }

@media screen and (max-width: 1000px) { .ChapterBreak--title { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .ChapterBreak--title { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.ChapterBreak--text { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; }

[lang="zh"] .ChapterBreak--text, [lang="zh-Hant"] .ChapterBreak--text, [lang="zh-Hans"] .ChapterBreak--text, [lang="zh-CN"] .ChapterBreak--text { line-height: 1.7; }

@media screen and (max-width: 1000px) { .ChapterBreak--text { font-size: 20px; font-size: 1.25rem; } }

.ChapterBreak--read-time { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; color: #8A8D96; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; }

.ChapterBreak--read-time [data-picto] { width: 1em; }

.ChapterBreak--read-time [data-picto] > svg { height: 1em; fill: currentColor; }

.ChapterBreak--accordion { border-top: 1px solid #ECECEE; border-bottom: none; }

.ChapterBreak--accordion .Accordion--header { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); padding-top: 30px; padding-bottom: 30px; }

@media (max-width: 1430px) { .ChapterBreak--accordion .Accordion--header { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .ChapterBreak--accordion .Accordion--header { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .ChapterBreak--accordion .Accordion--header { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ChapterBreak--accordion .Accordion--header { padding-left: 20px; padding-right: 20px; } }

@media print { .ChapterBreak--accordion .Accordion--header { max-width: 100%; margin: 0; } }

.ChapterBreak--accordion .Accordion--content--inner { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); padding-top: 30px; padding-bottom: 30px; }

@media (max-width: 1430px) { .ChapterBreak--accordion .Accordion--content--inner { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .ChapterBreak--accordion .Accordion--content--inner { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .ChapterBreak--accordion .Accordion--content--inner { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ChapterBreak--accordion .Accordion--content--inner { padding-left: 20px; padding-right: 20px; } }

@media print { .ChapterBreak--accordion .Accordion--content--inner { max-width: 100%; margin: 0; } }

.ChapterBreak--accordion .Accordion--header--toggle:before { background-color: #F9F9FA; }

@media screen and (min-width: 1001px) { .ChapterBreakSummary { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[12]; grid-template-columns: repeat(12, 1fr); gap: 32px; } .ChapterBreakSummary--main{ grid-column: 1 / 7; } }

.ChapterBreakSummary--aside { margin-top: 45px; }

@media screen and (min-width: 1001px) { .ChapterBreakSummary--aside { margin-top: 0; grid-column: 8 / 13; } }

.ChapterBreakSummary--title { font-size: 15px; font-size: 0.9375rem; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #ECECEE; }

.ChapterBreakSummary--text { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; }

.ChapterBreakSummary--text p { margin-top: 1em; margin-bottom: 1em; color: #3C4150; }

.ChapterBreakSummary--text ul { margin: 1em 0; display: block; }

.ChapterBreakSummary--text ul > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.ChapterBreakSummary--text ul > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.ChapterBreakSummary--text ol { margin: 1em 0; display: block; display: block; counter-reset: ol--counter; }

.ChapterBreakSummary--text ol > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.ChapterBreakSummary--text ol > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.ChapterBreakSummary--text ol > li { list-style-type: none; padding-left: 20px; padding-left: 1.25rem; margin-left: 4ex; }

.ChapterBreakSummary--text ol > li:before { counter-increment: ol--counter; content: counters(ol--counter, ".") "."; left: auto; right: 100%; text-align: right; width: 4ex; }

html.ie .ChapterBreakSummary--text ol > li { list-style: decimal inside none; }

.ChapterBreakSummary--text li > :first-child { margin-top: 0; }

.ChapterBreakSummary--text li > :last-child { margin-bottom: 0; }

.ChapterBreakSummary--text table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; width: 100%; }

.ChapterBreakSummary--text table caption { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding: 1em 0; }

@media screen and (max-width: 1000px) { .ChapterBreakSummary--text table caption { font-size: 22px; font-size: 1.375rem; } }

.ChapterBreakSummary--text table thead { background-color: #F9F9FA; }

.ChapterBreakSummary--text table tfoot tr { border-bottom: none; }

.ChapterBreakSummary--text table tr { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.ChapterBreakSummary--text table th { font-weight: bold; }

.ChapterBreakSummary--text table th [data-picto] { margin-bottom: 5px; }

.ChapterBreakSummary--text table th [data-picto] > svg { height: 22px; }

.ChapterBreakSummary--text table th, .ChapterBreakSummary--text table td { padding: 1.2em; vertical-align: top; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; }

@media screen and (max-width: 1200px) { .ChapterBreakSummary--text table th, .ChapterBreakSummary--text table td { padding: 1em; } }

@media screen and (max-width: 750px) { .ChapterBreakSummary--text table th, .ChapterBreakSummary--text table td { padding: 0.5em 1em; } }

.ChapterBreakSummary--text table th:first-child, .ChapterBreakSummary--text table td:first-child { border-left: none; }

.ChapterBreakSummary--text table th:last-child, .ChapterBreakSummary--text table td:last-child { border-right: none; }

.ChapterBreakSummary--text table a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .ChapterBreakSummary--text table a:not([class]) { color: #9B14B4; }

.template-green .ChapterBreakSummary--text table a:not([class]) { color: #1455B4; }

.template-blue .ChapterBreakSummary--text table a:not([class]) { color: #1455B4; }

.template-purple .ChapterBreakSummary--text table a:not([class]) { color: #9B14B4; }

.template-violet .ChapterBreakSummary--text table a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .ChapterBreakSummary--text table a:not([class]):active, html:not(.can-touch) .ChapterBreakSummary--text table a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .ChapterBreakSummary--text table a:not([class]):active, html.template-red:not(.can-touch) .ChapterBreakSummary--text table a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .ChapterBreakSummary--text table a:not([class]):active, html.template-green:not(.can-touch) .ChapterBreakSummary--text table a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .ChapterBreakSummary--text table a:not([class]):active, html.template-blue:not(.can-touch) .ChapterBreakSummary--text table a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .ChapterBreakSummary--text table a:not([class]):active, html.template-violet:not(.can-touch) .ChapterBreakSummary--text table a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.ChapterBreakSummary--text table p { margin-top: 0; }

.ChapterBreakSummary--text table p:last-child { margin-bottom: 0; }

.ChapterBreakSummary--text table tr.is-highlighted { background-color: rgba(249, 249, 250, 0.8); }

.ChapterBreakSummary--text table th.is-highlighted { background-color: #E6F1F1; color: #006E73; }

.ChapterBreakSummary--text s { text-decoration: line-through; }

.ChapterBreakSummary--text u { text-decoration: none; }

.ChapterBreakSummary--text em { font-style: italic; }

.ChapterBreakSummary--text small { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .ChapterBreakSummary--text small, [lang="zh-Hant"] .ChapterBreakSummary--text small, [lang="zh-Hans"] .ChapterBreakSummary--text small, [lang="zh-CN"] .ChapterBreakSummary--text small { line-height: 1.5; }

.ChapterBreakSummary--text strong, .ChapterBreakSummary--text b { font-weight: bold; }

.ChapterBreakSummary--text a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .ChapterBreakSummary--text a:not([class]) { color: #9B14B4; }

.template-green .ChapterBreakSummary--text a:not([class]) { color: #1455B4; }

.template-blue .ChapterBreakSummary--text a:not([class]) { color: #1455B4; }

.template-purple .ChapterBreakSummary--text a:not([class]) { color: #9B14B4; }

.template-violet .ChapterBreakSummary--text a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .ChapterBreakSummary--text a:not([class]):active, html:not(.can-touch) .ChapterBreakSummary--text a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .ChapterBreakSummary--text a:not([class]):active, html.template-red:not(.can-touch) .ChapterBreakSummary--text a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .ChapterBreakSummary--text a:not([class]):active, html.template-green:not(.can-touch) .ChapterBreakSummary--text a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .ChapterBreakSummary--text a:not([class]):active, html.template-blue:not(.can-touch) .ChapterBreakSummary--text a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .ChapterBreakSummary--text a:not([class]):active, html.template-violet:not(.can-touch) .ChapterBreakSummary--text a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.ChapterBreakSummary--text > *:first-child { margin-top: 0; }

[lang="zh"] .ChapterBreakSummary--text, [lang="zh-Hant"] .ChapterBreakSummary--text, [lang="zh-Hans"] .ChapterBreakSummary--text, [lang="zh-CN"] .ChapterBreakSummary--text { line-height: 1.7; }

@media screen and (max-width: 1000px) { .ChapterBreakSummary--text { font-size: 20px; font-size: 1.25rem; } }

.ChapterBreakSummary--facts { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #505461; }

[lang="zh"] .ChapterBreakSummary--facts, [lang="zh-Hant"] .ChapterBreakSummary--facts, [lang="zh-Hans"] .ChapterBreakSummary--facts, [lang="zh-CN"] .ChapterBreakSummary--facts { line-height: 1.5; }

.ChapterBreakSummary--facts > li { padding-top: 16px; padding-bottom: 16px; }

.ChapterBreakSummary--facts > li + li { border-top: 1px solid #ECECEE; }

.ChapterBreakSummary--fact-title { font-weight: bold; margin-bottom: 8px; }

.ChapterSwitcher--content { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); display: -ms-grid; display: grid; -ms-grid-columns: 42% 1fr; grid-template-columns: 42% 1fr; gap: 80px; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media (max-width: 1430px) { .ChapterSwitcher--content { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .ChapterSwitcher--content { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .ChapterSwitcher--content { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ChapterSwitcher--content { padding-left: 20px; padding-right: 20px; } }

@media print { .ChapterSwitcher--content { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .ChapterSwitcher--content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 16px; } }

/*******************
List
*******************/
.ChapterSwitcher--list--item { position: relative; display: -ms-grid; display: grid; -ms-grid-columns: 90px 1fr auto; grid-template-columns: 90px 1fr auto; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px 16px; padding: 24px 0; border-bottom: 1px solid #ECECEE; transition: background-color 0.2s ease; }

@media screen and (max-width: 1000px) { .ChapterSwitcher--list--item { -ms-grid-columns: 30px 1fr auto; grid-template-columns: 30px 1fr auto; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .ChapterSwitcher--list--item:first-child { border-top: 1px solid #ECECEE; }
  .ChapterSwitcher--list--item:last-child { border-bottom: none; } }

html:not(.can-touch) .ChapterSwitcher--list--item:active, html:not(.can-touch) .ChapterSwitcher--list--item:hover { background-color: #F9F9FA; }

html:not(.can-touch) .SectionContainer.gray .ChapterSwitcher--list--item:active, html:not(.can-touch) .SectionContainer.gray .ChapterSwitcher--list--item:hover { background-color: #ECECEE; }

@media screen and (min-width: 751px) { .ChapterSwitcher--list--item.is-active .ChapterSwitcher--list--number, .ChapterSwitcher--list--item.is-active .ChapterSwitcher--list--title { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; } }

@media screen and (min-width: 751px) and (max-width: 1000px) { .ChapterSwitcher--list--item.is-active .ChapterSwitcher--list--number, .ChapterSwitcher--list--item.is-active .ChapterSwitcher--list--title { font-size: 22px; font-size: 1.375rem; } }

.ChapterSwitcher--list--number { font-size: 18px; font-size: 1.125rem; font-weight: 200; color: #505461; }

.ChapterSwitcher--list--title { font-size: 18px; font-size: 1.125rem; font-weight: 200; font-weight: 300; color: #006E73; }

.ChapterSwitcher--list--subtitle { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2; color: #8A8D96; }

[lang="zh"] .ChapterSwitcher--list--subtitle, [lang="zh-Hant"] .ChapterSwitcher--list--subtitle, [lang="zh-Hans"] .ChapterSwitcher--list--subtitle, [lang="zh-CN"] .ChapterSwitcher--list--subtitle { line-height: 1.5; }

.ChapterSwitcher--list--status { justify-self: end; color: #006E73; display: none; }

.ChapterSwitcher--list--status.is-read { display: block; }

.ChapterSwitcher--list--status .Icon { font-size: 6px; }

.ChapterSwitcher--list--status [data-icon="checkmark"]:after { border-width: 1px; }

.ChapterSwitcher--list--link { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }

.ChapterSwitcher--cover { position: relative; width: 100%; height: 100%; overflow: hidden; }

@media screen and (max-width: 1000px) { .ChapterSwitcher--cover { aspect-ratio: 16 / 9; } }

@media screen and (max-width: 750px) { .ChapterSwitcher--cover { aspect-ratio: 4 / 3; } }

.ChapterSwitcher--cover .Media { position: absolute; inset: 0; }

.ChapterSwitcher--cover .Media > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/*******************
Card
*******************/
.ChapterSwitcher--card { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; min-height: 475px; gap: 50px; padding: 40px; border: 1px solid #ECECEE; border-radius: 4px; background-color: #ffffff; }

@media screen and (max-width: 1000px) { .ChapterSwitcher--card { gap: 24px; padding: 24px; min-height: 350px; } }

html:not(.can-touch) .ChapterSwitcher--card:active .Link:after, html:not(.can-touch) .ChapterSwitcher--card:hover .Link:after { color: #006E73; }

/*******************
Card Header
*******************/
.ChapterSwitcher--card--header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.ChapterSwitcher--card--chapter { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 16px; }

.ChapterSwitcher--card--number { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; color: #505461; }

@media screen and (max-width: 1000px) { .ChapterSwitcher--card--number { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .ChapterSwitcher--card--number { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

@media screen and (max-width: 1000px) { .ChapterSwitcher--card--number { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

@media screen and (max-width: 750px) { .ChapterSwitcher--card--number { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.ChapterSwitcher--card--pretitle { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #8A8D96; }

[lang="zh"] .ChapterSwitcher--card--pretitle, [lang="zh-Hant"] .ChapterSwitcher--card--pretitle, [lang="zh-Hans"] .ChapterSwitcher--card--pretitle, [lang="zh-CN"] .ChapterSwitcher--card--pretitle { line-height: 1.5; }

.ChapterSwitcher--card--image { position: relative; width: 100px; height: 100px; overflow: hidden; border-radius: 4px; }

.ChapterSwitcher--card--image::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; }

@media screen and (max-width: 1000px) { .ChapterSwitcher--card--image { width: 50px; height: 50px; justify-self: end; } }

/*******************
Card Content
*******************/
.ChapterSwitcher--card--content { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; border-radius: 4px; }

.ChapterSwitcher--card--title { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; color: #006E73; }

@media screen and (max-width: 1000px) { .ChapterSwitcher--card--title { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.ChapterSwitcher--card--text { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #8A8D96; }

[lang="zh"] .ChapterSwitcher--card--text, [lang="zh-Hant"] .ChapterSwitcher--card--text, [lang="zh-Hans"] .ChapterSwitcher--card--text, [lang="zh-CN"] .ChapterSwitcher--card--text { line-height: 1.5; }

/*******************
Card Footer
*******************/
.ChapterSwitcher--card--footer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-top: auto; }

.ChapterSwitcher--card--icon { width: 16px; height: 16px; fill: #8A8D96; }

.ChapterSwitcher--card--readtime { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; justify-self: flex-start; margin-right: auto; color: #8A8D96; }

.ChapterSwitcher--card--link { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }

.DataFrame { -webkit-clip-path: inset(0 round 4px); clip-path: inset(0 round 4px); }

.DataFrame--header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 24px; border-bottom: 1px solid #D4D4D4; background-color: #F9F9FA; padding: 16px; }

.DataFrame--info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; }

.DataFrame--title { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; font-weight: 300; color: #505461; }

[lang="zh"] .DataFrame--title, [lang="zh-Hant"] .DataFrame--title, [lang="zh-Hans"] .DataFrame--title, [lang="zh-CN"] .DataFrame--title { line-height: 1.7; }

@media screen and (max-width: 1000px) { .DataFrame--title { font-size: 20px; font-size: 1.25rem; } }

.DataFrame--source { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; color: #8A8D96; }

.DataFrame--actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; }

@media screen and (max-width: 750px) { .DataFrame--actions { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.DataFrame--media { position: relative; overflow: hidden; max-width: 100%; }

.DataFrame--media-container { position: relative; display: block; width: 100%; }

.DataPullout { position: relative; color: #ffffff; background-color: #006E73; text-align: left; }

.DataPullout:not(.inline) { margin-top: 90px; margin-bottom: 90px; }

@media screen and (max-width: 1000px) { .DataPullout:not(.inline) { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .DataPullout:not(.inline) { margin-top: 45px; } }

@media screen and (max-width: 1000px) { .DataPullout:not(.inline) { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .DataPullout:not(.inline) { margin-bottom: 45px; } }

.l-Page.right .DataPullout:not(.inline) { margin-right: calc((50vw - 615px) * -1); margin-left: calc((50vw - 195px) * -1); }

@media (max-width: 1430px) { .l-Page.right .DataPullout:not(.inline) { margin-right: -75px; } }

@media screen and (max-width: 1200px) { .l-Page.right .DataPullout:not(.inline) { margin-right: -60px; } }

@media screen and (max-width: 750px) { .l-Page.right .DataPullout:not(.inline) { margin-right: -30px; } }

@media screen and (max-width: 580px) { .l-Page.right .DataPullout:not(.inline) { margin-right: -20px; } }

@media print { .l-Page.right .DataPullout:not(.inline) { max-width: 100%; margin: 0; } }

@media (max-width: 590px) { .l-Page.right .DataPullout:not(.inline) { margin-left: -75px; } }

@media screen and (max-width: 1000px) { .l-Page.right .DataPullout:not(.inline) { margin-left: -60px; } }

@media screen and (max-width: 750px) { .l-Page.right .DataPullout:not(.inline) { margin-left: -30px; } }

@media screen and (max-width: 580px) { .l-Page.right .DataPullout:not(.inline) { margin-left: -20px; } }

@media print { .l-Page.right .DataPullout:not(.inline) { max-width: 100%; margin: 0; } }

.l-Page.right .DataPullout:not(.inline):before, .l-Page.right .DataPullout:not(.inline):after { height: 60px; content: ""; position: absolute; left: 0; right: 0; width: 100%; display: block; }

@media screen and (max-width: 1000px) { .l-Page.right .DataPullout:not(.inline):before, .l-Page.right .DataPullout:not(.inline):after { height: 7.5vw; } }

@media screen and (max-width: 400px) { .l-Page.right .DataPullout:not(.inline):before, .l-Page.right .DataPullout:not(.inline):after { height: 30px; } }

.l-Page.right .DataPullout:not(.inline):before { bottom: 100%; background: linear-gradient(to bottom, transparent, #ffffff 50%, #ffffff 100%); }

.l-Page.right .DataPullout:not(.inline):after { top: 100%; background: linear-gradient(to bottom, #ffffff, #ffffff 50%, transparent 100%); }

.DataPullout.transparent { background-color: transparent; border: 1px solid #ffffff; }

.DataPullout.blue { background-color: #418CE1; }

.DataPullout.image, .DataPullout.video { background-color: transparent; }

.DataPullout.image .DataPullout--wrapper::before, .DataPullout.video .DataPullout--wrapper::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; }

.DataPullout.medium .DataPullout--title-fact { font-size: 120px; font-size: 7.5rem; font-weight: 200; line-height: 1; }

@media screen and (max-width: 1000px) { .DataPullout.medium .DataPullout--title-fact { font-size: 75px; font-size: 4.6875rem; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .DataPullout.medium .DataPullout--title-fact { font-size: 60px; font-size: 3.75rem; line-height: 1.1; } }

.DataPullout.small .DataPullout--title-fact { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; }

@media screen and (max-width: 1000px) { .DataPullout.small .DataPullout--title-fact { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .DataPullout.small .DataPullout--title-fact { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.DataPullout.small .Quote { width: 100%; }

.DataPullout.small .Quote--quote { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; font-weight: 300; }

[lang="zh"] .DataPullout.small .Quote--quote, [lang="zh-Hant"] .DataPullout.small .Quote--quote, [lang="zh-Hans"] .DataPullout.small .Quote--quote, [lang="zh-CN"] .DataPullout.small .Quote--quote { line-height: 1.5; }

@media screen and (max-width: 1000px) { .DataPullout.small .Quote--quote { font-size: 18px; font-size: 1.125rem; } }

.DataPullout.small .Quote--caption { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .DataPullout.small .Quote--caption, [lang="zh-Hant"] .DataPullout.small .Quote--caption, [lang="zh-Hans"] .DataPullout.small .Quote--caption, [lang="zh-CN"] .DataPullout.small .Quote--caption { line-height: 1.5; }

.DataPullout--wrapper { height: 100%; overflow: hidden; position: relative; }

.DataPullout:not(.inline) .DataPullout--wrapper { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); }

@media (max-width: 1430px) { .DataPullout:not(.inline) .DataPullout--wrapper { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .DataPullout:not(.inline) .DataPullout--wrapper { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .DataPullout:not(.inline) .DataPullout--wrapper { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .DataPullout:not(.inline) .DataPullout--wrapper { padding-left: 20px; padding-right: 20px; } }

@media print { .DataPullout:not(.inline) .DataPullout--wrapper { max-width: 100%; margin: 0; } }

.DataPullout--inner { position: relative; z-index: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0; padding-top: 80px; padding-bottom: 80px; height: 100%; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 80px; }

@media screen and (max-width: 1200px) { .DataPullout--inner { padding-top: 32px; padding-bottom: 32px; } }

.DataPullout.inline .DataPullout--inner { width: 100%; padding-top: 48px; padding-bottom: 48px; padding-left: 30px; padding-right: 30px; }

.DataPullout.small .DataPullout--inner { padding: 24px; gap: 40px; }

.DataPullout--inner .Quote { margin: 0; }

.DataPullout--content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 16px; }

.DataPullout.image .DataPullout--content, .DataPullout.video .DataPullout--content { text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }

.DataPullout--background { position: absolute; top: -100px; left: 0; width: 100%; height: calc(100% + 200px); overflow: hidden; z-index: 0; }

.DataPullout--background.video { top: 0; height: 100%; background-color: #000000; }

.DataPullout--background .Media, .DataPullout--background img, .DataPullout--background video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.DataPullout--title { display: contents; }

.DataPullout--title-fact { font-size: 180px; font-size: 11.25rem; font-weight: 200; line-height: 1; }

@media screen and (max-width: 1000px) { .DataPullout--title-fact { font-size: 75px; font-size: 4.6875rem; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .DataPullout--title-fact { font-size: 60px; font-size: 3.75rem; line-height: 1.1; } }

.DataPullout--title-text { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; }

@media screen and (max-width: 1000px) { .DataPullout--title-text { font-size: 22px; font-size: 1.375rem; } }

.DataPullout--source { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; }

@media screen and (min-width: 751px) { .DataPullout.inline .DataPullout--share { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } }

.DataPulloutGrid { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; }

@media screen and (max-width: 1000px) { .DataPulloutGrid { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; }
  .DataPulloutGrid .DataPullout--inner { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } }

.DataPulloutGrid .DataPullout { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; }

@media screen and (max-width: 1000px) { .DataPulloutGrid .DataPullout { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } }

.LongReportsHeader { position: relative; padding-bottom: 30px; color: #ffffff; overflow: hidden; }

.LongReportsHeader--backdrop { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-clip-path: inset(0); clip-path: inset(0); }

.LongReportsHeader--backdrop::before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40vh, rgba(0, 0, 0, 0.25) 100vh); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: fixed; z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.LongReportsHeader--backdrop::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); opacity: var(--scroll-progress, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.LongReportsHeader--backgroundImage.ImmediateImage { position: fixed; inset: -20px; width: auto; height: auto; -webkit-filter: blur(calc(var(--scroll-progress, 0) * 8px)); filter: blur(calc(var(--scroll-progress, 0) * 8px)); }

.LongReportsHeader--inner { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); margin-bottom: 60px; position: relative; }

@media (max-width: 1430px) { .LongReportsHeader--inner { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .LongReportsHeader--inner { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .LongReportsHeader--inner { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .LongReportsHeader--inner { padding-left: 20px; padding-right: 20px; } }

@media print { .LongReportsHeader--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .LongReportsHeader--inner { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .LongReportsHeader--inner { margin-bottom: 30px; } }

.LongReportsHeader--head { padding-top: 360px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; min-height: 100dvh; }

@media screen and (max-width: 1000px) { .LongReportsHeader--head { padding-top: 45vw; } }

@media screen and (max-width: 400px) { .LongReportsHeader--head { padding-top: 180px; } }

@media screen and (max-width: 750px) { .LongReportsHeader--head { padding-top: 0; padding-bottom: 24px; } }

.LongReportsHeader--breadcrumb.Breadcrumbs { margin-bottom: 45px; text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.35); }

@media screen and (max-width: 750px) { .LongReportsHeader--breadcrumb.Breadcrumbs { margin-bottom: 30px; } }

.LongReportsHeader--heading { padding-right: 30%; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.35); }

@media screen and (max-width: 1000px) { .LongReportsHeader--heading { padding-right: 15%; } }

@media screen and (max-width: 750px) { .LongReportsHeader--heading { padding-right: 0; } }

.LongReportsHeader--title { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ text-transform: uppercase; color: #73E1A5; padding: 10px 20px 0; margin: -10px -20px 0; }

@media screen and (max-width: 1000px) { .LongReportsHeader--title { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .LongReportsHeader--title { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.LongReportsHeader--headline { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ padding: 0 20px 20px; margin: 0 -20px -20px; }

@media screen and (max-width: 1000px) { .LongReportsHeader--headline { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .LongReportsHeader--headline { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.LongReportsHeader--text { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ margin-top: 0.25em; padding-right: 30%; text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.35); }

@media screen and (max-width: 1000px) { .LongReportsHeader--text { font-size: 22px; font-size: 1.375rem; padding-right: 15%; } }

@media screen and (max-width: 750px) { .LongReportsHeader--text { display: none; } }

.LongReportsHeader--meta { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 45px; margin-top: 30px; text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.35); }

@media screen and (max-width: 750px) { .LongReportsHeader--meta { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; row-gap: 24px; }
  .LongReportsHeader--meta > *:first-child { width: 100%; }
  .LongReportsHeader--meta .AuthorNavigation--authors { width: 100%; padding-bottom: 24px; border-bottom: 1px solid; } }

.is-author-nav-open .LongReportsHeader--meta > *:not(.AuthorNavigation) { z-index: 1; }

@media screen and (max-width: 750px) { .is-author-nav-open .LongReportsHeader--meta { z-index: 10; } }

.LongReportsHeader--content { margin-top: 90px; font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding-left: 9%; padding-right: 30%; color: #ffffff; }

@media screen and (max-width: 1000px) { .LongReportsHeader--content { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .LongReportsHeader--content { margin-top: 45px; } }

@media screen and (max-width: 1000px) { .LongReportsHeader--content { font-size: 22px; font-size: 1.375rem; } }

@media (max-width: 1430px) { .LongReportsHeader--content { padding-left: 0; } }

@media screen and (max-width: 1000px) { .LongReportsHeader--content { padding-right: 15%; } }

.LongReportsHeader--content h2 { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; }

@media screen and (max-width: 1000px) { .LongReportsHeader--content h2 { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.LongReportsHeader--content p { color: #ffffff; }

@media screen and (max-width: 750px) { .LongReportsHeader--content { padding-left: 0; padding-right: 0; } }

.LongReportsHeader--content > * + * { margin-top: 45px; }

@media screen and (max-width: 1000px) { .LongReportsHeader--content > * + * { margin-top: 5.625vw; } }

@media screen and (max-width: 400px) { .LongReportsHeader--content > * + * { margin-top: 22.5px; } }

@keyframes scroll-indicator { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0%); transform: translateY(0%); } }

.LongReportsHeader--scrollIndicator { position: relative; z-index: 1; width: 100px; height: 100px; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto; transition: 200ms -webkit-transform ease-in-out; transition: 200ms transform ease-in-out; transition: 200ms transform ease-in-out, 200ms -webkit-transform ease-in-out; }

html:not(.can-touch) .LongReportsHeader--scrollIndicator:active, html:not(.can-touch) .LongReportsHeader--scrollIndicator:hover { cursor: pointer; -webkit-transform: scale(1.2); transform: scale(1.2); }

html:not(.can-touch) .LongReportsHeader--scrollIndicator:active .LongReportsHeader--scrollIndicator--icon, html:not(.can-touch) .LongReportsHeader--scrollIndicator:hover .LongReportsHeader--scrollIndicator--icon { -webkit-animation-play-state: paused; animation-play-state: paused; }

@media screen and (max-width: 750px) { .LongReportsHeader--scrollIndicator { display: none; } }

.LongReportsHeader--scrollIndicator--icon { position: absolute; left: 35px; bottom: 15px; -webkit-animation-name: scroll-indicator; animation-name: scroll-indicator; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.LongReportsHeader--scrollIndicator--icon::before { content: ""; display: block; width: 30px; height: 30px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: translateY(-12px) rotate(45deg); transform: translateY(-12px) rotate(45deg); }

.TableOfContents.small .TableOfContents--row { padding-top: 15px; padding-bottom: 15px; -ms-grid-columns: 70px 50px 1fr auto; grid-template-columns: 70px 50px 1fr auto; }

@media screen and (max-width: 1000px) { .TableOfContents.small .TableOfContents--row { -ms-grid-columns: 46px 30px 1fr auto; grid-template-columns: 46px 30px 1fr auto; } }

@media screen and (max-width: 750px) { .TableOfContents.small .TableOfContents--row { -ms-grid-columns: 40px 1fr auto; grid-template-columns: 40px 1fr auto; } }

.TableOfContents.small .TableOfContents--row--image { max-width: 70px; }

@media screen and (max-width: 1000px) { .TableOfContents.small .TableOfContents--row--image { max-width: 46px; } }

@media screen and (max-width: 750px) { .TableOfContents.small .TableOfContents--row--image { max-width: 40px; } }

.TableOfContents.small .TableOfContents--row--number { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; }

[lang="zh"] .TableOfContents.small .TableOfContents--row--number, [lang="zh-Hant"] .TableOfContents.small .TableOfContents--row--number, [lang="zh-Hans"] .TableOfContents.small .TableOfContents--row--number, [lang="zh-CN"] .TableOfContents.small .TableOfContents--row--number { line-height: 1.7; }

@media screen and (max-width: 1000px) { .TableOfContents.small .TableOfContents--row--number { font-size: 20px; font-size: 1.25rem; } }

.TableOfContents--title { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; color: #3C4150; margin-top: 80px; margin-bottom: 24px; }

@media (max-width: 1430px) { .TableOfContents--title { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .TableOfContents--title { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .TableOfContents--title { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .TableOfContents--title { padding-left: 20px; padding-right: 20px; } }

@media print { .TableOfContents--title { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .TableOfContents--title { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; margin-bottom: 16px; } }

.TableOfContents--row { padding-top: 30px; padding-bottom: 30px; padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); display: -ms-grid; display: grid; -ms-grid-columns: 100px 50px 1fr auto; grid-template-columns: 100px 50px 1fr auto; grid-template-areas: "image number content status"; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ECECEE; gap: 30px; position: relative; transition: background-color 0.2s ease; }

@media screen and (max-width: 580px) { .TableOfContents--row { padding-top: 20px; padding-bottom: 20px; } }

@media (max-width: 1430px) { .TableOfContents--row { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .TableOfContents--row { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .TableOfContents--row { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .TableOfContents--row { padding-left: 20px; padding-right: 20px; } }

@media print { .TableOfContents--row { max-width: 100%; margin: 0; } }

html:not(.can-touch) .TableOfContents--row:active, html:not(.can-touch) .TableOfContents--row:hover { background-color: #F9F9FA; }

@media screen and (max-width: 1000px) { .TableOfContents--row { -ms-grid-columns: 56px 30px 1fr auto; grid-template-columns: 56px 30px 1fr auto; grid-template-areas: "image number content status"; gap: 24px; } }

@media screen and (max-width: 750px) { .TableOfContents--row { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -ms-grid-columns: 40px 1fr auto; grid-template-columns: 40px 1fr auto; -ms-grid-rows: auto auto; grid-template-rows: auto auto; grid-template-areas: "image number status" "content content content"; grid-column-gap: 16px; grid-row-gap: 8px; } }

.TableOfContents--list > li { width: 100%; border-bottom: 1px solid #ECECEE; }

.TableOfContents--list > li:last-child { border-bottom: none; }

.TableOfContents--row--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; text-decoration: none; z-index: 1; background-color: transparent; }

.TableOfContents--row--image { max-width: 100px; grid-area: image; }

.TableOfContents--row--image img { width: 100%; height: auto; border-radius: 4px; aspect-ratio: 1/1; }

.TableOfContents--row--content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 4px; grid-area: content; }

.TableOfContents--row--pretitle, .TableOfContents--row--text { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #505461; }

[lang="zh"] .TableOfContents--row--pretitle, [lang="zh-Hant"] .TableOfContents--row--pretitle, [lang="zh-Hans"] .TableOfContents--row--pretitle, [lang="zh-CN"] .TableOfContents--row--pretitle, [lang="zh"] .TableOfContents--row--text, [lang="zh-Hant"] .TableOfContents--row--text, [lang="zh-Hans"] .TableOfContents--row--text, [lang="zh-CN"] .TableOfContents--row--text { line-height: 1.5; }

.TableOfContents--row--text, .TableOfContents--row--title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ }

.TableOfContents--row--title { color: #006E73; }

.TableOfContents--row--number { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; color: #505461; grid-area: number; }

@media screen and (max-width: 1000px) { .TableOfContents--row--number { font-size: 22px; font-size: 1.375rem; } }

.TableOfContents--row--status { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; justify-self: end; gap: 16px; grid-area: status; text-align: right; }

.TableOfContents--row--status.is-read .TableOfContents--row--status-text { display: none; }

.TableOfContents--row--status.is-read .TableOfContents--row--status-icon:has(.Icon[data-icon="checkmark"]) { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

@media screen and (max-width: 1000px) { .TableOfContents--row--status.is-locked .TableOfContents--row--status-text { display: none; }
  .TableOfContents--row--status:not(.is-locked) .TableOfContents--row--status-icon { display: none; } }

.TableOfContents--row--status-text { font-size: 12px; font-size: 0.75rem; font-weight: normal; line-height: 1.66; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #8A8D96; }

.TableOfContents--row--status-text .Icon { color: #006E73; }

.TableOfContents--row--status-separator { width: 1px; height: 22px; background-color: #D4D4D4; }

@media screen and (max-width: 1000px) { .TableOfContents--row--status-separator { display: none; } }

.TableOfContents--row--status-icon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 16px; height: 16px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.TableOfContents--row--status-icon .Icon { color: #006E73; width: 100%; height: 100%; }

.TableOfContents--row--status-icon .Icon[data-picto="lock"] { fill: #8A8D96; }

.TableOfContents--row--status-icon .Icon[data-icon="checkmark"] { font-size: 6px; }

.TableOfContents--row--status-icon .Icon[data-icon="checkmark"]:after { border-width: 1px; }

.TableOfContents--row--status-icon:has(.Icon[data-icon="checkmark"]) { display: none; }

@media screen and (max-width: 1000px) { html.is-filter-open { overflow: hidden; height: 100%; } body.is-filter-open{ overflow: hidden; position: fixed; width: 100%; top: 0; bottom: 0; } }

.Filter { position: relative; z-index: 9; }

@media screen and (max-width: 1000px) { .Filter { position: static; } }

.Filter--mobileControls { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }

@media (max-width: 1430px) { .Filter--mobileControls { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .Filter--mobileControls { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .Filter--mobileControls { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .Filter--mobileControls { margin-left: 20px; margin-right: 20px; } }

@media print { .Filter--mobileControls { max-width: 100%; margin: 0; } }

.Filter--mobileControls .Filter--clearAll { display: none; margin-left: auto; }

.Filter.has-selected-filters .Filter--mobileControls .Filter--clearAll { display: block; }

body.is-filter-open .Filter--mobileControls { display: none; }

@media screen and (max-width: 1000px) { .Filter--flyout { position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; overflow: auto; transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform-origin: center center; transform-origin: center center; }
  .Filter--flyout.is-mobile-collapsed { display: none; }
  .Filter--flyout:not(.is-mobile-expanded) { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); transition: -webkit-transform 0.1s ease-in; transition: transform 0.1s ease-in; transition: transform 0.1s ease-in, -webkit-transform 0.1s ease-in; }
  .Filter--flyout.is-mobile-expanded { display: block; } }

@media screen and (min-width: 1383px) { .FilterCard ~ .Filter--flyout .Filter--inner, .FilterCard ~ .Filter--flyout .FilterGroup--inner { padding-left: 40px; padding-right: 40px; } }

.Filter--inner { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); position: static; }

@media (max-width: 1430px) { .Filter--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .Filter--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .Filter--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .Filter--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .Filter--inner { max-width: 100%; margin: 0; } }

.Filter--inner:after { content: ""; display: block; position: absolute; left: 0; top: 100%; width: 100%; z-index: 1; border-bottom: 1px solid #D4D4D4; opacity: 0; }

.Filter--inner.is-open:after { opacity: 1; transition: opacity 0.4s; }

.Filter--inner.is-open .Filter--background { visibility: visible; opacity: 1; max-height: none; }

.Filter--inner:not(.is-open) .Filter--background { height: 0 !important; }

@media screen and (max-width: 1000px) { .Filter--inner { margin: 0; }
  .Filter--inner:after { content: none; } }

.Filter--flyout--header { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; width: 100%; height: 60px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border-bottom: 1px solid #D4D4D4; }

[lang="zh"] .Filter--flyout--header, [lang="zh-Hant"] .Filter--flyout--header, [lang="zh-Hans"] .Filter--flyout--header, [lang="zh-CN"] .Filter--flyout--header { line-height: 1.5; }

.Filter--flyout--close { position: absolute; top: 0; left: auto; right: 0; width: 58px; height: 60px; cursor: pointer; }

.Filter--flyout--close:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Filter--flyout--close:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.Filter--flyout--controls { padding-left: 30px; padding-right: 30px; position: fixed; top: auto; left: 0; bottom: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border-top: 1px solid #D4D4D4; }

@media screen and (max-width: 580px) { .Filter--flyout--controls { padding-left: 20px; padding-right: 20px; } }

.Filter--flyout--controls .Filter--clearAll { margin-right: auto; }

@media screen and (max-width: 400px) { .Filter--flyout--controls .Filter--clearAll .PictoText--text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; } }

.Filter--groups { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 20px; }

.Filter--groups > * { -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; }

@media screen and (max-width: 1000px) { .Filter--groups { display: block; padding: 0; margin-bottom: 71px; } }

.Filter--groups--clear { text-align: right; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; visibility: hidden; opacity: 0; transition: visibility 0s 0.4s, opacity 0.4s; }

.Filter.has-selected-filters .Filter--groups--clear, .FilterGroup.has-active ~ .Filter--groups--clear { visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.4s; }

.Filter--groups--submit { margin-left: 15px; text-align: right; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; }

.Filter--clearAll { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; height: 100%; white-space: nowrap; padding: 14px 0; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

[lang="zh"] .Filter--clearAll, [lang="zh-Hant"] .Filter--clearAll, [lang="zh-Hans"] .Filter--clearAll, [lang="zh-CN"] .Filter--clearAll { line-height: 1.5; }

html:not(.can-touch) .Filter--clearAll:active, html:not(.can-touch) .Filter--clearAll:hover { color: #636363; }

@media screen and (max-width: 1000px) { .Filter--clearAll { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }
  [lang="zh"] .Filter--clearAll, [lang="zh-Hant"] .Filter--clearAll, [lang="zh-Hans"] .Filter--clearAll, [lang="zh-CN"] .Filter--clearAll { line-height: 1.5; } }

.Filter--cancel { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; padding: 1em; margin-right: 5px; }

[lang="zh"] .Filter--cancel, [lang="zh-Hant"] .Filter--cancel, [lang="zh-Hans"] .Filter--cancel, [lang="zh-CN"] .Filter--cancel { line-height: 1.5; }

.Filter--background { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: -1; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.4s; max-height: 100vh; }

@media screen and (max-width: 1000px) { .Filter--background { display: none; } }

.FilterCard { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-bottom: 30px; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); }

@media (max-width: 1430px) { .FilterCard { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .FilterCard { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .FilterCard { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .FilterCard { margin-left: 20px; margin-right: 20px; } }

@media print { .FilterCard { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .FilterCard { margin-bottom: 3.75vw; } }

@media screen and (max-width: 400px) { .FilterCard { margin-bottom: 15px; } }

.FilterCard .FocusOnly { position: absolute; top: 100%; left: 0; z-index: 1; }

.FilterCard--group { display: block; padding: 30px 40px; }

@media screen and (max-width: 1000px) { .FilterCard--group { padding: 30px 20px; } }

.FilterCard .FilterCard--group { display: block; }

.FilterCard--group--fields { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 1000px) { .FilterCard--group--fields { display: block; } }

.FilterCard--search { position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

@media screen and (max-width: 1000px) { .FilterCard--search { margin-bottom: 10px; } }

.FilterCard--label { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; font-weight: normal !important; display: block; margin-bottom: 2px; color: #006E73; }

[lang="zh"] .FilterCard--label, [lang="zh-Hant"] .FilterCard--label, [lang="zh-Hans"] .FilterCard--label, [lang="zh-CN"] .FilterCard--label { line-height: 1.5; }

@media screen and (max-width: 750px) { .FilterCard--label { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }
  [lang="zh"] .FilterCard--label, [lang="zh-Hant"] .FilterCard--label, [lang="zh-Hans"] .FilterCard--label, [lang="zh-CN"] .FilterCard--label { line-height: 1.5; } }

.FilterCard--field { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; width: 100%; border: none; background: transparent; appearance: none; display: block; padding: 0 30px 0 0; border-radius: 0; }

.FilterCard--field:focus { outline: 0; }

@media screen and (max-width: 1000px) { .FilterCard--field { font-size: 22px; font-size: 1.375rem; } }

.FilterCard--field::-webkit-input-placeholder { color: #8A8D96; opacity: 1; }

.FilterCard--field:-ms-input-placeholder { color: #8A8D96; opacity: 1; }

.FilterCard--field::placeholder { color: #8A8D96; opacity: 1; }

.FilterCard--field::-ms-clear { display: none; }

@media screen and (max-width: 1000px) { .FilterCard--field { padding-top: 0; padding-bottom: 0.5em; border-bottom: 1px solid #D4D4D4; } }

.FilterCard--field--reset { visibility: hidden; position: absolute; top: 50%; left: auto; right: 0; height: 24px; width: 24px; margin-top: -7px; opacity: 0; transition: opacity 0.4s, visibility 0s 0.4s; }

.FilterCard--field--reset:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.FilterCard--field--reset:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.FilterCard--field--reset:focus, .has-value .FilterCard--field--reset { opacity: 1; visibility: visible; transition: opacity 0.4s, visibility 0.4s; }

html:not(.can-touch) .FilterCard--field--reset:active:after, html:not(.can-touch) .FilterCard--field--reset:hover:after { content: ""; position: absolute; font-size: 10px; top: 50%; -webkit-transform: scale(1.1) rotate(-45deg); transform: scale(1.1) rotate(-45deg); }

html:not(.can-touch) .FilterCard--field--reset:active:before, html:not(.can-touch) .FilterCard--field--reset:hover:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ -webkit-transform: scale(1.1) rotate(45deg); transform: scale(1.1) rotate(45deg); }

.FilterCard--filter { position: relative; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; }

@media screen and (min-width: 1001px) { .FilterCard--filter { -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; width: 40%; margin-left: 30px; padding-left: 30px; border-left: 1px solid #D4D4D4; } }

@media screen and (min-width: 1201px) { .FilterCard--filter { -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; width: 30%; } }

.FilterCard--filter .FilterGroup--title { margin-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; padding-right: 1.5em; border-right: none; height: auto; width: 100%; }

@media screen and (max-width: 1000px) { .FilterCard--filter .FilterGroup--title { padding-bottom: 0.5em; border-bottom: 1px solid #D4D4D4; } }

.FilterCard--filter .FilterGroup--title--category { margin-top: 0; }

.FilterCard--filter .FilterGroup--title--activeFilters { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; }

@media screen and (max-width: 1000px) { .FilterCard--filter .FilterGroup--title--activeFilters { font-size: 22px; font-size: 1.375rem; } }

.FilterCard--filter .FilterGroup--toggle:after { right: 0.35em; }

.FilterCard--filter.is-open .FilterGroup--toggle:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.FilterCard--filter.is-open .FilterGroup--toggle:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.FilterCard--filter--toggle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.FilterCard--filter--toggle:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); top: 50%; right: 0; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.FilterCard--filter--toggle:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; top: 50%; right: 0; transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.FilterCard--filter--toggle[aria-expanded="true"]:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.FilterCard--filter--toggle[aria-expanded="true"]:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.FilterCard--collapsible { margin-top: 30px; }

.FilterCard--collapsible[data-hidden="true"] { display: none; }

.FilterCard--tabs { margin-bottom: 30px; page-break-inside: auto; }

.FilterCard--actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; margin-top: 15px; }

.FilterCard--actions > * { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.FilterCard--clear { margin-top: 30px; border-bottom: 1px solid #D4D4D4; text-align: center; display: none; }

@media screen and (max-width: 1000px) { .FilterGroup.has-active .FilterCard--clear { display: block; } }

.FilterCard--title--placeholder { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; color: #8A8D96; }

@media screen and (max-width: 1000px) { .FilterCard--title--placeholder { font-size: 22px; font-size: 1.375rem; } }

.FilterGroup.has-active .FilterCard--title--placeholder { display: none; }

.FilterGroup.is-open.has-active .FilterCard--filter .FilterGroup--title--activeFilters { display: block; }

.FilterGroup.is-open.has-active .FilterCard--filter .FilterGroup--toggle { display: block !important; }

.FilterCardGroup { width: 75%; }

@media screen and (max-width: 1000px) { .FilterCardGroup { width: 100%; } }

.FilterCardGroup--inner { -webkit-column-count: 3; column-count: 3; }

@media screen and (max-width: 1000px) { .FilterCardGroup--inner { -webkit-column-count: 2; column-count: 2; } }

@media screen and (max-width: 750px) { .FilterCardGroup--inner { -webkit-column-count: 1; column-count: 1; } .FilterCardGroup--input{ padding-right: 0; } }

.FilterCardGroup--input.OptionInput { margin-bottom: 15px; }

.FilterCardGroup--input.OptionInput > label strong, .FilterCardGroup--input.OptionInput > label b { font-weight: bold; }

.FilterCardGroup--input.FilterGroup--input { width: 100%; }

.FilterGroup { min-width: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 1000px) { .FilterGroup { display: block; border-bottom: 1px solid #F9F9FA; } }

.FilterGroup.is-open .FilterGroup--title--category { font-weight: bold; }

.FilterGroup.is-open .FilterGroup--title--activeFilters { display: none; }

.FilterGroup.is-open .FilterGroup--toggle:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(-90deg) translateX(50%) rotate(135deg); transform:  rotate(-90deg) translateX(50%) rotate(135deg); }

.FilterGroup.is-open .FilterGroup--toggle:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.FilterGroup.more .FilterGroup--inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (min-width: 1001px) { .FilterGroup.more .FilterGroup { display: block; width: 75%; margin-bottom: 1em; }
  .FilterGroup.more .FilterGroup:nth-of-type(n + 2) { -webkit-order: 3; -ms-flex-order: 3; order: 3; }
  .FilterGroup.more .FilterGroup:last-of-type { margin-bottom: 0; }
  .FilterGroup.more .FilterGroup .FilterGroup--collapsible { position: static; padding: 0; }
  .FilterGroup.more .FilterGroup .FilterGroup--inner { display: block; padding: 0; }
  .FilterGroup.more .FilterGroup .FilterGroup--inputGroup { width: 100%; }
  .FilterGroup.more .FilterGroup .FilterGroup--title { border-right: none; padding: 0; margin: 0 0 1.5em 0; height: auto; width: auto; }
  .FilterGroup.more .FilterGroup .FilterGroup--title--category { margin-top: 0; }
  .FilterGroup.more .FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #3C4150; font-weight: bold; }
  [lang="zh"] .FilterGroup.more .FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category, [lang="zh-Hant"] .FilterGroup.more .FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category, [lang="zh-Hans"] .FilterGroup.more .FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category, [lang="zh-CN"] .FilterGroup.more .FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category { line-height: 1.5; }
  .FilterGroup.more .FilterGroup .FilterGroup--toggle, .FilterGroup.more .FilterGroup .FilterGroup--submit { display: none !important; } }

@media screen and (max-width: 1000px) { .FilterGroup.more > .FilterGroup--collapsible { padding: 0; }
  .FilterGroup.more > .FilterGroup--collapsible > .FilterGroup--inner { display: block; padding: 0; }
  .FilterGroup.more .FilterGroup:last-of-type { border-bottom: none; } }

.FilterGroup--title { display: block; position: relative; margin-bottom: 0; width: calc(100% - 1em); height: 42px; border-right: 1px solid #D4D4D4; padding-right: 2.5em; margin-right: 1em; }

@media screen and (max-width: 1000px) { .FilterGroup--title { width: 100%; height: 65px; border-right: none; padding: 0.5em 50px 0.5em 20px; } }

.FilterGroup--title--category, .FilterGroup--title--activeFilters { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; margin-top: auto; }

[lang="zh"] .FilterGroup--title--category, [lang="zh-Hant"] .FilterGroup--title--category, [lang="zh-Hans"] .FilterGroup--title--category, [lang="zh-CN"] .FilterGroup--title--category, [lang="zh"] .FilterGroup--title--activeFilters, [lang="zh-Hant"] .FilterGroup--title--activeFilters, [lang="zh-Hans"] .FilterGroup--title--activeFilters, [lang="zh-CN"] .FilterGroup--title--activeFilters { line-height: 1.5; }

.FilterGroup--title--category > br, .FilterGroup--title--activeFilters > br { display: none; }

.FilterGroup--title--category { margin-top: 12px; color: #006E73; }

.FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; margin-top: 0; }

[lang="zh"] .FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category, [lang="zh-Hant"] .FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category, [lang="zh-Hans"] .FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category, [lang="zh-CN"] .FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category { line-height: 1.5; }

.FilterGroup--toggle, .FilterGroup--submit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.FilterGroup--toggle:after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.8em; height: 0.8em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(90deg) translateX(50%) rotate(135deg); transform:  rotate(90deg) translateX(50%) rotate(135deg); left: auto; right: 2em; }

.FilterGroup--toggle:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; left: auto; right: 2em; }

@media screen and (min-width: 1001px) { .Filter.is-submit-enabled .FilterGroup.is-open .FilterGroup--toggle { display: none; } }

.FilterGroup--submit { display: none; }

.FilterGroup--submit > .Icon { position: absolute; right: 1em; top: 21px; }

@media screen and (min-width: 1001px) { .Filter.is-submit-enabled .FilterGroup.is-open .FilterGroup--submit { display: block; } }

.FilterGroup--collapsible { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); position: absolute; left: 0; top: 100%; width: 100%; background-color: #ffffff; -webkit-transform: translateY(-30px) scaleY(0.8); transform: translateY(-30px) scaleY(0.8); -webkit-transform-origin: center top; transform-origin: center top; opacity: 0; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; }

@media (max-width: 1430px) { .FilterGroup--collapsible { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .FilterGroup--collapsible { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .FilterGroup--collapsible { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .FilterGroup--collapsible { padding-left: 20px; padding-right: 20px; } }

@media print { .FilterGroup--collapsible { max-width: 100%; margin: 0; } }

.FilterGroup--collapsible[data-hidden='true'] > * { display: none; }

.Filter--inner.is-open .FilterGroup--collapsible { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media screen and (max-width: 1000px) { .FilterGroup--collapsible { position: static; padding-left: 20px; padding-right: 20px; border-top: none; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }

.FilterGroup--inner { padding-top: 60px; padding-bottom: 60px; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 1000px) { .FilterGroup--inner { padding-top: 7.5vw; } }

@media screen and (max-width: 400px) { .FilterGroup--inner { padding-top: 30px; } }

@media screen and (max-width: 1000px) { .FilterGroup--inner { padding-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .FilterGroup--inner { padding-bottom: 30px; } }

@media screen and (max-width: 1000px) { .FilterGroup--inner { padding-top: 10px; } }

.FilterGroup--inputGroup { width: 75%; }

@media screen and (max-width: 1000px) { .FilterGroup--inputGroup { width: 100%; } }

.FilterGroup--inputGroup--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; }

.FilterGroup--inputGroup--inner > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; padding-right: 30px; }

.FilterGroup--inputGroup--inner:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 750px) { .FilterGroup--inputGroup--inner { margin-right: 0; } }

.FilterGroup--input { width: 33.33333%; }

@media screen and (max-width: 1000px) { .FilterGroup--input { width: 50%; } }

@media screen and (max-width: 750px) { .FilterGroup--input { width: 100%; padding-right: 0; } }

.FilterGroup--controls { width: 25%; text-align: right; }

.SearchBar { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); margin-bottom: 90px; }

@media (max-width: 1430px) { .SearchBar { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .SearchBar { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .SearchBar { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .SearchBar { padding-left: 20px; padding-right: 20px; } }

@media print { .SearchBar { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .SearchBar { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .SearchBar { margin-bottom: 45px; } }

@media screen and (max-width: 1000px) { .SearchBar { margin-bottom: 20px; } }

.SearchBar .FocusOnly { position: absolute; top: 100%; left: 0; z-index: 1; }

.SearchBar--field { position: relative; }

.SearchBar--input { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; width: 100%; border: none; background: transparent; appearance: none; padding: 0.125em 30px 0.125em 0; border-bottom: 1px solid #D4D4D4; border-radius: 0; }

.SearchBar--input:focus { outline: 0; }

@media screen and (max-width: 1000px) { .SearchBar--input { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .SearchBar--input { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.SearchBar--input::-webkit-input-placeholder { color: #B1B3B9; }

.SearchBar--input:-ms-input-placeholder { color: #B1B3B9; }

.SearchBar--input::placeholder { color: #B1B3B9; }

.SearchBar--input::-ms-clear { display: none; }

@media screen and (max-width: 750px) { .SearchBar--input { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding-top: 0; padding-bottom: 0.5em; font-size: 22px; font-size: 1.375rem; } }

.SearchBar--reset { visibility: hidden; position: absolute; top: 50%; left: auto; right: 0; height: 30px; width: 30px; margin-top: -7px; opacity: 0; transition: opacity 0.4s, visibility 0s 0.4s; }

.SearchBar--reset:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.SearchBar--reset:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ left: 50%; width: 24px; margin: -1px -12px; border-top: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.SearchBar--reset:focus, .has-value .SearchBar--reset { opacity: 1; visibility: visible; transition: opacity 0.4s, visibility 0.4s; }

html:not(.can-touch) .SearchBar--reset:active:after, html:not(.can-touch) .SearchBar--reset:hover:after { content: ""; position: absolute; font-size: 10px; top: 50%; -webkit-transform: scale(1.1) rotate(-45deg); transform: scale(1.1) rotate(-45deg); }

html:not(.can-touch) .SearchBar--reset:active:before, html:not(.can-touch) .SearchBar--reset:hover:before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ -webkit-transform: scale(1.1) rotate(45deg); transform: scale(1.1) rotate(45deg); }

@media screen and (max-width: 750px) { .SearchBar--reset { top: 0; margin-top: 0; } }

.SearchHeader { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding-top: 40px; padding-bottom: 40px; }

@media (max-width: 1430px) { .SearchHeader { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .SearchHeader { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .SearchHeader { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .SearchHeader { margin-left: 20px; margin-right: 20px; } }

@media print { .SearchHeader { max-width: 100%; margin: 0; } }

[lang="zh"] .SearchHeader, [lang="zh-Hant"] .SearchHeader, [lang="zh-Hans"] .SearchHeader, [lang="zh-CN"] .SearchHeader { line-height: 1.5; }

@media screen and (max-width: 750px) { .SearchHeader { display: block; } }

.SearchHeader--counter { margin-right: auto; padding-right: 60px; }

@media screen and (max-width: 1200px) { .SearchHeader--counter { padding-right: 30px; } }

@media screen and (max-width: 750px) { .SearchHeader--counter { margin-right: 0; margin-bottom: 2em; padding: 0; } }

.SearchHeader--counter--count { font-weight: bold; }

.SearchHeader--controls { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width: 750px) { .SearchHeader--controls { display: block; } }

.SearchHeader--controls .BasicInput.select { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 580px) { .SearchHeader--controls .BasicInput.select { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.SearchHeader--controls .BasicInput.select > .SearchHeader--sort { width: 285px; }

@media (max-width: 1430px) { .SearchHeader--controls .BasicInput.select > .SearchHeader--sort { width: calc(((100vw - 150px + 30px) / 4) - 30px); } }

@media screen and (max-width: 1200px) { .SearchHeader--controls .BasicInput.select > .SearchHeader--sort { width: calc(((100vw - 120px + 30px) / 4) - 30px); width: 390px; width: calc(((100vw - 150px + 30px) / 3) - 30px); width: calc(((100vw - 120px + 30px) / 3) - 30px); } }

@media screen and (max-width: 750px) { .SearchHeader--controls .BasicInput.select > .SearchHeader--sort { width: 100%; } }

.SearchHeader--controls .BasicInput.select .SearchHeader--controls--label { margin-bottom: 0; }

@media screen and (max-width: 750px) { .SearchHeader--controls .BasicInput.select .SearchHeader--controls--label { margin-bottom: 0.5em; } }

.SearchHeader--controls--label { margin-right: 30px; margin-bottom: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (max-width: 1200px) { .SearchHeader--controls--label { margin-right: 15px; } }

@media screen and (max-width: 580px) { .SearchHeader--controls--label { display: block; margin-right: 0; margin-bottom: 0.5em; } }

.SearchResult { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; position: relative; padding-top: 40px; padding-bottom: 40px; }

@media (max-width: 1430px) { .SearchResult { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .SearchResult { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .SearchResult { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .SearchResult { padding-left: 20px; padding-right: 20px; } }

@media print { .SearchResult { max-width: 100%; margin: 0; } }

[lang="zh"] .SearchResult, [lang="zh-Hant"] .SearchResult, [lang="zh-Hans"] .SearchResult, [lang="zh-CN"] .SearchResult { line-height: 1.5; }

@media screen and (max-width: 1000px) { .SearchResult { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; padding-top: 30px; padding-bottom: 30px; }
  [lang="zh"] .SearchResult, [lang="zh-Hant"] .SearchResult, [lang="zh-Hans"] .SearchResult, [lang="zh-CN"] .SearchResult { line-height: 1.5; } }

@media screen and (max-width: 580px) { .SearchResult { padding-top: 20px; padding-bottom: 20px; } }

.SearchResult--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: 0; margin-top: 0; padding-right: 285px; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; padding-left: 16.66667%; min-height: 215px; }

.SearchResult--inner > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; padding-right: 0; }

.SearchResult--inner:after { content: ''; display: table; clear: both; }

@media (max-width: 1430px) { .SearchResult--inner { padding-right: calc(((100vw - 150px + 30px) / 4) - 30px); } }

@media screen and (max-width: 1200px) { .SearchResult--inner { padding-right: calc(((100vw - 120px + 30px) / 4) - 30px); padding-right: 390px; padding-right: calc(((100vw - 150px + 30px) / 3) - 30px); padding-right: calc(((100vw - 120px + 30px) / 3) - 30px); } }

@media screen and (max-width: 1000px) { .SearchResult--inner { width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; padding-right: 0; min-height: 0; } }

.SearchResult--header { padding-right: 75px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; }

@media (max-width: 1430px) { .SearchResult--header { padding-right: calc(((100vw - 150px + 30px) / 12) - 30px); } }

@media screen and (max-width: 1200px) { .SearchResult--header { padding-right: calc(((100vw - 120px + 30px) / 12) - 30px); padding-right: 30px; } }

@media screen and (max-width: 1000px) { .SearchResult--header { padding-right: 0; } }

.SearchResult--date { width: 16.66667%; color: #636363; position: absolute; top: 0; left: 0; padding-right: 30px; }

@media screen and (max-width: 1000px) { .SearchResult--date { position: static; width: 100%; margin-bottom: 1em; } }

.SearchResult--header--info { width: 100%; margin-bottom: 15px; }

@media screen and (max-width: 1000px) { .SearchResult--header--info { width: 100%; } }

.SearchResult--section { font-weight: bold; }

.SearchResult--category { color: #636363; }

.SearchResult--section + .SearchResult--category:before { color: #B1B3B9; content: "|"; display: inline-block; margin: 0 0.25em; }

.SearchResult--title { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; display: inline-block; width: 100%; margin-bottom: 30px; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

@media screen and (max-width: 1000px) { .SearchResult--title { font-size: 22px; font-size: 1.375rem; margin-bottom: 15px; } }

@media screen and (max-width: 750px) { .SearchResult--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }
  [lang="zh"] .SearchResult--title, [lang="zh-Hant"] .SearchResult--title, [lang="zh-Hans"] .SearchResult--title, [lang="zh-CN"] .SearchResult--title { line-height: 1.5; }
  .SearchResult--title{ font-size: 18px; font-size: 1.125rem; } }

.SearchResult--subtitle { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; display: block; margin-top: 0.5em; color: #636363; }

[lang="zh"] .SearchResult--subtitle, [lang="zh-Hant"] .SearchResult--subtitle, [lang="zh-Hans"] .SearchResult--subtitle, [lang="zh-CN"] .SearchResult--subtitle { line-height: 1.5; }

@media screen and (max-width: 1000px) { .SearchResult--subtitle { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }
  [lang="zh"] .SearchResult--subtitle, [lang="zh-Hant"] .SearchResult--subtitle, [lang="zh-Hans"] .SearchResult--subtitle, [lang="zh-CN"] .SearchResult--subtitle { line-height: 1.5; } }

@media screen and (max-width: 750px) { .SearchResult--subtitle { margin-top: 0.25em; } }

.SearchResult--content { width: 100%; padding-right: 75px; }

@media (max-width: 1430px) { .SearchResult--content { padding-right: calc(((100vw - 150px + 30px) / 12) - 30px); } }

@media screen and (max-width: 1200px) { .SearchResult--content { padding-right: calc(((100vw - 120px + 30px) / 12) - 30px); padding-right: 30px; } }

@media screen and (max-width: 1000px) { .SearchResult--content { position: relative; padding-right: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .SearchResult--content:after { display: block; content: ""; clear: both; } }

@media screen and (max-width: 1200px) { .SearchResult--content--inner { width: 100%; } }

@media screen and (min-width: 751px) { .SearchResult--text { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; }
  [lang="zh"] .SearchResult--text, [lang="zh-Hant"] .SearchResult--text, [lang="zh-Hans"] .SearchResult--text, [lang="zh-CN"] .SearchResult--text { line-height: 1.7; } }

@media screen and (min-width: 751px) and (max-width: 1000px) { .SearchResult--text { font-size: 20px; font-size: 1.25rem; } }

@supports (-webkit-line-clamp: 3) { .SearchResult--text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-BOX-ORIENT: vertical; overflow: hidden; } }

.SearchResult--footer { color: #636363; margin-top: 1.5em; }

.SearchResult--image { width: 285px; position: absolute; top: 0; right: 0; }

@media (max-width: 1430px) { .SearchResult--image { width: calc(((100vw - 150px + 30px) / 4) - 30px); } }

@media screen and (max-width: 1200px) { .SearchResult--image { width: calc(((100vw - 120px + 30px) / 4) - 30px); } }

.SearchResult--image > .Media { border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); }

.SearchResult--image.people { padding-left: 3%; padding-right: 3%; }

.SearchResult--image.people > .Media { border-radius: 100%; }

@media screen and (max-width: 1200px) { .SearchResult--image { width: 390px; width: calc(((100vw - 150px + 30px) / 3) - 30px); width: calc(((100vw - 120px + 30px) / 3) - 30px); } }

@media screen and (max-width: 1000px) { .SearchResult--image { position: relative; width: 25%; margin-left: 30px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } }

@media screen and (max-width: 580px) { .SearchResult--image { margin-left: 15px; margin-bottom: auto; } }

.SearchResult--image--dimming { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; }

.SearchResult--image--dimming .Icon { position: absolute; left: 50%; top: 50%; font-size: 10px; -webkit-transform: translate(-45%, -50%); transform: translate(-45%, -50%); }

.SearchResult--image--dimming::before { content: ''; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; border-radius: 100%; background-color: #ffffff; }

@media screen and (max-width: 580px) { .SearchResult--image--dimming .Icon { -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); }
  .SearchResult--image--dimming::before { -webkit-transform: scale(0.5); transform: scale(0.5); } }

.SearchResult--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.SearchResult--link:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #F9F9FA; opacity: 0; transition: opacity 0.3s; }

html:not(.can-touch) .SearchResult--link:active:before, html:not(.can-touch) .SearchResult--link:hover:before { opacity: 1; }

.SearchResultList { margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .SearchResultList { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .SearchResultList { margin-bottom: 30px; } }

.SearchResultList--list > li { border-bottom: 1px solid #D4D4D4; }

.SearchResultList--list > li:last-child { border-bottom: none; }

.SearchResultList--loadMore { margin-top: 60px; }

@media screen and (max-width: 1000px) { .SearchResultList--loadMore { margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .SearchResultList--loadMore { margin-top: 30px; } }

.PageHeaderSolutions { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); padding-top: 240px; padding-bottom: 90px; position: relative; min-height: 600px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; z-index: 0; color: #ffffff; }

@media (max-width: 1430px) { .PageHeaderSolutions { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .PageHeaderSolutions { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .PageHeaderSolutions { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .PageHeaderSolutions { padding-left: 20px; padding-right: 20px; } }

@media print { .PageHeaderSolutions { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .PageHeaderSolutions { padding-top: 30vw; } }

@media screen and (max-width: 400px) { .PageHeaderSolutions { padding-top: 120px; } }

@media screen and (max-width: 1000px) { .PageHeaderSolutions { padding-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .PageHeaderSolutions { padding-bottom: 45px; } }

@media screen and (max-width: 1000px) { .PageHeaderSolutions { padding-top: 210px; } }

@media screen and (max-width: 580px) { .PageHeaderSolutions { padding-top: 150px; } }

@media screen and (max-width: 1000px) { .PageHeaderSolutions { min-height: 350px; } }

@media screen and (max-width: 750px) { .PageHeaderSolutions { min-height: 280px; } }

.PageHeaderSolutions.center { text-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.PageHeaderSolutions.center .PageHeaderSolutions--content { margin-left: auto; margin-right: auto; }

.PageHeaderSolutions.center .SectionTitle { text-align: center; }

.PageHeaderSolutions--content { max-width: 810px; }

.PageHeaderSolutions--content > .SectionTitle { margin-bottom: 0; }

.PageHeaderSolutions--actions { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 30px; margin-left: -15px; margin-right: -15px; }

.PageHeaderSolutions--actions > * { margin-top: 15px; margin-left: 15px; margin-right: 15px; }

.PageHeaderSolutions--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; }

.PageHeaderSolutions--background > .Media { height: calc(100% + 100px); top: -50px; }

.PageHeaderSolutions--background::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.4) 100%); }

.ArticleTeaser { position: relative; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transform: translateY(0); transform: translateY(0); will-change: transform; }

.ArticleTeaser:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.0375); opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .ArticleTeaser:active, html:not(.can-touch) .ArticleTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

html:not(.can-touch) .ArticleTeaser:active:after, html:not(.can-touch) .ArticleTeaser:hover:after { opacity: 1; }

html:not(.can-touch) .ArticleTeaser:active .ArticleTeaser--content, html:not(.can-touch) .ArticleTeaser:hover .ArticleTeaser--content { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.is-slider-ready .ArticleTeaser { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; }

@supports (display: flex) { .is-slider-ready .ArticleTeaser { position: relative; height: auto; } }

.ArticleTeaser.publication:after { width: calc(100% - 30px); }

.ArticleTeaser.publication .ArticleTeaser--inner { margin-right: 30px; width: calc(100% - 30px); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); will-change: transform; }

@media screen and (max-width: 750px) { .ArticleTeaser.publication .ArticleTeaser--inner { margin-right: 20px; width: calc(100% - 20px); } }

.ArticleTeaser.publication .ArticleTeaser--behind { position: absolute; top: 30px; left: auto; right: 0; bottom: 30px; width: 50px; z-index: -1; overflow: hidden; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); border-radius: 4px; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); will-change: transform; }

.ArticleTeaser.publication .ArticleTeaser--behind .Media.image { width: 100%; height: 100%; padding: 0 !important; background-size: cover; background-position: center right; }

@media screen and (max-width: 750px) { .ArticleTeaser.publication .ArticleTeaser--behind { top: 15px; bottom: 15px; } }

html:not(.can-touch) .ArticleTeaser.publication:active .ArticleTeaser--inner, html:not(.can-touch) .ArticleTeaser.publication:hover .ArticleTeaser--inner { -webkit-transform: translateX(0); transform: translateX(0); }

html:not(.can-touch) .ArticleTeaser.publication:active .ArticleTeaser--behind, html:not(.can-touch) .ArticleTeaser.publication:hover .ArticleTeaser--behind { -webkit-transform: translateX(10px) translateY(6px); transform: translateX(10px) translateY(6px); }

.ArticleTeaser.video .ArticleTeaser--header { position: relative; }

.ArticleTeaser--header { max-height: 250px; overflow: hidden; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.ArticleTeaser--header--dimming { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; }

.ArticleTeaser--header--dimming .Icon { position: absolute; left: 50%; top: 50%; font-size: 10px; -webkit-transform: translate(-45%, -50%); transform: translate(-45%, -50%); }

.ArticleTeaser--header--dimming::before { content: ''; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; border-radius: 100%; background-color: #ffffff; }

.ArticleTeaser--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; border-radius: 4px; overflow: hidden; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); z-index: 1; }

.ArticleTeaser--content { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 175px; padding: 34px; overflow: hidden; background-color: #ffffff; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media screen and (max-width: 1000px) { .ArticleTeaser--content { padding: 1em; } }

.ArticleTeaser--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; display: block; margin-bottom: 18px; }

[lang="zh"] .ArticleTeaser--category, [lang="zh-Hant"] .ArticleTeaser--category, [lang="zh-Hans"] .ArticleTeaser--category, [lang="zh-CN"] .ArticleTeaser--category { line-height: 1.5; }

@media screen and (max-width: 1000px) { .ArticleTeaser--category { margin-bottom: 9px; } }

.ArticleTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-bottom: 3em; }

[lang="zh"] .ArticleTeaser--title, [lang="zh-Hant"] .ArticleTeaser--title, [lang="zh-Hans"] .ArticleTeaser--title, [lang="zh-CN"] .ArticleTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .ArticleTeaser--title { font-size: 18px; font-size: 1.125rem; margin-bottom: 1em; } }

.ArticleTeaser--date { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; margin-top: auto; }

[lang="zh"] .ArticleTeaser--date, [lang="zh-Hant"] .ArticleTeaser--date, [lang="zh-Hans"] .ArticleTeaser--date, [lang="zh-CN"] .ArticleTeaser--date { line-height: 1.5; }

.ArticleTeaser--link { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.ArticleTeaser--publication { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; font-weight: 200; width: 100%; height: 100%; max-height: 250px; position: absolute; top: 0; left: 0; bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 34px; word-spacing: 1000px; }

@media screen and (max-width: 1000px) { .ArticleTeaser--publication { font-size: 22px; font-size: 1.375rem; padding: 0 20px; } }

.ArticleTeaser--publication--header { height: 0; width: 100%; padding-bottom: calc(64.1% + 19px); position: relative; }

@media screen and (max-width: 750px) { .ArticleTeaser--publication--header { padding-bottom: calc(64.1% + 13px); } }

.BackgroundImageTeaser { padding-top: 120px; padding-bottom: 120px; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 600px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #ffffff; background-color: #000000; text-align: center; overflow: hidden; }

@media screen and (max-width: 1000px) { .BackgroundImageTeaser { padding-top: 15vw; } }

@media screen and (max-width: 400px) { .BackgroundImageTeaser { padding-top: 60px; } }

@media screen and (max-width: 1000px) { .BackgroundImageTeaser { padding-bottom: 15vw; } }

@media screen and (max-width: 400px) { .BackgroundImageTeaser { padding-bottom: 60px; } }

.l-Page.campaign .BackgroundImageTeaser:not(:last-child) { margin-bottom: 180px; }

@media screen and (max-width: 1000px) { .l-Page.campaign .BackgroundImageTeaser:not(:last-child) { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .BackgroundImageTeaser:not(:last-child) { margin-bottom: 90px; } }

.BackgroundImageTeaser.large { min-height: 800px; }

@media screen and (max-width: 1000px) { .BackgroundImageTeaser.large { min-height: 650px; } }

.BackgroundImageTeaser.small { min-height: 400px; }

@media screen and (max-width: 1000px) { .BackgroundImageTeaser { min-height: 300px; } }

.BackgroundImageTeaser::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

.BackgroundImageTeaser > .SectionContainer { position: relative; width: 100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; z-index: 1; }

.BackgroundImageTeaser .SectionTitle { margin-bottom: 30px; }

.BackgroundImageTeaser .SectionTitle.large { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); text-align: center; }

@media (max-width: 1010px) { .BackgroundImageTeaser .SectionTitle.large { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .BackgroundImageTeaser .SectionTitle.large { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .BackgroundImageTeaser .SectionTitle.large { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .BackgroundImageTeaser .SectionTitle.large { margin-left: 20px; margin-right: 20px; } }

@media print { .BackgroundImageTeaser .SectionTitle.large { max-width: 100%; margin: 0; } }

.BackgroundImageTeaser .SectionTitle--title { color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); }

.BackgroundImageTeaser .SectionTitle--headline { color: #ffffff; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }

.BackgroundImageTeaser--content { padding-left: calc(50% - 307.5px); padding-right: calc(50% - 307.5px); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); }

@media (max-width: 815px) { .BackgroundImageTeaser--content { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1000px) { .BackgroundImageTeaser--content { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .BackgroundImageTeaser--content { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .BackgroundImageTeaser--content { padding-left: 20px; padding-right: 20px; } }

@media print { .BackgroundImageTeaser--content { max-width: 100%; margin: 0; } }

.BackgroundImageTeaser--background { position: absolute; top: -100px; left: 0; width: 100%; height: calc(100% + 200px); overflow: hidden; }

.BackgroundImageTeaser--background.video { top: 0; height: 100%; }

.BackgroundImageTeaser--background > .Media { height: 100%; }

.BasicContentTeaser { text-align: center; }

.l-Page.campaign .BasicContentTeaser { margin-top: 180px; margin-bottom: 180px; }

@media screen and (max-width: 1000px) { .l-Page.campaign .BasicContentTeaser { margin-top: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .BasicContentTeaser { margin-top: 90px; } }

@media screen and (max-width: 1000px) { .l-Page.campaign .BasicContentTeaser { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .BasicContentTeaser { margin-bottom: 90px; } }

.BasicContentTeaser.inline { text-align: left; }

@media screen and (min-width: 1201px) { .BasicContentTeaser.responsive.responsive .BasicContentTeaser--headline { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }
  [lang="zh"] .BasicContentTeaser.responsive.responsive .BasicContentTeaser--headline, [lang="zh-Hant"] .BasicContentTeaser.responsive.responsive .BasicContentTeaser--headline, [lang="zh-Hans"] .BasicContentTeaser.responsive.responsive .BasicContentTeaser--headline, [lang="zh-CN"] .BasicContentTeaser.responsive.responsive .BasicContentTeaser--headline { line-height: 1.5; } }

@media screen and (max-width: 1200px) { .BasicContentTeaser.responsive.responsive { text-align: left; }
  .BasicContentTeaser.responsive.responsive .BasicContentTeaser--header { padding-right: 45px; }
  .BasicContentTeaser.responsive.responsive .BasicContentTeaser--content { max-width: none; margin-left: 0; margin-right: 0; padding-right: 90px; }
  .BasicContentTeaser.responsive.responsive .BasicContentTeaser--footer { display: none; }
  .BasicContentTeaser.responsive.responsive .BasicContentTeaser--responsiveLink { display: block; } }

@media screen and (max-width: 750px) { .BasicContentTeaser.responsive.responsive .BasicContentTeaser--content { display: none; } }

.BasicContentTeaser--title { font-size: 15px; font-size: 0.9375rem; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #636363; display: block; }

.BasicContentTeaser--headline { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; display: block; }

@media screen and (max-width: 1000px) { .BasicContentTeaser--headline { font-size: 22px; font-size: 1.375rem; } }

.BasicContentTeaser--title + .BasicContentTeaser--headline { margin-top: 30px; }

@media screen and (max-width: 1000px) { .BasicContentTeaser--title + .BasicContentTeaser--headline { margin-top: 3.75vw; } }

@media screen and (max-width: 400px) { .BasicContentTeaser--title + .BasicContentTeaser--headline { margin-top: 15px; } }

.BasicContentTeaser--content { font-size: 18px; font-size: 1.125rem; font-weight: 200; margin-top: 30px; }

@media screen and (max-width: 1000px) { .BasicContentTeaser--content { margin-top: 3.75vw; } }

@media screen and (max-width: 400px) { .BasicContentTeaser--content { margin-top: 15px; } }

@media screen and (max-width: 1000px) { .BasicContentTeaser:not(.inline) .BasicContentTeaser--content { max-width: 32em; margin-left: auto; margin-right: auto; } }

.BasicContentTeaser--footer { margin-top: 37.5px; }

@media screen and (max-width: 1000px) { .BasicContentTeaser--footer { margin-top: 30px; } }

.BasicContentTeaser--responsiveLink { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.BasicContentTeaser--responsiveLink:after { content: ""; position: absolute; font-size: 16px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); right: 0; margin-right: 0.75em; }

.BasicContentTeaser--responsiveLink:before { content: ""; position: absolute; font-size: 16px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; right: 0; margin-right: 0.75em; }

@media screen and (min-width: 751px) { .BasicContentTeaserArea:not(.medium) { width: calc(100% - 60px); max-width: 1400px; margin-left: auto; margin-right: auto; } }

@media screen and (min-width: 1201px) { .BasicContentTeaserArea:not(.medium).col-5 .BasicContentTeaserArea--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; }
  .BasicContentTeaserArea:not(.medium).col-5 .BasicContentTeaserArea--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; margin-top: 0; padding-right: 30px; }
  .BasicContentTeaserArea:not(.medium).col-5 .BasicContentTeaserArea--grid:after { content: ''; display: table; clear: both; }
  .BasicContentTeaserArea:not(.medium).col-4 .BasicContentTeaserArea--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; }
  .BasicContentTeaserArea:not(.medium).col-4 .BasicContentTeaserArea--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; margin-top: 0; padding-right: 30px; }
  .BasicContentTeaserArea:not(.medium).col-4 .BasicContentTeaserArea--grid:after { content: ''; display: table; clear: both; }
  .BasicContentTeaserArea:not(.medium):not(.col-5):not(.col-4) .BasicContentTeaserArea--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; }
  .BasicContentTeaserArea:not(.medium):not(.col-5):not(.col-4) .BasicContentTeaserArea--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; margin-top: 0; padding-right: 30px; }
  .BasicContentTeaserArea:not(.medium):not(.col-5):not(.col-4) .BasicContentTeaserArea--grid:after { content: ''; display: table; clear: both; } }

@media screen and (max-width: 1200px) { .BasicContentTeaserArea:not(.medium) .BasicContentTeaserArea--grid--item { width: 100%; border-bottom: 1px solid #D4D4D4; }
  .BasicContentTeaserArea:not(.medium) .BasicContentTeaserArea--grid--item::after { content: none; } }

@media screen and (max-width: 750px) { .BasicContentTeaserArea:not(.medium) .BasicContentTeaserArea--grid--item { padding-left: 15px; padding-right: 15px; } }

.l-Page.campaign .BasicContentTeaserArea.medium > .SectionContainer { padding-top: 0; }

.BasicContentTeaserArea.medium .BasicContentTeaserArea--content { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); }

@media (max-width: 1010px) { .BasicContentTeaserArea.medium .BasicContentTeaserArea--content { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .BasicContentTeaserArea.medium .BasicContentTeaserArea--content { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .BasicContentTeaserArea.medium .BasicContentTeaserArea--content { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .BasicContentTeaserArea.medium .BasicContentTeaserArea--content { margin-left: 20px; margin-right: 20px; } }

@media print { .BasicContentTeaserArea.medium .BasicContentTeaserArea--content { max-width: 100%; margin: 0; } }

@media screen and (min-width: 1001px) { .BasicContentTeaserArea.medium .BasicContentTeaserArea--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; }
  .BasicContentTeaserArea.medium .BasicContentTeaserArea--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; margin-top: 0; padding-right: 30px; }
  .BasicContentTeaserArea.medium .BasicContentTeaserArea--grid:after { content: ''; display: table; clear: both; } }

@media screen and (max-width: 1000px) { .BasicContentTeaserArea.medium .BasicContentTeaserArea--grid--item { padding-left: 30px; padding-right: 30px; width: 100%; border-bottom: 1px solid #D4D4D4; } }

@media screen and (max-width: 580px) { .BasicContentTeaserArea.medium .BasicContentTeaserArea--grid--item { padding-left: 20px; padding-right: 20px; } }

@media screen and (max-width: 1000px) { .BasicContentTeaserArea.medium .BasicContentTeaserArea--grid--item:last-child { border-bottom: none; }
  .BasicContentTeaserArea.medium .BasicContentTeaserArea--grid--item::after { content: none; } }

.BasicContentTeaserArea--content { text-align: center; }

@media screen and (max-width: 1000px) { .BasicContentTeaserArea--content { margin: 0; } }

[lang="ja"] .BasicContentTeaserArea--content { text-align: left; }

[lang="zh"] .BasicContentTeaserArea--content, [lang="zh-Hant"] .BasicContentTeaserArea--content, [lang="zh-Hans"] .BasicContentTeaserArea--content, [lang="zh-CN"] .BasicContentTeaserArea--content { text-align: left; }

.BasicContentTeaserArea--content .richtext > ul, .BasicContentTeaserArea--content .richtext > ol { min-width: 51%; max-width: 26em; margin-left: auto; margin-right: auto; display: inline-block; }

.BasicContentTeaserArea--content .richtext > ul, .BasicContentTeaserArea--content .richtext > ul, .BasicContentTeaserArea--content .richtext > ol, .BasicContentTeaserArea--content .richtext > ol { margin-top: 0; }

.BasicContentTeaserArea--content .richtext *:last-child { margin-bottom: 0; }

.BasicContentTeaserArea--grid { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.BasicContentTeaserArea--grid--item { position: relative; padding-top: 30px; padding-bottom: 30px; }

.BasicContentTeaserArea--grid--item::after { content: ""; position: absolute; top: 0; right: 15px; display: block; height: 100%; width: 0; border-right: 1px solid #D4D4D4; }

.BasicContentTeaserArea--grid--item:last-child::after { content: none; }

.BlogTeaser { position: relative; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-align: center; will-change: transform; }

.BlogTeaser:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.0375); opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .BlogTeaser:active, html:not(.can-touch) .BlogTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

html:not(.can-touch) .BlogTeaser:active:after, html:not(.can-touch) .BlogTeaser:hover:after { opacity: 1; }

html:not(.can-touch) .BlogTeaser:active .BlogTeaser--image, html:not(.can-touch) .BlogTeaser:hover .BlogTeaser--image { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

html:not(.can-touch) .BlogTeaser:active .BlogTeaser--author, html:not(.can-touch) .BlogTeaser:hover .BlogTeaser--author { -webkit-transform: translateY(-12px); transform: translateY(-12px); }

.is-slider-ready .BlogTeaser { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; }

@supports (display: flex) { .is-slider-ready .BlogTeaser { position: relative; height: auto; } }

.BlogTeaser--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 4px; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); z-index: 1; }

.BlogTeaser--header { padding: 30px 60px; }

@media screen and (max-width: 750px) { .BlogTeaser--header { padding: 30px; } }

.BlogTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }

[lang="zh"] .BlogTeaser--title, [lang="zh-Hant"] .BlogTeaser--title, [lang="zh-Hans"] .BlogTeaser--title, [lang="zh-CN"] .BlogTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .BlogTeaser--title { font-size: 18px; font-size: 1.125rem; } }

.BlogTeaser--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; display: block; margin-bottom: 1em; }

[lang="zh"] .BlogTeaser--category, [lang="zh-Hant"] .BlogTeaser--category, [lang="zh-Hans"] .BlogTeaser--category, [lang="zh-CN"] .BlogTeaser--category { line-height: 1.5; }

.BlogTeaser--date { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; margin-top: auto; margin-bottom: 30px; }

[lang="zh"] .BlogTeaser--date, [lang="zh-Hant"] .BlogTeaser--date, [lang="zh-Hans"] .BlogTeaser--date, [lang="zh-CN"] .BlogTeaser--date { line-height: 1.5; }

.BlogTeaser--image { -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.BlogTeaser--author { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; position: relative; display: block; margin-top: -44px; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

[lang="zh"] .BlogTeaser--author, [lang="zh-Hant"] .BlogTeaser--author, [lang="zh-Hans"] .BlogTeaser--author, [lang="zh-CN"] .BlogTeaser--author { line-height: 1.5; }

@media screen and (max-width: 750px) { .BlogTeaser--author { margin-top: -32px; } }

.BlogTeaser--author--portrait { height: 84px; width: 84px; border: 2px solid #ffffff; border-radius: 50%; overflow: hidden; margin-left: auto; margin-right: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #F9F9FA; }

.BlogTeaser--author--portrait > img { max-width: 100%; }

@media screen and (max-width: 750px) { .BlogTeaser--author--portrait { width: 64px; height: 64px; } }

.BlogTeaser--author--name { padding: 16px 30px 20px 30px; }

.BlogTeaser--author--name > span { display: block; }

.BlogTeaser--link { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.BoxTeaserArea { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-bottom: 60px; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); /* .BasicContentTeaser { display: flex; flex-direction: column; height: 100%; } .BasicContentTeaser--footer { padding-top: $gutter * 2; margin-top: auto; } */ }

@media (max-width: 1430px) { .BoxTeaserArea { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .BoxTeaserArea { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .BoxTeaserArea { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .BoxTeaserArea { margin-left: 20px; margin-right: 20px; } }

@media print { .BoxTeaserArea { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .BoxTeaserArea { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .BoxTeaserArea { margin-bottom: 30px; } }

.BoxTeaserArea .BasicContentTeaser { padding-bottom: 30px; }

@media screen and (max-width: 1000px) { .BoxTeaserArea { margin-left: 20px; margin-right: 20px; } }

@media screen and (max-width: 750px) { .BoxTeaserArea { display: block; border-radius: 0; box-shadow: none; margin-left: 0; margin-right: 0; }
  .BoxTeaserArea .BasicContentTeaser { text-align: center; }
  .BoxTeaserArea .SharePrice--chart { margin-left: auto; margin-right: auto; } }

.BoxTeaserArea--item { position: relative; width: 50%; margin: 45px 0 30px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-right: 1px solid #D4D4D4; }

.BoxTeaserArea--item:last-child { border-right: none; }

.BoxTeaserArea--item:before, .BoxTeaserArea--item:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 75px; background-image: linear-gradient(to right, white, white 25%, rgba(255, 255, 255, 0)); z-index: 1; }

.BoxTeaserArea--item:after { left: auto; right: 0; background-image: linear-gradient(to left, white, white 25%, rgba(255, 255, 255, 0)); }

@media screen and (max-width: 1000px) { .BoxTeaserArea--item { margin: 45px 0; }
  .BoxTeaserArea--item:before, .BoxTeaserArea--item:after { width: 45px; } }

@media screen and (max-width: 750px) { .BoxTeaserArea--item { padding-left: 30px; padding-right: 30px; width: auto; margin: 0; padding-top: 60px; padding-bottom: 60px; border-right: none; border-bottom: 1px solid #D4D4D4; } }

@media screen and (max-width: 580px) { .BoxTeaserArea--item { padding-left: 20px; padding-right: 20px; } }

@media screen and (max-width: 750px) { .BoxTeaserArea--item:before, .BoxTeaserArea--item:after { content: none; } }

.BoxTeaserArea--slider { overflow: hidden; }

.BoxTeaserArea--slider.is-draggable .flickity-page-dots { display: block; }

.BoxTeaserArea--slider .flickity-page-dots { position: absolute; right: 60px; bottom: 0; display: none; z-index: 2; }

@media screen and (max-width: 1000px) { .BoxTeaserArea--slider .flickity-page-dots { right: 30px; } }

@media screen and (max-width: 750px) { .BoxTeaserArea--slider .flickity-page-dots { position: relative; right: initial; bottom: initial; text-align: center; } }

.BoxTeaserArea--slider:not(.is-slider-ready) .BoxTeaserArea--slide:nth-child(n+2) { display: none; }

.BoxTeaserArea--slide { width: 100%; padding: 0 75px; }

@media screen and (max-width: 1000px) { .BoxTeaserArea--slide { padding: 0 45px; } }

@media screen and (max-width: 750px) { .BoxTeaserArea--slide { padding: 0; } }

.CampaignHeroTeaser { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100vh; max-height: 900px; color: #ffffff; background-color: #000000; }

.CampaignHeroTeaser .SectionTitle.large { width: 50%; margin-left: auto; margin-right: auto; text-align: center; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }

.CampaignHeroTeaser .SectionTitle.large .SectionTitle--headline { opacity: 0; -webkit-animation-name: anim-CampaignHero-title; animation-name: anim-CampaignHero-title; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.CampaignHeroTeaser .SectionTitle.large .SectionTitle--content { font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); opacity: 0; -webkit-animation-name: anim-CampaignHero-title; animation-name: anim-CampaignHero-title; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

[lang="zh"] .CampaignHeroTeaser .SectionTitle.large .SectionTitle--content, [lang="zh-Hant"] .CampaignHeroTeaser .SectionTitle.large .SectionTitle--content, [lang="zh-Hans"] .CampaignHeroTeaser .SectionTitle.large .SectionTitle--content, [lang="zh-CN"] .CampaignHeroTeaser .SectionTitle.large .SectionTitle--content { line-height: 1.7; }

@media screen and (max-width: 1000px) { .CampaignHeroTeaser .SectionTitle.large .SectionTitle--content { font-size: 20px; font-size: 1.25rem; } }

@media screen and (max-width: 1200px) { .CampaignHeroTeaser .SectionTitle.large { width: 75%; } }

@media screen and (max-width: 1000px) { .CampaignHeroTeaser .SectionTitle.large { width: 100%; } }

.CampaignHeroTeaser--text { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding-top: 120px; padding-bottom: 120px; display: block; position: relative; z-index: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

@media (max-width: 1430px) { .CampaignHeroTeaser--text { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .CampaignHeroTeaser--text { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .CampaignHeroTeaser--text { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .CampaignHeroTeaser--text { margin-left: 20px; margin-right: 20px; } }

@media print { .CampaignHeroTeaser--text { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .CampaignHeroTeaser--text { padding-top: 15vw; } }

@media screen and (max-width: 400px) { .CampaignHeroTeaser--text { padding-top: 60px; } }

@media screen and (max-width: 1000px) { .CampaignHeroTeaser--text { padding-bottom: 15vw; } }

@media screen and (max-width: 400px) { .CampaignHeroTeaser--text { padding-bottom: 60px; } }

@media screen and (max-width: 750px) { .CampaignHeroTeaser--text { padding-top: 100px; padding-bottom: 100px; } }

.CampaignHeroTeaser--action { margin-top: 30px; text-align: center; opacity: 0; -webkit-animation-name: anim-CampaignHero-title; animation-name: anim-CampaignHero-title; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@media screen and (max-width: 1000px) { .CampaignHeroTeaser--action { margin-top: 3.75vw; } }

@media screen and (max-width: 400px) { .CampaignHeroTeaser--action { margin-top: 15px; } }

@keyframes scroll-indicator { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0%); transform: translateY(0%); } }

.CampaignHeroTeaser--scrollIndicator { position: absolute; left: 50%; bottom: 30px; z-index: 1; width: 100px; height: 100px; margin-left: -50px; transition: 200ms -webkit-transform ease-in-out; transition: 200ms transform ease-in-out; transition: 200ms transform ease-in-out, 200ms -webkit-transform ease-in-out; }

html:not(.can-touch) .CampaignHeroTeaser--scrollIndicator:active, html:not(.can-touch) .CampaignHeroTeaser--scrollIndicator:hover { cursor: pointer; -webkit-transform: scale(1.2); transform: scale(1.2); }

html:not(.can-touch) .CampaignHeroTeaser--scrollIndicator:active .CampaignHeroTeaser--scrollIndicator--icon, html:not(.can-touch) .CampaignHeroTeaser--scrollIndicator:hover .CampaignHeroTeaser--scrollIndicator--icon { -webkit-animation-play-state: paused; animation-play-state: paused; }

@media screen and (max-width: 750px) { .CampaignHeroTeaser--scrollIndicator { bottom: 100px; width: 80px; height: 80px; margin-left: -40px; } }

.CampaignHeroTeaser--scrollIndicator--icon { position: absolute; left: 35px; bottom: 15px; -webkit-animation-name: scroll-indicator; animation-name: scroll-indicator; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.CampaignHeroTeaser--scrollIndicator--icon::before { content: ""; display: block; width: 30px; height: 30px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: translateY(-12px) rotate(45deg); transform: translateY(-12px) rotate(45deg); }

@media screen and (max-width: 750px) { .CampaignHeroTeaser--scrollIndicator--icon { bottom: 10px; left: 30px; }
  .CampaignHeroTeaser--scrollIndicator--icon::before { width: 20px; height: 20px; } }

.CampaignHeroTeaser--background { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.CampaignHeroTeaser--background > .Media { width: 100%; height: 100%; }

.CampaignHeroTeaser--background::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%); }

.CollaborationTeaser { transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transform: translateY(0); transform: translateY(0); will-change: transform; }

.CollaborationTeaser:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.0375); opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .CollaborationTeaser:active, html:not(.can-touch) .CollaborationTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

html:not(.can-touch) .CollaborationTeaser:active:after, html:not(.can-touch) .CollaborationTeaser:hover:after { opacity: 1; }

html:not(.can-touch) .CollaborationTeaser:active .CollaborationTeaser--content, html:not(.can-touch) .CollaborationTeaser:active .CollaborationTeaser--footer, html:not(.can-touch) .CollaborationTeaser:hover .CollaborationTeaser--content, html:not(.can-touch) .CollaborationTeaser:hover .CollaborationTeaser--footer { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.is-slider-ready .CollaborationTeaser { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; }

@supports (display: flex) { .is-slider-ready .CollaborationTeaser { position: relative; height: auto; } }

.CollaborationTeaser--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; overflow: hidden; border-radius: 4px; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); z-index: 1; }

.CollaborationTeaser--header { max-height: 145px; overflow: hidden; }

.CollaborationTeaser--content { background-color: #ffffff; padding: 34px; overflow: hidden; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media screen and (max-width: 1000px) { .CollaborationTeaser--content { padding: 20px; } }

.CollaborationTeaser--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; display: block; margin-bottom: 18px; }

[lang="zh"] .CollaborationTeaser--category, [lang="zh-Hant"] .CollaborationTeaser--category, [lang="zh-Hans"] .CollaborationTeaser--category, [lang="zh-CN"] .CollaborationTeaser--category { line-height: 1.5; }

.CollaborationTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-bottom: 1em; }

[lang="zh"] .CollaborationTeaser--title, [lang="zh-Hant"] .CollaborationTeaser--title, [lang="zh-Hans"] .CollaborationTeaser--title, [lang="zh-CN"] .CollaborationTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .CollaborationTeaser--title { font-size: 18px; font-size: 1.125rem; } }

.CollaborationTeaser--footer { margin-top: auto; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.CollaborationTeaser--partner { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 34px; border-top: 1px solid #D4D4D4; }

[lang="zh"] .CollaborationTeaser--partner, [lang="zh-Hant"] .CollaborationTeaser--partner, [lang="zh-Hans"] .CollaborationTeaser--partner, [lang="zh-CN"] .CollaborationTeaser--partner { line-height: 1.5; }

@media screen and (max-width: 1000px) { .CollaborationTeaser--partner { padding: 20px; } }

.CollaborationTeaser--partner--logos { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 1.2em; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.CollaborationTeaser--partner--logos > img { display: block; position: relative; height: 42px; width: 42px; border: 2px solid #ffffff; border-radius: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.CollaborationTeaser--partner--logos > img:nth-child(1n + 2) { margin-left: -21px; }

@media screen and (max-width: 580px) { .CollaborationTeaser--partner--logos > img { height: 34px; width: 34px; }
  .CollaborationTeaser--partner--logos > img:nth-child(1n + 2) { margin-left: -17px; } }

.CollaborationTeaser--link { display: block; height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.CounterTeaser { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); margin-bottom: 180px; position: relative; height: 800px; max-height: 90vh; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #ffffff; }

@media (max-width: 1430px) { .CounterTeaser { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .CounterTeaser { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .CounterTeaser { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .CounterTeaser { padding-left: 20px; padding-right: 20px; } }

@media print { .CounterTeaser { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .CounterTeaser { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .CounterTeaser { margin-bottom: 90px; } }

.CounterTeaser:last-child { margin-bottom: 0; }

.CounterTeaser--teaser { width: 40%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; text-align: center; z-index: 1; }

@media screen and (max-width: 1382px) { .CounterTeaser--teaser { width: 50%; } }

@media screen and (max-width: 1200px) { .CounterTeaser--teaser { width: 100%; } }

.CounterTeaser--counter { font-size: 120px; font-size: 7.5rem; font-weight: 200; line-height: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 1000px) { .CounterTeaser--counter { font-size: 75px; font-size: 4.6875rem; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .CounterTeaser--counter { font-size: 60px; font-size: 3.75rem; line-height: 1.1; } }

.CounterTeaser--caption { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-top: 0.5em; }

[lang="zh"] .CounterTeaser--caption, [lang="zh-Hant"] .CounterTeaser--caption, [lang="zh-Hans"] .CounterTeaser--caption, [lang="zh-CN"] .CounterTeaser--caption { line-height: 1.5; }

@media screen and (max-width: 1000px) { .CounterTeaser--caption { font-size: 18px; font-size: 1.125rem; } }

.CounterTeaser--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; max-width: 20em; margin-top: 15px; margin-left: auto; margin-right: auto; }

.CounterTeaser--share { margin-top: 30px; }

.CounterTeaser--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; overflow: hidden; }

.CounterTeaser--background .Media { width: 100%; height: 100%; opacity: 0.4; }

.CounterTeaser--background .Media.image { height: calc(100% + 200px); top: -100px; -webkit-transform: translateY(100px); transform: translateY(100px); }

.DialogueTeaser { position: relative; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); will-change: transform; }

.DialogueTeaser:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.0375); opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .DialogueTeaser:active, html:not(.can-touch) .DialogueTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

html:not(.can-touch) .DialogueTeaser:active:after, html:not(.can-touch) .DialogueTeaser:hover:after { opacity: 1; }

html:not(.can-touch) .DialogueTeaser:active .DialogueTeaser--content, html:not(.can-touch) .DialogueTeaser:hover .DialogueTeaser--content { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.DialogueTeaser--content { position: absolute; bottom: 0; left: 0; width: 100%; max-height: 100%; padding: 30px; color: #ffffff; z-index: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.DialogueTeaser--category { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #ffffff; display: block; margin-bottom: 0.5em; opacity: 0.8; }

[lang="zh"] .DialogueTeaser--category, [lang="zh-Hant"] .DialogueTeaser--category, [lang="zh-Hans"] .DialogueTeaser--category, [lang="zh-CN"] .DialogueTeaser--category { line-height: 1.5; }

.DialogueTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; word-wrap: break-word; }

[lang="zh"] .DialogueTeaser--title, [lang="zh-Hant"] .DialogueTeaser--title, [lang="zh-Hans"] .DialogueTeaser--title, [lang="zh-CN"] .DialogueTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .DialogueTeaser--title { font-size: 18px; font-size: 1.125rem; } }

.DialogueTeaser--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; margin-top: 1em; }

.DialogueTeaser--background { position: relative; width: 100%; padding-top: 130%; min-height: 100%; border-radius: 4px; overflow: hidden; }

.DialogueTeaser--background > .Media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.DialogueTeaser--background::after { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(60, 65, 80, 0.4); }

.DialogueTeaser--link { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.EventTeaser { transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transform: translateY(0); transform: translateY(0); will-change: transform; }

.EventTeaser:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.0375); opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); z-index: -1; }

html:not(.can-touch) .EventTeaser:active, html:not(.can-touch) .EventTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

html:not(.can-touch) .EventTeaser:active:after, html:not(.can-touch) .EventTeaser:hover:after { opacity: 1; }

html:not(.can-touch) .EventTeaser:active .EventTeaser--content, html:not(.can-touch) .EventTeaser:active .EventTeaser--footer, html:not(.can-touch) .EventTeaser:hover .EventTeaser--content, html:not(.can-touch) .EventTeaser:hover .EventTeaser--footer { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.EventTeaser .EventTeaser--inner { transition: box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); will-change: box-shadow; }

.is-slider-ready .EventTeaser { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; }

@supports (display: flex) { .is-slider-ready .EventTeaser { position: relative; height: auto; } }

.EventTeaser--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; overflow: hidden; border-radius: 4px; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); }

.EventTeaser--header { max-height: 145px; overflow: hidden; }

.EventTeaser--header--icon { position: absolute; top: 20px; left: auto; right: 20px; }

.EventTeaser--tags { position: absolute; top: 0; left: 0; right: 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.EventTeaser--tag { color: #ffffff; font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; line-height: 1.25rem; vertical-align: middle; height: 35px; padding: 7px 19px 8px; height: 2.1875rem; padding: 0.4375rem 1.1875rem 0.5rem; display: inline-block; position: relative; max-width: 100%; margin-left: 10px; margin-top: 10px; text-align: center; white-space: nowrap; }

.EventTeaser--tag:before { border: 1px solid #006E73; background-color: #006E73; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.EventTeaser--tag:hover:not([disabled]), .EventTeaser--tag:hover:enabled { color: #006E73; }

.EventTeaser--tag:hover:not([disabled]):before, .EventTeaser--tag:hover:enabled:before { background-color: #ffffff; border-color: #CCE2E3; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.EventTeaser--tag:active:not([disabled]), .EventTeaser--tag:active:enabled { color: #006E73; }

.EventTeaser--tag:active:not([disabled]):before, .EventTeaser--tag:active:enabled:before { background-color: #ffffff; border-color: #CCE2E3; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

[lang="zh"] .EventTeaser--tag, [lang="zh-Hant"] .EventTeaser--tag, [lang="zh-Hans"] .EventTeaser--tag, [lang="zh-CN"] .EventTeaser--tag { line-height: 1.5; }

.EventTeaser--tag:before { box-sizing: border-box; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; }

.EventTeaser--tag .Button--content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; position: relative; max-width: 100%; z-index: 1; }

.EventTeaser--tag .Button--content > br { display: none; }

.EventTeaser--tag:before { background-color: #3C4150; border-color: transparent; }

.EventTeaser--tag span { position: relative; }

.EventTeaser--tag .Icon { max-width: 18px; }

.EventTeaser--content { background-color: #ffffff; padding: 34px; overflow: hidden; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media screen and (max-width: 1000px) { .EventTeaser--content { padding: 20px; } }

.EventTeaser--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; display: block; margin-bottom: 18px; }

[lang="zh"] .EventTeaser--category, [lang="zh-Hant"] .EventTeaser--category, [lang="zh-Hans"] .EventTeaser--category, [lang="zh-CN"] .EventTeaser--category { line-height: 1.5; }

.EventTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-bottom: 0.5em; }

[lang="zh"] .EventTeaser--title, [lang="zh-Hant"] .EventTeaser--title, [lang="zh-Hans"] .EventTeaser--title, [lang="zh-CN"] .EventTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .EventTeaser--title { font-size: 18px; font-size: 1.125rem; } }

.EventTeaser--footer { margin-top: auto; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.EventTeaser--info { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; padding: 25px 34px; border-top: 1px solid #ECECEE; }

[lang="zh"] .EventTeaser--info, [lang="zh-Hant"] .EventTeaser--info, [lang="zh-Hans"] .EventTeaser--info, [lang="zh-CN"] .EventTeaser--info { line-height: 1.5; }

.EventTeaser--info .PictoText { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.EventTeaser--info .PictoText > .Icon { height: 100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 2ex; }

@media screen and (max-width: 1000px) { .EventTeaser--info { padding: 20px; } }

.EventTeaser--link { display: block; height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.FeaturedEventTeaser { transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transform: translateY(0); transform: translateY(0); will-change: transform; min-height: 410px; }

.FeaturedEventTeaser:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.0375); opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); z-index: -1; }

html:not(.can-touch) .FeaturedEventTeaser:active, html:not(.can-touch) .FeaturedEventTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

html:not(.can-touch) .FeaturedEventTeaser:active:after, html:not(.can-touch) .FeaturedEventTeaser:hover:after { opacity: 1; }

html:not(.can-touch) .FeaturedEventTeaser:active .FeaturedEventTeaser--title > *:not(.FeaturedEventTeaser--live--tag), html:not(.can-touch) .FeaturedEventTeaser:active .FeaturedEventTeaser--footer, html:not(.can-touch) .FeaturedEventTeaser:hover .FeaturedEventTeaser--title > *:not(.FeaturedEventTeaser--live--tag), html:not(.can-touch) .FeaturedEventTeaser:hover .FeaturedEventTeaser--footer { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.FeaturedEventTeaser--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; min-height: 410px; position: relative; overflow: hidden; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); transition: box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.FeaturedEventTeaser--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #3C4150; }

.FeaturedEventTeaser--background > .Media.image { height: 100%; }

.FeaturedEventTeaser--background:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(60, 65, 80, 0.4); }

.FeaturedEventTeaser--tags { position: absolute; top: 20px; left: auto; right: 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.FeaturedEventTeaser--private--tag, .FeaturedEventTeaser--live--tag { color: #ffffff; font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; line-height: 1.25rem; vertical-align: middle; height: 50px; padding: 15px 31px; height: 3.125rem; padding: 0.9375rem 1.9375rem; display: inline-block; position: relative; max-width: 100%; text-align: center; overflow: visible; margin-left: 10px; }

.FeaturedEventTeaser--private--tag:before, .FeaturedEventTeaser--live--tag:before { border: 1px solid #006E73; background-color: #006E73; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.FeaturedEventTeaser--private--tag:hover:not([disabled]), .FeaturedEventTeaser--private--tag:hover:enabled, .FeaturedEventTeaser--live--tag:hover:not([disabled]), .FeaturedEventTeaser--live--tag:hover:enabled { color: #006E73; }

.FeaturedEventTeaser--private--tag:hover:not([disabled]):before, .FeaturedEventTeaser--private--tag:hover:enabled:before, .FeaturedEventTeaser--live--tag:hover:not([disabled]):before, .FeaturedEventTeaser--live--tag:hover:enabled:before { background-color: #ffffff; border-color: #CCE2E3; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.FeaturedEventTeaser--private--tag:active:not([disabled]), .FeaturedEventTeaser--private--tag:active:enabled, .FeaturedEventTeaser--live--tag:active:not([disabled]), .FeaturedEventTeaser--live--tag:active:enabled { color: #006E73; }

.FeaturedEventTeaser--private--tag:active:not([disabled]):before, .FeaturedEventTeaser--private--tag:active:enabled:before, .FeaturedEventTeaser--live--tag:active:not([disabled]):before, .FeaturedEventTeaser--live--tag:active:enabled:before { background-color: #ffffff; border-color: #CCE2E3; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

[lang="zh"] .FeaturedEventTeaser--private--tag, [lang="zh-Hant"] .FeaturedEventTeaser--private--tag, [lang="zh-Hans"] .FeaturedEventTeaser--private--tag, [lang="zh-CN"] .FeaturedEventTeaser--private--tag, [lang="zh"] .FeaturedEventTeaser--live--tag, [lang="zh-Hant"] .FeaturedEventTeaser--live--tag, [lang="zh-Hans"] .FeaturedEventTeaser--live--tag, [lang="zh-CN"] .FeaturedEventTeaser--live--tag { line-height: 1.5; }

.FeaturedEventTeaser--private--tag:before, .FeaturedEventTeaser--live--tag:before { box-sizing: border-box; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; }

.FeaturedEventTeaser--private--tag .Button--content, .FeaturedEventTeaser--live--tag .Button--content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; position: relative; max-width: 100%; z-index: 1; }

.FeaturedEventTeaser--private--tag .Button--content > br, .FeaturedEventTeaser--live--tag .Button--content > br { display: none; }

.FeaturedEventTeaser--private--tag span, .FeaturedEventTeaser--live--tag span { position: relative; }

.FeaturedEventTeaser--private--tag:before, .FeaturedEventTeaser--live--tag:before { background-color: rgba(0, 0, 0, 0.3); border-color: transparent; }

.FeaturedEventTeaser--content { color: #ffffff; margin-top: auto; padding: 34px; overflow: hidden; }

@media screen and (max-width: 1000px) { .FeaturedEventTeaser--content { padding: 20px; } }

.FeaturedEventTeaser--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #ffffff; display: block; margin-bottom: 18px; }

[lang="zh"] .FeaturedEventTeaser--category, [lang="zh-Hant"] .FeaturedEventTeaser--category, [lang="zh-Hans"] .FeaturedEventTeaser--category, [lang="zh-CN"] .FeaturedEventTeaser--category { line-height: 1.5; }

.FeaturedEventTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-bottom: 1em; }

[lang="zh"] .FeaturedEventTeaser--title, [lang="zh-Hant"] .FeaturedEventTeaser--title, [lang="zh-Hans"] .FeaturedEventTeaser--title, [lang="zh-CN"] .FeaturedEventTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .FeaturedEventTeaser--title { font-size: 18px; font-size: 1.125rem; } }

.FeaturedEventTeaser--title > *:not(.FeaturedEventTeaser--live--tag) { display: block; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.FeaturedEventTeaser--footer { border-top: 1px solid rgba(255, 255, 255, 0.6); -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media screen and (max-width: 1000px) { .FeaturedEventTeaser--footer { border-top: none; } }

.FeaturedEventTeaser--info { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #ffffff; padding: 25px 34px; float: left; opacity: 0.8; }

[lang="zh"] .FeaturedEventTeaser--info, [lang="zh-Hant"] .FeaturedEventTeaser--info, [lang="zh-Hans"] .FeaturedEventTeaser--info, [lang="zh-CN"] .FeaturedEventTeaser--info { line-height: 1.5; }

@media screen and (max-width: 1000px) { .FeaturedEventTeaser--info { padding: 20px; float: none; border-top: 1px solid rgba(255, 255, 255, 0.6); } }

.FeaturedEventTeaser--link { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.FiguresTeaser { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; }

.FiguresTeaser--content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: auto; }

.FiguresTeaser--figureContainer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.FiguresTeaser--figure { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; }

@media screen and (max-width: 1000px) { .FiguresTeaser--figure { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

@media screen and (max-width: 750px) { .FiguresTeaser--figure { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; font-size: 50px; font-size: 3.125rem; line-height: 1.14; font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.FiguresTeaser.large .FiguresTeaser--figure { font-size: 80px; font-size: 5rem; font-weight: 200; line-height: 1.1; }

@media screen and (max-width: 1000px) { .FiguresTeaser.large .FiguresTeaser--figure { font-size: 50px; font-size: 3.125rem; line-height: 1.14; } }

@media screen and (max-width: 750px) { .FiguresTeaser.large .FiguresTeaser--figure { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } }

.FiguresTeaser--term { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-top: 0.75em; }

[lang="zh"] .FiguresTeaser--term, [lang="zh-Hant"] .FiguresTeaser--term, [lang="zh-Hans"] .FiguresTeaser--term, [lang="zh-CN"] .FiguresTeaser--term { line-height: 1.5; }

@media screen and (max-width: 1000px) { .FiguresTeaser--term { font-size: 18px; font-size: 1.125rem; } }

.FiguresTeaser--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; margin-top: 0.8em; }

.FiguresTeaser--action { margin-top: 2em; }

.FiguresTeaserArea { margin-top: 120px; margin-bottom: 120px; }

@media screen and (max-width: 1000px) { .FiguresTeaserArea { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .FiguresTeaserArea { margin-top: 60px; } }

@media screen and (max-width: 1000px) { .FiguresTeaserArea { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .FiguresTeaserArea { margin-bottom: 60px; } }

.FiguresTeaserArea .SectionContainer.gradient { padding-top: 120px; }

@media screen and (max-width: 1000px) { .FiguresTeaserArea .SectionContainer.gradient { padding-top: 15vw; } }

@media screen and (max-width: 400px) { .FiguresTeaserArea .SectionContainer.gradient { padding-top: 60px; } }

.FiguresTeaserArea .TeaserSlider { position: relative; }

.FiguresTeaserArea .TeaserSlider::before, .FiguresTeaserArea .TeaserSlider::after { width: calc(50% - 615px); content: ""; position: absolute; top: 0; bottom: 0; z-index: 2; }

@media (max-width: 1430px) { .FiguresTeaserArea .TeaserSlider::before, .FiguresTeaserArea .TeaserSlider::after { width: 75px; } }

@media screen and (max-width: 1200px) { .FiguresTeaserArea .TeaserSlider::before, .FiguresTeaserArea .TeaserSlider::after { width: 60px; } }

@media screen and (max-width: 750px) { .FiguresTeaserArea .TeaserSlider::before, .FiguresTeaserArea .TeaserSlider::after { width: 30px; } }

@media screen and (max-width: 580px) { .FiguresTeaserArea .TeaserSlider::before, .FiguresTeaserArea .TeaserSlider::after { width: 20px; } }

@media print { .FiguresTeaserArea .TeaserSlider::before, .FiguresTeaserArea .TeaserSlider::after { max-width: 100%; margin: 0; } }

.FiguresTeaserArea .TeaserSlider::before { left: 0; background-image: linear-gradient(90deg, white, white 60%, rgba(255, 255, 255, 0) 100%); }

.FiguresTeaserArea .TeaserSlider::after { right: 0; background-image: linear-gradient(-90deg, white, white 60%, rgba(255, 255, 255, 0) 100%); }

@media (min-width: 1431px) { .FiguresTeaserArea .TeaserSlider::before { left: auto; right: calc(50% + 615px); width: 75px; }
  .FiguresTeaserArea .TeaserSlider::after { right: auto; left: calc(50% + 615px); width: 75px; }
  .FiguresTeaserArea .TeaserSlider .TeaserSlider--inner::before, .FiguresTeaserArea .TeaserSlider .TeaserSlider--inner::after { content: ""; position: absolute; top: 0; bottom: 0; width: calc(50% - 690px); background-color: white; z-index: 2; }
  .FiguresTeaserArea .TeaserSlider .TeaserSlider--inner::before { left: 0; }
  .FiguresTeaserArea .TeaserSlider .TeaserSlider--inner::after { right: 0; } }

@media screen and (min-width: 751px) { .FiguresTeaserArea .TeaserSlider .TeaserSlider--slide { position: relative; }
  .FiguresTeaserArea .TeaserSlider .TeaserSlider--slide::before { content: ""; position: absolute; left: -15px; top: 0; width: 1px; height: 100%; background-color: #ECECEE; opacity: 0; transition: opacity 0.2s; }
  .FiguresTeaserArea .TeaserSlider .TeaserSlider--slide.is-selected ~ .TeaserSlider--slide.is-selected::before, .FiguresTeaserArea .TeaserSlider .TeaserSlider--slide.is-selected ~ .TeaserSlider--slide.is-visible::before, .FiguresTeaserArea .TeaserSlider .TeaserSlider--slide.is-visible ~ .TeaserSlider--slide.is-selected::before, .FiguresTeaserArea .TeaserSlider .TeaserSlider--slide.is-visible ~ .TeaserSlider--slide.is-visible::before { opacity: 1; }
  .FiguresTeaserArea .TeaserSlider .TeaserSlider--slide.is-selected ~ .TeaserSlider--slide.is-selected:first-of-type::before, .FiguresTeaserArea .TeaserSlider .TeaserSlider--slide.is-selected ~ .TeaserSlider--slide.is-visible:first-of-type::before, .FiguresTeaserArea .TeaserSlider .TeaserSlider--slide.is-visible ~ .TeaserSlider--slide.is-selected:first-of-type::before, .FiguresTeaserArea .TeaserSlider .TeaserSlider--slide.is-visible ~ .TeaserSlider--slide.is-visible:first-of-type::before { opacity: 0; } }

.FiguresTeaserArea .FiguresTeaser { max-width: 383px; margin: 0 auto; }

.GridTeaser { position: relative; padding-top: 70%; min-height: 100%; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); will-change: transform; overflow: hidden; }

.GridTeaser:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.0375); opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.GridTeaser.medium { padding-top: 140%; padding-top: calc((200% + 30px) * 0.7); }

.GridTeaser.large { padding-top: 70%; }

.GridTeaser.small .GridTeaser--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; }

.GridTeaser.campaign .GridTeaser--content { padding-right: 90px; }

@media screen and (max-width: 1000px) { .GridTeaser.campaign.large { padding-top: 140%; }
  .GridTeaser.campaign .GridTeaser--text { display: block; } }

@media screen and (max-width: 750px) { .GridTeaser.campaign .GridTeaser--content { padding-left: 20px; }
  .GridTeaser.campaign .GridTeaser--arrowIcon { right: 20px; }
  .GridTeaser.campaign .GridTeaser--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; } }

@media screen and (min-width: 581px) { html:not(.can-touch) .GridTeaser:active, html:not(.can-touch) .GridTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  html:not(.can-touch) .GridTeaser:active:after, html:not(.can-touch) .GridTeaser:hover:after { opacity: 1; }
  html:not(.can-touch) .GridTeaser:active .GridTeaser--content, html:not(.can-touch) .GridTeaser:hover .GridTeaser--content { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  html:not(.can-touch) .GridTeaser:active .GridTeaser--arrowIcon::before, html:not(.can-touch) .GridTeaser:hover .GridTeaser--arrowIcon::before { -webkit-transform: scale(1.1); transform: scale(1.1); border-color: transparent; background-color: rgba(255, 255, 255, 0.2); } }

@media screen and (max-width: 1000px) { .GridTeaser { padding-top: 50%; }
  .GridTeaser.medium, .GridTeaser.large { padding-top: 50%; } }

@media screen and (max-width: 580px) { .GridTeaser { padding-top: 70%; box-shadow: none; }
  .GridTeaser.medium, .GridTeaser.large { padding-top: 70%; } }

.GridTeaser--content { position: absolute; bottom: 0; left: 0; width: 100%; max-height: 100%; padding: 30px; color: #ffffff; z-index: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); will-change: transform; }

.GridTeaser--category { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #ffffff; display: block; margin-bottom: 0.5em; opacity: 0.8; }

[lang="zh"] .GridTeaser--category, [lang="zh-Hant"] .GridTeaser--category, [lang="zh-Hans"] .GridTeaser--category, [lang="zh-CN"] .GridTeaser--category { line-height: 1.5; }

.GridTeaser--title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; word-wrap: break-word; }

[lang="zh"] .GridTeaser--title, [lang="zh-Hant"] .GridTeaser--title, [lang="zh-Hans"] .GridTeaser--title, [lang="zh-CN"] .GridTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .GridTeaser--title { font-size: 18px; font-size: 1.125rem; font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; font-weight: bold; font-size: 22px; font-size: 1.375rem; } }

.GridTeaser--text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ margin-top: 0.6em; }

@media screen and (max-width: 1000px) { .GridTeaser--text { display: none; } }

.GridTeaser--arrowIcon { position: absolute; right: 30px; bottom: 30px; }

.GridTeaser--background { position: absolute; top: 0; width: 100%; height: 100%; border-radius: 4px; overflow: hidden; }

@media screen and (max-width: 580px) { .GridTeaser--background { border-radius: 0; } }

.GridTeaser--background > .Media { height: 100%; }

.GridTeaser--background::after { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(60, 65, 80, 0.4); }

.GridTeaser--link { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.GridTeaserArea--inner { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .GridTeaserArea--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .GridTeaserArea--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .GridTeaserArea--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .GridTeaserArea--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .GridTeaserArea--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 580px) { .GridTeaserArea--inner { margin-left: 0; margin-right: 0; } }

.GridTeaserArea--grid { margin-bottom: 60px; display: -ms-grid; display: grid; grid-gap: 30px; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }

@media screen and (max-width: 1000px) { .GridTeaserArea--grid { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .GridTeaserArea--grid { margin-bottom: 30px; } }

@media screen and (max-width: 1000px) { .GridTeaserArea--grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } }

@media screen and (max-width: 580px) { .GridTeaserArea--grid { grid-gap: 0; } }

.GridTeaserArea--grid--item { grid-area: span 1 / span 1; }

.GridTeaserArea--grid--item.medium { grid-area: span 2 / span 1; }

.GridTeaserArea--grid--item.large { grid-area: span 2 / span 2; }

@media screen and (max-width: 1000px) { .GridTeaserArea--grid--item { grid-area: auto !important; }
  .GridTeaserArea--grid--item.large.campaign { -webkit-order: -1; -ms-flex-order: -1; order: -1; } }

.HeroTeaser { width: 100%; height: 100%; color: #ffffff; }

.HeroTeaser--inner { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding-top: 240px; padding-bottom: 60px; margin-bottom: 100px; margin-bottom: 6.25rem; position: absolute; left: 0; right: 0; bottom: 0; }

@media (max-width: 1430px) { .HeroTeaser--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .HeroTeaser--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .HeroTeaser--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .HeroTeaser--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .HeroTeaser--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .HeroTeaser--inner { padding-top: 30vw; } }

@media screen and (max-width: 400px) { .HeroTeaser--inner { padding-top: 120px; } }

@media screen and (max-width: 1000px) { .HeroTeaser--inner { padding-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .HeroTeaser--inner { padding-bottom: 30px; } }

@media screen and (max-width: 1382px) { .HeroTeaser--inner { padding-bottom: 15px; } }

@media screen and (max-width: 750px) { .HeroTeaser--inner { padding-top: 150px; padding-bottom: 0; margin-bottom: 45px; } }

@media screen and (max-width: 580px) { .HeroTeaser--inner { margin-bottom: 60px; } }

.HeroTeaser--header { width: 80%; }

@media screen and (max-width: 1000px) { .HeroTeaser--header { width: 90%; } }

@media screen and (max-width: 750px) { .HeroTeaser--header { width: 100%; } }

.HeroTeaser--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; display: block; margin-bottom: 1em; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); letter-spacing: 0.05ex; }

[lang="zh"] .HeroTeaser--category, [lang="zh-Hant"] .HeroTeaser--category, [lang="zh-Hans"] .HeroTeaser--category, [lang="zh-CN"] .HeroTeaser--category { line-height: 1.5; }

@media screen and (max-width: 750px) { .HeroTeaser--category { margin-bottom: 0.5em; } }

.HeroTeaser--preTitle { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; font-weight: 200; display: block; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 1000px) { .HeroTeaser--preTitle { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

.HeroTeaser--title { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; width: 60%; display: block; margin-bottom: 0.5em; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 1000px) { .HeroTeaser--title { font-size: 30px; font-size: 1.875rem; line-height: 1.53333; } }

@media screen and (max-width: 1382px) { .HeroTeaser--title { font-size: 30px; font-size: 1.875rem; width: 70%; line-height: 1.3; } }

@media screen and (max-width: 750px) { .HeroTeaser--title { width: 100%; } }

.HeroTeaser--text { width: 50%; margin-bottom: 30px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); }

@media screen and (max-width: 1382px) { .HeroTeaser--text { width: 60%; margin-bottom: 15px; } }

@media screen and (max-width: 1200px) { .HeroTeaser--text { width: 70%; } }

@media screen and (max-width: 750px) { .HeroTeaser--text { width: 100%; margin-bottom: 15px; } }

@media screen and (max-width: 580px) { .HeroTeaser--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; margin-bottom: 30px; } }

.HeroTeaser--cta { position: relative; z-index: 1; pointer-events: none; }

.HeroTeaser--cta .Button { pointer-events: auto; }

.HeroTeaser--link { top: 240px; position: absolute; left: 0; bottom: 0; width: 100%; }

@media screen and (max-width: 1000px) { .HeroTeaser--link { top: 30vw; } }

@media screen and (max-width: 400px) { .HeroTeaser--link { top: 120px; } }

@media screen and (max-width: 750px) { .HeroTeaser--link { top: 150px; } }

.HeroTeaser--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; }

.HeroTeaser--background > .Media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.HeroTeaser--background::before, .HeroTeaser--background::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }

.HeroTeaser--background::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.7) 100%); }

.HeroTeaser--background::after { background-color: rgba(60, 65, 80, 0.2); }

.HeroTeaserArea { margin-bottom: 120px; height: 54.6875rem; max-height: calc(100vh - 90px); min-height: 45rem; overflow: hidden; }

@media screen and (max-width: 1000px) { .HeroTeaserArea { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .HeroTeaserArea { margin-bottom: 60px; } }

@media screen and (max-width: 1382px) { .HeroTeaserArea { min-height: 37.5rem; } }

@media screen and (max-width: 1200px) { .HeroTeaserArea { height: 48.4375rem; max-height: 85vh; } }

@media screen and (max-width: 750px) { .HeroTeaserArea { height: 150vw; } }

.HeroTeaserArea.has-boxteaser { margin-bottom: 0; }

.HeroTeaserArea.has-boxteaser .HeroTeaser--background::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 10%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.3) 100%); }

@media screen and (max-width: 750px) { .HeroTeaserArea.has-boxteaser .HeroTeaser--background::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 10%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.45) 100%); } }

.HeroTeaserArea.has-boxteaser + .BoxTeaserArea { position: relative; z-index: 5; }

@media screen and (min-width: 751px) { .HeroTeaserArea.has-boxteaser { height: 48.4375rem; max-height: 100vh; min-height: 43.75rem; margin-bottom: -60px; }
  .HeroTeaserArea.has-boxteaser .HeroTeaser--inner { padding-bottom: 90px; }
  .HeroTeaserArea.has-boxteaser .HeroTeaserSlider--nav { padding-bottom: 75px; } }

@media screen and (min-width: 1001px) { .HeroTeaserArea.has-boxteaser { height: 60.3125rem; min-height: 46.875rem; margin-bottom: -90px; }
  .HeroTeaserArea.has-boxteaser .HeroTeaser--inner { padding-bottom: 150px; }
  .HeroTeaserArea.has-boxteaser .HeroTeaserSlider--nav { padding-bottom: 105px; } }

@media screen and (min-width: 1383px) { .HeroTeaserArea.has-boxteaser .HeroTeaser--inner { padding-bottom: 120px; }
  .HeroTeaserArea.has-boxteaser .HeroTeaserSlider--nav { padding-bottom: 90px; } }

.HeroTeaserSlider { position: relative; height: 100%; background-color: #000000; }

.HeroTeaserSlider .flickity-page-dots { display: none; position: absolute; top: auto; left: 50%; bottom: 24px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 4; }

.HeroTeaserSlider .flickity-page-dots .dot:after { background: #ffffff; opacity: 0.6; }

.HeroTeaserSlider .flickity-page-dots .dot.is-selected:after { opacity: 0.8; }

@media screen and (max-width: 750px) { .HeroTeaserSlider.is-draggable:not(.is-single) .flickity-page-dots { display: block; } }

.HeroTeaserSlider--inner { height: 100%; }

.HeroTeaserSlider--wrapper { height: 100%; }

@media screen and (min-width: 751px) { .HeroTeaserSlider--wrapper { -webkit-transform: none !important; transform: none !important; left: 0 !important; } }

.HeroTeaserSlider--slide { width: 100%; height: 100%; transition: visibility 0s 1s; }

@media screen and (min-width: 751px) { .HeroTeaserSlider--slide { left: 0 !important; visibility: hidden; } }

@media screen and (max-width: 750px) { .HeroTeaserSlider--slide { transition: none; }
  .HeroTeaserSlider--slide.is-after-visible, .HeroTeaserSlider--slide.is-before-visible { visibility: hidden; } }

.HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide { visibility: hidden; }

.HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type { visibility: visible; }

.HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--inner .HeroTeaser--category, .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--inner .HeroTeaser--title, .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--inner .HeroTeaser--preTitle, .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--inner .HeroTeaser--text, .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--inner .HeroTeaser--cta { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--background { opacity: 1; }

.HeroTeaserSlider--slide .HeroTeaser--inner { z-index: 4; }

.HeroTeaserSlider--slide .HeroTeaser--category, .HeroTeaserSlider--slide .HeroTeaser--preTitle, .HeroTeaserSlider--slide .HeroTeaser--title, .HeroTeaserSlider--slide .HeroTeaser--text, .HeroTeaserSlider--slide .HeroTeaser--cta { -webkit-transform: translateY(15px); transform: translateY(15px); opacity: 0; transition: opacity 0.25s 0.5s, -webkit-transform 0s 0.75s; transition: opacity 0.25s 0.5s, transform 0s 0.75s; transition: opacity 0.25s 0.5s, transform 0s 0.75s, -webkit-transform 0s 0.75s; will-change: opacity, transform; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.is-slider-ready .HeroTeaserSlider--slide .HeroTeaser--background { opacity: 1; }

@media screen and (min-width: 751px) { .HeroTeaserSlider--slide .HeroTeaser--background { will-change: opacity; } }

.HeroTeaserSlider--slide.is-selected { visibility: visible; transition: visibility 0s; }

.HeroTeaserSlider--slide.is-selected .HeroTeaser--category, .HeroTeaserSlider--slide.is-selected .HeroTeaser--preTitle, .HeroTeaserSlider--slide.is-selected .HeroTeaser--title, .HeroTeaserSlider--slide.is-selected .HeroTeaser--text, .HeroTeaserSlider--slide.is-selected .HeroTeaser--cta { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1s; transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1s, transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1s; transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1s, transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1s; }

.HeroTeaserSlider--slide.is-selected .HeroTeaser--title { transition-delay: 1.2s; }

.HeroTeaserSlider--slide.is-selected .HeroTeaser--text { transition-delay: 1.4s; }

.HeroTeaserSlider--slide.is-selected .HeroTeaser--cta { transition-delay: 1.6s; }

@media screen and (min-width: 751px) { .HeroTeaserSlider--slide.is-selected:nth-child(n + 2) .HeroTeaser--background { z-index: 1; -webkit-animation-name: heroteaser-bg-animation; animation-name: heroteaser-bg-animation; -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-fill-mode: none; animation-fill-mode: none; } .is-paused .HeroTeaserSlider--slide{ transition: visibility 0s 0.5s; } .is-paused .HeroTeaserSlider--slide.is-selected{ transition: visibility 0s; } .is-paused .HeroTeaserSlider--slide .HeroTeaser--background{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } }

.is-paused .HeroTeaserSlider--slide .HeroTeaser--category, .is-paused .HeroTeaserSlider--slide .HeroTeaser--preTitle, .is-paused .HeroTeaserSlider--slide .HeroTeaser--title, .is-paused .HeroTeaserSlider--slide .HeroTeaser--text, .is-paused .HeroTeaserSlider--slide .HeroTeaser--cta { transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0s 0.25s; transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 0s 0.25s; transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 0s 0.25s, -webkit-transform 0s 0.25s; }

.is-paused .HeroTeaserSlider--slide.is-selected .HeroTeaser--category, .is-paused .HeroTeaserSlider--slide.is-selected .HeroTeaser--preTitle, .is-paused .HeroTeaserSlider--slide.is-selected .HeroTeaser--title, .is-paused .HeroTeaserSlider--slide.is-selected .HeroTeaser--text, .is-paused .HeroTeaserSlider--slide.is-selected .HeroTeaser--cta { transition: opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.375s, -webkit-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.375s; transition: opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.375s, transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.375s; transition: opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.375s, transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.375s, -webkit-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.375s; }

.HeroTeaserSlider--slide:not(.is-visible) .Media.video.is-started video { visibility: hidden; }

.HeroTeaserSlider--nav { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; width: 100%; top: auto; left: 0; bottom: 0; z-index: 5; border-top: 1px solid rgba(255, 255, 255, 0.2); }

@media (max-width: 1430px) { .HeroTeaserSlider--nav { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .HeroTeaserSlider--nav { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .HeroTeaserSlider--nav { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .HeroTeaserSlider--nav { padding-left: 20px; padding-right: 20px; } }

@media print { .HeroTeaserSlider--nav { max-width: 100%; margin: 0; } }

@media screen and (max-width: 750px) { .HeroTeaserSlider--nav { display: none; } }

.HeroTeaserSlider--nav--element { position: relative; width: 33.3%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.HeroTeaserSlider--nav--link { padding-top: 22px; padding-bottom: 22px; display: block; width: 100%; overflow: visible; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); transition-property: none; transition-duration: 6s; -webkit-transform: translate3d(0, 0, 3px); transform: translate3d(0, 0, 3px); }

.HeroTeaserSlider--nav--link[disabled] { opacity: 1; }

.HeroTeaserSlider--nav--link:before { content: ""; display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background-color: #ffffff; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: scaleX(0); transform: scaleX(0); will-change: transform; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

.HeroTeaserSlider--nav--link.is-selected:before { background-color: #ffffff; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: top left; transform-origin: top left; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; transition-duration: inherit; transition-delay: 0.5s; }

.is-paused .HeroTeaserSlider--nav--link:before { transition-delay: 0s; transition-duration: 0s; }

.is-paused .HeroTeaserSlider--nav--link.is-selected:before { transition-delay: 0s; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }

html:not(.can-touch) .HeroTeaserSlider--nav--link:active .HeroTeaserSlider--nav--category, html:not(.can-touch) .HeroTeaserSlider--nav--link:active .HeroTeaserSlider--nav--title, html:not(.can-touch) .HeroTeaserSlider--nav--link:hover .HeroTeaserSlider--nav--category, html:not(.can-touch) .HeroTeaserSlider--nav--link:hover .HeroTeaserSlider--nav--title { -webkit-transform: translateY(-3px); transform: translateY(-3px); }

@media screen and (max-width: 1382px) { .HeroTeaserSlider--nav--link { padding-top: 17px; padding-bottom: 17px; } }

.HeroTeaserSlider--nav--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #ffffff; letter-spacing: 0.05ex; display: block; width: calc(100% - 30px); }

[lang="zh"] .HeroTeaserSlider--nav--category, [lang="zh-Hant"] .HeroTeaserSlider--nav--category, [lang="zh-Hans"] .HeroTeaserSlider--nav--category, [lang="zh-CN"] .HeroTeaserSlider--nav--category { line-height: 1.5; }

.HeroTeaserSlider--nav--category > br { display: none; }

.HeroTeaserSlider--nav--title { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; font-weight: bold; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: 0.02ex; display: block; width: calc(100% - 30px); }

[lang="zh"] .HeroTeaserSlider--nav--title, [lang="zh-Hant"] .HeroTeaserSlider--nav--title, [lang="zh-Hans"] .HeroTeaserSlider--nav--title, [lang="zh-CN"] .HeroTeaserSlider--nav--title { line-height: 1.5; }

.HeroTeaserSlider--nav--title > br { display: none; }

.HeroTeaserSlider--nav--category, .HeroTeaserSlider--nav--title { -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.IconTeaser { text-align: center; }

.IconTeaser.round .IconTeaser--image { border-radius: 100%; overflow: hidden; }

.IconTeaser.small .IconTeaser--image { width: 48px; height: 48px; }

.IconTeaser--image { width: 100px; height: 100px; margin-bottom: 30px; margin-left: auto; margin-right: auto; }

.IconTeaser--image .Media { width: 100%; height: 100%; background-color: transparent; }

.IconTeaser--image .Media [data-sizes] { background-size: contain; background-repeat: no-repeat; background-position: center center; }

.IconTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; width: 100%; max-width: 22em; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; }

[lang="zh"] .IconTeaser--title, [lang="zh-Hant"] .IconTeaser--title, [lang="zh-Hans"] .IconTeaser--title, [lang="zh-CN"] .IconTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .IconTeaser--title { font-size: 18px; font-size: 1.125rem; } }

.IconTeaser--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; width: 100%; max-width: 22em; margin-left: auto; margin-right: auto; margin-bottom: 30px; }

.IconTeaser--text:last-child { margin-bottom: 0; }

.IconTeaserArea { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-bottom: 180px; }

@media (max-width: 1430px) { .IconTeaserArea { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .IconTeaserArea { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .IconTeaserArea { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .IconTeaserArea { margin-left: 20px; margin-right: 20px; } }

@media print { .IconTeaserArea { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .IconTeaserArea { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .IconTeaserArea { margin-bottom: 90px; } }

.IconTeaserArea--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: -30px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.IconTeaserArea--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; margin-top: 30px; padding-right: 30px; }

.IconTeaserArea--grid:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 1000px) { .IconTeaserArea--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: 0; margin-top: -90px; }
  .IconTeaserArea--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-top: 90px; padding-right: 0; }
  .IconTeaserArea--grid:after { content: ''; display: table; clear: both; } }

.IconTeaserSlider { position: relative; width: 100%; padding-bottom: 2px; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.IconTeaserSlider:not(.is-draggable) .IconTeaserSlider--controls { display: none; }

.IconTeaserSlider.steps { padding-left: 45px; padding-right: 45px; }

.IconTeaserSlider--wrapper { white-space: nowrap; }

@supports (display: flex) { .IconTeaserSlider--wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: inherit; } }

.IconTeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; width: calc((100% + 30px) / 4 - 30px); margin-right: 30px; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; min-height: 100%; }

@supports (display: flex) { .IconTeaserSlider--slide { display: block; white-space: inherit; } }

.IconTeaserSlider--slide.is-slider-ready { visibility: hidden; }

.IconTeaserSlider--slide.was-visible, .IconTeaserSlider--slide.is-visible { visibility: visible; }

.IconTeaserSlider.steps .IconTeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; width: calc((100% + 60px) / 4 - 60px); margin-right: 60px; }

@supports (display: flex) { .IconTeaserSlider.steps .IconTeaserSlider--slide { display: block; white-space: inherit; } }

.IconTeaserSlider.steps .IconTeaserSlider--slide.is-slider-ready { visibility: hidden; }

.IconTeaserSlider.steps .IconTeaserSlider--slide.was-visible, .IconTeaserSlider.steps .IconTeaserSlider--slide.is-visible { visibility: visible; }

.IconTeaserSlider.steps .IconTeaserSlider--slide:not(:last-child) { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.IconTeaserSlider.steps .IconTeaserSlider--slide:not(:last-child):after { content: ""; position: absolute; font-size: 10px; top: 50%; width: 0.585em; height: 0.585em; border-width: 1px; border-style: solid none none solid; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform:  rotate(0) translateX(50%) rotate(135deg); transform:  rotate(0) translateX(50%) rotate(135deg); }

.IconTeaserSlider.steps .IconTeaserSlider--slide:not(:last-child):before { content: ""; position: absolute; font-size: 10px; top: 50%; /*@if $name == "right" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "left" { width: 1.5em; margin: -1px -.75em; border-top: 1px solid; } @else if $name == "down" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; } @else if $name == "up" { height: 1.5em; margin: -.75em -1px; border-left: 1px solid; }*/ content: none; }

.IconTeaserSlider.steps .IconTeaserSlider--slide:not(:last-child):after { top: 92px; right: -40px; border-width: 2px; font-size: 14px; color: #006E73; }

@media screen and (max-width: 1000px) { .IconTeaserSlider.steps .IconTeaserSlider--slide:not(:last-child):after { top: 90px; } }

.IconTeaserSlider--slide .IconTeaser { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 100%; width: 100%; }

.IconTeaserSlider--slide .IconTeaser .IconTeaser--cta { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: auto; }

@media screen and (min-width: 1383px) { .IconTeaserSlider.grid3 .IconTeaserSlider--slide { width: 33.33333%; width: calc((100% + 30px) / 3 - 30px); margin-right: 30px; }
  .IconTeaserSlider.grid3.steps .IconTeaserSlider--slide { width: 33.33333%; width: calc((100% + 60px) / 3 - 60px); margin-right: 60px; } }

@media screen and (max-width: 1382px) { .IconTeaserSlider--slide { width: 33.33333%; width: calc((100% + 30px) / 3 - 30px); margin-right: 30px; }
  .IconTeaserSlider.steps .IconTeaserSlider--slide { width: 33.33333%; width: calc((100% + 60px) / 3 - 60px); margin-right: 60px; } }

@media screen and (max-width: 1000px) { .IconTeaserSlider--slide { width: 50%; width: calc((100% + 30px) / 2 - 30px); margin-right: 30px; }
  .IconTeaserSlider.steps .IconTeaserSlider--slide { width: 50%; width: calc((100% + 60px) / 2 - 60px); margin-right: 60px; } }

@media screen and (max-width: 750px) { .IconTeaserSlider--slide { width: 100%; width: calc((100% + 15px) / 1 - 15px); margin-right: 15px; }
  .IconTeaserSlider.steps .IconTeaserSlider--slide { width: 100%; width: calc((100% + 60px) / 1 - 60px); margin-right: 60px; } }

.IconTeaserSlider--controls { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 30px; padding-bottom: 3px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 3; }

.IconTeaserSlider--controls .RoundIconButton { display: block; margin-left: 4px; margin-right: 4px; }

.IconTeaserSliderArea { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .IconTeaserSliderArea { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .IconTeaserSliderArea { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .IconTeaserSliderArea { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .IconTeaserSliderArea { margin-left: 20px; margin-right: 20px; } }

@media print { .IconTeaserSliderArea { max-width: 100%; margin: 0; } }

.ImageTextTeaser { position: relative; }

@media screen and (min-width: 1001px) { .ImageTextTeaser .SectionContainer.gradient { margin-bottom: 180px; } }

.ImageTextTeaser .SectionContainer.gradient::before { max-width: 1230px; }

@media (max-width: 1430px) { .ImageTextTeaser .SectionContainer.gradient::before { max-width: calc(100% - 120px); } }

@media screen and (max-width: 1000px) { .ImageTextTeaser .SectionContainer.gradient::before { max-width: 100%; } }

.ImageTextTeaser .SectionContainer.gradient::after { width: 285px; content: ""; position: absolute; top: 0; left: auto; right: 0; height: 100%; padding-right: calc(50% - 615px); z-index: -1; background-color: #ffffff; }

@media (max-width: 1430px) { .ImageTextTeaser .SectionContainer.gradient::after { width: calc(((100vw - 150px + 30px) / 4) - 30px); } }

@media screen and (max-width: 1200px) { .ImageTextTeaser .SectionContainer.gradient::after { width: calc(((100vw - 120px + 30px) / 4) - 30px); } }

@media (max-width: 1430px) { .ImageTextTeaser .SectionContainer.gradient::after { padding-right: 75px; } }

@media screen and (max-width: 1200px) { .ImageTextTeaser .SectionContainer.gradient::after { padding-right: 60px; } }

@media screen and (max-width: 750px) { .ImageTextTeaser .SectionContainer.gradient::after { padding-right: 30px; } }

@media screen and (max-width: 580px) { .ImageTextTeaser .SectionContainer.gradient::after { padding-right: 20px; } }

@media print { .ImageTextTeaser .SectionContainer.gradient::after { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .ImageTextTeaser .SectionContainer.gradient::after { display: none; } .ImageTextTeaser .SectionContainer{ margin-top: 0; padding-top: 0; } }

.ImageTextTeaser.left .ImageTextTeaser--content { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media screen and (max-width: 1000px) { .ImageTextTeaser.left .ImageTextTeaser--content { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.ImageTextTeaser.left .SectionContainer.gradient::after { padding-left: calc(50% - 615px); left: 0; right: auto; padding-right: 0; }

@media (max-width: 1430px) { .ImageTextTeaser.left .SectionContainer.gradient::after { padding-left: 75px; } }

@media screen and (max-width: 1200px) { .ImageTextTeaser.left .SectionContainer.gradient::after { padding-left: 60px; } }

@media screen and (max-width: 750px) { .ImageTextTeaser.left .SectionContainer.gradient::after { padding-left: 30px; } }

@media screen and (max-width: 580px) { .ImageTextTeaser.left .SectionContainer.gradient::after { padding-left: 20px; } }

@media print { .ImageTextTeaser.left .SectionContainer.gradient::after { max-width: 100%; margin: 0; } }

.ImageTextTeaser.left .ImageTextTeaser--teaser--inner { padding-left: 60px; }

@media screen and (max-width: 750px) { .ImageTextTeaser.left .ImageTextTeaser--teaser--inner { padding: 0 30px; } }

@media screen and (max-width: 580px) { .ImageTextTeaser.left .ImageTextTeaser--teaser--inner { padding: 0 20px; } }

@media screen and (max-width: 1000px) { .ImageTextTeaser .SectionTitle--headline { margin-bottom: 30px; } }

.ImageTextTeaser--inner { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .ImageTextTeaser--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .ImageTextTeaser--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .ImageTextTeaser--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .ImageTextTeaser--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .ImageTextTeaser--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .ImageTextTeaser--inner { padding-top: 0; margin: 0; } }

.ImageTextTeaser--content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.ImageTextTeaser--content > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; margin-top: 0; padding-right: 30px; }

.ImageTextTeaser--content:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 1000px) { .ImageTextTeaser--content { margin-right: 0; margin-top: 0; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .ImageTextTeaser--content > * { padding-right: 0; margin-top: 0; }
  .ImageTextTeaser--teaser{ width: 100%; } }

.ImageTextTeaser--teaser--inner { padding: 0 90px; }

@media (max-width: 1430px) { .ImageTextTeaser--teaser--inner { padding: 0 60px; } }

@media screen and (max-width: 750px) { .ImageTextTeaser--teaser--inner { padding: 0 30px; } }

@media screen and (max-width: 580px) { .ImageTextTeaser--teaser--inner { padding: 0 20px; } }

@media screen and (max-width: 1000px) { .ImageTextTeaser--image { margin-bottom: 60px; width: 100%; margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .ImageTextTeaser--image { margin-bottom: 30px; } }

.ImageTextTeaser--image--inner { position: relative; }

@media screen and (max-width: 1000px) { .ImageTextTeaser--image--inner { overflow: hidden; max-height: 30vh; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.ImageTextTeaser--image--inner > .Media { width: 100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 1000px) { .ImageTextTeaser--image--inner > .Media { border-radius: 0; box-shadow: none; } }

.ImageTextTeaser--image--link { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0); border-radius: 4px; transition: background-color 0.2s ease-out; }

.ImageTextTeaser--image--link .Icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-45%, -50%); transform: translate(-45%, -50%); }

.ImageTextTeaser--image--link::before { content: ""; position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; margin-top: -35px; margin-left: -35px; border-radius: 100%; background-color: #ffffff; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }

html:not(.can-touch) .ImageTextTeaser--image--link:active, html:not(.can-touch) .ImageTextTeaser--image--link:hover { background-color: rgba(0, 0, 0, 0.3); }

html:not(.can-touch) .ImageTextTeaser--image--link:active::before, html:not(.can-touch) .ImageTextTeaser--image--link:hover::before { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media screen and (max-width: 580px) { .ImageTextTeaser--image--link .Icon { -webkit-transform: translate(-50%, -50%) scale(0.75); transform: translate(-50%, -50%) scale(0.75); }
  .ImageTextTeaser--image--link::before { -webkit-transform: scale(0.75); transform: scale(0.75); } }

.ImageTextTeaser--text { margin-bottom: 36px; }

.ImageTextTeaser--text p { margin-top: 1em; margin-bottom: 1em; color: #3C4150; }

.ImageTextTeaser--text ul { margin: 1em 0; display: block; }

.ImageTextTeaser--text ul > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.ImageTextTeaser--text ul > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.ImageTextTeaser--text ol { margin: 1em 0; display: block; display: block; counter-reset: ol--counter; }

.ImageTextTeaser--text ol > li { padding-left: 25px; padding-left: 1.5625rem; position: relative; list-style-type: none; margin-bottom: 0.75ex; text-align: left; color: #3C4150; }

.ImageTextTeaser--text ol > li:before { position: absolute; left: 0; display: inline-block; content: "\2022"; color: #636363; }

.ImageTextTeaser--text ol > li { list-style-type: none; padding-left: 20px; padding-left: 1.25rem; margin-left: 4ex; }

.ImageTextTeaser--text ol > li:before { counter-increment: ol--counter; content: counters(ol--counter, ".") "."; left: auto; right: 100%; text-align: right; width: 4ex; }

html.ie .ImageTextTeaser--text ol > li { list-style: decimal inside none; }

.ImageTextTeaser--text li > :first-child { margin-top: 0; }

.ImageTextTeaser--text li > :last-child { margin-bottom: 0; }

.ImageTextTeaser--text table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; width: 100%; }

.ImageTextTeaser--text table caption { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; padding: 1em 0; }

@media screen and (max-width: 1000px) { .ImageTextTeaser--text table caption { font-size: 22px; font-size: 1.375rem; } }

.ImageTextTeaser--text table thead { background-color: #F9F9FA; }

.ImageTextTeaser--text table tfoot tr { border-bottom: none; }

.ImageTextTeaser--text table tr { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.ImageTextTeaser--text table th { font-weight: bold; }

.ImageTextTeaser--text table th [data-picto] { margin-bottom: 5px; }

.ImageTextTeaser--text table th [data-picto] > svg { height: 22px; }

.ImageTextTeaser--text table th, .ImageTextTeaser--text table td { padding: 1.2em; vertical-align: top; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; }

@media screen and (max-width: 1200px) { .ImageTextTeaser--text table th, .ImageTextTeaser--text table td { padding: 1em; } }

@media screen and (max-width: 750px) { .ImageTextTeaser--text table th, .ImageTextTeaser--text table td { padding: 0.5em 1em; } }

.ImageTextTeaser--text table th:first-child, .ImageTextTeaser--text table td:first-child { border-left: none; }

.ImageTextTeaser--text table th:last-child, .ImageTextTeaser--text table td:last-child { border-right: none; }

.ImageTextTeaser--text table a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .ImageTextTeaser--text table a:not([class]) { color: #9B14B4; }

.template-green .ImageTextTeaser--text table a:not([class]) { color: #1455B4; }

.template-blue .ImageTextTeaser--text table a:not([class]) { color: #1455B4; }

.template-purple .ImageTextTeaser--text table a:not([class]) { color: #9B14B4; }

.template-violet .ImageTextTeaser--text table a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .ImageTextTeaser--text table a:not([class]):active, html:not(.can-touch) .ImageTextTeaser--text table a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .ImageTextTeaser--text table a:not([class]):active, html.template-red:not(.can-touch) .ImageTextTeaser--text table a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .ImageTextTeaser--text table a:not([class]):active, html.template-green:not(.can-touch) .ImageTextTeaser--text table a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .ImageTextTeaser--text table a:not([class]):active, html.template-blue:not(.can-touch) .ImageTextTeaser--text table a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .ImageTextTeaser--text table a:not([class]):active, html.template-violet:not(.can-touch) .ImageTextTeaser--text table a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.ImageTextTeaser--text table p { margin-top: 0; }

.ImageTextTeaser--text table p:last-child { margin-bottom: 0; }

.ImageTextTeaser--text table tr.is-highlighted { background-color: rgba(249, 249, 250, 0.8); }

.ImageTextTeaser--text table th.is-highlighted { background-color: #E6F1F1; color: #006E73; }

.ImageTextTeaser--text s { text-decoration: line-through; }

.ImageTextTeaser--text u { text-decoration: none; }

.ImageTextTeaser--text em { font-style: italic; }

.ImageTextTeaser--text small { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; }

[lang="zh"] .ImageTextTeaser--text small, [lang="zh-Hant"] .ImageTextTeaser--text small, [lang="zh-Hans"] .ImageTextTeaser--text small, [lang="zh-CN"] .ImageTextTeaser--text small { line-height: 1.5; }

.ImageTextTeaser--text strong, .ImageTextTeaser--text b { font-weight: bold; }

.ImageTextTeaser--text a:not([class]) { color: #006E73; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .ImageTextTeaser--text a:not([class]) { color: #9B14B4; }

.template-green .ImageTextTeaser--text a:not([class]) { color: #1455B4; }

.template-blue .ImageTextTeaser--text a:not([class]) { color: #1455B4; }

.template-purple .ImageTextTeaser--text a:not([class]) { color: #9B14B4; }

.template-violet .ImageTextTeaser--text a:not([class]) { color: #9B14B4; }

html:not(.can-touch) .ImageTextTeaser--text a:not([class]):active, html:not(.can-touch) .ImageTextTeaser--text a:not([class]):hover { border-color: #CCE2E3; }

html.template-red:not(.can-touch) .ImageTextTeaser--text a:not([class]):active, html.template-red:not(.can-touch) .ImageTextTeaser--text a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .ImageTextTeaser--text a:not([class]):active, html.template-green:not(.can-touch) .ImageTextTeaser--text a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .ImageTextTeaser--text a:not([class]):active, html.template-blue:not(.can-touch) .ImageTextTeaser--text a:not([class]):hover { border-color: rgba(145, 200, 255, 0.5); }

html.template-violet:not(.can-touch) .ImageTextTeaser--text a:not([class]):active, html.template-violet:not(.can-touch) .ImageTextTeaser--text a:not([class]):hover { border-color: rgba(250, 140, 255, 0.5); }

.ImageTextTeaser--text > *:first-child { margin-top: 0; }

.ImageTextTeaser--buttons { margin-top: -8px; }

.ImageTextTeaser--buttons > .Button { margin-top: 8px; }

.ImmersiveTeaser { position: relative; width: 100%; height: 800px; max-height: 90vh; padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; text-align: center; }

.ImmersiveTeaser .SectionTitle { margin-bottom: 0; text-align: center; }

.ImmersiveTeaser .SectionTitle--content { padding-left: 60px; padding-right: 60px; color: #ffffff; }

@media (max-width: 1430px) { .ImmersiveTeaser { padding-left: 110px; padding-right: 110px; } }

@media screen and (max-width: 750px) { .ImmersiveTeaser { height: 177vw; max-height: none; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 105px; padding-left: 20px; padding-right: 20px; }
  .ImmersiveTeaser .SectionTitle--content { font-size: 18px; font-size: 1.125rem; font-weight: 200; } }

.ImmersiveTeaser--text { width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; z-index: 1; }

@media screen and (max-width: 1200px) { .ImmersiveTeaser--text { width: 50%; } }

@media screen and (max-width: 750px) { .ImmersiveTeaser--text { width: 100%; } }

.ImmersiveTeaser--text .ImmersiveTeaser--counter, .ImmersiveTeaser--text .SectionTitle--headline, .ImmersiveTeaser--text .SectionTitle--content, .ImmersiveTeaser--text .Button { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: opacity 0.2s, -webkit-transform 0s 0.2s; transition: opacity 0.2s, transform 0s 0.2s; transition: opacity 0.2s, transform 0s 0.2s, -webkit-transform 0s 0.2s; }

.ImmersiveTeaserArea--slide.is-selected .ImmersiveTeaser--text .ImmersiveTeaser--counter, .ImmersiveTeaserArea--slide.is-selected .ImmersiveTeaser--text .SectionTitle--headline, .ImmersiveTeaserArea--slide.is-selected .ImmersiveTeaser--text .SectionTitle--content, .ImmersiveTeaserArea--slide.is-selected .ImmersiveTeaser--text .Button { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: opacity 0.4s 0.4s, -webkit-transform 0.4s 0.4s; transition: opacity 0.4s 0.4s, transform 0.4s 0.4s; transition: opacity 0.4s 0.4s, transform 0.4s 0.4s, -webkit-transform 0.4s 0.4s; }

.ImmersiveTeaserArea--slide.is-selected .ImmersiveTeaser--text .SectionTitle--headline { transition-delay: 0.4s 0.5s, 0.4s 0.5s; }

.ImmersiveTeaserArea--slide.is-selected .ImmersiveTeaser--text .SectionTitle--content { transition-delay: 0.4s 0.6s, 0.4s 0.6s; }

.ImmersiveTeaserArea--slide.is-selected .ImmersiveTeaser--text .Button { transition-delay: 0.4s 0.7s, 0.4s 0.7s; }

.ImmersiveTeaser--cta { margin-top: 45px; }

@media screen and (max-width: 750px) { .ImmersiveTeaser--cta { margin-top: 30px; } }

.ImmersiveTeaser--counter { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; }

[lang="zh"] .ImmersiveTeaser--counter, [lang="zh-Hant"] .ImmersiveTeaser--counter, [lang="zh-Hans"] .ImmersiveTeaser--counter, [lang="zh-CN"] .ImmersiveTeaser--counter { line-height: 1.5; }

.ImmersiveTeaser--counter--total { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-left: 0.125em; color: rgba(255, 255, 255, 0.6); }

.ImmersiveTeaser--counter--total::before { content: '/'; margin-right: 0.125em; }

.ImmersiveTeaser--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0; transition: opacity 1s, -webkit-transform 0s 1s; transition: opacity 1s, transform 0s 1s; transition: opacity 1s, transform 0s 1s, -webkit-transform 0s 1s; }

.ImmersiveTeaserArea--slide.is-selected .ImmersiveTeaser--background { opacity: 1; transition: opacity 1s, -webkit-transform 18s; transition: opacity 1s, transform 18s; transition: opacity 1s, transform 18s, -webkit-transform 18s; }

.ImmersiveTeaser--background:not(.video) { -webkit-transform: translate(5%, -5%) scale(1.1); transform: translate(5%, -5%) scale(1.1); }

.ImmersiveTeaserArea--slide.is-selected .ImmersiveTeaser--background:not(.video) { -webkit-transform: translate(-1%, 1%) scale(1.02); transform: translate(-1%, 1%) scale(1.02); }

.ImmersiveTeaser--background .Media { width: 100%; height: 100%; opacity: 0.4; }

.ImmersiveTeaserArea { margin-top: 120px; margin-bottom: 120px; position: relative; }

@media screen and (max-width: 1000px) { .ImmersiveTeaserArea { margin-top: 15vw; } }

@media screen and (max-width: 400px) { .ImmersiveTeaserArea { margin-top: 60px; } }

@media screen and (max-width: 1000px) { .ImmersiveTeaserArea { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .ImmersiveTeaserArea { margin-bottom: 60px; } }

.ImmersiveTeaserArea:last-child { margin-bottom: 0; }

.l-Page.campaign .ImmersiveTeaserArea { margin-bottom: 180px; margin-top: 0; }

@media screen and (max-width: 1000px) { .l-Page.campaign .ImmersiveTeaserArea { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .ImmersiveTeaserArea { margin-bottom: 90px; } }

.ImmersiveTeaserArea--wrapper { -webkit-transform: none !important; transform: none !important; }

.ImmersiveTeaserArea--slider { position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; }

.ImmersiveTeaserArea--slide { width: 100%; left: 120% !important; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; visibility: hidden; }

.ImmersiveTeaserArea--slider.is-slider-ready .ImmersiveTeaserArea--slide { visibility: visible; transition: left 0s 1s; }

.ImmersiveTeaserArea--slider.is-slider-ready .ImmersiveTeaserArea--slide.is-selected { left: 0 !important; transition: left 0s 0s; z-index: 9; }

@media screen and (max-width: 750px) { .ImmersiveTeaserArea--slider--controls { position: absolute; bottom: 60px; left: 0; width: 100%; z-index: 9; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.ImmersiveTeaserArea--slider--controls .js-slider--prev, .ImmersiveTeaserArea--slider--controls .js-slider--next { position: absolute; top: 50%; left: 20px; z-index: 9; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 750px) { .ImmersiveTeaserArea--slider--controls .js-slider--prev, .ImmersiveTeaserArea--slider--controls .js-slider--next { position: relative; -webkit-transform: none; transform: none; top: 0; left: auto; margin-right: 3px; } }

.ImmersiveTeaserArea--slider--controls .js-slider--next { left: auto; right: 20px; }

@media screen and (max-width: 750px) { .ImmersiveTeaserArea--slider--controls .js-slider--next { right: auto; margin-left: 3px; margin-right: 0; } }

.JobTeaser { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); padding-top: 30px; padding-bottom: 26px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media (max-width: 1430px) { .JobTeaser { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .JobTeaser { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .JobTeaser { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .JobTeaser { padding-left: 20px; padding-right: 20px; } }

@media print { .JobTeaser { max-width: 100%; margin: 0; } }

@media screen and (max-width: 750px) { .JobTeaser { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } }

@media screen and (max-width: 580px) { .JobTeaser { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

html:not(.can-touch) .JobTeaser:active, html:not(.can-touch) .JobTeaser:hover { background-color: #F9F9FA; }

.JobTeaser--main { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 15px; }

@media screen and (max-width: 580px) { .JobTeaser--main { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } }

.JobTeaser--department { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; margin-bottom: 8px; color: #006E73; }

[lang="zh"] .JobTeaser--department, [lang="zh-Hant"] .JobTeaser--department, [lang="zh-Hans"] .JobTeaser--department, [lang="zh-CN"] .JobTeaser--department { line-height: 1.5; }

@media screen and (max-width: 750px) { .JobTeaser--department { margin-bottom: 5px; } }

.JobTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; font-weight: bold; }

[lang="zh"] .JobTeaser--title, [lang="zh-Hant"] .JobTeaser--title, [lang="zh-Hans"] .JobTeaser--title, [lang="zh-CN"] .JobTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .JobTeaser--title { font-size: 18px; font-size: 1.125rem; } }

.JobTeaser--location { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #B1B3B9; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

[lang="zh"] .JobTeaser--location, [lang="zh-Hant"] .JobTeaser--location, [lang="zh-Hans"] .JobTeaser--location, [lang="zh-CN"] .JobTeaser--location { line-height: 1.5; }

@media screen and (max-width: 750px) { .JobTeaser--location { margin-bottom: 1px; } }

@media screen and (max-width: 580px) { .JobTeaser--location { margin-top: 5px; } }

.JobTeaser--link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.JobTeaserList--item { border-bottom: 1px solid #D4D4D4; }

.JobTeaserSliderArea .TeaserSlider { padding-left: 0; padding-right: 0; }

.JobTeaserSliderArea--searchheader { padding-top: 60px; padding-bottom: 30px; }

@media screen and (max-width: 1000px) { .JobTeaserSliderArea--searchheader { padding-top: 7.5vw; } }

@media screen and (max-width: 400px) { .JobTeaserSliderArea--searchheader { padding-top: 30px; } }

@media screen and (max-width: 1000px) { .JobTeaserSliderArea--searchheader { padding-bottom: 3.75vw; } }

@media screen and (max-width: 400px) { .JobTeaserSliderArea--searchheader { padding-bottom: 15px; } }

.JobTeaserSliderArea--slider { margin-top: 30px; padding-bottom: 4px; overflow: hidden; }

@media screen and (max-width: 1000px) { .JobTeaserSliderArea--slider { margin-top: 3.75vw; } }

@media screen and (max-width: 400px) { .JobTeaserSliderArea--slider { margin-top: 15px; } }

.JobTeaserSliderArea--searchheader + .JobTeaserSliderArea--slider { margin-top: 0; }

.ListingTeaser { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); position: relative; transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media (max-width: 1430px) { .ListingTeaser { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .ListingTeaser { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .ListingTeaser { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ListingTeaser { padding-left: 20px; padding-right: 20px; } }

@media print { .ListingTeaser { max-width: 100%; margin: 0; } }

html:not(.can-touch) .ListingTeaser:active, html:not(.can-touch) .ListingTeaser:hover { background-color: #F9F9FA; }

.ListingTeaser.small { padding-left: calc(50% - 405px); padding-right: calc(50% - 405px); }

@media (max-width: 1010px) { .ListingTeaser.small { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1000px) { .ListingTeaser.small { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .ListingTeaser.small { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .ListingTeaser.small { padding-left: 20px; padding-right: 20px; } }

@media print { .ListingTeaser.small { max-width: 100%; margin: 0; } }

.ListingTeaser.small .ListingTeaser--header { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.ListingTeaser.basic .ListingTeaser--header { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 66.6666%; }

@media screen and (max-width: 1000px) { .ListingTeaser.basic .ListingTeaser--header { max-width: 100%; } }

.ListingTeaser.basic .ListingTeaser--title { font-size: 30px; font-size: 1.875rem; font-weight: 200; line-height: 1.5; }

@media screen and (max-width: 1000px) { .ListingTeaser.basic .ListingTeaser--title { font-size: 22px; font-size: 1.375rem; } }

html:not(.can-touch) .ListingTeaser.basic:active, html:not(.can-touch) .ListingTeaser.basic:hover { background-color: initial; }

.ListingTeaser--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 30px; padding-bottom: 30px; }

@media screen and (max-width: 1000px) { .ListingTeaser--inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.ListingTeaser--header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media screen and (max-width: 1000px) { .ListingTeaser--header { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; } }

.ListingTeaser--date { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; padding-right: 30px; width: 180px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

[lang="zh"] .ListingTeaser--date, [lang="zh-Hant"] .ListingTeaser--date, [lang="zh-Hans"] .ListingTeaser--date, [lang="zh-CN"] .ListingTeaser--date { line-height: 1.5; }

@media screen and (max-width: 1000px) { .ListingTeaser--date { width: 100%; margin-bottom: .5em; } }

.ListingTeaser--info { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; margin-bottom: 1em; }

[lang="zh"] .ListingTeaser--info, [lang="zh-Hant"] .ListingTeaser--info, [lang="zh-Hans"] .ListingTeaser--info, [lang="zh-CN"] .ListingTeaser--info { line-height: 1.5; }

.ListingTeaser--category:before { color: #B1B3B9; content: "|"; display: inline-block; margin: 0 0.25em; }

.ListingTeaser--content { margin-right: auto; padding-right: 60px; }

@media screen and (max-width: 1200px) { .ListingTeaser--content { padding-right: 30px; } }

@media screen and (max-width: 1000px) { .ListingTeaser--content { padding-right: 0; } }

.ListingTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }

[lang="zh"] .ListingTeaser--title, [lang="zh-Hant"] .ListingTeaser--title, [lang="zh-Hans"] .ListingTeaser--title, [lang="zh-CN"] .ListingTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .ListingTeaser--title { font-size: 18px; font-size: 1.125rem; } }

.ListingTeaser--text { margin-top: 1em; max-width: 615px; }

@media screen and (max-width: 1000px) { .ListingTeaser--text { max-width: 100%; } }

.ListingTeaser--footer { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 33.3333%; }

@media screen and (max-width: 1000px) { .ListingTeaser--footer { max-width: 100%; width: 100%; } }

.ListingTeaser--meta { position: relative; z-index: 1; margin-left: -30px; margin-bottom: -15px; text-align: right; }

.ListingTeaser--meta > * { margin-left: 30px; margin-bottom: 15px; }

@media screen and (max-width: 1000px) { .ListingTeaser--meta { margin-top: 1em; margin-left: 0; margin-right: -30px; text-align: left; }
  .ListingTeaser--meta > * { margin-left: 0; margin-right: 30px; } }

.ListingTeaser--link { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.ListingTeaserArea { margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .ListingTeaserArea { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .ListingTeaserArea { margin-bottom: 30px; } }

.LogoTeaser { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 30px; transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .LogoTeaser:active, html:not(.can-touch) .LogoTeaser:hover { background-color: #F9F9FA; }

html:not(.can-touch) .LogoTeaser:active .LogoTeaser--text, html:not(.can-touch) .LogoTeaser:hover .LogoTeaser--text { color: #3C4150; }

@media screen and (max-width: 750px) { .LogoTeaser { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .LogoTeaser { padding-left: 20px; padding-right: 20px; } }

.LogoTeaser--image { margin: auto 0; padding-bottom: 30px; width: 100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.LogoTeaser--image > img { display: block; max-width: 100%; margin: 0 auto; }

@media screen and (max-width: 750px) { .LogoTeaser--image { padding-bottom: 15px; } }

.LogoTeaser--text { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; display: block; width: 100%; color: #636363; text-align: center; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

[lang="zh"] .LogoTeaser--text, [lang="zh-Hant"] .LogoTeaser--text, [lang="zh-Hans"] .LogoTeaser--text, [lang="zh-CN"] .LogoTeaser--text { line-height: 1.5; }

.LogoTeaserArea--inner { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding: 30px 0; }

@media (max-width: 1430px) { .LogoTeaserArea--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .LogoTeaserArea--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .LogoTeaserArea--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .LogoTeaserArea--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .LogoTeaserArea--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .LogoTeaserArea--inner { margin: 0; } }

.LogoTeaserArea--inner .LoadMore { margin-top: 60px; margin-bottom: 0; }

.LogoTeaserArea--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: 0; margin-top: -90px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.LogoTeaserArea--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; margin-top: 90px; padding-right: 0; }

.LogoTeaserArea--grid:after { content: ''; display: table; clear: both; }

@media screen and (max-width: 1000px) { .LogoTeaserArea--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: 0; margin-top: -60px; }
  .LogoTeaserArea--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; margin-top: 60px; padding-right: 0; }
  .LogoTeaserArea--grid:after { content: ''; display: table; clear: both; } }

@media screen and (max-width: 750px) { .LogoTeaserArea--grid { margin-right: 0; margin-top: 0; }
  .LogoTeaserArea--grid > * { padding-right: 0; margin-top: 0; } }

.LogoTeaserArea--grid--item { position: relative; border-left: 1px solid #D4D4D4; }

@media screen and (min-width: 1001px) { .LogoTeaserArea--grid--item:first-child, .LogoTeaserArea--grid--item:nth-child(3n + 1) { border-left: none; } }

@media screen and (max-width: 1000px) { .LogoTeaserArea--grid--item:first-child, .LogoTeaserArea--grid--item:nth-child(2n + 1) { border-left: none; } }

@media screen and (max-width: 750px) { .LogoTeaserArea--grid--item { width: 100%; border-left: none; border-top: 1px solid #D4D4D4; }
  .LogoTeaserArea--grid--item:first-child { border-top: none; } }

@-webkit-keyframes SpinnerAnim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes SpinnerAnim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.MediaTeaser { position: relative; }

html:not(.can-touch) .MediaTeaser:active .MediaTeaser--media, html:not(.can-touch) .MediaTeaser:hover .MediaTeaser--media { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

html:not(.can-touch) .MediaTeaser:active .MediaTeaser--media:after, html:not(.can-touch) .MediaTeaser:hover .MediaTeaser--media:after { opacity: 1; }

html:not(.can-touch) .MediaTeaser:active .MediaTeaser--caption, html:not(.can-touch) .MediaTeaser:hover .MediaTeaser--caption { -webkit-transform: translateY(-12px); transform: translateY(-12px); }

.MediaTeaser.is-inlinevideo-playing .Media, .MediaTeaser.is-inlinevideo-playing .MediaTeaser--dimming, .MediaTeaser.is-inlinevideo-playing .MediaTeaser--link { display: none; }

.MediaTeaser.is-inlinevideo-playing .MediaTeaser--videoContainer { display: block; }

.MediaTeaser--media { position: relative; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transform: translateY(0); transform: translateY(0); will-change: transform; }

.MediaTeaser--media:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.0375); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); pointer-events: none; }

.MediaTeaser--media > .Media { border-radius: 4px; }

.MediaTeaser--videoContainer { display: none; position: relative; padding-bottom: 66.667%; width: 100%; height: 0; border-radius: 4px; overflow: hidden; }

.MediaTeaser--videoContainer iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000000; }

.MediaTeaser--dimming { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.3); }

.MediaTeaser--dimming .Icon { position: absolute; left: 50%; top: 50%; font-size: 10px; -webkit-transform: translate(-45%, -50%); transform: translate(-45%, -50%); }

.MediaTeaser--dimming::before { content: ''; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; border-radius: 100%; background-color: #ffffff; }

.MediaTeaser--spinner { width: 66px; height: 66px; color: #ffffff; visibility: hidden; opacity: 0; transition: opacity 0.2s; }

.is-inlinevideo-loading .MediaTeaser--spinner { visibility: visible; opacity: 1; }

.MediaTeaser--spinner::before, .MediaTeaser--spinner::after { border-width: 4px; }

.MediaTeaser--caption { margin-top: 20px; padding-bottom: 20px; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.MediaTeaser--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; color: #636363; margin-bottom: 1em; }

[lang="zh"] .MediaTeaser--category, [lang="zh-Hant"] .MediaTeaser--category, [lang="zh-Hans"] .MediaTeaser--category, [lang="zh-CN"] .MediaTeaser--category { line-height: 1.5; }

.MediaTeaser--title { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; }

[lang="zh"] .MediaTeaser--title, [lang="zh-Hant"] .MediaTeaser--title, [lang="zh-Hans"] .MediaTeaser--title, [lang="zh-CN"] .MediaTeaser--title { line-height: 1.5; }

.MediaTeaser--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.MediaTextTeaser { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.l-Page.campaign .MediaTextTeaser { margin-top: 180px; margin-bottom: 180px; }

@media screen and (max-width: 1000px) { .l-Page.campaign .MediaTextTeaser { margin-top: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .MediaTextTeaser { margin-top: 90px; } }

@media screen and (max-width: 1000px) { .l-Page.campaign .MediaTextTeaser { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .MediaTextTeaser { margin-bottom: 90px; } }

@media screen and (min-width: 1001px) { .MediaTextTeaser.left { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .MediaTextTeaser.left .MediaTextTeaser--text { padding-right: calc(50% - 615px); padding-left: 120px; } }

@media screen and (min-width: 1001px) and (max-width: 1430px) { .MediaTextTeaser.left .MediaTextTeaser--text { padding-right: 75px; } }

@media screen and (min-width: 1001px) and (max-width: 1200px) { .MediaTextTeaser.left .MediaTextTeaser--text { padding-right: 60px; } }

@media screen and (min-width: 1001px) and (max-width: 1430px) { .MediaTextTeaser.left .MediaTextTeaser--text { padding-left: 90px; } }

@media screen and (max-width: 1000px) { .MediaTextTeaser { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.MediaTextTeaser .SectionTitle { margin-bottom: 30px; }

.MediaTextTeaser .SectionTitle--content { margin-top: 30px; }

.MediaTextTeaser--text { padding-left: calc(50% - 615px); width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 120px; }

@media (max-width: 1430px) { .MediaTextTeaser--text { padding-left: 75px; } }

@media screen and (max-width: 1200px) { .MediaTextTeaser--text { padding-left: 60px; } }

@media screen and (max-width: 750px) { .MediaTextTeaser--text { padding-left: 30px; } }

@media screen and (max-width: 580px) { .MediaTextTeaser--text { padding-left: 20px; } }

@media print { .MediaTextTeaser--text { max-width: 100%; margin: 0; } }

@media (max-width: 1430px) { .MediaTextTeaser--text { padding-right: 90px; } }

@media screen and (max-width: 1000px) { .MediaTextTeaser--text { width: 100%; padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .MediaTextTeaser--text { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .MediaTextTeaser--text { padding-left: 20px; padding-right: 20px; } }

.MediaTextTeaser--image { position: relative; width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-height: 600px; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 1000px) { .MediaTextTeaser--image { width: 100%; margin-bottom: 30px; } }

.MediaTextTeaser--image .Media { width: 100%; height: 100%; aspect-ratio: 3/2; -o-object-fit: cover; object-fit: cover; }

.MediaTextTeaser--image .Media > img { -o-object-fit: cover; object-fit: cover; }

.MediaTextTeaser--image--link { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0); border-radius: 4px; transition: background-color 0.2s ease-out; }

.MediaTextTeaser--image--link .Icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-45%, -50%); transform: translate(-45%, -50%); }

.MediaTextTeaser--image--link::before { content: ""; position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; margin-top: -35px; margin-left: -35px; border-radius: 100%; background-color: #ffffff; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }

html:not(.can-touch) .MediaTextTeaser--image--link:active, html:not(.can-touch) .MediaTextTeaser--image--link:hover { background-color: rgba(0, 0, 0, 0.3); }

html:not(.can-touch) .MediaTextTeaser--image--link:active::before, html:not(.can-touch) .MediaTextTeaser--image--link:hover::before { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media screen and (max-width: 580px) { .MediaTextTeaser--image--link .Icon { -webkit-transform: translate(-50%, -50%) scale(0.75); transform: translate(-50%, -50%) scale(0.75); }
  .MediaTextTeaser--image--link::before { -webkit-transform: scale(0.75); transform: scale(0.75); } }

.MediaTextTeaserStacked .SectionContainer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (min-width: 1201px) { .MediaTextTeaserStacked .SectionTitle { max-width: 900px; margin-left: auto; margin-right: auto; } }

@media screen and (max-width: 1000px) { .MediaTextTeaserStacked { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); padding-left: 75px; padding-right: 75px; padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .MediaTextTeaserStacked { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .MediaTextTeaserStacked { padding-left: 20px; padding-right: 20px; } }

.MediaTextTeaserStacked--inner { width: 100%; max-width: 810px; height: auto; }

.PeopleArea.blue .SectionTitle--headline { color: #1455B4; }

.PeopleArea.purple .SectionTitle--headline { color: #9B14B4; }

.PeopleArea.dark.blue .SectionTitle--headline { color: #91C8FF; }

.PeopleArea.dark.purple .SectionTitle--headline { color: #FA8CFF; }

.PeopleArea--inner { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

@media (max-width: 1430px) { .PeopleArea--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .PeopleArea--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .PeopleArea--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .PeopleArea--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .PeopleArea--inner { max-width: 100%; margin: 0; } }

.PeopleArea--grid { margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .PeopleArea--grid { margin-top: 30px; } }

.PeopleArea--grid:not(.large) { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: -30px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.PeopleArea--grid:not(.large) > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 30px; padding-right: 30px; }

.PeopleArea--grid:not(.large):after { content: ''; display: table; clear: both; }

.PeopleArea--grid.large { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.PeopleArea--grid.large .PeopleArea--grid--item { width: 100%; max-width: 1020px; margin-bottom: 30px; }

.PeopleArea--grid.small .PeopleArea--grid--item { width: 33.33333%; }

@media screen and (max-width: 1000px) { .PeopleArea--grid.small .PeopleArea--grid--item { width: 50%; } }

@media screen and (max-width: 580px) { .PeopleArea--grid.small .PeopleArea--grid--item { width: 100%; } }

.PeopleArea--grid.tiny .PeopleArea--grid--item { width: 25%; }

@media screen and (max-width: 1382px) { .PeopleArea--grid.tiny .PeopleArea--grid--item { width: 33.33333%; } }

@media screen and (max-width: 1000px) { .PeopleArea--grid.tiny .PeopleArea--grid--item { width: 50%; } }

@media screen and (max-width: 580px) { .PeopleArea--grid.tiny .PeopleArea--grid--item { width: 100%; } }

.PeopleArea--grid:last-child { margin-bottom: 0; }

.PeopleArea--grid--item { width: 50%; }

.PeopleArea--grid--item .PeopleCard { height: 100%; }

@media screen and (max-width: 1000px) { .PeopleArea--grid--item { width: 100%; } }

.PeopleArea--link { margin-bottom: 60px; text-align: center; }

@media screen and (max-width: 1000px) { .PeopleArea--link { margin-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .PeopleArea--link { margin-bottom: 30px; } }

.PeopleCard { color: #3C4150; padding-top: 45px; }

@media screen and (max-width: 1000px) { .PeopleCard { width: 100%; text-align: center; } }

@media screen and (min-width: 1001px) { .PeopleCard.large { padding-top: 60px; }
  .PeopleCard.large .PeopleCard--inner { padding-top: 90px; padding-left: 100px; padding-right: 100px; padding-bottom: 60px; }
  .PeopleCard.large .PeopleCard--portrait { height: 120px; width: 120px; }
  .PeopleCard.large .PeopleCard--name { font-size: 50px; font-size: 3.125rem; font-weight: 200; line-height: 1.16; }
  .PeopleCard.large .PeopleCard--text{ font-size: 22px; font-size: 1.375rem; font-weight: 200; line-height: 1.5; }
  [lang="zh"] .PeopleCard.large .PeopleCard--text, [lang="zh-Hant"] .PeopleCard.large .PeopleCard--text, [lang="zh-Hans"] .PeopleCard.large .PeopleCard--text, [lang="zh-CN"] .PeopleCard.large .PeopleCard--text{ line-height: 1.7; } }

@media screen and (min-width: 1201px) { .PeopleCard.large .PeopleCard--meta > * { max-width: 30em; }
  .PeopleCard.large .PeopleCard--text + .PeopleCard--actions { margin-top: 60px; } }

.PeopleCard.tiny, .PeopleCard.small { text-align: center; }

.PeopleCard.tiny .PeopleCard--portrait, .PeopleCard.small .PeopleCard--portrait { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.PeopleCard.tiny .PeopleCard--actions, .PeopleCard.small .PeopleCard--actions { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.PeopleCard.tiny .PeopleCard--actions > .Button + .Button, .PeopleCard.small .PeopleCard--actions > .Button + .Button { margin-top: 10px; margin-left: 0; }

@media screen and (min-width: 1001px) { .PeopleCard.tiny .PeopleCard--inner, .PeopleCard.small .PeopleCard--inner { padding-left: 30px; padding-right: 30px; padding-bottom: 40px; }
  .PeopleCard.tiny .PeopleCard--name, .PeopleCard.small .PeopleCard--name { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; }
  [lang="zh"] .PeopleCard.tiny .PeopleCard--name, [lang="zh-Hant"] .PeopleCard.tiny .PeopleCard--name, [lang="zh-Hans"] .PeopleCard.tiny .PeopleCard--name, [lang="zh-CN"] .PeopleCard.tiny .PeopleCard--name, [lang="zh"] .PeopleCard.small .PeopleCard--name, [lang="zh-Hant"] .PeopleCard.small .PeopleCard--name, [lang="zh-Hans"] .PeopleCard.small .PeopleCard--name, [lang="zh-CN"] .PeopleCard.small .PeopleCard--name { line-height: 1.5; } }

.PeopleCard.blue .PeopleCard--name { color: #418CE1; }

.PeopleCard.purple .PeopleCard--name { color: #D241C8; }

.PeopleCard.dark .PeopleCard--portrait { background-color: #242730; }

.PeopleCard.dark .PeopleCard--portrait .Media { background-color: #242730; }

.PeopleCard.dark .PeopleCard--inner { background-color: #505461; }

.PeopleCard.dark .PeopleCard--position, .PeopleCard.dark .PeopleCard--department { color: #D4D4D4; }

.PeopleCard.dark .PeopleCard--text { color: #ffffff; }

.PeopleCard.dark .PeopleCard--text.richtext * { color: inherit; }

.PeopleCard.dark.blue .PeopleCard--name { color: #91C8FF; }

.PeopleCard.dark.purple .PeopleCard--name { color: #FA8CFF; }

.PeopleCard--inner { padding-bottom: 60px; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding-left: 60px; padding-right: 60px; padding-top: 75px; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 1000px) { .PeopleCard--inner { padding-bottom: 7.5vw; } }

@media screen and (max-width: 400px) { .PeopleCard--inner { padding-bottom: 30px; } }

.PeopleCard--inner > header { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.PeopleCard--inner > footer { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (max-width: 1200px) { .PeopleCard--inner { padding: 75px 45px 45px 45px; } }

@media screen and (max-width: 1000px) { .PeopleCard--inner { padding: 60px 30px 30px 30px; } }

.PeopleCard--portrait { width: 90px; height: 90px; border-radius: 100%; overflow: hidden; position: absolute; top: 0; background-color: #F9F9FA; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.PeopleCard--portrait > img { max-width: 100%; }

@media screen and (max-width: 1000px) { .PeopleCard--portrait { left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } }

.PeopleCard--name { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-bottom: 15px; color: #418CE1; }

[lang="zh"] .PeopleCard--name, [lang="zh-Hant"] .PeopleCard--name, [lang="zh-Hans"] .PeopleCard--name, [lang="zh-CN"] .PeopleCard--name { line-height: 1.5; }

@media screen and (max-width: 1000px) { .PeopleCard--name { font-size: 18px; font-size: 1.125rem; } }

.PeopleCard--meta { margin-bottom: 30px; }

.PeopleCard--position { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; }

[lang="zh"] .PeopleCard--position, [lang="zh-Hant"] .PeopleCard--position, [lang="zh-Hans"] .PeopleCard--position, [lang="zh-CN"] .PeopleCard--position { line-height: 1.5; }

.PeopleCard--department { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; }

[lang="zh"] .PeopleCard--department, [lang="zh-Hant"] .PeopleCard--department, [lang="zh-Hans"] .PeopleCard--department, [lang="zh-CN"] .PeopleCard--department { line-height: 1.5; }

.PeopleCard--text { font-size: 18px; font-size: 1.125rem; font-weight: 200; }

.PeopleCard--actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.PeopleCard--text + .PeopleCard--actions { margin-top: 40px; }

.PeopleCard--actions > .Button + .Button { margin-left: 10px; }

@media screen and (max-width: 1000px) { .PeopleCard--actions { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

@media screen and (max-width: 580px) { .PeopleCard--actions { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .PeopleCard--actions > .Button { margin-bottom: 10px; width: 100%; }
  .PeopleCard--actions > .Button + .Button { margin-left: 0; } }

.SocialMediaTeaser { margin-bottom: 120px; padding-bottom: 0; }

@media screen and (max-width: 1000px) { .SocialMediaTeaser { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .SocialMediaTeaser { margin-bottom: 60px; } }

.SocialMediaTeaser iframe { width: 100%; height: 545px; margin-top: -30px; border: none; overflow: hidden; }

.SolutionTeaser { position: relative; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transform: translateY(0); transform: translateY(0); will-change: transform; }

.SolutionTeaser:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.0375); opacity: 0; transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .SolutionTeaser:active, html:not(.can-touch) .SolutionTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

html:not(.can-touch) .SolutionTeaser:active:after, html:not(.can-touch) .SolutionTeaser:hover:after { opacity: 1; }

html:not(.can-touch) .SolutionTeaser:active .SolutionTeaser--content, html:not(.can-touch) .SolutionTeaser:hover .SolutionTeaser--content { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.is-slider-ready .SolutionTeaser { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; }

@supports (display: flex) { .is-slider-ready .SolutionTeaser { position: relative; height: auto; } }

.SolutionTeaser--header { max-height: 160px; overflow: hidden; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.SolutionTeaser--header--dimming { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; }

.SolutionTeaser--header--dimming .Icon { position: absolute; left: 50%; top: 50%; font-size: 10px; -webkit-transform: translate(-45%, -50%); transform: translate(-45%, -50%); }

.SolutionTeaser--header--dimming::before { content: ""; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; border-radius: 100%; background-color: #ffffff; }

.SolutionTeaser--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; border-radius: 4px; overflow: hidden; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); z-index: 1; }

.SolutionTeaser--content { position: relative; min-height: 338px; padding: 34px; padding-top: 114px; background-color: #ffffff; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media screen and (max-width: 1000px) { .SolutionTeaser--content { min-height: 260px; padding-top: 90px; padding-left: 1em; padding-right: 1em; padding-bottom: 1.5em; } }

.SolutionTeaser--category { font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 1.4; display: block; margin-bottom: 18px; color: #8A8D96; }

[lang="zh"] .SolutionTeaser--category, [lang="zh-Hant"] .SolutionTeaser--category, [lang="zh-Hans"] .SolutionTeaser--category, [lang="zh-CN"] .SolutionTeaser--category { line-height: 1.5; }

@media screen and (max-width: 1000px) { .SolutionTeaser--category { margin-bottom: 9px; } }

.SolutionTeaser--title { font-size: 22px; font-size: 1.375rem; font-weight: bold; line-height: 1.3; margin-bottom: 0.5em; color: #006E73; }

[lang="zh"] .SolutionTeaser--title, [lang="zh-Hant"] .SolutionTeaser--title, [lang="zh-Hans"] .SolutionTeaser--title, [lang="zh-CN"] .SolutionTeaser--title { line-height: 1.5; }

@media screen and (max-width: 1000px) { .SolutionTeaser--title { font-size: 18px; font-size: 1.125rem; } }

.SolutionTeaser--text { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; color: #636363; margin-top: 10px; }

[lang="zh"] .SolutionTeaser--text, [lang="zh-Hant"] .SolutionTeaser--text, [lang="zh-Hans"] .SolutionTeaser--text, [lang="zh-CN"] .SolutionTeaser--text { line-height: 1.5; }

.SolutionTeaser--link { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

@media screen and (max-width: 750px) { .SurveyTeaser .SectionContainer { padding-top: 30px; padding-bottom: 30px; } }

@media screen and (max-width: 580px) { .SurveyTeaser .SectionContainer { padding-top: 20px; padding-bottom: 20px; } }

.SurveyTeaser--inner { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); color: #3C4150; padding: 45px; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); }

@media (max-width: 1010px) { .SurveyTeaser--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .SurveyTeaser--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .SurveyTeaser--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .SurveyTeaser--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .SurveyTeaser--inner { max-width: 100%; margin: 0; } }

.SurveyTeaser--inner .BasicContentTeaser { margin-left: calc(50% - 307.5px); margin-right: calc(50% - 307.5px); }

@media (max-width: 815px) { .SurveyTeaser--inner .BasicContentTeaser { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1000px) { .SurveyTeaser--inner .BasicContentTeaser { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .SurveyTeaser--inner .BasicContentTeaser { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .SurveyTeaser--inner .BasicContentTeaser { margin-left: 20px; margin-right: 20px; } }

@media print { .SurveyTeaser--inner .BasicContentTeaser { max-width: 100%; margin: 0; } }

@media screen and (max-width: 750px) { .SurveyTeaser--inner .BasicContentTeaser { margin: 0; } .SurveyTeaser--inner{ padding: 30px 15px; margin-top: 0; margin-bottom: 0; } }

.TeaserGrid--inner { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-bottom: 120px; }

@media (max-width: 1430px) { .TeaserGrid--inner { margin-left: 75px; margin-right: 75px; } }

@media screen and (max-width: 1200px) { .TeaserGrid--inner { margin-left: 60px; margin-right: 60px; } }

@media screen and (max-width: 750px) { .TeaserGrid--inner { margin-left: 30px; margin-right: 30px; } }

@media screen and (max-width: 580px) { .TeaserGrid--inner { margin-left: 20px; margin-right: 20px; } }

@media print { .TeaserGrid--inner { max-width: 100%; margin: 0; } }

@media screen and (max-width: 1000px) { .TeaserGrid--inner { margin-bottom: 15vw; } }

@media screen and (max-width: 400px) { .TeaserGrid--inner { margin-bottom: 60px; } }

@media screen and (max-width: 580px) { .TeaserGrid--inner { margin-left: 30px; margin-right: 30px; } }

.TeaserGrid--inner .LoadMore { margin-top: 60px; }

@media screen and (max-width: 1000px) { .TeaserGrid--inner .LoadMore { margin-top: 7.5vw; } }

@media screen and (max-width: 400px) { .TeaserGrid--inner .LoadMore { margin-top: 30px; } }

.TeaserGrid--grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: -30px; }

.TeaserGrid--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; margin-top: 30px; padding-right: 30px; }

.TeaserGrid--grid:after { content: ''; display: table; clear: both; }

.TeaserGrid--grid--item { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.TeaserGrid--grid--item > * { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; }

.TeaserGrid--grid--item.medium { width: 66.66667%; }

@media screen and (max-width: 1000px) { .TeaserGrid--grid--item { width: 50%; }
  .TeaserGrid--grid--item.medium { width: 100%; } }

@media screen and (max-width: 750px) { .TeaserGrid--grid--item { width: 100%; } }

.TeaserSliderArea { margin-top: 90px; overflow: hidden; }

@media screen and (max-width: 1000px) { .TeaserSliderArea { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .TeaserSliderArea { margin-top: 45px; } }

@media screen and (max-width: 1000px) { .TeaserSliderArea { margin-top: 120px; margin-top: 15vw; } }

@media screen and (max-width: 400px) { .TeaserSliderArea { margin-top: 60px; } }

.TeaserSliderArea .SectionContainer { margin-top: 0; }

.l-Page.campaign .TeaserSliderArea { margin-bottom: 90px; }

@media screen and (max-width: 1000px) { .l-Page.campaign .TeaserSliderArea { margin-bottom: 11.25vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .TeaserSliderArea { margin-bottom: 45px; } }

.TeaserSlider { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); }

@media (max-width: 1430px) { .TeaserSlider { padding-left: 75px; padding-right: 75px; } }

@media screen and (max-width: 1200px) { .TeaserSlider { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 750px) { .TeaserSlider { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 580px) { .TeaserSlider { padding-left: 20px; padding-right: 20px; } }

@media print { .TeaserSlider { max-width: 100%; margin: 0; } }

@media screen and (max-width: 580px) { .TeaserSlider { padding-left: 30px; padding-right: 30px; } }

.TeaserSlider .flickity-viewport { margin-bottom: 45px; z-index: 1; }

.TeaserSliderAreaTabs .Tabs--navigation { margin-bottom: 0; }

.TeaserSliderAreaTabs .TeaserSliderArea { padding-top: 90px; margin-top: 0; }

@media screen and (max-width: 1000px) { .TeaserSliderAreaTabs .TeaserSliderArea { padding-top: 11.25vw; } }

@media screen and (max-width: 400px) { .TeaserSliderAreaTabs .TeaserSliderArea { padding-top: 45px; } }

.TeaserSlider--slider { position: relative; }

.TeaserSlider--slider:not(.is-draggable) .TeaserSlider--slider--controls { display: none; }

.TeaserSlider--wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; white-space: inherit; }

.TeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; width: calc((100% + 30px) / 3 - 30px); margin-right: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100%; }

@supports (display: flex) { .TeaserSlider--slide { display: block; white-space: inherit; } }

.TeaserSlider--slide.is-slider-ready { visibility: hidden; }

.TeaserSlider--slide.was-visible, .TeaserSlider--slide.is-visible { visibility: visible; }

@supports (display: flex) { .TeaserSlider--slide { display: -webkit-flex; display: -ms-flexbox; display: flex; } }

.TeaserSlider--slide > * { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }

@media screen and (min-width: 1001px) { .TeaserSlider.grid-4 .TeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; width: calc((100% + 30px) / 3 - 30px); margin-right: 30px; }
  @supports (display: flex) { .TeaserSlider.grid-4 .TeaserSlider--slide { display: block; white-space: inherit; } }
  .TeaserSlider.grid-4 .TeaserSlider--slide.is-slider-ready { visibility: hidden; }
  .TeaserSlider.grid-4 .TeaserSlider--slide.was-visible, .TeaserSlider.grid-4 .TeaserSlider--slide.is-visible { visibility: visible; } }

@media screen and (min-width: 1201px) { .TeaserSlider.grid-4 .TeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; width: calc((100% + 30px) / 4 - 30px); margin-right: 30px; }
  @supports (display: flex) { .TeaserSlider.grid-4 .TeaserSlider--slide { display: block; white-space: inherit; } }
  .TeaserSlider.grid-4 .TeaserSlider--slide.is-slider-ready { visibility: hidden; }
  .TeaserSlider.grid-4 .TeaserSlider--slide.was-visible, .TeaserSlider.grid-4 .TeaserSlider--slide.is-visible { visibility: visible; } }

@media screen and (min-width: 1001px) { .TeaserSlider.grid-2 .TeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; width: calc((100% + 30px) / 2 - 30px); margin-right: 30px; }
  @supports (display: flex) { .TeaserSlider.grid-2 .TeaserSlider--slide { display: block; white-space: inherit; } }
  .TeaserSlider.grid-2 .TeaserSlider--slide.is-slider-ready { visibility: hidden; }
  .TeaserSlider.grid-2 .TeaserSlider--slide.was-visible, .TeaserSlider.grid-2 .TeaserSlider--slide.is-visible { visibility: visible; } }

@media screen and (max-width: 1000px) { .TeaserSlider--slide { width: 50%; width: calc((100% + 30px) / 2 - 30px); margin-right: 30px; } }

@media screen and (max-width: 750px) { .TeaserSlider--slide { width: 100%; width: calc((100% + 15px) / 1 - 15px); margin-right: 15px; } }

.TeaserSlider.grid-1 .TeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; width: calc((100% + 30px) / 1 - 30px); margin-right: 30px; }

@supports (display: flex) { .TeaserSlider.grid-1 .TeaserSlider--slide { display: block; white-space: inherit; } }

.TeaserSlider.grid-1 .TeaserSlider--slide.is-slider-ready { visibility: hidden; }

.TeaserSlider.grid-1 .TeaserSlider--slide.was-visible, .TeaserSlider.grid-1 .TeaserSlider--slide.is-visible { visibility: visible; }

.TeaserSlider--slider--controls { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 3; }

.TeaserSlider--slider--controls .RoundIconButton { display: block; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 4px; margin-right: 4px; }

.TeaserSlider--index-indicator { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.375; min-width: 190px; margin-left: 50px; margin-right: 50px; text-align: center; }

[lang="zh"] .TeaserSlider--index-indicator, [lang="zh-Hant"] .TeaserSlider--index-indicator, [lang="zh-Hans"] .TeaserSlider--index-indicator, [lang="zh-CN"] .TeaserSlider--index-indicator { line-height: 1.5; }

@media screen and (max-width: 750px) { .TeaserSlider--index-indicator { min-width: auto; margin-left: 15px; margin-right: 15px; } }

.TeaserSlider--index-indicator b, .TeaserSlider--index-indicator strong { font-weight: bold; }

.TeaserSlider--index-indicator .TeaserSlider--index-indicator--current { white-space: nowrap; }

.TeaserSlider--slider:not(.is-draggable) .TeaserSlider--index-indicator { display: none; }

.is-hidden { display: none !important; }

.is-disabled, *[disabled] { opacity: 0.25; cursor: default; }