@charset "UTF-8";

/**** Fonts ****/

/** attribution **/

/** body-copy **/

/** h1-bold **/

/** h2-bold **/

/** h3-bold **/

/** h4-bold **/

/** h5-bold **/

/** body-copy-regular **/

/** body-copy large **/

/** body-copy large light **/

/** body-copy large semi bold **/

/** eyebrow-normal **/

/** eyebrow small **/

/** primary-link **/

/** secondary-link **/

/** footer-link **/

/** download-link **/

/** label-copy **/

/** tags-copy **/

/** intro-copy **/

/** semibold-headline **/

/** editorial-body-copy **/

/** quote-bold **/

.component-rich-text {
  position: relative;
  overflow: hidden;
}

.component-rich-text.component-rich-text-right .component-rich-text__title {
  max-width: 100%;
}

.component-rich-text.component-rich-text-right .bk-blue-gray {
  left: auto;
  right: 8.2rem;
}

.component-rich-text__title {
  position: relative;
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: 300;
  color: #000000;
  z-index: 2;
}

.component-rich-text__title span {
  font-weight: bold;
}

.component-rich-text .bk-blue-gray {
  position: absolute;
  width: 200%;
  left: 8.2rem;
  top: 0;
  bottom: 6rem;
  background: #e5eaef;
  z-index: -1;
}

.component-rich-text__wrapper {
  position: relative;
  padding-top: 3.2rem;
  margin-top: 2rem;
}

.container-rich-text {
  padding: 3.2rem 0;
  border-radius: 0.8rem;
  background: #ffffff;
}

.container-rich-text .row {
  margin: 0;
}

.container-rich-text .row [class*="col-md-"] {
  padding: 0;
}

.container-rich-text table {
  /* stylelint-disable-next-line declaration-no-important */
  width: 100% !important;
}

.container-rich-text > hr {
  margin: 2.8rem 0;
}

.editorial-page .rich-text {
  margin: 0 auto;
}

.editorial-page .rich-text ul li {
  /* stylelint-disable declaration-no-important */
  font-size: 20px !important;
  line-height: 3.5rem !important;
  margin-bottom: 1.2rem !important;
  /* stylelint-enable */
}

.editorial-page .rich-text ul li:last-child {
  margin-bottom: 0 !important;
}

.editorial-page .rich-text ul li::before {
  top: 14px !important;
}

.editorial-page .rich-text ul li * {
  font-size: unset;
  line-height: unset;
}

.editorial-page .section-rich-text {
  padding-bottom: 0;
}

.editorial-page .section-rich-text:first-child {
  padding-top: 3rem;
}

.editorial-page > section,
.editorial-page > .promotion-strip,
.editorial-page #disqus_thread {
  margin-top: 3.2rem;
}

.editorial-page > section.pd-100-60,
.editorial-page > .promotion-strip.pd-100-60,
.editorial-page #disqus_thread.pd-100-60 {
  padding-bottom: 0;
  padding-top: 0;
}

.editorial-page > section:first-child,
.editorial-page > .promotion-strip:first-child,
.editorial-page #disqus_thread:first-child {
  margin-top: 0;
}

.editorial-page > section:last-child,
.editorial-page > .promotion-strip:last-child,
.editorial-page #disqus_thread:last-child {
  padding-bottom: 3.2rem;
}

.editorial-page > section.product-card,
.editorial-page > .promotion-strip.product-card,
.editorial-page #disqus_thread.product-card {
  padding-bottom: 0;
}

.editorial-page > section .dynamic-card-carousel,
.editorial-page > .promotion-strip .dynamic-card-carousel,
.editorial-page #disqus_thread .dynamic-card-carousel {
  padding-bottom: 0;
}

.editorial-page > section .pd-100-60,
.editorial-page > .promotion-strip .pd-100-60,
.editorial-page #disqus_thread .pd-100-60 {
  padding-bottom: 0;
}

.editorial-page > section .rich-text,
.editorial-page > .promotion-strip .rich-text,
.editorial-page #disqus_thread .rich-text {
  margin: 0 auto;
}

.section-rich-text {
  padding-bottom: 6rem;
}

.rich-text b,
.rich-text strong,
.mce-content-body b,
.mce-content-body strong {
  font-weight: bold;
}

.rich-text .heading-1,
.mce-content-body .heading-1 {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0;
  font-weight: bold;
  color: black;
}

.rich-text .heading-2,
.mce-content-body .heading-2 {
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: bold;
  color: black;
}

.rich-text .heading-3,
.mce-content-body .heading-3 {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 700;
  color: black;
  margin-bottom: 0.8rem;
}

.rich-text .heading-4,
.mce-content-body .heading-4 {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 700;
  color: black;
}

.rich-text .heading-5,
.mce-content-body .heading-5 {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 700;
  color: black;
  margin-bottom: 0.8rem;
}

.rich-text .body-copy-regular,
.mce-content-body .body-copy-regular {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: normal;
  color: black;
  margin-bottom: 2rem;
}

.rich-text .body-copy-large-regular,
.mce-content-body .body-copy-large-regular {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: normal;
  color: black;
  margin-bottom: 2rem;
}

.rich-text .body-copy-large-light,
.mce-content-body .body-copy-large-light {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 300;
  color: black;
  margin-bottom: 0.8rem;
}

.rich-text .body-copy-large-semibold,
.mce-content-body .body-copy-large-semibold {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
  color: black;
}

[lang='zh_HK'] .rich-text .body-copy-large-semibold,
[lang='zh_CN'] .rich-text .body-copy-large-semibold,
[lang='zh_HK']
.mce-content-body .body-copy-large-semibold,
[lang='zh_CN']
.mce-content-body .body-copy-large-semibold {
  font-weight: 500;
}

.rich-text .eyebrow-normal,
.mce-content-body .eyebrow-normal {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: bold;
  color: black;
}

.rich-text .eyebrow-normal a,
.mce-content-body .eyebrow-normal a {
  color: currentcolor;
}

.rich-text .eyebrow-normal a:hover,
.mce-content-body .eyebrow-normal a:hover {
  text-decoration: none;
}

.rich-text .eyebrow-small,
.mce-content-body .eyebrow-small {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 600;
  color: black;
}

[lang='zh_HK'] .rich-text .eyebrow-small,
[lang='zh_CN'] .rich-text .eyebrow-small,
[lang='zh_HK']
.mce-content-body .eyebrow-small,
[lang='zh_CN']
.mce-content-body .eyebrow-small {
  font-weight: 500;
}

.rich-text .eyebrow-small a,
.mce-content-body .eyebrow-small a {
  color: currentcolor;
}

.rich-text .eyebrow-small a:hover,
.mce-content-body .eyebrow-small a:hover {
  text-decoration: none;
}

.rich-text .primary-link,
.mce-content-body .primary-link {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 600;
  color: black;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-right: 3rem;
  cursor: pointer;
}

[lang='zh_HK'] .rich-text .primary-link,
[lang='zh_CN'] .rich-text .primary-link,
[lang='zh_HK']
.mce-content-body .primary-link,
[lang='zh_CN']
.mce-content-body .primary-link {
  font-weight: 500;
}

.rich-text .primary-link:after,
.mce-content-body .primary-link:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  width: 2rem;
  height: 1.8rem;
  background-image: url("../images/icons/arrow-right.html");
  background-repeat: repeat-x;
  background-size: contain;
  background-position: 0 0;
}

.rich-text .primary-link,
.rich-text .primary-link:hover,
.mce-content-body .primary-link,
.mce-content-body .primary-link:hover {
  text-decoration: none;
  color: #000000;
}

html.no-touchevents .rich-text .primary-link:hover:after,
html.no-touchevents
.mce-content-body .primary-link:hover:after {
  -webkit-animation: rollover-link 0.3s forwards ease-in-out;
  animation: rollover-link 0.3s forwards ease-in-out;
}

@-webkit-keyframes rollover-link {
  0% {
    background-position: 0 0;
  }

  99% {
    background-position: 2rem 0;
  }

  100% {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    background-position: 0 0;
  }
}

@keyframes rollover-link {
  0% {
    background-position: 0 0;
  }

  99% {
    background-position: 2rem 0;
  }

  100% {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    background-position: 0 0;
  }
}

.rich-text .secondary-link,
.mce-content-body .secondary-link {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
  color: black;
  cursor: pointer;
}

[lang='zh_HK'] .rich-text .secondary-link,
[lang='zh_CN'] .rich-text .secondary-link,
[lang='zh_HK']
.mce-content-body .secondary-link,
[lang='zh_CN']
.mce-content-body .secondary-link {
  font-weight: 500;
}

.rich-text .secondary-link,
.rich-text .secondary-link:hover,
.mce-content-body .secondary-link,
.mce-content-body .secondary-link:hover {
  text-decoration: none;
}

.rich-text .footer-link,
.mce-content-body .footer-link {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 600;
  color: black;
  cursor: pointer;
}

[lang='zh_HK'] .rich-text .footer-link,
[lang='zh_CN'] .rich-text .footer-link,
[lang='zh_HK']
.mce-content-body .footer-link,
[lang='zh_CN']
.mce-content-body .footer-link {
  font-weight: 500;
}

.rich-text .footer-link:hover,
.mce-content-body .footer-link:hover {
  text-decoration: none;
}

.rich-text .download-link,
.mce-content-body .download-link {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
  color: black;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 3.1rem;
  cursor: pointer;
}

[lang='zh_HK'] .rich-text .download-link,
[lang='zh_CN'] .rich-text .download-link,
[lang='zh_HK']
.mce-content-body .download-link,
[lang='zh_CN']
.mce-content-body .download-link {
  font-weight: 500;
}

.rich-text .download-link:after,
.mce-content-body .download-link:after {
  position: absolute;
  content: '\e91c';
  font-family: "icomoon";
  max-height: 2.5rem;
  font-size: 2.4rem;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  color: #ed1b2e;
}

.rich-text .download-link,
.rich-text .download-link:hover,
.mce-content-body .download-link,
.mce-content-body .download-link:hover {
  text-decoration: none;
}

.rich-text .label-copy,
.mce-content-body .label-copy {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: bold;
  color: black;
}

.rich-text .tags-copy,
.mce-content-body .tags-copy {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 600;
  color: black;
  font-style: italic;
}

[lang='zh_HK'] .rich-text .tags-copy,
[lang='zh_CN'] .rich-text .tags-copy,
[lang='zh_HK']
.mce-content-body .tags-copy,
[lang='zh_CN']
.mce-content-body .tags-copy {
  font-weight: 500;
}

.rich-text .intro-copy,
.mce-content-body .intro-copy {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0;
  font-weight: 600;
  color: black;
  margin-bottom: 2rem;
}

[lang='zh_HK'] .rich-text .intro-copy,
[lang='zh_CN'] .rich-text .intro-copy,
[lang='zh_HK']
.mce-content-body .intro-copy,
[lang='zh_CN']
.mce-content-body .intro-copy {
  font-weight: 500;
}

.rich-text .semibold-headline,
.mce-content-body .semibold-headline {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0;
  font-weight: 600;
  color: black;
  margin-bottom: 0.8rem;
}

[lang='zh_HK'] .rich-text .semibold-headline,
[lang='zh_CN'] .rich-text .semibold-headline,
[lang='zh_HK']
.mce-content-body .semibold-headline,
[lang='zh_CN']
.mce-content-body .semibold-headline {
  font-weight: 500;
}

.rich-text .editorial-body-copy,
.mce-content-body .editorial-body-copy {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0;
  font-weight: normal;
  font-style: normal;
  color: black;
  margin-bottom: 2rem;
}

.rich-text .quote-bold,
.mce-content-body .quote-bold {
  display: inline-block;
  position: relative;
  padding-left: 4.4rem;
  margin-bottom: 0.8rem;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0;
  font-weight: 600;
  font-style: italic;
  color: black;
}

[lang='zh_HK'] .rich-text .quote-bold,
[lang='zh_CN'] .rich-text .quote-bold,
[lang='zh_HK']
.mce-content-body .quote-bold,
[lang='zh_CN']
.mce-content-body .quote-bold {
  font-weight: 500;
}

.rich-text .quote-bold:before,
.mce-content-body .quote-bold:before {
  content: '“';
  position: absolute;
  left: 0;
  top: -1rem;
  font-size: 5.2rem;
  line-height: 7.1rem;
  font-style: italic;
  color: #000000;
  opacity: 0.2;
}

.rich-text .attribution,
.mce-content-body .attribution {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0;
  font-weight: 600;
  font-style: italic;
  color: black;
  margin-bottom: 2rem;
}

[lang='zh_HK'] .rich-text .attribution,
[lang='zh_CN'] .rich-text .attribution,
[lang='zh_HK']
.mce-content-body .attribution,
[lang='zh_CN']
.mce-content-body .attribution {
  font-weight: 500;
}

.rich-text .font-light,
.mce-content-body .font-light {
  font-weight: 300;
}

.rich-text .font-semibold,
.mce-content-body .font-semibold {
  font-weight: 600;
}

[lang='zh_HK'] .rich-text .font-semibold,
[lang='zh_CN'] .rich-text .font-semibold,
[lang='zh_HK']
.mce-content-body .font-semibold,
[lang='zh_CN']
.mce-content-body .font-semibold {
  font-weight: 500;
}

.rich-text .font-bold,
.mce-content-body .font-bold {
  font-weight: 700;
}

.rich-text .font-regular,
.mce-content-body .font-regular {
  font-weight: normal;
}

.rich-text table,
.mce-content-body table {
  margin-bottom: 2rem;
}

.rich-text tr,
.mce-content-body tr {
  padding: 1.6rem 0;
  border-bottom: 0.2rem solid #eeeeee;
}

.rich-text tr:first-child td,
.mce-content-body tr:first-child td {
  padding: 0 2rem 1.6rem 0;
}

.rich-text tr:last-child,
.mce-content-body tr:last-child {
  border-bottom: none;
}

.rich-text tr:last-child td,
.mce-content-body tr:last-child td {
  padding: 1.6rem 2rem 0 0;
}

.rich-text tr td,
.mce-content-body tr td {
  padding: 1.6rem 2rem 1.6rem 0;
  vertical-align: top;
}

.rich-text tr td:last-child,
.mce-content-body tr td:last-child {
  padding-right: 2.4rem;
}

.rich-text tr td > *:last-child,
.mce-content-body tr td > *:last-child {
  margin-bottom: 0;
}

.rich-text hr,
.mce-content-body hr {
  margin: 2.8rem -2.4rem;
  border-top: 2px solid #eeeeee;
}

.rich-text ul,
.mce-content-body ul {
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.rich-text ul li,
.mce-content-body ul li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.8rem;
}

.rich-text ul li:last-child,
.mce-content-body ul li:last-child {
  margin-bottom: 0;
}

.rich-text ul li:before,
.mce-content-body ul li:before {
  content: '';
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  left: 0;
  top: 0.8rem;
  border-radius: 0.2rem;
  background: #ed1b2e;
}

.rich-text ul li *:not(li),
.mce-content-body ul li *:not(li) {
  /* stylelint-disable-next-line declaration-no-important */
  margin-bottom: 0 !important;
}

.rich-text ul li > ul,
.mce-content-body ul li > ul {
  margin-top: 1.2rem;
}

@media only screen and (min-width: 768px) {
  .editorial-page > section:last-child,
  .editorial-page > .promotion-strip:last-child,
  .editorial-page #disqus_thread:last-child {
    padding-bottom: 6rem;
  }
}

@media (min-width: 992px) {
  .row {
    margin-left: -17px;
    margin-right: -17px;
  }

  [class^='col-'],
  [class*=' col'] {
    padding-left: 17px;
    padding-right: 17px;
  }

  .container {
    padding-left: 17px;
    padding-right: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .component-rich-text.component-rich-text-right .component-rich-text__title {
    padding-left: 60rem;
  }

  .component-rich-text.component-rich-text-right .bk-blue-gray {
    left: auto;
    right: 70rem;
  }

  .component-rich-text__title {
    max-width: 55%;
    font-size: 4.8rem;
    line-height: 6rem;
  }

  .component-rich-text .bk-blue-gray {
    max-width: 56.6rem;
    left: 70rem;
    bottom: 8rem;
  }

  .component-rich-text__wrapper {
    padding-top: 10rem;
    margin-top: -6rem;
  }

  .container-rich-text {
    padding: 3.2rem 0;
  }

  .container-rich-text .rich-text,
  .container-rich-text .mce-content-body {
    padding: 0 4rem;
  }

  .editorial-page > section,
  .editorial-page > .promotion-strip,
  .editorial-page #disqus_thread {
    margin-top: 6rem;
  }

  .editorial-page > section:last-child.dynamic-card-carousel,
  .editorial-page > .promotion-strip:last-child.dynamic-card-carousel,
  .editorial-page #disqus_thread:last-child.dynamic-card-carousel {
    padding-bottom: 0;
  }

  .editorial-page > section .pd-100-60,
  .editorial-page > .promotion-strip .pd-100-60,
  .editorial-page #disqus_thread .pd-100-60 {
    padding-bottom: 6rem;
  }

  .section-rich-text {
    padding-bottom: 10rem;
  }

  .rich-text .heading-1,
  .mce-content-body .heading-1 {
    font-size: 48px;
    line-height: 60px;
  }

  .rich-text .heading-2,
  .mce-content-body .heading-2 {
    font-size: 38px;
    line-height: 48px;
  }

  .rich-text .heading-3,
  .mce-content-body .heading-3 {
    font-size: 30px;
    line-height: 40px;
  }

  .rich-text .heading-3,
  .mce-content-body .heading-3 {
    margin-bottom: 1.2rem;
  }

  .rich-text .heading-4,
  .mce-content-body .heading-4 {
    font-size: 24px;
    line-height: 32px;
  }

  .rich-text .heading-5,
  .mce-content-body .heading-5 {
    font-size: 20px;
    line-height: 28px;
  }

  .rich-text .heading-5,
  .mce-content-body .heading-5 {
    margin-bottom: 1.2rem;
  }

  .rich-text .body-copy-large-light,
  .mce-content-body .body-copy-large-light {
    margin-bottom: 1.2rem;
  }

  .rich-text .eyebrow-normal,
  .mce-content-body .eyebrow-normal {
    font-size: 20px;
    line-height: 32px;
  }

  .rich-text .eyebrow-small,
  .mce-content-body .eyebrow-small {
    font-size: 14px;
    line-height: 24px;
  }

  .rich-text .primary-link,
  .mce-content-body .primary-link {
    font-size: 20px;
    line-height: 28px;
  }

  .rich-text .tags-copy,
  .mce-content-body .tags-copy {
    font-size: 15px;
  }

  .rich-text .intro-copy,
  .mce-content-body .intro-copy {
    font-size: 24px;
    line-height: 38px;
  }

  .rich-text .intro-copy,
  .mce-content-body .intro-copy {
    margin-bottom: 3.2rem;
  }

  .rich-text .semibold-headline,
  .mce-content-body .semibold-headline {
    font-size: 24px;
    line-height: 38px;
  }

  .rich-text .semibold-headline,
  .mce-content-body .semibold-headline {
    margin-bottom: 2rem;
  }

  .rich-text .editorial-body-copy,
  .mce-content-body .editorial-body-copy {
    font-size: 20px;
    line-height: 35px;
  }

  .rich-text .editorial-body-copy,
  .mce-content-body .editorial-body-copy {
    margin-bottom: 3.2rem;
  }

  .rich-text .quote-bold,
  .mce-content-body .quote-bold {
    font-size: 32px;
    line-height: 44px;
  }

  .rich-text .quote-bold:before,
  .mce-content-body .quote-bold:before {
    font-size: 6rem;
    line-height: 8.2rem;
  }

  .rich-text .attribution,
  .mce-content-body .attribution {
    font-size: 20px;
    line-height: 36px;
  }

  .rich-text .attribution,
  .mce-content-body .attribution {
    margin-bottom: 3.2rem;
  }

  .rich-text tr td:first-child,
  .mce-content-body tr td:first-child {
    padding-left: 2.4rem;
  }

  .rich-text hr,
  .mce-content-body hr {
    margin: 2.8rem -4rem;
  }

  .rich-text ul li,
  .mce-content-body ul li {
    padding-left: 2rem;
    margin-bottom: 1.2rem;
  }

  .rich-text tr:first-child td {
    padding: 0 2rem 2.4rem 0;
  }

  .rich-text tr:last-child td {
    padding: 2.4rem 2rem 0 0;
  }

  .rich-text tr td {
    padding: 2.4rem 2rem 2.4rem 0;
  }

  .rich-text tr td:first-child {
    padding-left: 0;
  }

  .rich-text tr td:last-child {
    padding-right: 0;
  }
}

@media only screen and (min-width: 992px) and (min-width: 992px) {
  .rich-text tr td:first-child {
    width: 20rem;
  }
}

@media only screen and (max-width: 991px) {
  .container-rich-text .rich-text,
  .container-rich-text .mce-content-body {
    padding: 0 2.4rem;
  }

  .rich-text .wrapper-table,
  .mce-content-body .wrapper-table {
    overflow-x: auto;
  }

  .rich-text table,
  .mce-content-body table {
    min-width: 60.6rem;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .container-rich-text table {
    margin-left: -2.4rem;
  }

  .container-rich-text table tr td:first-child {
    padding-left: 2.4rem;
  }
}