@charset "UTF-8";
@-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%; font-size: 16px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; background-color: #fff; }

@media screen and (max-width: 1200px) { html { font-size: 15px; } }

@media screen and (max-width: 1000px) { html { font-size: 14px; } }

@media screen and (max-width: 750px) { html { font-size: 13px; } }

@media screen and (max-width: 400px) { html { font-size: 12px; } }

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-weight: 200; line-height: 1.5; color: #282828; overflow-x: hidden !important; min-height: 100vh; }

[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; } }

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

@media screen and (max-width: 750px) { body { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } }

[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", "Gulim", "Malgun Gothic", "Apple Gothic Neo", "Noto Sans KR", sans-serif; }

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

#body { overflow: hidden; 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; }

@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; }

.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, #F4F4F4, #ffffff); }

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

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

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

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

[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: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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; } }

[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="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="checked"] { width: 1.5em; }

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

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

[data-picto="document"] > 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="filters"] { width: 1.5em; }

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

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

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

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

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

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

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

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

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

[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"] { width: 1.5em; }

[data-picto="laptop"] > 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="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="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-group"] { width: 2em; }

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

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

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

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

[data-picto="phone"] > 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="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="save-planet"] { width: 1.5em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

[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-weight: 200; line-height: 1.1; margin-bottom: 0.5em; }

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

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

.richtext h2, .richtext .h2 { font-size: 30px; font-weight: 200; line-height: 1.26667; margin-top: 1.5em; margin-bottom: 0.5em; }

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

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

.richtext h3, .richtext .h3 { font-size: 22px; font-weight: bold; line-height: 1.3; margin-top: 1.5em; margin-bottom: 0.5em; }

[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; } }

.richtext h4, .richtext .h4 { font-size: 16px; 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-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-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-weight: bold; line-height: 1.3; text-indent: -.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; } }

.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 sub:before, .richtext sub:after, .richtext sup:before, .richtext sup:after { position: relative; opacity: 0.375; }

.richtext sub:before, .richtext sup:before { content: "["; padding-right: 0.125em; }

.richtext sub:after, .richtext sup:after { content: "]"; padding-left: 0.125em; }

.richtext sub { top: 0.45em; }

.richtext p { margin-top: 1em; margin-bottom: 1em; color: #282828; }

.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: #282828; }

.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: #282828; }

.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 table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; width: 100%; }

.richtext table caption { font-size: 30px; font-weight: 200; line-height: 1.26667; padding: 1em 0; }

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

@media screen and (max-width: 1000px) { .richtext table caption { font-size: 22px; line-height: 1.36364; } }

.richtext table thead { background-color: #F4F4F4; }

.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: #B32028; 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: #B32028; }

html:not(.can-touch) .richtext table a:not([class]):active, html:not(.can-touch) .richtext table a:not([class]):hover { border-color: #F0D2D4; }

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(0, 169, 224, 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(224, 17, 157, 0.5); }

.richtext table p { margin-top: 0; }

.richtext table p:last-child { margin-bottom: 0; }

.richtext table tr.is-highlighted { background-color: rgba(244, 244, 244, 0.8); }

.richtext table th.is-highlighted { background-color: #F7E9EA; color: #B32028; }

.richtext s { text-decoration: line-through; }

.richtext u { text-decoration: underline; }

.richtext em { font-style: italic; }

.richtext small { font-size: 14px; 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 { font-weight: bold; }

.richtext a:not([class]) { color: #B32028; 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: #B32028; }

html:not(.can-touch) .richtext a:not([class]):active, html:not(.can-touch) .richtext a:not([class]):hover { border-color: #F0D2D4; }

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(0, 169, 224, 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(224, 17, 157, 0.5); }

.richtext > *:first-child { margin-top: 0; }

.t-xxxl { font-size: 120px; font-weight: 200; line-height: 1; }

@media screen and (max-width: 1000px) { .t-xxxl { font-size: 75px; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .t-xxxl { font-size: 60px; line-height: 1.1; } }

.t-xxl { font-size: 80px; font-weight: 200; line-height: 1.1; }

@media screen and (max-width: 1000px) { .t-xxl { font-size: 50px; line-height: 1.14; } }

@media screen and (max-width: 750px) { .t-xxl { font-size: 40px; line-height: 1.15; } }

.t-xl { font-size: 50px; font-weight: 200; line-height: 1.16; }

@media screen and (max-width: 1000px) { .t-xl { font-size: 30px; line-height: 1.53333; } }

.t-l { font-size: 30px; font-weight: 200; line-height: 1.26667; }

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

@media screen and (max-width: 1000px) { .t-l { font-size: 22px; line-height: 1.36364; } }

.t-m { font-size: 22px; 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; } }

.t-ms { font-size: 18px; font-weight: 200; }

.t-s { font-size: 16px; 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-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; } }

.t-xs { font-size: 14px; 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-weight: normal; line-height: 1.66; }

.t-caps { font-size: 15px; 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: #282828; }

.t-gray { color: #636363; }

.t-gray-light { color: #D4D4D4; }

.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-weight: normal; line-height: 1.375; line-height: 20px; vertical-align: middle; height: 50px; padding: 15px 31px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; max-width: 100%; text-align: center; overflow: visible; }

.Button:before { border: 1px solid #B32028; background-color: #B32028; -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: #B32028; }

.Button:hover:not([disabled]):before, .Button:hover:enabled:before { background-color: #ffffff; border-color: #F0D2D4; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Button:active:not([disabled]), .Button:active:enabled { color: #B32028; }

.Button:active:not([disabled]):before, .Button:active:enabled:before { background-color: #ffffff; border-color: #F0D2D4; -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: 39px; padding: 9px 19px 10px 19px; }

.Button.secondary { color: #B32028; }

.Button.secondary:before { border: 1px solid #F0D2D4; 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: #B32028; border-color: #B32028; -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: #B32028; border-color: #B32028; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Button.secondary.small { height: 39px; padding: 9px 19px 10px 19px; }

.Button.transparent { height: 50px; padding: 15px 31px; 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: 39px; padding: 9px 19px 10px 19px; }

.Button.white { color: #B32028; }

.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: #B32028; 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: #B32028; 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: #B32028; }

.Button.white:hover:not([disabled]):before, .Button.white:hover:enabled:before { background-color: #ffffff; }

.Button.white:active:not([disabled]), .Button.white:active:enabled { color: #B32028; }

.Button.white:active:not([disabled]):before, .Button.white:active:enabled:before { background-color: #ffffff; }

.Button.icon-before { fill: currentColor; padding-left: 22px; padding-right: 22px; }

.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: 22px; padding-right: 22px; }

.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: 22px; padding-right: 22px; }

.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 !important; 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; } }

.Button.transparent-white { height: 50px; padding: 15px 31px; color: #ffffff; }

.Button.transparent-white:before { border: 1px solid transparent; background-color: rgba(255, 255, 255, 0.2); -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-white:hover:not([disabled]), .Button.transparent-white:hover:enabled { color: rgba(255, 255, 255, 0.2); }

.Button.transparent-white:hover:not([disabled]):before, .Button.transparent-white: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-white:active:not([disabled]), .Button.transparent-white:active:enabled { color: rgba(255, 255, 255, 0.2); }

.Button.transparent-white:active:not([disabled]):before, .Button.transparent-white: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-white:hover:not([disabled]), .Button.transparent-white:hover:enabled { color: #ffffff; }

.Button.transparent-white:hover:not([disabled]):before, .Button.transparent-white:hover:enabled:before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }

.Button.transparent-white:active:not([disabled]), .Button.transparent-white:active:enabled { color: #ffffff; }

.Button.transparent-white:active:not([disabled]):before, .Button.transparent-white:active:enabled:before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }

.Button.transparent-white.small { height: 39px; padding: 9px 19px 10px 19px; }

.RoundIconButton { position: relative; width: 50px; height: 50px; border-radius: 100%; display: inline-block; vertical-align: middle; overflow: visible; z-index: 1; color: #282828; }

.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: #282828; }

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: #B32028; }

.template-red .RoundIconButton.rainbow > .Icon { color: #B32028; }

.template-red:not(.can-touch) .RoundIconButton.rainbow:hover:not([disabled]):before { border-color: #B32028; }

.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: #B32028; }

.RoundIconButton.responsive::before { border-color: #B32028; }

.RoundIconButton.responsive > .Icon { transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .RoundIconButton.responsive:active, html:not(.can-touch) .RoundIconButton.responsive:hover { color: #B32028; }

html:not(.can-touch) .RoundIconButton.responsive:active::before, html:not(.can-touch) .RoundIconButton.responsive:hover::before { border-color: #B32028; }

@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; } }

@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-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; }

.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-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: #B32028; 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 #B32028; }

html:not(.can-touch) .KeyValueList a:active, html:not(.can-touch) .KeyValueList a:hover { border-color: #F0D2D4; }

.KeyValueList td { display: block; }

@media screen and (max-width: 750px) { .KeyValueList th { font-size: 14px; 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-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-weight: normal; line-height: 1.375; position: relative; max-width: 100%; color: #B32028; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-decoration: none; border-bottom: 1px solid; }

.template-red .Link { color: #B32028; }

[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: #F0D2D4; }

html.template-red:not(.can-touch) .Link:active, html.template-red:not(.can-touch) .Link:hover { border-color: rgba(255, 160, 47, 0.5); }

html.template-green:not(.can-touch) .Link:active, html.template-green:not(.can-touch) .Link:hover { border-color: rgba(201, 221, 3, 0.5); }

html.template-blue:not(.can-touch) .Link:active, html.template-blue:not(.can-touch) .Link:hover { border-color: rgba(0, 169, 224, 0.5); }

html.template-violet:not(.can-touch) .Link:active, html.template-violet:not(.can-touch) .Link:hover { border-color: rgba(224, 17, 157, 0.5); }

a:active .Link, html:not(.can-touch) a:hover .Link { border-color: #F0D2D4; }

.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-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; } }

.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: #F0D2D4; 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: #F0D2D4; 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: #B32028; -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: #B32028; -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); }

.PeopleList { position: relative; }

@media screen and (min-width: 751px) { .PeopleList { padding-top: 0.6em; min-height: 60px; } }

@media screen and (max-width: 750px) { .PeopleList { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -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; } }

@media screen and (min-width: 751px) { .PeopleList.count-1 { padding-left: 75px; } .PeopleList.count-2{ padding-left: 120px; } .PeopleList.count-3{ padding-left: 165px; } .PeopleList.count-4{ padding-left: 210px; } .PeopleList.count-5{ padding-left: 255px; } }

.PeopleList--item { display: inline; }

@media screen and (max-width: 750px) { .PeopleList--item { min-height: 30px; 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; } }

@media screen and (min-width: 751px) { .PeopleList--item:nth-child(1) .PeopleList--portrait { left: 0px; } .PeopleList--item:nth-child(2) .PeopleList--portrait{ left: 45px; } .PeopleList--item:nth-child(3) .PeopleList--portrait{ left: 90px; } .PeopleList--item:nth-child(4) .PeopleList--portrait{ left: 135px; } .PeopleList--item:nth-child(5) .PeopleList--portrait{ left: 180px; } }

@media screen and (max-width: 750px) { .PeopleList--item:not(:first-child) { margin-top: -5px; } }

.PeopleList--portrait { position: absolute; top: 0; width: 60px; height: 60px; border-radius: 100%; overflow: hidden; }

@media screen and (max-width: 750px) { .PeopleList--portrait { position: relative; width: 30px; height: 30px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 15px; left: 0; } }

.PeopleList--name { display: inline; }

.PeopleList--name p { margin-top: 1em; margin-bottom: 1em; color: #282828; }

.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: #282828; }

.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: #282828; }

.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 table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; width: 100%; }

.PeopleList--name table caption { font-size: 30px; font-weight: 200; line-height: 1.26667; padding: 1em 0; }

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

@media screen and (max-width: 1000px) { .PeopleList--name table caption { font-size: 22px; line-height: 1.36364; } }

.PeopleList--name table thead { background-color: #F4F4F4; }

.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: #B32028; 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: #B32028; }

html:not(.can-touch) .PeopleList--name table a:not([class]):active, html:not(.can-touch) .PeopleList--name table a:not([class]):hover { border-color: #F0D2D4; }

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(0, 169, 224, 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(224, 17, 157, 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(244, 244, 244, 0.8); }

.PeopleList--name table th.is-highlighted { background-color: #F7E9EA; color: #B32028; }

.PeopleList--name s { text-decoration: line-through; }

.PeopleList--name u { text-decoration: underline; }

.PeopleList--name em { font-style: italic; }

.PeopleList--name small { font-size: 14px; 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 { font-weight: bold; }

.PeopleList--name a:not([class]) { color: #B32028; 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: #B32028; }

html:not(.can-touch) .PeopleList--name a:not([class]):active, html:not(.can-touch) .PeopleList--name a:not([class]):hover { border-color: #F0D2D4; }

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(0, 169, 224, 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(224, 17, 157, 0.5); }

.PeopleList--name > *:first-child { margin-top: 0; }

@media screen and (max-width: 750px) { .PeopleList--name { font-size: 16px; font-weight: normal; line-height: 1.375; padding-top: 0.3em; }
  [lang="zh"] .PeopleList--name, [lang="zh-Hant"] .PeopleList--name, [lang="zh-Hans"] .PeopleList--name, [lang="zh-CN"] .PeopleList--name { line-height: 1.5; } }

.PeopleList--item:not(:last-child) > .PeopleList--name::after { content: ", "; white-space: pre; }

.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; 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; object-fit: cover; object-position: center; }

.Share { font-size: 16px; font-weight: normal; line-height: 1.375; position: relative; max-width: 100%; color: #B32028; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-decoration: none; border-bottom: 1px solid; color: #B32028; display: inline-block; height: 30px; border-bottom: none; transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.template-red .Share { color: #B32028; }

[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 { padding: 0; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #F0D2D4; transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); letter-spacing: -1ex; text-indent: -9999px; color: transparent !important; text-decoration: none; line-height: 1; }
  html:not(.can-touch) .Share:active, html:not(.can-touch) .Share:hover { border-color: #B32028; color: transparent; }
  .Share > .Icon[data-picto] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-top: 0; margin-left: 0; color: #B32028; }
  .Share > .Icon[data-picto] > svg { fill: currentColor; } }

.Share .Icon[data-picto] > svg { fill: currentColor; }

.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-weight: normal; line-height: 1.375; line-height: 20px; vertical-align: middle; height: 39px; padding: 9px 19px 10px 19px; color: #B32028; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; max-width: 100%; text-align: center; }

.Tag:before { border: 1px solid #B32028; background-color: #B32028; -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: #B32028; }

.Tag:hover:not([disabled]):before, .Tag:hover:enabled:before { background-color: #ffffff; border-color: #F0D2D4; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Tag:active:not([disabled]), .Tag:active:enabled { color: #B32028; }

.Tag:active:not([disabled]):before, .Tag:active:enabled:before { background-color: #ffffff; border-color: #F0D2D4; -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 #F7E9EA; background-color: #F7E9EA; -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: #F7E9EA; }

.Tag:hover:not([disabled]):before, .Tag:hover:enabled:before { background-color: #B32028; border-color: #ffffff; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Tag:active:not([disabled]), .Tag:active:enabled { color: #F7E9EA; }

.Tag:active:not([disabled]):before, .Tag:active:enabled:before { background-color: #B32028; border-color: #ffffff; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); }

.Tag .Tag--content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; position: relative; max-width: 100%; z-index: 1; }

.Tag .Tag--content > br { display: none; }

.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: #B32028; }

html:not(.can-touch) .Tag:hover:not([disabled]):before, html:not(.can-touch) .Tag:hover:enabled:before { background-color: #ffffff; border-color: #F0D2D4; }

html:not(.can-touch) .Tag:active:not([disabled]), html:not(.can-touch) .Tag:active:enabled { color: #B32028; }

html:not(.can-touch) .Tag:active:not([disabled]):before, html:not(.can-touch) .Tag:active:enabled:before { background-color: #ffffff; border-color: #F0D2D4; }

.Tag.border { color: #282828; }

.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: #282828; border-color: #F4F4F4; -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: #282828; border-color: #F4F4F4; -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: #282828; }

html:not(.can-touch) .Tag.border:hover:not([disabled]):before, html:not(.can-touch) .Tag.border:hover:enabled:before { background-color: #F4F4F4; }

html:not(.can-touch) .Tag.border:active:not([disabled]), html:not(.can-touch) .Tag.border:active:enabled { color: #282828; }

html:not(.can-touch) .Tag.border:active:not([disabled]):before, html:not(.can-touch) .Tag.border:active:enabled:before { background-color: #F4F4F4; }

.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; }

.Tag.transparent-white { color: #ffffff; }

.Tag.transparent-white:before { border: 1px solid transparent; background-color: rgba(255, 255, 255, 0.2); -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-white:hover:not([disabled]), .Tag.transparent-white:hover:enabled { color: rgba(255, 255, 255, 0.2); }

.Tag.transparent-white:hover:not([disabled]):before, .Tag.transparent-white: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-white:active:not([disabled]), .Tag.transparent-white:active:enabled { color: rgba(255, 255, 255, 0.2); }

.Tag.transparent-white:active:not([disabled]):before, .Tag.transparent-white: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-white:hover:not([disabled]), html:not(.can-touch) .Tag.transparent-white:hover:enabled { color: #ffffff; }

html:not(.can-touch) .Tag.transparent-white:hover:not([disabled]):before, html:not(.can-touch) .Tag.transparent-white:hover:enabled:before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }

html:not(.can-touch) .Tag.transparent-white:active:not([disabled]), html:not(.can-touch) .Tag.transparent-white:active:enabled { color: #ffffff; }

html:not(.can-touch) .Tag.transparent-white:active:not([disabled]):before, html:not(.can-touch) .Tag.transparent-white:active:enabled:before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }

.BasicInput { position: relative; }

.BasicInput > label { font-size: 16px; font-weight: normal; line-height: 1.375; 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: .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 { 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-weight: 200; 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: #F4F4F4; 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:focus, .BasicInput textarea:focus, .BasicInput input:focus { border-color: #3C3C3C; }

.BasicInput .Input, .BasicInput textarea, .BasicInput input { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.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-right: 50px; }

html:not(.can-touch) .BasicInput .Select select:active, html:not(.can-touch) .BasicInput .Select select:hover { border-color: #3C3C3C; }

.BasicInput.has-novalue select { color: #636363; }

.BasicInput.has-error.has-novalue select { color: #E00034; }

.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-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: #B32028; 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: #B32028; }

html:not(.can-touch) .Captcha--text a:not([class]):active, html:not(.can-touch) .Captcha--text a:not([class]):hover { border-color: #F0D2D4; }

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(0, 169, 224, 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(224, 17, 157, 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: #282828; }

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; -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; }

input[type='time'] { border-radius: 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-weight: bold; line-height: 1.3; color: #282828; }

[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; } }

.FormAlert { font-size: 16px; 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-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: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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--content { padding-left: 60px; padding-right: 60px; margin-bottom: 30px; padding-top: 30px; padding-bottom: 30px; background-color: #F4F4F4; border-radius: 4px; }

@media screen and (max-width: 1000px) { .FormGroup--content { padding-left: 7.5vw; } }

@media screen and (max-width: 400px) { .FormGroup--content { padding-left: 30px; } }

@media screen and (max-width: 1000px) { .FormGroup--content { padding-right: 7.5vw; } }

@media screen and (max-width: 400px) { .FormGroup--content { padding-right: 30px; } }

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

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

.FormGroup--footer { font-size: 18px; font-weight: 200; }

.FormRow { display: block; margin-bottom: 2em; }

.FormRow.emGap { margin-bottom: 1em; }

.FormRow.colHead { margin-top: 0.375em; margin-bottom: 1.25em; }

.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: #D4D4D4; }

@media screen and (max-width: 400px) { .InputNumber--button { display: none; } }

.InputNumber--widget .InputNumber--input { width: 75px; -moz-appearance: textfield; -webkit-appearance: none; 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 #F4F4F4; }

.LoadingAnimation--inner::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 2px solid #B32028; -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-weight: 200; line-height: 1.16; }

@media screen and (max-width: 1000px) { .LoadingAnimation--title { font-size: 30px; 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: #F4F4F4; }

.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-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 > 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: #282828; }

.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: #F4F4F4; border-color: #F4F4F4; }

.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: #F4F4F4; }

.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: #282828; background-color: #F4F4F4; }

.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: #282828; }

@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-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-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; } }

@media screen and (max-width: 750px) { .OptionInput--label--title { padding-right: 40px; } }

.OptionInput--label--text { font-size: 16px; 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-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-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; } }

.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-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; } }

.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: #F4F4F4; transition: border-color .3s; }

html:not(.can-touch) .SplitForm--button:active, html:not(.can-touch) .SplitForm--button:hover { border-color: #282828; }

.SplitForm--button[aria-expanded='true'] { background-color: #ffffff; border-color: #282828; }

.SplitForm--button .Icon { margin-left: 30px; }

@media screen and (max-width: 1000px) { .SplitForm--button { font-size: 16px; 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.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--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: #F7E9EA; transition: background-color 0.4s, width 0.3s; width: 5px; height: 5px; }

.l-Scrollable::-webkit-scrollbar-thumb { background: #B32028; }

.l-Scrollable:hover::-webkit-scrollbar-thumb { background: #B32028; }

.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-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; display: block; line-height: 1; color: #D4D4D4; 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 !important; 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-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-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-weight: normal; line-height: 1.4; color: #3C3C3C; 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 #F7E9EA; }

.pika-single .is-today > .pika-button::after { color: #B32028; 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: #282828; 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: #3C3C3C; font-weight: bold; background: #D4D4D4; }

.is-endrange .pika-button, .is-startrange .pika-button, .is-inrange .pika-button { opacity: 1; color: white; background: #F0D2D4; }

html:not(.can-touch) .pika-button:active, html:not(.can-touch) .pika-button:hover { color: #000000; background: #F7E9EA; }

.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; }

.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: #B32028; }

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: #B32028; }

.is-loadmore-hidden { display: none !important; }

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: #282828; 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-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: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) scale(1.1) rotate(-45deg); transform: translate3d(0, 0, 0) 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 #282828; 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: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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--navigation { margin-bottom: 90px; position: relative; overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid #D4D4D4; }

.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--link { color: #636363; display: block; position: relative; padding: 20px 1em; }

.Tabs--content[aria-hidden="true"] { display: none; }

.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--navigation { margin-bottom: 90px; position: relative; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

@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: #F4F4F4; 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; width: calc(100% - 1em); }

@media screen and (max-width: 750px) { .Tabs--navigation--entry:first-child .Tabs--navigation--link:before { width: calc(100% - 10px); } }

.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; height: 3px; width: calc(100% - 2em); bottom: 0; background-color: #B32028; -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: #282828; color: #B32028; }

.Tabs--navigation--link[aria-selected="true"], .Tabs--navigation--link.is-active { color: #282828; color: #B32028; }

.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-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 { width: calc(100% - 20px); left: 10px; } }

.Tooltip { font-size: 14px; 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-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-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 { border-top-color: transparent; border-bottom-color: #ffffff; top: -22px; bottom: auto; }

.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 { 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--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%); }

.AccordionArea { margin-bottom: 90px; }

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

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

.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-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; } }

.Accordion--title > .Icon { margin-right: 15px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.Accordion--toggle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; 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--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: 1; }

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

.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-weight: 200; line-height: 1.1; }

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

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

.ArticleHeader.center { text-align: center; }

.ArticleHeader--title { font-size: 50px; font-weight: 200; line-height: 1.16; margin-bottom: 60px; }

@media screen and (max-width: 1000px) { .ArticleHeader--title { font-size: 30px; 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-weight: 200; line-height: 1.26667; font-weight: 200; }

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

@media screen and (max-width: 1000px) { .ArticleHeader--lead { font-size: 22px; line-height: 1.36364; } }

.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-weight: normal; line-height: 1.66; line-height: 20px; height: 25px; padding: 2px 10px 3px 10px; } }

.ArticleMeta { 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; }

.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-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; } }

.ArticleMeta.large .ArticleMeta--right { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.ArticleMeta--left { font-size: 14px; 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; }

.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 { margin-bottom: 60px; 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; } }

@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; } }

@media screen and (max-width: 1000px) { .ArticleMeta--left { font-size: 12px; 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--right > * { margin-left: 30px; }

@media screen and (max-width: 1000px) { .ArticleMeta--right > * { margin-left: 15px; } }

.ArticleMeta--author { color: #636363; }

.ArticleMeta--author--name { color: #282828; }

a.ArticleMeta--author--name { font-weight: bold; color: #B32028; 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; }

.ArticleMetaArea { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-bottom: 120px; }

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

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

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

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

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

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

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

.ArticleSection { margin-bottom: 45px; }

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

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

.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-weight: 200; line-height: 1.26667; margin-bottom: 0.75em; }

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

@media screen and (max-width: 1000px) { .ArticleSection--title { font-size: 22px; line-height: 1.36364; } }

.ArticleSubsection { margin-bottom: 1em; }

.ArticleSubsection--title { font-size: 22px; 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; } }

.Breadcrumbs { margin-bottom: 60px; font-size: 14px; 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-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; 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; padding: .5em 1em .5em 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: #3C3C3C; }

html:not(.can-touch) .Breadcrumbs.white .Breadcrumbs--link:active, html:not(.can-touch) .Breadcrumbs.white .Breadcrumbs--link:hover { color: #F4F4F4; }

.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-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; }

.CountryList--item + .CountryList--item { margin-top: 0.75em; }

.CountryList--item a { border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

html:not(.can-touch) .CountryList--item a:active, html:not(.can-touch) .CountryList--item a:hover { border-color: #D4D4D4; }

.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 { 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-weight: 200; line-height: 1.1; }

@media screen and (max-width: 1000px) { .ErrorMessage--inner .SectionTitle--headline { font-size: 50px; line-height: 1.14; } }

@media screen and (max-width: 750px) { .ErrorMessage--inner .SectionTitle--headline { font-size: 40px; 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-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-weight: 200; line-height: 1.26667; }
  [lang="zh"] .ExtendedAgendaTable--topic, [lang="zh-Hant"] .ExtendedAgendaTable--topic, [lang="zh-Hans"] .ExtendedAgendaTable--topic, [lang="zh-CN"] .ExtendedAgendaTable--topic { line-height: 1.5; }
  .ExtendedAgendaTable--topic{ font-size: 22px; line-height: 1.36364; } }

@media screen and (min-width: 751px) { .ExtendedAgendaTable--topic { min-width: 300px; } .ExtendedAgendaTable--speakers{ min-width: 420px; } }

.ExtendedAgendaTable--richtext p { margin-top: 1em; margin-bottom: 1em; color: #282828; }

.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: #282828; }

.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: #282828; }

.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 table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; width: 100%; }

.ExtendedAgendaTable--richtext table caption { font-size: 30px; font-weight: 200; line-height: 1.26667; padding: 1em 0; }

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

@media screen and (max-width: 1000px) { .ExtendedAgendaTable--richtext table caption { font-size: 22px; line-height: 1.36364; } }

.ExtendedAgendaTable--richtext table thead { background-color: #F4F4F4; }

.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: #B32028; 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: #B32028; }

html:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):active, html:not(.can-touch) .ExtendedAgendaTable--richtext table a:not([class]):hover { border-color: #F0D2D4; }

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(0, 169, 224, 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(224, 17, 157, 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(244, 244, 244, 0.8); }

.ExtendedAgendaTable--richtext table th.is-highlighted { background-color: #F7E9EA; color: #B32028; }

.ExtendedAgendaTable--richtext s { text-decoration: line-through; }

.ExtendedAgendaTable--richtext u { text-decoration: underline; }

.ExtendedAgendaTable--richtext em { font-style: italic; }

.ExtendedAgendaTable--richtext small { font-size: 14px; 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 { font-weight: bold; }

.ExtendedAgendaTable--richtext a:not([class]) { color: #B32028; 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: #B32028; }

html:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):active, html:not(.can-touch) .ExtendedAgendaTable--richtext a:not([class]):hover { border-color: #F0D2D4; }

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(0, 169, 224, 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(224, 17, 157, 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; } }

.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-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: #F7E9EA; transition: background-color 0.4s, width 0.3s; width: 5px; height: 5px; }

.ExtendedAgendaTableArea--inner::-webkit-scrollbar-thumb { background: #B32028; }

.ExtendedAgendaTableArea--inner:hover::-webkit-scrollbar-thumb { background: #B32028; }

@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-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-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-weight: 200; line-height: 1.26667; padding: 1em 0; }

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

@media screen and (max-width: 1000px) { .ExtendedTable table caption { font-size: 22px; line-height: 1.36364; } }

.ExtendedTable table thead { background-color: #F4F4F4; }

.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: #B32028; 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: #B32028; }

html:not(.can-touch) .ExtendedTable table a:not([class]):active, html:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: #F0D2D4; }

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(0, 169, 224, 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(224, 17, 157, 0.5); }

.ExtendedTable table p { margin-top: 0; }

.ExtendedTable table p:last-child { margin-bottom: 0; }

.ExtendedTable table tr.is-highlighted { background-color: rgba(244, 244, 244, 0.8); }

.ExtendedTable table th.is-highlighted { background-color: #F7E9EA; color: #B32028; }

.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: #F7E9EA; }

.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-weight: 200; line-height: 1.26667; 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; } }

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

@media screen and (max-width: 1000px) { .ExtendedTable--title { font-size: 22px; line-height: 1.36364; } }

.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: #F4F4F4; 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: #F7E9EA; color: #B32028; }

.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; }

.Iframe { position: relative; -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%; }

.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-top: 90px; margin-bottom: 90px; }

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

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

@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; }

.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 { color: #282828; position: relative; display: block; padding: 30px 45px 30px 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); }

.LinkList--link: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; }

.LinkList--link: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; }

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

.LinkList--link.picto:after { content: none; }

.LinkList--link.picto .Icon { position: absolute; top: 50%; right: 0; margin-right: 0.75em; }

.LinkList--link.picto svg { fill: currentColor; }

.LinkList--link.image { 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) { .LinkList--link { font-size: 18px; font-weight: 200; padding: 1em 45px 1em 0; } }

.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; }

@-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-bottom: 45px; position: relative; }

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

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

.MediaArea.teaser { margin-bottom: 60px; }

@media screen and (max-width: 750px) { .MediaArea.teaser { margin-bottom: 45px; } }

.MediaArea.teaser .MediaArea--title { font-size: 16px; 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); margin-bottom: 180px; }

@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; } }

@media screen and (max-width: 1000px) { .MediaArea.sitewidth { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .MediaArea.sitewidth { margin-bottom: 90px; } }

.MediaArea.fullwidth { margin-bottom: 180px; }

@media screen and (max-width: 1000px) { .MediaArea.fullwidth { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .MediaArea.fullwidth { margin-bottom: 90px; } }

.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; } }

.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-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; } }

.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 .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 { display: block; }

.MediaSlide--media { position: relative; overflow: hidden; }

.MediaSlide--media.video { background-color: #F4F4F4; }

.MediaSlide--media .Media img { 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; top: 15px; left: auto; right: 15px; }

.MediaSlide--zoomIcon > .Icon { font-size: 13px; }

.MediaSlide--caption { font-size: 16px; 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: #282828; 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-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: #D4D4D4; 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%; 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-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; } }

.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--icon { position: relative; display: block; width: 60px; height: 60px; margin-bottom: 15px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); }

.PageHeader--icon .Icon { max-width: 32px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.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; }

.PageHeader.backgroundDark .PageHeader--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%); }

.PageHeaderImage { height: 600px; max-height: 50vh; overflow: hidden; position: relative; }

.PageHeaderImage > .Media.image { height: calc(100% + 100px); top: -50px; object-fit: cover; -webkit-transform: translateY(-50px); transform: translateY(-50px); }

.PageHeaderImage > .Media.video { height: 100%; 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{ 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: none; }

.PageHeaderImage--zoomIcon > .Icon { font-size: 13px; }

.PageHeaderImage { margin-bottom: 30px; }

@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.artwork-commissioned::after { content: 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); } }

.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-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-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-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; 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-weight: 200; color: #3C3C3C; 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; overflow: hidden; max-width: 100%; }

.ProfileHeader--image--inner > .Media { border-radius: 100%; }

@media screen and (max-width: 1000px) { .ProfileHeader--image--inner { width: 150px; } }

@media screen and (max-width: 750px) { .ProfileHeader--image--inner { width: 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-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-weight: 200; line-height: 1.16; display: block; margin-bottom: 15px; }

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

@media screen and (max-width: 750px) { .ProfileHeader--name { font-size: 30px; font-weight: 200; line-height: 1.26667; margin-bottom: 5px; }
  [lang="zh"] .ProfileHeader--name, [lang="zh-Hant"] .ProfileHeader--name, [lang="zh-Hans"] .ProfileHeader--name, [lang="zh-CN"] .ProfileHeader--name { line-height: 1.5; }
  .ProfileHeader--name{ font-size: 22px; line-height: 1.36364; } }

.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-weight: 200; line-height: 1.26667; font-weight: 200; margin-bottom: 30px; }

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

@media screen and (max-width: 1000px) { .ProfileHeader--summary { font-size: 22px; line-height: 1.36364; } }

.ProjectInfoBox { margin-top: 60px; margin-bottom: 60px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

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

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

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

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

.ProjectInfoBox--title { font-size: 30px; font-weight: 200; line-height: 1.26667; margin-bottom: 45px; }

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

@media screen and (max-width: 1000px) { .ProjectInfoBox--title { font-size: 22px; line-height: 1.36364; } }

.ProjectInfoBox--content { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; }

.ProjectInfoBox--content .KeyValueList { -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; margin-top: 30px; }

.ProjectInfoBox--content .KeyValueList table { display: block; width: 100%; }

.ProjectInfoBox--content .KeyValueList tbody { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ProjectInfoBox--content .KeyValueList tbody > * { width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.ProjectInfoBox--content .KeyValueList tr { padding-right: 10px; }

@media screen and (max-width: 750px) { .ProjectInfoBox--content { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .ProjectInfoBox--content .KeyValueList tr { padding-left: 25px; }
  .ProjectInfoBox--content .KeyValueList .Icon { top: 18px; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: top left; transform-origin: top left; } }

.ProjectInfoBox--imageContainer { width: 25%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (max-width: 750px) { .ProjectInfoBox--imageContainer { width: 100%; } }

.ProjectInfoBox--image { width: 100%; padding-bottom: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; image-rendering: -webkit-optimize-contrast; }

@media screen and (max-width: 750px) { .ProjectInfoBox--image { padding-bottom: 65%; } }

.ProjectInfoBox--timeline--title { font-size: 18px; font-weight: 200; font-weight: bold; display: block; margin-bottom: 30px; }

.ProjectInfoBox--timeline--progressTrack { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: calc(100% - 35px); height: 6px; }

.ProjectInfoBox--timeline--progressTrack::before { content: ''; display: block; position: absolute; top: 2px; width: 100%; height: 2px; background-color: #D4D4D4; }

.ProjectInfoBox--timeline--progressBar { position: relative; height: 100%; background-color: #B32028; border-radius: 3px; z-index: 1; }

.ProjectInfoBox--timeline--icon.Icon { position: absolute; bottom: 1px; right: -35px; height: 1.375em; }

.ProjectInfoBox--timeline--icon.Icon svg { fill: #D4D4D4; }

.ProjectInfoBox--timeline--progressBar[style~="100%"] ~ .ProjectInfoBox--timeline--icon.Icon svg { fill: #B32028; }

.ProjectInfoBox--timeline--dates { font-size: 16px; font-weight: normal; line-height: 1.375; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1.5em; color: #636363; }

[lang="zh"] .ProjectInfoBox--timeline--dates, [lang="zh-Hant"] .ProjectInfoBox--timeline--dates, [lang="zh-Hans"] .ProjectInfoBox--timeline--dates, [lang="zh-CN"] .ProjectInfoBox--timeline--dates { line-height: 1.5; }

.Quote { margin-bottom: 60px; }

@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: #B32028; }

.l-Page.campaign .Quote { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); 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-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .l-Page.campaign .Quote { margin-bottom: 90px; } }

.Quote.blue .Quote--quote { color: #0F4DBC; }

.Quote.green .Quote--quote { color: #007934; }

.Quote.red .Quote--quote { color: #E00034; }

.Quote.pink .Quote--quote { color: #761092; }

.Quote.center { margin-bottom: 120px; margin-top: 120px; text-align: center; }

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

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

@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: 750px) { .Quote.center .Quote--quote { padding-left: 0.7em; padding-right: 0.7em; } }

.Quote.center .Quote--caption { margin: 0 auto; }

.Quote--quote { font-size: 50px; font-weight: 200; line-height: 1.16; quotes: "«" "»"; margin-bottom: 0.5em; }

@media screen and (max-width: 1000px) { .Quote--quote { font-size: 30px; line-height: 1.53333; } }

@media screen and (max-width: 750px) { .Quote--quote { padding-right: 0.7em; } }

.Quote--quote::before { content: open-quote; }

.Quote--quote::after { content: close-quote; position: absolute; margin-left: 0.25em; }

.Quote--caption { font-size: 14px; font-weight: normal; line-height: 1.4; color: #636363; max-width: 40%; }

[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: 1000px) { .Quote--caption { max-width: 60%; } }

@media screen and (max-width: 580px) { .Quote--caption { max-width: 100%; } }

.Quote--author { color: #282828; }

.Quote--share { margin-top: 60px; }

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

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

.Quote.brand-color { color: #B32028; }

.SectionContainer { padding-top: 90px; padding-bottom: 90px; }

@media screen and (max-width: 1000px) { .SectionContainer { padding-top: 60px; padding-bottom: 60px; } }

.SectionContainer.noGap { padding-top: 0; padding-bottom: 0; }

.SectionContainer.noGapTop { padding-top: 0; }

.SectionContainer.noGapBottom { padding-bottom: 0; }

.SectionContainer.gradient { margin-top: 90px; position: relative; z-index: 0; }

@media screen and (max-width: 1000px) { .SectionContainer.gradient { margin-top: 11.25vw; } }

@media screen and (max-width: 400px) { .SectionContainer.gradient { margin-top: 45px; } }

.SectionContainer.gradient::before { background-image: linear-gradient(to bottom, #F4F4F4, #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 { position: relative; z-index: 0; }

.SectionContainer.fullGradient::before { background-image: linear-gradient(to bottom, #F4F4F4, #ffffff); content: ''; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; max-height: 300px; z-index: -1; }

.SectionContainer.reverseFullGradient { position: relative; z-index: 0; }

.SectionContainer.reverseFullGradient::before { background-image: linear-gradient(to bottom, #ffffff, #F4F4F4); content: ''; position: absolute; top: 15%; left: 0; right: 0; margin: 0 auto; width: 100%; height: 30%; max-height: 300px; z-index: -1; }

.SectionContainer.dark { background-color: #000000; color: #ffffff; }

.SectionContainer.gray { background-color: #D4D4D4; }

.SectionContainer--footer { text-align: center; margin-top: 60px; }

@media screen and (max-width: 1000px) { .SectionContainer--footer { margin-top: 30px; } }

.SectionContainer.green, .SectionContainer.red, .SectionContainer.blue, .SectionContainer.pink { position: relative; }

.SectionContainer.green > *, .SectionContainer.red > *, .SectionContainer.blue > *, .SectionContainer.pink > * { position: relative; z-index: 1; }

.SectionContainer.green { background-color: #F7E9EA; }

.SectionContainer.red { background-color: #F7E9EA; }

.SectionContainer.blue { background-color: #F7E9EA; }

.SectionContainer.pink { background-color: #F7E9EA; }

.SectionContainer.white { padding-bottom: 0; margin-bottom: 90px; }

@media screen and (max-width: 1000px) { .SectionContainer.white { margin-bottom: 60px; } }

.SectionTitle { margin-bottom: 60px; text-align: center; }

@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-left: 0; margin-right: 0; text-align: left; }

.SectionTitle.large .SectionTitle--headline { font-size: 80px; font-weight: 200; line-height: 1.1; margin-top: 0; }

@media screen and (max-width: 1000px) { .SectionTitle.large .SectionTitle--headline { font-size: 50px; line-height: 1.14; } }

@media screen and (max-width: 750px) { .SectionTitle.large .SectionTitle--headline { font-size: 40px; line-height: 1.15; } }

.SectionTitle.large .SectionTitle--content { font-size: 30px; font-weight: 200; line-height: 1.26667; font-weight: 200; }

[lang="zh"] .SectionTitle.large .SectionTitle--content, [lang="zh-Hant"] .SectionTitle.large .SectionTitle--content, [lang="zh-Hans"] .SectionTitle.large .SectionTitle--content, [lang="zh-CN"] .SectionTitle.large .SectionTitle--content { line-height: 1.5; }

@media screen and (max-width: 1000px) { .SectionTitle.large .SectionTitle--content { font-size: 22px; line-height: 1.36364; } }

.SectionTitle--title { font-size: 15px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #636363; display: block; }

.SectionTitle--headline { font-size: 50px; font-weight: 200; line-height: 1.16; display: block; }

.template-red .SectionTitle--headline { color: #B32028; }

@media screen and (max-width: 1000px) { .SectionTitle--headline { font-size: 30px; line-height: 1.53333; } }

.SectionTitle { margin-left: calc(50% - 307.5px); margin-right: calc(50% - 307.5px); }

@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; } }

.SectionTitle.inline, .SectionTitle.medium, .SectionTitle.large { margin-bottom: 30px; }

@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.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-weight: 200; line-height: 1.26667; margin-top: 15px; }

[lang="zh"] .SectionTitle.small .SectionTitle--headline, [lang="zh-Hant"] .SectionTitle.small .SectionTitle--headline, [lang="zh-Hans"] .SectionTitle.small .SectionTitle--headline, [lang="zh-CN"] .SectionTitle.small .SectionTitle--headline { line-height: 1.5; }

@media screen and (max-width: 1000px) { .SectionTitle.small .SectionTitle--headline { font-size: 22px; line-height: 1.36364; } }

.SectionTitle.medium .SectionTitle--content { font-size: 30px; font-weight: 200; line-height: 1.26667; font-weight: 200; }

[lang="zh"] .SectionTitle.medium .SectionTitle--content, [lang="zh-Hant"] .SectionTitle.medium .SectionTitle--content, [lang="zh-Hans"] .SectionTitle.medium .SectionTitle--content, [lang="zh-CN"] .SectionTitle.medium .SectionTitle--content { line-height: 1.5; }

@media screen and (max-width: 1000px) { .SectionTitle.medium .SectionTitle--content { font-size: 22px; line-height: 1.36364; } }

.SectionTitle.white .SectionTitle--title, .SectionTitle.white .SectionTitle--headline, .SectionTitle.white .SectionTitle--content { color: #ffffff; }

.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: #3C3C3C; }

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

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

.SimpleTable { font-size: 18px; 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-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; color: #282828; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); 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); }

.StickyBottomBar--text { font-size: 22px; 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; } }

@media screen and (max-width: 750px) { .StickyBottomBar--text { font-size: 14px; 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; } }

.TagArea { margin-bottom: 60px; }

@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-bottom: 120px; }

@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; max-width: 100%; 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-weight: normal; line-height: 1.375; margin-bottom: 15px; color: #B32028; 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-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-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-weight: 200; line-height: 1.16; display: block; }

@media screen and (max-width: 1000px) { .PageHeaderEvent--headline { font-size: 30px; 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; object-fit: cover; -webkit-transform: translateY(-50px); transform: translateY(-50px); }

.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-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; } }

.Footer--column--content { font-size: 18px; font-weight: 200; }

.Footer--sub { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); font-size: 18px; font-weight: 200; padding-top: 20px; padding-bottom: 20px; background: #F4F4F4; }

@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; } }

.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; }

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; }

.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-weight: normal; color: #282828; 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 #B32028; -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: #B32028; }

.GlobalNav--link[aria-expanded="true"], .GlobalNav--link[aria-expanded="true"]:active, html:not(.can-touch) .GlobalNav--link[aria-expanded="true"]:hover { color: #B32028; }

.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; padding: 0 30px; line-height: 39px; margin-bottom: 5px; }

.Header--inner.small .GlobalNav--link::before { content: none; }

@media screen and (max-width: 1000px) { .GlobalNav--link { font-size: 22px; padding: 0 30px; line-height: 39px; 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 .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 .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 .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 1.25rem; height: 70px; } }

.Header--inner.small .Header--logo { margin-right: auto; padding-left: 1.75rem; padding-right: 0; height: 80px; }

@media screen and (max-width: 1000px) { .Header--logo { margin-right: auto; padding-left: 1.75rem; 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: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) scale(1.1) rotate(-45deg); transform: translate3d(0, 0, 0) 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-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, #F4F4F4, #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-weight: 200; line-height: 1.26667; color: #000000; margin-bottom: 1em; }

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

@media screen and (max-width: 1000px) { .HeaderFlyout--title { font-size: 22px; line-height: 1.36364; } }

.Header--inner.small .HeaderFlyout--title { font-size: 25px; font-weight: normal; line-height: 45px; margin-bottom: 5px; }

@media screen and (max-width: 1000px) { .HeaderFlyout--title { font-size: 25px; 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: #B32028; }

.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: #F0D2D4; 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: #F0D2D4; 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: #B32028; }

/* 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-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; } }

.HeaderFlyoutTeaser--category { font-size: 14px; 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-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%; }

.LanguageSwitcher { font-size: 16px; 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-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: 38px; }

.Logo > img { max-height: 100%; image-rendering: -webkit-optimize-contrast; }

@media screen and (max-width: 1382px) { .Logo { height: 33px; } }

.Header--inner.small .Logo { height: 38px; }

@media screen and (max-width: 1000px) { .Logo { height: 38px; } }

@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 { max-width: 100%; } }

.Notification { font-size: 16px; 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: 39px; padding: 9px 19px 10px 19px; } }

@-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: 0; right: 0; margin: 30px; z-index: 9; background-color: rgba(255, 255, 255, 0.75); box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); transition: visibility .2s, opacity .2s, -webkit-transform .2s; transition: visibility .2s, opacity .2s, transform .2s; transition: visibility .2s, opacity .2s, transform .2s, -webkit-transform .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; }

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: .1s 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: translate3d(0, 0, 0) scale(1.1) rotate(-45deg); transform: translate3d(0, 0, 0) 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-weight: 200; color: #282828; }

.Search--form .Autocomplete--suggestions > li { border: none; padding: 15px 30px; }

.Search--form .Autocomplete--suggestions > li:hover, .Search--form .Autocomplete--suggestions > li.is-selected { background: #F4F4F4; color: #B32028; }

.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-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-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-weight: normal; line-height: 1.375; color: #B32028; 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 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; 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 { display: block; 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 { display: block; float: none; width: 100%; } }

.ServiceNav--link { font-size: 15px; font-weight: normal; color: #636363; position: relative; display: block; padding: 0 15px; line-height: 80px; color: #636363; transition: color .2s ease-out; }

.ServiceNav--link.is-cta-on-desktop { display: none; color: #B32028; }

.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; } }

@media screen and (min-width: 1383px) { .ServiceNav--link .ServiceNav--link--text + .Icon { margin-left: 1ex; margin-right: 0; } }

.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: #282828; 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: #282828; 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.is-cta-on-desktop { display: block; }

.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 .ServiceNav--link--text + .Icon[data-icon] { margin-right: 32px; }

.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: #282828; 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.is-cta-on-desktop { display: block; }
  .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 .ServiceNav--link--text + .Icon[data-icon] { margin-right: 32px; }
  .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: #282828; 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; }

.Header--inner.small .ServiceNav--link .ServiceNav--link--text + .Icon[data-icon] { margin-right: 29px; }

@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--link .ServiceNav--link--text + .Icon[data-icon] { margin-right: 29px; } }

.ServiceNav--cta { margin-right: 15px; }

.Header--inner.small .ServiceNav--cta { display: none; margin-right: 0; }

@media screen and (max-width: 1000px) { .ServiceNav--cta { display: none; margin-right: 0; } }

.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: #F4F4F4; 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: #F4F4F4; 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: #F4F4F4; 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: #F4F4F4; 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-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; } }

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

.CountryMap--map { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

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

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

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

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

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

@media screen and (max-width: 750px) { .CountryMap--map { display: none; } }

.CountryMap--map.is-unsupported { display: none; }

.CountryMap--inner { position: relative; padding-bottom: 71.19%; }

.CountryMap--mapContainer { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; }

.CountryMap--mapContainer .mapboxgl-canvas-container { height: 100%; }

.CountryMap--data-container { display: none; }

.CountryMap--fallback { display: none; }

@media screen and (max-width: 750px) { .CountryMap--fallback { display: block; } }

.CountryMap { margin-bottom: 90px; }

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

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

.CountryMap .mapboxgl-ctrl-group:not(:empty) { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }

.CountryMap .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='none' viewBox='0 0 29 29'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M14.5 9c.203 0 .367.164.367.367v10.266a.367.367 0 01-.734 0V9.367c0-.203.165-.367.367-.367z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M9 14.5c0-.203.164-.367.367-.367h10.266a.367.367 0 110 .734H9.367A.367.367 0 019 14.5z' clip-rule='evenodd'/%3E%3C/svg%3E"); }

.CountryMap .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M9 14.5c0-.203.164-.367.367-.367h10.266a.367.367 0 110 .734H9.367A.367.367 0 019 14.5z' clip-rule='evenodd'/%3E%3C/svg%3E"); }

.CountryMap .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon { opacity: 1; }

@media screen and (max-width: 750px) { .CountryMap--a11yHint { display: none; } }

.CountryMap--map.is-unsupported { display: none; }

.CountryMap--mapContainer { font: inherit !important; overflow: visible !important; }

.CountryMap--mapContainer .mapboxgl-canvas-container { width: 100%; overflow: hidden; }

.CountryMap--map.is-unsupported ~ .CountryMap--fallback { display: block; }

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

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

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

.CountryMap--marker { width: 30px; height: 30px; pointer-events: none; }

.MapPopup--wrapper { z-index: 2; }

.MapPopup--wrapper .mapboxgl-popup-tip { display: none; }

.MapPopup--wrapper .mapboxgl-popup-content { padding: 40px 30px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); }

.MapPopup--wrapper .mapboxgl-popup-close-button { width: 30px; height: 30px; font-size: 0; margin: 10px; padding: 0; }

.MapPopup--wrapper .mapboxgl-popup-close-button:after { content: ""; position: absolute; font-size: 10px; top: 50%; left: 50%; width: 16px; margin: -1px -8px; border-top: 1px solid; -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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); }

.MapPopup--wrapper .mapboxgl-popup-close-button: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: 16px; margin: -1px -8px; border-top: 1px solid; -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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) .MapPopup--wrapper .mapboxgl-popup-close-button:active, html:not(.can-touch) .MapPopup--wrapper .mapboxgl-popup-close-button:hover { background: none; }

html:not(.can-touch) .MapPopup--wrapper .mapboxgl-popup-close-button:active:after, html:not(.can-touch) .MapPopup--wrapper .mapboxgl-popup-close-button:hover:after { content: ""; position: absolute; font-size: 10px; top: 50%; -webkit-transform: translate3d(0, 0, 0) scale(1.1) rotate(-45deg); transform: translate3d(0, 0, 0) scale(1.1) rotate(-45deg); }

html:not(.can-touch) .MapPopup--wrapper .mapboxgl-popup-close-button:active:before, html:not(.can-touch) .MapPopup--wrapper .mapboxgl-popup-close-button: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); }

.MapPopup--title { font-size: 30px; font-weight: 200; line-height: 1.26667; }

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

@media screen and (max-width: 1000px) { .MapPopup--title { font-size: 22px; line-height: 1.36364; } }

.MapPopup--text { font-size: 16px; font-weight: normal; line-height: 1.375; margin-top: 15px; color: #636363; }

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

.MapPopup--facts { 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: -30px; }

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

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

.MapPopup--focusArea--title { font-size: 18px; font-weight: 200; font-weight: bold; margin-top: 15px; }

.MapPopup--focusArea--tag { margin-top: 15px; }

.MapPopup--stat { width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.MapPopup--stat--number { font-size: 22px; font-weight: bold; line-height: 1.3; margin-right: 0.3em; }

[lang="zh"] .MapPopup--stat--number, [lang="zh-Hant"] .MapPopup--stat--number, [lang="zh-Hans"] .MapPopup--stat--number, [lang="zh-CN"] .MapPopup--stat--number { line-height: 1.5; }

@media screen and (max-width: 1000px) { .MapPopup--stat--number { font-size: 18px; } }

.MapPopup--stat--label { font-size: 14px; font-weight: normal; line-height: 1.4; color: #636363; }

[lang="zh"] .MapPopup--stat--label, [lang="zh-Hant"] .MapPopup--stat--label, [lang="zh-Hans"] .MapPopup--stat--label, [lang="zh-CN"] .MapPopup--stat--label { line-height: 1.5; }

.MapPopup--action { margin-top: 30px; text-align: center; }

.MapTooltip .mapboxgl-popup-tip { display: none; }

.MapTooltip .mapboxgl-popup-content { font-size: 14px; font-weight: normal; line-height: 1.4; padding: 2px 4px; border-radius: 4px; }

[lang="zh"] .MapTooltip .mapboxgl-popup-content, [lang="zh-Hant"] .MapTooltip .mapboxgl-popup-content, [lang="zh-Hans"] .MapTooltip .mapboxgl-popup-content, [lang="zh-CN"] .MapTooltip .mapboxgl-popup-content { line-height: 1.5; }

@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 { margin-left: auto; }

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 .1s ease-in; transition: transform .1s ease-in; transition: transform .1s ease-in, -webkit-transform .1s ease-in; }
  .Filter--flyout.is-mobile-expanded { display: block; } }

.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-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: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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; }

.FilterGroup.has-active ~ .Filter--groups--clear { visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.4s; }

.Filter--clearAll { font-size: 16px; 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-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-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; } }

.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 #F4F4F4; } }

.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-weight: normal; line-height: 1.375; color: #282828; 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-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; }

.FilterGroup.has-active:not(.is-open) > .FilterGroup--title .FilterGroup--title--category { font-size: 14px; font-weight: normal; line-height: 1.4; color: #636363; 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-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; line-height: 1.14; } }

@media screen and (max-width: 750px) { .SearchBar--input { font-size: 40px; line-height: 1.15; } }

.SearchBar--input::-webkit-input-placeholder { color: #D4D4D4; }

.SearchBar--input:-ms-input-placeholder { color: #D4D4D4; }

.SearchBar--input::placeholder { color: #D4D4D4; }

.SearchBar--input::-ms-clear { display: none; }

@media screen and (max-width: 750px) { .SearchBar--input { font-size: 30px; font-weight: 200; line-height: 1.26667; padding-top: 0; padding-bottom: 0.5em; }
  [lang="zh"] .SearchBar--input, [lang="zh-Hant"] .SearchBar--input, [lang="zh-Hans"] .SearchBar--input, [lang="zh-CN"] .SearchBar--input { line-height: 1.5; }
  .SearchBar--input{ font-size: 22px; line-height: 1.36364; } }

.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: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) 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: translate3d(0, 0, 0) scale(1.1) rotate(-45deg); transform: translate3d(0, 0, 0) 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-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-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-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: #D4D4D4; content: "|"; display: inline-block; margin: 0 0.25em; }

.SearchResult--title { font-size: 30px; font-weight: 200; line-height: 1.26667; display: inline-block; width: 100%; margin-bottom: 30px; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

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

@media screen and (max-width: 1000px) { .SearchResult--title { font-size: 22px; line-height: 1.36364; margin-bottom: 15px; } }

@media screen and (max-width: 750px) { .SearchResult--title { font-size: 22px; 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; } }

.SearchResult--subtitle { font-size: 16px; 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-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-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; } }

@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: #F4F4F4; 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; } }

.ArticleTeaser { position: relative; }

.ArticleTeaser.publication .ArticleTeaser--inner { margin-right: 30px; width: calc(100% - 30px); }

@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); }

.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; } }

.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; overflow: hidden; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); z-index: 1; }

.ArticleTeaser--header { max-height: 250px; overflow: hidden; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.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); } }

.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; padding: 34px; overflow: hidden; min-height: 175px; }

@media screen and (max-width: 1000px) { .ArticleTeaser--content { padding: 1em; } }

.ArticleTeaser--link { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.ArticleTeaser--publication { font-size: 30px; font-weight: 200; line-height: 1.26667; 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; }

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

@media screen and (max-width: 1000px) { .ArticleTeaser--publication { font-size: 22px; line-height: 1.36364; padding: 0 20px; } }

.ArticleTeaser { 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); }

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.publication .ArticleTeaser--inner { 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 { 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; border-radius: 4px; }

.ArticleTeaser.video .ArticleTeaser--header { position: relative; }

.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 { border-radius: 4px; background-color: #ffffff; }

.ArticleTeaser--content { 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); }

.ArticleTeaser--category { font-size: 14px; 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-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; margin-bottom: 1em; } }

.ArticleTeaser--date { font-size: 14px; 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; }

.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{ min-height: 300px; } }

.BackgroundImageTeaser > .SectionContainer { position: relative; padding-top: 0; margin-bottom: 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; }

.BackgroundImageTeaser .SectionTitle--headline { color: #ffffff; }

.BackgroundImageTeaser--content { padding-left: calc(50% - 307.5px); padding-right: calc(50% - 307.5px); }

@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; background-color: #000000; }

.BackgroundImageTeaser--background.video { top: 0; height: 100%; }

.BackgroundImageTeaser--background > .Media { opacity: 0.4; 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-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-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #636363; display: block; }

.BasicContentTeaser--headline { font-size: 30px; font-weight: 200; line-height: 1.26667; display: block; }

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

@media screen and (max-width: 1000px) { .BasicContentTeaser--headline { font-size: 22px; line-height: 1.36364; } }

.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-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; }

.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-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; } }

@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; } }

@-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%); } }

.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 { 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%); }

.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, .CounterTeaser.noGap { 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--tag { margin-bottom: 45px; }

.CounterTeaser--counter { font-size: 120px; 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; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .CounterTeaser--counter { font-size: 60px; line-height: 1.1; } }

.CounterTeaser--caption { font-size: 22px; 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; } }

.CounterTeaser--text { font-size: 18px; font-weight: 200; max-width: 20em; margin-top: 15px; margin-left: auto; margin-right: auto; }

.CounterTeaser--share, .CounterTeaser--cta { 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-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-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; } }

.DialogueTeaser--text { font-size: 18px; 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%; opacity: 0.7; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%); background-color: rgba(40, 40, 40, 0); }

.DialogueTeaser--link { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.FiguresTeaser { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; padding-top: 30px; padding-bottom: 30px; }

@media screen and (max-width: 750px) { .FiguresTeaser { padding-bottom: 0; } }

.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-weight: 200; line-height: 1.16; }

@media screen and (max-width: 1000px) { .FiguresTeaser--figure { font-size: 30px; line-height: 1.53333; } }

.FiguresTeaser--term { font-size: 22px; font-weight: bold; line-height: 1.3; margin-top: 1em; }

[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; } }

.FiguresTeaser--text { margin-top: 1em; }

.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: #D4D4D4; 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; } }

.FocusAreaTeaser { 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; }

.FocusAreaTeaser: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) .FocusAreaTeaser:active, html:not(.can-touch) .FocusAreaTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

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

html:not(.can-touch) .FocusAreaTeaser:active .FocusAreaTeaser--content, html:not(.can-touch) .FocusAreaTeaser:hover .FocusAreaTeaser--content { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.FocusAreaTeaser--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); }

.FocusAreaTeaser--icon { position: relative; display: block; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); }

.FocusAreaTeaser--icon .Icon { max-width: 32px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.FocusAreaTeaser--title { font-size: 22px; font-weight: bold; line-height: 1.3; word-wrap: break-word; margin-top: 15px; }

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

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

.FocusAreaTeaser--text { font-size: 18px; font-weight: 200; margin-top: 1em; }

.FocusAreaTeaser--background { position: relative; width: 100%; padding-top: 130%; min-height: 100%; border-radius: 4px; overflow: hidden; }

.FocusAreaTeaser--background > .Media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.FocusAreaTeaser--background::after { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.7; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%); background-color: rgba(40, 40, 40, 0); }

.FocusAreaTeaser--link { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.GridTeaser { position: relative; padding-top: 70%; 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; }

.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-weight: 200; }

.GridTeaser.dark .GridTeaser--background::after { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%); opacity: 0.8; }

.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-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%; height: 100%; 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; 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-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 { font-size: 22px; font-weight: bold; line-height: 1.3; margin-top: auto; 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: 30px; font-weight: 200; line-height: 1.26667; font-weight: bold; } [lang="zh"] .GridTeaser--title, [lang="zh-Hant"] .GridTeaser--title, [lang="zh-Hans"] .GridTeaser--title, [lang="zh-CN"] .GridTeaser--title{ line-height: 1.5; } .GridTeaser--title{ font-size: 22px; line-height: 1.36364; } }

.GridTeaser--text { 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%; opacity: 0.7; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%); background-color: rgba(40, 40, 40, 0); }

.GridTeaser--link { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.l-Page.campaign .GridTeaserArea { margin-bottom: 90px; }

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

@media screen and (max-width: 400px) { .l-Page.campaign .GridTeaserArea { margin-bottom: 45px; } }

.l-Page.campaign .GridTeaserArea > .SectionContainer { padding-top: 0; }

.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 { 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; margin-bottom: 60px; }

.GridTeaserArea--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; margin-top: 30px; padding-right: 30px; }

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

@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: 580px) { .GridTeaserArea--grid { margin-right: 0; margin-top: 0; }
  .GridTeaserArea--grid > * { padding-right: 0; margin-top: 0; } }

.GridTeaserArea--grid--item { width: 33.33333%; float: left; }

.GridTeaserArea--grid--item.medium { width: 33.33333%; }

.GridTeaserArea--grid--item.large { width: 66.66667%; }

@media screen and (max-width: 1000px) { .GridTeaserArea--grid--item { width: 100%; }
  .GridTeaserArea--grid--item.medium, .GridTeaserArea--grid--item.large { width: 100%; }
  .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; 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-weight: normal; line-height: 1.4; display: block; margin-bottom: 1em; }

[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: .5em; } }

.HeroTeaser--preTitle { font-size: 50px; font-weight: 200; line-height: 1.16; font-weight: 200; display: block; }

@media screen and (max-width: 1000px) { .HeroTeaser--preTitle { font-size: 30px; line-height: 1.53333; } }

.HeroTeaser--title { font-size: 50px; font-weight: 200; line-height: 1.16; width: 60%; display: block; margin-bottom: .5em; }

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

@media screen and (max-width: 1382px) { .HeroTeaser--title { font-size: 30px; width: 70%; line-height: 1.3; } }

@media screen and (max-width: 750px) { .HeroTeaser--title { width: 100%; } }

.HeroTeaser--text { width: 50%; margin-bottom: 30px; }

@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-weight: 200; margin-bottom: 30px; } }

.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--category { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); letter-spacing: .05ex; }

.HeroTeaser--preTitle { text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }

.HeroTeaser--title { text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }

.HeroTeaser--text { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); }

.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::before, .HeroTeaser--background::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }

.HeroTeaser--background::before { background: linear-gradient(-100deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 60%); }

.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) 85%, rgba(0, 0, 0, 0.3) 100%); }

@media screen and (max-width: 750px) { .HeroTeaser--background:before { content: none; }
  .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 { height: 875px; max-height: calc(100vh - 90px); min-height: 400px; overflow: hidden; margin-bottom: 120px; }

@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: 1200px) { .HeroTeaserArea { height: 775px; 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: 775px; max-height: 100vh; min-height: 400px; 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: 965px; min-height: 490px; 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 { background-color: #000000; height: 100%; position: relative; }

.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; }

.HeroTeaserSlider--slide.is-selected { visibility: visible; transition: visibility 0s; }

@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--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; }

@media screen and (max-width: 1382px) { .HeroTeaserSlider--nav--link { padding-top: 17px; padding-bottom: 17px; } }

.HeroTeaserSlider--nav--category { font-size: 14px; font-weight: normal; line-height: 1.4; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #ffffff; letter-spacing: .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-weight: normal; line-height: 1.375; font-weight: bold; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .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 .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; }

.HeroTeaserSlider.is-draggable:not(.is-single) .flickity-page-dots { display: block; }

.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 .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 .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--nav--link { 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); }

.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--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-weight: bold; line-height: 1.3; 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; } }

.IconTeaser--text { font-size: 18px; font-weight: 200; max-width: 22em; margin-left: auto; margin-right: auto; }

.IconTeaser--cta { margin-top: 30px; }

.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; } }

.ImageTextTeaser { margin-bottom: 90px; position: relative; }

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

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

.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{ 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 .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 .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .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; }

.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; }

.ImmersiveTeaser .SectionTitle--headline { 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-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 .ImmersiveTeaser--kpi, .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 .ImmersiveTeaser--kpi, .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--kpi { font-size: 120px; 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) { .ImmersiveTeaser--kpi { font-size: 75px; line-height: 1.06667; } }

@media screen and (max-width: 750px) { .ImmersiveTeaser--kpi { font-size: 60px; line-height: 1.1; } }

.ImmersiveTeaser--kpi ~ .SectionTitle .SectionTitle--headline { font-size: 22px; font-weight: bold; line-height: 1.3; }

[lang="zh"] .ImmersiveTeaser--kpi ~ .SectionTitle .SectionTitle--headline, [lang="zh-Hant"] .ImmersiveTeaser--kpi ~ .SectionTitle .SectionTitle--headline, [lang="zh-Hans"] .ImmersiveTeaser--kpi ~ .SectionTitle .SectionTitle--headline, [lang="zh-CN"] .ImmersiveTeaser--kpi ~ .SectionTitle .SectionTitle--headline { line-height: 1.5; }

@media screen and (max-width: 1000px) { .ImmersiveTeaser--kpi ~ .SectionTitle .SectionTitle--headline { font-size: 18px; } }

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

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

.ImmersiveTeaser--counter { font-size: 16px; 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; } }

.KeyMessageTeaser { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); margin-bottom: 180px; position: relative; padding-top: 75px; padding-bottom: 45px; overflow: hidden; }

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

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

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

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

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

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

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

.KeyMessageTeaser:after { display: block; content: ""; clear: both; }

@media screen and (min-width: 751px) { .KeyMessageTeaser:last-child { margin-bottom: 0; } }

@media screen and (max-width: 1000px) { .KeyMessageTeaser { margin-bottom: 120px; padding-top: 90px; padding-bottom: 90px; margin-bottom: 15vw; } }

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

@media screen and (max-width: 750px) { .KeyMessageTeaser { padding-top: 0; padding-bottom: 0; } }

.KeyMessageTeaser--sticker { float: right; height: 500px; width: 500px; position: relative; z-index: 1; border-radius: 250px; padding: 60px; overflow: hidden; }

.KeyMessageTeaser--sticker::before { background-color: #F7E9EA; content: ""; position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: -1; transition: -webkit-transform 2.5s ease-in; transition: transform 2.5s ease-in; transition: transform 2.5s ease-in, -webkit-transform 2.5s ease-in; }

@media screen and (max-width: 1000px) { .KeyMessageTeaser--sticker { float: none; height: 400px; width: 400px; margin: 0 auto; } }

@media screen and (max-width: 750px) { .KeyMessageTeaser--sticker { width: 100%; height: auto; border-radius: 4px; } }

@media screen and (max-width: 580px) { .KeyMessageTeaser--sticker { padding: 30px; } }

.KeyMessageTeaser--content { color: #ffffff; 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-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }

.KeyMessageTeaser--content .SectionTitle { text-align: center; margin-bottom: 30px; width: 100%; }

@media screen and (max-width: 750px) { .KeyMessageTeaser--content > * { max-width: 15em; } }

.KeyMessageTeaser--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.KeyMessageTeaser--background > .Media { position: absolute; top: -100px; left: 0; width: 100%; height: calc(100% + 200px); }

@media screen and (max-width: 750px) { .KeyMessageTeaser--background { display: none; } }

.KeyMessageTeaser--sticker::before { background: #B32028; }

.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: #F4F4F4; }

.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-weight: 200; line-height: 1.26667; }

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

@media screen and (max-width: 1000px) { .ListingTeaser.basic .ListingTeaser--title { font-size: 22px; line-height: 1.36364; } }

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-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-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: #D4D4D4; 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-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; } }

.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: #F4F4F4; }

html:not(.can-touch) .LogoTeaser:active .LogoTeaser--text, html:not(.can-touch) .LogoTeaser:hover .LogoTeaser--text { color: #282828; }

@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-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-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-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 { margin-bottom: 180px; 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 { margin-bottom: 22.5vw; } }

@media screen and (max-width: 400px) { .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: 9%; } }

@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 (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: 9%; }

@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 screen and (max-width: 1000px) { .MediaTextTeaser--text { width: 100%; padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 750px) { .MediaTextTeaser--text { padding-left: 20px; padding-right: 20px; } }

.MediaTextTeaser--image { width: 50%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (max-width: 1000px) { .MediaTextTeaser--image { width: 100%; margin-bottom: 30px; } }

.PartnerTeaser { position: relative; text-align: center; }

.PartnerTeaser.round .PartnerTeaser--image { border-radius: 100%; overflow: hidden; }

.PartnerTeaser--image { position: relative; width: 55%; margin-bottom: 30px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 750px) { .PartnerTeaser--image { margin-bottom: 15px; } }

.PartnerTeaser--image .Media { padding-bottom: 40%; background-image: none !important; background-color: transparent; }

.PartnerTeaser--image .Media [data-sizes] { background-size: contain; }

.PartnerTeaser--text { font-size: 16px; font-weight: normal; line-height: 1.375; max-width: 22em; margin-left: auto; margin-right: auto; }

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

.PartnerTeaser--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.PartnerTeaserArea { margin-bottom: 180px; }

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

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

.PartnerTeaserArea--inner { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); }

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

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

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

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

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

.PartnerTeaserArea--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; }

.PartnerTeaserArea--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; }

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

@media screen and (max-width: 1000px) { .PartnerTeaserArea--grid > * { width: 50%; } }

@media screen and (max-width: 750px) { .PartnerTeaserArea--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: -20px; }
  .PartnerTeaserArea--grid > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-top: 20px; padding-right: 0; }
  .PartnerTeaserArea--grid:after { content: ''; display: table; clear: both; } }

li.PartnerTeaserArea--item { position: relative; padding-top: 30px; padding-bottom: 60px; }

li.PartnerTeaserArea--item::before { content: ''; position: absolute; top: 0; left: -15px; width: 1px; height: 100%; background-color: #D4D4D4; }

li.PartnerTeaserArea--item:nth-child(3n+1)::before { content: none; }

@media screen and (max-width: 1000px) { li.PartnerTeaserArea--item:nth-child(3n+1)::before { content: ''; }
  li.PartnerTeaserArea--item:nth-child(2n+1)::before { content: none; } }

@media screen and (max-width: 750px) { li.PartnerTeaserArea--item { padding-top: 20px; padding-bottom: 20px; }
  li.PartnerTeaserArea--item:nth-child(2n)::before, li.PartnerTeaserArea--item:nth-child(2n+1)::before { content: ''; left: 0; width: 100%; height: 1px; }
  li.PartnerTeaserArea--item:first-child::before { content: none; } }

.PeopleArea.red .SectionTitle--headline { color: #B32028; }

.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: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: #282828; 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-weight: 200; line-height: 1.16; }
  .PeopleCard.large .PeopleCard--text{ font-size: 22px; 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.small { text-align: center; }

.PeopleCard.small .PeopleCard--portrait { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.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.small .PeopleCard--actions > .Button + .Button { margin-top: 10px; margin-left: 0; }

@media screen and (min-width: 1001px) { .PeopleCard.small .PeopleCard--inner { padding-left: 30px; padding-right: 30px; padding-bottom: 40px; }
  .PeopleCard.small .PeopleCard--name { font-size: 22px; font-weight: bold; line-height: 1.3; }
  [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.red .PeopleCard--name { color: #B32028; }

.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: #F4F4F4; -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-weight: bold; line-height: 1.3; margin-bottom: 15px; }

[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; } }

.PeopleCard--meta { margin-bottom: 30px; }

.PeopleCard--position { font-size: 16px; 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-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-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; } }

.ProjectTeaser { 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; }

.ProjectTeaser: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) .ProjectTeaser:active, html:not(.can-touch) .ProjectTeaser:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

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

html:not(.can-touch) .ProjectTeaser:active .ProjectTeaser--content, html:not(.can-touch) .ProjectTeaser:hover .ProjectTeaser--content { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.is-slider-ready .ProjectTeaser { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; }

@supports (display: flex) { .is-slider-ready .ProjectTeaser { position: relative; height: auto; } }

.ProjectTeaser.video .ProjectTeaser--header { position: relative; }

.ProjectTeaser--header { max-height: 250px; overflow: hidden; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.ProjectTeaser--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; overflow: hidden; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); z-index: 1; }

.ProjectTeaser--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; padding: 34px; overflow: hidden; min-height: 175px; 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) { .ProjectTeaser--content { padding: 1em; } }

.ProjectTeaser--tag { font-size: 14px; font-weight: normal; line-height: 1.4; color: #636363; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 18px; fill: currentColor; }

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

@media screen and (max-width: 1000px) { .ProjectTeaser--tag { margin-bottom: 9px; } }

.ProjectTeaser--tag [data-icon], .ProjectTeaser--tag [data-picto] { height: 100%; min-width: 1px; max-width: 18px; margin-right: 10px; margin-left: 0; margin-top: 0; vertical-align: top; }

.ProjectTeaser--tag--picto { margin-top: -10px; margin-bottom: -10px; }

.ProjectTeaser--tag--content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ProjectTeaser--tag--content > br { display: none; }

.ProjectTeaser--title { font-size: 22px; font-weight: bold; line-height: 1.3; margin-bottom: 3em; }

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

@media screen and (max-width: 1000px) { .ProjectTeaser--title { font-size: 18px; margin-bottom: 1em; } }

.ProjectTeaser--logo { margin-top: auto; }

.ProjectTeaser--logo > img { display: block; max-width: 100%; max-height: 40px; }

.ProjectTeaser--link { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.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; }

.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%; }

.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%; } }

.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; } }

.TeaserSlider--slider { position: relative; }

.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 (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; } }

.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; } }

.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; } }

.l-Page.campaign .TeaserSliderArea > .SectionContainer:not(.gradient) { padding-top: 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:not(.is-draggable) .TeaserSlider--slider--controls { display: none; }

.TeaserSlider--slider--controls { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 3; }

.TeaserSlider--slider--controls .RoundIconButton { display: block; margin-left: 4px; margin-right: 4px; }

.is-hidden { display: none !important; }

.is-disabled, *[disabled] { opacity: 0.25; cursor: default; }