@charset "UTF-8";
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2rem;
  margin: 0.67rem 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1rem 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1rem; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1rem; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25rem;
}

sup {
  top: -0.5rem;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.multi-select-container {
  display: grid;
  position: relative;
  line-height: 3rem;
}

.multi-select-menu {
  position: absolute;
  left: 0;
  top: 2.5rem;
  float: left;
  min-width: 100%;
  background: #fff;
  margin: 1em 0;
  padding: 0.4em 0;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 101;
}

.multi-select-menu input {
  margin-right: 0.3em;
  vertical-align: 0.1em;
}

.multi-select-menuitems {
  padding: 0 10px;
  height: 40vh;
  overflow-y: scroll;
}
.multi-select-menuitems .multi-select-menuitem {
  display: block;
  white-space: nowrap;
}

.multi-select-button {
  display: inline-block;
  padding: 0.2em 0.6em;
  min-width: 10em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  background-color: #fff;
  border: 1px solid #3e484f;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: default;
}

.multi-select-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.4em 0 0.4em;
  border-color: #999 transparent transparent transparent;
  margin-left: 0.4em;
  vertical-align: 0.1em;
}

.multi-select-container--open .multi-select-menu {
  display: block;
}

.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em 0.4em;
  border-color: transparent transparent #999 transparent;
}

/**
 * Set up a decent box model on the root element
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

:root {
  --section-color: #ff0000;
}

body {
  font-family: "NotoSansHK", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 2rem;
  color: #3e484f;
}
@media only screen and (max-width: 960px) {
  body.nav-open {
    overflow: hidden;
  }
}
[lang^=en] body {
  font: 400 1rem/1.4 "Rubik", sans-serif;
}

button,
input,
optgroup,
select,
textarea {
  font: 400 1rem/2rem "NotoSansHK", Arial, sans-serif;
}

@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #main {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 640px) {
  #main {
    margin-top: 2rem;
  }
}

figure {
  margin: 0;
  padding: 0;
}
figure + p {
  margin-top: 2rem;
}

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

ul,
ol {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
ul li,
ol li {
  padding-left: 1.5rem;
}

a {
  color: #3e484f;
}
a.more {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../images/icon-dots.svg") no-repeat center/contain transparent;
}
a.coverlink {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
a.back {
  position: relative;
  padding-left: 1.5rem;
  display: inline-block;
  margin-bottom: 1.5rem;
  text-decoration: none;
  color: #ff0000;
}
a.back:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  border-left: 3px solid #ff0000;
  border-bottom: 3px solid #ff0000;
}

.d-show {
  display: none;
}
@media (min-width: 769px) {
  .d-show {
    display: block;
  }
}

.m-show {
  display: none;
}
@media (max-width: 768px) {
  .m-show {
    display: block;
  }
}

section {
  padding: 5rem 0;
}
section.offset {
  margin-top: -4rem;
}
section.no-bottom-padding {
  padding-bottom: 0px;
}
section.no-top-padding {
  padding-top: 0px;
}
.hero + section {
  padding-top: 0;
}
section h2:first-child {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 640px) {
  section {
    padding: 2.5rem 0;
  }
  section.offset {
    margin-top: 0;
  }
}

.hero {
  position: relative;
  height: 70vh;
}
.hero.large {
  height: 840px;
  max-height: 75vh;
  min-height: 600px;
}
.hero img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hero .overlay .container {
  height: 100%;
}
.hero .overlay .house {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 450px;
  height: 460px;
  padding: 9.25rem 3rem 0;
  background: url("../images/overlay-house.svg") no-repeat left top/contain transparent;
}
.hero .overlay .house.yellow {
  background-image: url("../images/overlay-house-yellow.svg");
}
.hero .overlay .house.green {
  background-image: url("../images/overlay-house-green.svg");
}
.hero .overlay .house.teal {
  background-image: url("../images/overlay-house-teal.svg");
}
.hero .overlay .house.pink {
  background-image: url("../images/overlay-house-pink.svg");
}
.hero .overlay .house.orange {
  background-image: url("../images/overlay-house-orange.svg");
}
.hero .overlay .house.red {
  background-image: url("../images/overlay-house-red.svg");
}
.hero .overlay .house h1 {
  color: #ff0000;
  line-height: 1.125;
  margin-bottom: 1rem;
}
.hero .overlay .house.yellow h1,
.hero .overlay .house.yellow p, .hero .overlay .house.green h1,
.hero .overlay .house.green p, .hero .overlay .house.teal h1,
.hero .overlay .house.teal p, .hero .overlay .house.pink h1,
.hero .overlay .house.pink p, .hero .overlay .house.orange h1,
.hero .overlay .house.orange p, .hero .overlay .house.red h1,
.hero .overlay .house.red p {
  color: #fff;
}
@media only screen and (max-width: 1080px) {
  .hero .overlay .house {
    left: 2rem;
  }
}
.hero .overlay .rect {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 360px;
  padding: 2rem;
  background-color: #fff;
}
.hero .overlay .rect h1 {
  color: #ff0000;
  line-height: 1.125;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1080px) {
  .hero .overlay .rect {
    left: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .hero .overlay {
    height: auto;
  }
  .hero .overlay .container {
    height: auto;
  }
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .hero {
    overflow: hidden;
  }
  .hero img {
    height: auto;
  }
}
@media only screen and (max-width: 640px) {
  .hero {
    height: 250px;
  }
  .hero.large {
    height: auto;
    max-height: 100%;
  }
  .hero img {
    max-height: 250px;
  }
  .hero .overlay {
    position: relative;
  }
  .hero .overlay .house,
  .hero .overlay .rect {
    position: static;
    width: auto;
    height: auto;
    -webkit-transform: none;
            transform: none;
    padding: 2rem;
    background: #fff !important;
  }
  .hero .overlay .house h1,
  .hero .overlay .rect h1 {
    color: #ff0000 !important;
  }
  .hero .overlay .house p,
  .hero .overlay .rect p {
    color: #3e484f !important;
  }
}

.cols {
  display: grid;
  grid-gap: 35px 20px;
}
.cols.pack {
  grid-gap: 0;
}
.cols.col2 {
  grid-template-columns: repeat(2, 1fr);
}
.cols.col3 {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cols.col2 .col-item:nth-child(2n-1) {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .cols.col2 .col-item:nth-child(2n) {
    -ms-grid-column: 2;
    grid-column: 2;
  }
  .cols.col3 .col-item:nth-child(3n-2) {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .cols.col3 .col-item:nth-child(3n-1) {
    -ms-grid-column: 2;
    grid-column: 2;
  }
  .cols.col3 .col-item:nth-child(3n) {
    -ms-grid-column: 3;
    grid-column: 3;
  }
  .cols .col-item {
    margin: 0 10px;
  }
}
@media only screen and (max-width: 640px) {
  .cols.col3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 600px) {
  .cols.col2 {
    grid-template-columns: 1fr;
  }
}

.carousel li {
  padding: 0;
}

.card, .tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_result {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.card:hover img, .tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_result:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.card img, .tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_result img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 5;
}
.card .desc, .tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_result .desc {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1.25rem;
  background-color: #fff;
  z-index: 10;
}
.card .desc h3, .tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_result .desc h3 {
  margin-bottom: 1.5rem;
}
.card .desc .cta, .tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_result .desc .cta {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hot-articles .article-item {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.5rem;
}
.hot-articles .article-item:last-child {
  margin-bottom: 0;
}
.hot-articles .article-item:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.hot-articles .article-item:hover .desc {
  background-color: #c41427;
}
.hot-articles .article-item img {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 5;
}
.hot-articles .article-item .desc {
  position: relative;
  padding: 1.5rem 2rem;
  background-color: #3e484f;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 10;
}
.hot-articles .article-item .desc p {
  margin: 0;
}
.hot-articles .article-item .desc p + h3 {
  margin-top: 1rem;
}
.hot-articles .article-item .desc .share {
  position: absolute;
  right: 1.5rem;
  top: 1.75rem;
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon-share-white.svg");
}
@media only screen and (max-width: 1080px) {
  .hot-articles {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .hot-articles {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .hot-articles .article-item .desc {
    padding: 2rem;
  }
  .hot-articles .article-item .desc p + h3 {
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .hot-articles .article-item {
    display: block;
  }
  .hot-articles .article-item .desc p + h3 {
    margin-top: 0;
  }
  .hot-articles .article-item .desc p:last-child {
    display: none;
  }
}

.topic-list .topic {
  overflow: hidden;
  position: relative;
}
.topic-list .topic:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.topic-list .topic h3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4rem;
  font-weight: 700;
  text-align: center;
  z-index: 10;
}
.topic-list .topic img {
  position: relative;
  max-height: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 5;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media only screen and (max-width: 640px) {
  .topic-list {
    grid-gap: 20px;
  }
  .topic-list .topic h3 {
    height: auto;
    padding: 0.5rem;
  }
}

table {
  border-spacing: 0;
}
table th,
table td {
  padding: 0;
  text-align: left;
  vertical-align: top;
}

.tpl-default #main .container ul,
.tpl-default #main .container ol,
.tpl-default #main .content ul,
.tpl-default #main .content ol {
  padding-left: 1.5rem;
}
.tpl-default #main .container ul li,
.tpl-default #main .container ol li,
.tpl-default #main .content ul li,
.tpl-default #main .content ol li {
  padding-left: 0;
}
.tpl-default #main .container ul,
.tpl-default #main .content ul {
  list-style: disc outside none;
}
.tpl-default #main .container ol,
.tpl-default #main .content ol {
  list-style: decimal outside none;
}

.tpl-notfound .content img {
  width: auto;
  margin: 0 auto;
  max-width: 100%;
}
.tpl-notfound .content h2 {
  text-align: left;
}
@media screen and (max-width: 1080px) {
  .tpl-notfound .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@font-face {
  font-family: "MHeiHK";
  font-weight: 500;
  src: url("fonts/mheihk-medium.woff2") format("woff2"), url("fonts/mheihk-medium.woff") format("woff"), url("fonts/mheihk-medium.svg#MHeiHK-Medium") format("svg"); /* iOS 4.1- */
}
@font-face {
  font-family: "MHeiHK";
  font-weight: 700;
  src: url("fonts/mheihk-bold.eot?#iefix") format("embedded-opentype"), url("fonts/mheihk-bold.woff2") format("woff2"), url("fonts/mheihk-bold.woff") format("woff"), url("fonts/mheihk-bold.svg#MHeiHK-Medium") format("svg"); /* iOS 4.1- */
}
@font-face {
  font-family: "NotoSansHK";
  font-weight: 900;
  src: url("fonts/mheihk-xbold.eot?#iefix") format("embedded-opentype"), url("fonts/mheihk-xbold.woff2") format("woff2"), url("fonts/mheihk-xbold.woff") format("woff"), url("fonts/mheihk-xbold.svg#MHeiHK-Xbold") format("svg"); /* iOS 4.1- */
}
@font-face {
  font-family: "NotoSansHK";
  font-weight: 400;
  src: url("fonts/NotoSansHK-Regular.otf") format("woff"), url("fonts/NotoSansHK-Regular.woff") format("otf");
}
@font-face {
  font-family: "NotoSansHK";
  font-weight: 500;
  src: url("fonts/NotoSansHK-Medium.otf") format("otf"), url("fonts/NotoSansHK-Medium.otf") format("woff");
}
@font-face {
  font-family: "NotoSansHK";
  font-weight: 700;
  src: url("fonts/NotoSansHK-Bold.otf") format("otf"), url("fonts/NotoSansHK-Bold.otf") format("woff");
}
@font-face {
  font-family: "NotoSansHK";
  font-weight: 900;
  src: url("fonts/NotoSansHK-Black.otf") format("otf"), url("fonts/NotoSansHK-Black.otf") format("woff");
}
/**
 * Basic typography style for copy text
 */
h1, h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.04em;
  margin: 0;
  padding: 0;
  color: inherit;
}
@media only screen and (max-width: 640px) {
  h1, h2 {
    font-size: 30px;
    line-height: 1.5;
  }
}
[lang^=en] h1, [lang^=en] h2 {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25;
}

h2 {
  text-align: center;
  color: var(--section-color);
}

h3 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
[lang^=en] h3 {
  font-size: 20px;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
  }
}

h4, .tpl-result .comment .num, .tpl-result .ranks .rank-item {
  font-size: 22px;
  line-height: 2;
  font-weight: 700;
  margin: 0;
}
[lang^=en] h4, [lang^=en] .tpl-result .comment .num, .tpl-result .comment [lang^=en] .num, [lang^=en] .tpl-result .ranks .rank-item, .tpl-result .ranks [lang^=en] .rank-item {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
}

p {
  margin: 0 0 2rem;
}
p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 720px) {
  p {
    font-size: 16px;
    line-height: 1.7;
  }
}
p.small {
  font-size: 15px;
  line-height: 1.25;
}

strong {
  font-weight: 700;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.container + .container {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 640px) {
  .container + .container {
    margin-top: 2.5rem;
  }
}

.content {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; /* added line */
}

.mt0 {
  margin-top: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.align-left {
  text-align: left;
}

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

.align-right {
  text-align: right;
}

.c-red {
  color: #ff0000 !important;
}

.c-darkred {
  color: #c41427 !important;
}

.c-teal {
  color: #00bcce !important;
}

.c-green {
  color: #a6ce39 !important;
}

.c-pink {
  color: #ed0973 !important;
}

.c-orange {
  color: #f47920 !important;
}

.c-brown {
  color: #6d2413 !important;
}

.c-purple {
  color: #52035b !important;
}

.c-yellow {
  color: #fcaf17 !important;
}

.c-coolgrey {
  color: #3e484f !important;
}

.c-white {
  color: #fff !important;
}

.bg-red {
  background-color: #ff0000;
  color: #fff;
}

.bg-darkred {
  background-color: #c41427;
  color: #fff !important;
}
.bg-darkred h2 {
  color: inherit;
}

.bg-teal {
  background-color: #00bcce;
  color: #fff;
}

.bg-green {
  background-color: #a6ce39;
  color: #fff;
}

.bg-pink {
  background-color: #ed0973;
  color: #fff;
}

.bg-orange {
  background-color: #f47920;
  color: #fff;
}

.bg-brown {
  background-color: #6d2413;
  color: #fff;
}

.bg-purple {
  background-color: #52035b;
  color: #fff;
}

.bg-yellow {
  background-color: #fcaf17;
  color: #fff;
}

.bg-coolgrey {
  background-color: #3e484f;
  color: #fff;
}

.bg-lightgrey {
  background-color: #f1f1f1;
}

.bg-midgrey {
  background-color: #9c9c9c;
}

.bg-salmon {
  background-color: #F58466;
}

.bg-lightorange {
  background-color: #FBEADF;
}

.bg-lightpumpkin {
  background-color: #fcd6b5;
}

.bg-greenbrown {
  background-color: #5f5231;
}

.bg-colwhite {
  background-color: #FEF7D2;
}

.slick-dots {
  bottom: 2rem;
}
.slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 0.5rem;
}
.slick-dots li button {
  padding: 0;
  width: 10px;
  height: 10px;
}
.slick-dots li button:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  border: 1px solid #fff;
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  background-color: #fff;
}

.tpl-contact #contact input {
  padding-top: 3px;
  padding-bottom: 3px;
}
.tpl-contact #contact input,
.tpl-contact #contact select,
.tpl-contact #contact textarea {
  font-size: 16px;
}
.tpl-contact .thankyou {
  display: none;
}
@media only screen and (max-width: 1080px) {
  .tpl-contact .content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-contact #contact input,
  .tpl-contact #contact select,
  .tpl-contact #contact textarea {
    font-size: 14px;
  }
}

header {
  position: sticky;
  top: 0;
  height: 100px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 999;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header {
    position: fixed;
    width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  header {
    height: 70px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  }
}
header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 75;
}
@media only screen and (max-width: 425px) {
  header.annual-report-header {
    position: fixed;
    width: 100%;
  }
  header.annual-report-header .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
header.annual-report-header .logos-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
@media only screen and (max-width: 960px) {
  header.annual-report-header .logos-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
header.annual-report-header .links {
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
header.annual-report-header.annual-report-header-default .mlinks .mlang {
  color: white;
}
header.annual-report-header.annual-report-header-default .mlinks .nav-toggle,
header.annual-report-header.annual-report-header-default .mlinks .nav-toggle-ar {
  background: linear-gradient(to bottom, transparent 0%, transparent 9px, white 9px, white 11px, transparent 11px, transparent 100%);
}
header.annual-report-header.annual-report-header-default .mlinks .nav-toggle:before, header.annual-report-header.annual-report-header-default .mlinks .nav-toggle:after,
header.annual-report-header.annual-report-header-default .mlinks .nav-toggle-ar:before,
header.annual-report-header.annual-report-header-default .mlinks .nav-toggle-ar:after {
  background-color: white;
}
@media only screen and (min-width: 960px) {
  header.annual-report-header .megamenu {
    display: none;
  }
}
header.annual-report-header .header-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header.annual-report-header:before {
  background-color: #ff0000;
}
header.annual-report-header .lower-opacity {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  opacity: 0.7;
}
header.annual-report-header .logo {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
header.annual-report-header .logo img {
  border-right: 1px solid white;
  padding-right: 1.5rem;
}
@media only screen and (max-width: 425px) {
  header.annual-report-header .logo img {
    max-height: 25px;
  }
}
header.annual-report-header .annual-report-link {
  text-decoration: none;
}
header.annual-report-header .annual-report-logo {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  color: white;
  padding-left: 1.5rem;
}
header.annual-report-header .annual-report-logo .title {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 2px;
  font-family: Rubik, sans-serif;
}
header.annual-report-header .annual-report-logo .year {
  line-height: 1;
  font-size: 30px;
  font-family: Rubik, sans-serif;
  font-weight: normal;
}
header.annual-report-header .annual-report-logo .year span {
  font-size: 25px;
  font-weight: bold;
  font-family: MHeiHK, Arial, sans-serif;
}
header.annual-report-header .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header.annual-report-header .links a {
  color: white;
  text-decoration: none;
}
header.annual-report-header .links .download-report {
  font-size: 13px;
}
header.annual-report-header .links .download-report span {
  padding-left: 10px;
}
@media only screen and (max-width: 960px) {
  header.annual-report-header .header-main {
    grid-template-columns: unset !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  header.annual-report-header .header-main .annual-report-logo {
    padding-left: 1.5rem;
  }
  header.annual-report-header .header-main .annual-report-logo .year {
    font-size: 20px;
    margin-bottom: 0.2rem;
  }
  header.annual-report-header .header-main .annual-report-logo .year span {
    font-size: 18px;
  }
  header.annual-report-header .header-main .annual-report-logo .title {
    font-size: 13px;
  }
}
@media only screen and (max-width: 500px) {
  header.annual-report-header .header-main .logo img {
    padding-right: 0.5rem;
  }
  header.annual-report-header .header-main .annual-report-logo {
    padding-left: 0.5rem;
  }
  header.annual-report-header .header-main .annual-report-logo .title {
    font-size: 12px;
  }
  header.annual-report-header .header-main .annual-report-logo .year {
    margin-bottom: 0.1rem;
    font-size: 18px;
  }
  header.annual-report-header .header-main .annual-report-logo .year span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 340px) {
  header.annual-report-header .header-main .annual-report-logo .title {
    font-size: 12px;
  }
  header.annual-report-header .header-main .annual-report-logo .year {
    font-size: 15px;
  }
}
header.annual-report-header.annual-report-home:before {
  background-color: white;
}
header.annual-report-header.annual-report-home .annual-report-logo {
  color: #ff0000;
}
header.annual-report-header.annual-report-home .links a {
  color: #ff0000;
}
header.annual-report-header.annual-report-home .logo img {
  border-right: 1px solid #ff0000;
}
header .header-main {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  z-index: 75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-template-columns: 1fr 4fr 1fr;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1080px) {
  header .header-main {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 960px) {
  header .header-main {
    grid-template-columns: repeat(2, 1fr);
  }
  header .header-main > nav,
  header .header-main .links {
    display: none;
  }
}
header .logo {
  -ms-flex-item-align: start;
      align-self: flex-start;
  text-align: left;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header .logo {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
header .logo img {
  max-height: 48px;
  width: auto;
}
@media only screen and (max-width: 960px) {
  header .logo {
    -ms-flex-item-align: center;
        align-self: center;
  }
  header .logo img {
    max-height: 34px;
  }
}
header nav li {
  line-height: 1.2;
}
header nav a {
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  color: #3e484f;
  letter-spacing: 0.05em;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
[lang^=en] header nav li {
  line-height: 1.125;
  margin-bottom: 0.5rem;
}
[lang^=en] header nav a {
  letter-spacing: 0;
}
header .mainnav {
  -ms-flex-item-align: center;
      align-self: center;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header .mainnav {
    -ms-grid-column: 2;
    grid-column: 2;
  }
}
header .mainnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .mainnav li {
  padding: 0 0.5rem;
  border-right: 1px solid #9c9c9c;
}
header .mainnav li:last-child {
  border: 0 none;
}
header .mainnav li:hover > a, header .mainnav li.active > a {
  color: #ff0000;
}
header .links {
  -ms-flex-item-align: center;
      align-self: center;
  text-align: right;
  line-height: 1;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header .links {
    -ms-grid-column: 3;
    grid-column: 3;
  }
}
header .links a {
  display: inline-block;
  margin-left: 1rem;
}
header .links img {
  height: 1rem;
  width: auto;
}
header .links .lang {
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
header .mlinks {
  display: none;
}
@media only screen and (max-width: 960px) {
  header .mlinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  header .mlinks .mlang {
    display: inline-block;
    margin-right: 1rem;
    line-height: 20px;
    text-decoration: none;
  }
}
header .nav-toggle,
header .nav-toggle-ar {
  display: none;
}
@media only screen and (max-width: 960px) {
  header .nav-toggle,
  header .nav-toggle-ar {
    display: block;
    width: 22px;
    height: 20px;
    position: relative;
    background: linear-gradient(to bottom, transparent 0%, transparent 9px, #3e484f 9px, #3e484f 11px, transparent 11px, transparent 100%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .nav-toggle:before, header .nav-toggle:after,
  header .nav-toggle-ar:before,
  header .nav-toggle-ar:after {
    content: "";
    width: 22px;
    height: 2px;
    position: absolute;
    left: 0;
    background-color: #3e484f;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .nav-toggle:before,
  header .nav-toggle-ar:before {
    -webkit-transform-origin: left center;
            transform-origin: left center;
    top: 0;
  }
  header .nav-toggle:after,
  header .nav-toggle-ar:after {
    -webkit-transform-origin: left center;
            transform-origin: left center;
    bottom: 0;
  }
}
.nav-open header .nav-toggle,
.nav-open header .nav-toggle-ar {
  background: none !important;
}
.nav-open header .nav-toggle:before, .nav-open header .nav-toggle:after,
.nav-open header .nav-toggle-ar:before,
.nav-open header .nav-toggle-ar:after {
  width: 25px;
}
.nav-open header .nav-toggle:before,
.nav-open header .nav-toggle-ar:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav-open header .nav-toggle:after,
.nav-open header .nav-toggle-ar:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
header .subnav {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  min-height: 44px;
  height: auto;
  background-color: #c41427;
  z-index: 70;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
header .subnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .subnav ul li {
  margin: 0.25rem 1rem;
  padding: 0;
}
header .subnav ul li:hover a, header .subnav ul li.active a {
  color: #fcaf17;
}
header .subnav ul a {
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 960px) {
  header .subnav {
    display: none;
  }
}
header .megamenu,
header .searchbar {
  position: absolute;
  z-index: 70;
}
header .megamenu {
  width: 100%;
  max-width: 1080px;
  left: calc((100% - 1080px) / 2);
  top: 100px;
  padding: 1.5rem 3rem 2rem;
  background-color: #f1f1f1;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  z-index: 90;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 1080px) {
  header .megamenu {
    padding-left: 2rem;
    padding-right: 2rem;
    left: 0;
  }
}
.nav-open header .megamenu {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
header .megamenu li {
  padding: 0;
  border: 0 none;
}
header .megamenu li.parent {
  display: none;
}
header .megamenu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .megamenu > ul > li:hover a {
  color: #3e484f;
}
header .megamenu > ul > li > a {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  font-weight: 900;
}
header .megamenu > ul > li > a:hover {
  color: #ff0000;
}
header .megamenu > ul > li > a [lang^=en] {
  font-size: 14px;
}
header .megamenu > ul > li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
header .megamenu > ul > li ul li:hover a {
  color: #ff0000;
}
header .megamenu > ul > li ul li [lang^=en] {
  margin-bottom: 0.5rem;
}
header .megamenu > ul > li ul a {
  font-size: 15px;
  line-height: 25px;
}
[lang^=en] header .megamenu > ul > li ul a {
  font-size: 14px;
  line-height: 1;
}
header .megamenu .msearch {
  display: none;
}
@media only screen and (max-width: 960px) {
  header .megamenu {
    display: block;
    left: 0;
    top: 70px;
    padding: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
    z-index: 70;
  }
  header .megamenu > ul {
    display: block;
    max-height: calc(100vh - 50px - 70px);
    overflow: auto;
  }
  header .megamenu > ul > li.parent {
    display: block;
  }
  header .megamenu > ul > li.active > a {
    color: #ff0000;
  }
  header .megamenu > ul > li > a {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 1.5rem 2rem;
    margin: 0;
  }
  header .megamenu > ul > li > a:after {
    content: "";
    position: absolute;
    right: 3rem;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #3e484f;
    border-bottom: 2px solid #3e484f;
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  header .megamenu > ul > li > a.open:after {
    -webkit-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg);
  }
  header .megamenu > ul > li ul {
    display: none;
    background-color: #fff;
  }
  header .megamenu > ul > li ul li.parent {
    display: block;
  }
  header .megamenu > ul > li ul li.active > a {
    color: #ff0000;
  }
  header .megamenu > ul > li ul a {
    display: block;
    padding: 1rem 2rem;
  }
  header .megamenu .msearch {
    background-color: #3e484f;
    padding: 0.5rem 2rem;
    display: block;
  }
  header .megamenu .msearch #ajaxSearch_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header .megamenu .msearch input {
    background: transparent;
    color: #fff;
    border: 0 none;
    border-bottom: 1px solid #fff;
    min-width: 0;
    width: 100%;
  }
  header .megamenu .msearch button {
    margin-left: 0.5rem;
    white-space: nowrap;
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  header .megamenu > ul > li a {
    font-size: 20px;
  }
  header .megamenu > ul > li ul li a {
    font-size: 18px;
  }
}
header .searchbar {
  position: absolute;
  left: 0;
  top: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f1f1f1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  pointer-events: none;
}
.search-open header .searchbar {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
header .searchbar #ajaxSearch_form {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
}
header .searchbar input {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  max-width: unset;
  margin-right: 1rem;
  background-color: transparent;
  border: 0 none;
  border-bottom: 1px solid #707070;
}
header .searchbar .btn, header .searchbar .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form header .searchbar #ajaxSearch_submit {
  font-size: 14px;
}
@media only screen and (max-width: 960px) {
  header .searchbar {
    display: none;
  }
}

@media all and (min-width: 960px) {
  body.has-subnav #main {
    padding-top: 40px;
  }
}
.partner {
  padding: 1rem 0;
}
.partner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media only screen and (max-width: 640px) {
  .partner .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
  }
}
.partner__item img {
  height: 60px;
  width: auto;
}
@media only screen and (max-width: 640px) {
  .partner__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

footer {
  padding: 4rem 0 5rem;
  background-color: #9c9c9c;
  color: #fff;
}
footer a {
  text-decoration: none;
}
footer .footer-grid {
  display: grid;
  grid-template-columns: 1fr 5fr;
  grid-template-areas: ". signup" "logo nav" "social nav";
}
footer .signup {
  grid-area: signup;
}
footer .logo {
  grid-area: logo;
  padding-right: 1rem;
}
footer .nav {
  grid-area: nav;
}
footer .social {
  grid-area: social;
  padding-right: 1rem;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  footer .signup {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
  }
  footer .logo {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
  footer .nav {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
  }
  footer .social {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
}
footer .signup {
  padding-bottom: 5rem;
}
[lang^=en] footer .signup {
  padding: 1rem 0 3rem;
}
footer .signup h4, footer .signup .tpl-result .comment .num, .tpl-result .comment footer .signup .num, footer .signup .tpl-result .ranks .rank-item, .tpl-result .ranks footer .signup .rank-item {
  margin-bottom: 0.5rem;
}
footer .signup form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 960px) {
  footer .signup form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
footer .signup form input,
footer .signup form button {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
@media only screen and (max-width: 960px) {
  footer .signup form input,
  footer .signup form button {
    margin-bottom: 0.5rem;
  }
}
footer .signup form input {
  border: 0 none;
  font-size: 22px;
  line-height: 1.2;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
}
@media only screen and (max-width: 960px) {
  footer .signup form input {
    margin-right: 0;
  }
}
footer .signup p > a {
  color: inherit;
  text-decoration: underline;
}
footer .logo img {
  height: 45px;
  width: auto;
}
[lang^=en] footer .logo {
  margin-bottom: 2rem;
}
footer .nav .breadcrumbs {
  padding-bottom: 1rem;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  color: #3e484f;
}
footer .nav .breadcrumbs a {
  color: inherit;
}
footer .nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .nav ul li {
  padding: 0;
  line-height: 1;
}
footer .nav ul li.parent {
  display: none;
}
footer .nav ul li a {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  white-space: nowrap;
}
footer .nav ul li ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
[lang^=en] footer .nav ul li {
  margin-bottom: 0.5rem;
}
[lang^=en] footer .nav ul li a {
  font-size: 14px;
  line-height: 1.2;
}
footer .nav > ul {
  padding-top: 1rem;
  border-top: 1px solid #fff;
}
footer .nav > ul > li > a {
  font-weight: 900;
}
[lang^=en] footer .nav > ul > li > a {
  display: inline-block;
  margin-bottom: 0.5rem;
}
footer .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 0;
}
footer .social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 1rem;
  width: 79%;
}
@media (max-width: 960px) {
  footer .social ul {
    width: 100%;
  }
}
footer .social ul li {
  display: block;
  padding: 0;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
footer .social ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  border-radius: 50%;
}
footer .social ul img {
  width: 1.25rem;
  height: 1.25rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
footer .social p {
  margin: 0;
  font-size: 13px;
  line-height: 25px;
}
footer .social p a {
  color: #fff;
}
@media only screen and (max-width: 1080px) {
  footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 960px) {
  footer {
    padding: 2.5rem 2rem;
  }
  footer .footer-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "logo" "signup" "nav" "social";
  }
  footer .logo {
    margin-bottom: 2rem;
  }
  footer .social {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 720px) {
  footer .nav ul li ul {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  footer .breadcrumbs {
    display: none;
  }
  footer .logo,
  footer .social {
    text-align: center;
  }
  footer .logo img {
    margin: 0 auto;
  }
  footer .social ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .social ul li {
    margin: 0 0.5rem;
  }
  footer .nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border: 0 none;
  }
  footer .nav ul li:nth-child(4) {
    page-break-after: always;
  }
}

.sticky {
  position: fixed;
  right: 0;
  top: 30%;
  z-index: 73;
}
.sticky a {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: auto;
  height: 3.5rem;
  padding: 0.75rem;
  white-space: nowrap;
  color: #fff;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateX(100%) translateX(-60px);
          transform: translateX(100%) translateX(-60px);
}
.sticky a:nth-child(1) {
  border-top-left-radius: 10px;
}
.sticky a:nth-child(2) {
  top: 3.5rem;
}
.sticky a:nth-child(3) {
  top: 7rem;
}
.sticky a:nth-child(4) {
  top: 10.5rem;
}
.sticky a:last-child {
  border-bottom-left-radius: 10px;
}
.sticky a img {
  display: inline-block;
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  vertical-align: middle;
}
.sticky a.donate {
  padding: 0.5rem;
}
.sticky a.donate img {
  width: 40px;
  height: 40px;
}
.sticky a span {
  margin-left: 1rem;
  vertical-align: middle;
}
.sticky a:hover {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media only screen and (max-width: 640px) {
  .sticky {
    top: 70px;
    left: 0;
    width: 100%;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sticky a {
    position: static;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    height: 2rem;
    padding: 0.5rem;
    text-align: center;
    -webkit-transform: none;
            transform: none;
  }
  .sticky a:nth-child(n) {
    border-radius: 0;
  }
  .sticky a.btt {
    display: none;
  }
  .sticky a.donate, .sticky a.contact {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    width: 50%;
  }
  .sticky a.donate img, .sticky a.contact img, .sticky a.survey img {
    height: 1rem;
    width: auto;
    margin-right: 0.25rem;
  }
  .sticky a span {
    font-size: 14px;
    margin-left: 0;
  }
}

.popup {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
  overflow: auto;
  max-height: 80vh;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 2rem 0;
  -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);
  z-index: 999;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1400px) {
  .popup {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.popup-open .popup {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.popup h3,
.popup h4,
.popup .tpl-result .comment .num,
.tpl-result .comment .popup .num,
.popup .tpl-result .ranks .rank-item,
.tpl-result .ranks .popup .rank-item {
  width: 80%;
  color: #ff0000;
  margin-bottom: 1rem;
}
.popup p {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .popup p {
    font-size: 13px;
    line-height: 1.3;
  }
}
@media (max-width: 768px) {
  .popup .container {
    overflow-x: hidden;
  }
}
.popup table {
  position: relative;
  height: 100% !important;
}
@media (max-width: 768px) {
  .popup table {
    display: block;
    overflow-x: scroll;
  }
}
.popup table td {
  padding: 0.3rem;
}
.popup .close {
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  width: 30px;
  height: 30px;
  z-index: 10;
}
@media (max-width: 425px) {
  .popup .close {
    right: 1rem;
    top: 1rem;
  }
}
.popup .close:before, .popup .close:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  top: 14px;
  -webkit-transform-origin: center;
          transform-origin: center;
  background-color: #3e484f;
}
.popup .close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.popup .close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.popup-bg-layer {
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.55);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
.popup-open .popup-bg-layer {
  z-index: 999;
  pointer-events: initial;
  opacity: 1;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
select {
  font-family: "Arial", "Helvetica", "MHeiHK", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 0 0.5rem;
  width: 100%;
  max-width: calc(100% - 160px);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #3e484f;
  border-radius: 0;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=number],
  select {
    height: 34px;
  }
}

select {
  line-height: 36px;
}

.dd-wrap {
  display: inline-block;
  position: relative;
}
.dd-wrap:after {
  content: "";
  position: absolute;
  right: 1rem;
  bottom: 10px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  border-right: 3px solid #3e484f;
  border-bottom: 3px solid #3e484f;
}
.dd-wrap select {
  width: 100%;
  max-width: unset;
}

textarea {
  width: 100%;
  height: 150px;
  resize: vertical;
  max-width: calc(100% - 160px);
  padding: 0.5rem;
  border: 1px solid #3e484f;
}

.checkbox-label {
  display: block;
}
.checkbox-label > input {
  margin-right: 5px;
}
.checkbox-label > div {
  display: inline;
}

.form-row {
  margin-bottom: 1rem;
}
.form-row label {
  display: inline-block;
  line-height: 40px;
  vertical-align: top;
  margin-right: 2rem;
}
.form-row label:first-child {
  min-width: 160px;
  margin: 0;
}
.form-row.select {
  position: relative;
}
.form-row.select:after {
  content: "";
  position: absolute;
  right: 1rem;
  bottom: 10px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  border-right: 3px solid #3e484f;
  border-bottom: 3px solid #3e484f;
}

@media only screen and (max-width: 480px) {
  input[type=text],
  input[type=email],
  select,
  textarea {
    max-width: 100%;
  }
  .form-row label {
    line-height: 1.5;
    display: block;
  }
}
.btn, .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit {
  display: inline-block;
  max-height: 3rem;
  padding: 0.75rem;
  border-radius: 10px;
  border: 0 none;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.05em;
  white-space: nowrap;
  text-decoration: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.btn.btn-primary, .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit {
  background-color: #ff0000;
  color: #fff;
}
.btn.btn-secondary, .tpl-searchresults #ajaxSearch_form .btn-secondary#ajaxSearch_submit {
  background-color: #fff;
  color: currentColor;
  border: 2px solid currentColor;
}
.btn.btn-tertiary, .tpl-searchresults #ajaxSearch_form .btn-tertiary#ajaxSearch_submit {
  background-color: #707070;
  color: white;
}
.btn.btn-inline, .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit {
  display: inline-block;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.btn.wide, .tpl-searchresults #ajaxSearch_form .wide#ajaxSearch_submit {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
@media only screen and (max-width: 480px) {
  .btn.wide, .tpl-searchresults #ajaxSearch_form .wide#ajaxSearch_submit {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.btn.share, .tpl-searchresults #ajaxSearch_form .share#ajaxSearch_submit {
  background-color: #ff0000;
  color: #fff;
}
.btn.share img, .tpl-searchresults #ajaxSearch_form .share#ajaxSearch_submit img {
  display: inline-block;
  width: auto;
  vertical-align: baseline;
}
.btn.share:hover, .tpl-searchresults #ajaxSearch_form .share#ajaxSearch_submit:hover {
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.btn + .btn, .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit + .btn, .tpl-searchresults #ajaxSearch_form .btn + #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit + #ajaxSearch_submit {
  margin-left: 20px;
  margin-top: 0.25rem;
}
.btn:hover, .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit:hover {
  -webkit-transform: translate(2px, 1px);
          transform: translate(2px, 1px);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 640px) {
  .btn, .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit {
    white-space: normal;
    max-height: unset;
  }
}
.btn[disabled], .tpl-searchresults #ajaxSearch_form [disabled]#ajaxSearch_submit {
  background-color: #9c9c9c;
  pointer-events: none;
}
.btn[disabled]:hover, .tpl-searchresults #ajaxSearch_form [disabled]#ajaxSearch_submit:hover {
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

.btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btn-container .btn, .btn-container .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .btn-container #ajaxSearch_submit {
  margin: 0 1rem 0.5rem 0;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}

.btn-icon {
  text-decoration: none;
  display: inline-block;
  background-color: #ff0000;
  color: #fff;
  line-height: 1.3;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.btn-icon span {
  position: absolute;
  left: calc(100% + 15px);
  top: 0;
  bottom: 0;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.btn-icon span.icon-pdf {
  width: 36px;
  height: 46px;
  background-image: url(../images/donation-fund/icon-pdf.svg);
}
.btn-icon:hover {
  -webkit-transform: translate(2px, 1px);
          transform: translate(2px, 1px);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.btn-icon[disabled] {
  background-color: #9c9c9c;
  pointer-events: none;
}
.btn-icon[disabled]:hover {
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

.btn-icon-group .btn-icon + .btn-icon {
  margin-top: 25px;
}

.tpl-home .stats .col-item {
  padding: 2rem 0 1.5rem;
  text-align: center;
  font-size: 25px;
  line-height: 2;
}
.tpl-home .stats .col-item .num {
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
}
[lang^=en] .tpl-home .stats .col-item {
  font-size: 22px;
  line-height: 1.2;
}
[lang^=en] .tpl-home .stats .col-item .num {
  margin-top: 1rem;
  font-size: 48px;
}
@media only screen and (max-width: 800px) {
  .tpl-home .stats .col-item {
    font-size: 20px;
  }
  .tpl-home .stats .col-item .num {
    font-size: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-home .stats {
    grid-template-columns: 1fr;
  }
}
.tpl-home .carousel .player-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.tpl-home .carousel img {
  max-height: 608px;
  width: auto;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 1080px) {
  .tpl-home .carousel img {
    width: auto;
    height: 56.25vw;
  }
}
.tpl-home .carousel iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tpl-home .carousel .slick-dots {
  bottom: -2rem;
}
.tpl-home .carousel .slick-dots li button:before {
  border-color: #ff0000;
}
.tpl-home .carousel .slick-dots li.slick-active button:before {
  background-color: #ff0000;
}
.tpl-home .news .col-item img {
  width: 100%;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.tpl-home .news .col-item .desc {
  position: relative;
}
.tpl-home .news .col-item h3 {
  height: 70px;
}
[lang^=en] .tpl-home .news h3 {
  line-height: 1.25;
  height: auto;
  min-height: 60px;
}
@media only screen and (max-width: 1080px) {
  .tpl-home .news {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 960px) {
  .tpl-home .news .col-item h3 {
    height: auto;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-home .news .col-item {
    height: auto;
  }
}
.tpl-home .services .col-item {
  overflow: hidden;
  position: relative;
}
.tpl-home .services .col-item:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.tpl-home .services .col-item img {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 5;
}
.tpl-home .services .col-item .desc {
  position: relative;
  padding: 2.5rem 3rem;
  background-color: inherit;
  z-index: 10;
}
.tpl-home .services .col-item .desc p {
  margin: 0;
}
.tpl-home .services .col-item .desc h2 {
  text-align: left;
  line-height: 1.5;
  color: #fff;
}
.tpl-home .services .col-item .desc h2 + p {
  margin-top: 1rem;
}
@media only screen and (max-width: 1080px) {
  .tpl-home .services {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.tpl-home .hot-topics .topic-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.5rem;
}
.tpl-home .hot-topics .topic-item:last-child {
  margin-bottom: 0;
}
.tpl-home .hot-topics .topic-item img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
}
.tpl-home .hot-topics .topic-item .desc {
  position: relative;
  padding: 1.5rem 2rem;
  background-color: #3e484f;
  color: #fff;
}
.tpl-home .hot-topics .topic-item .desc p {
  margin: 0;
}
.tpl-home .hot-topics .topic-item .desc p + h3 {
  margin-top: 1rem;
}
.tpl-home .hot-topics .topic-item .desc .share {
  position: absolute;
  right: 1.5rem;
  top: 1.75rem;
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon-share-white.svg");
}
.tpl-home .support .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tpl-home .support a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1080px / 6);
          flex: 0 0 calc(1080px / 6);
  height: calc(1080px / 6);
  font-size: 25px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  color: #3e484f;
  text-decoration: none;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-home .support a {
    width: calc(1080px / 6);
  }
}
.tpl-home .support a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.tpl-home .support a img {
  height: 3rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1080px) {
  .tpl-home .support .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-home .support a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    width: 100%;
    height: 0;
    padding: 15% 0;
    font-size: 16px;
  }
  .tpl-home .support a img {
    width: 30%;
    height: auto;
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-home .support a {
    font-size: 14px;
  }
  .tpl-home .support a img {
    width: 40%;
    margin-bottom: 0.25rem;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-home .container + .container {
    margin-top: 0;
  }
  .tpl-home .carousel .slick-slider.slick-dotted {
    margin-bottom: 0;
  }
  .tpl-home .hero + section {
    padding-bottom: 0;
  }
  .tpl-home .news {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .tpl-home .news .col-item {
    margin: 0 10px 10px;
  }
  .tpl-home .news .slick-dots {
    bottom: -2.5rem;
  }
  .tpl-home .news .slick-dots li button:before {
    border-color: #3e484f;
  }
  .tpl-home .news .slick-dots li.slick-active button:before {
    background-color: #3e484f;
  }
  .tpl-home .services {
    padding-left: 2rem;
    padding-right: 2rem;
    grid-template-columns: 1fr;
  }
  .tpl-home .services .col-item .desc {
    position: relative;
    padding: 2rem;
  }
  .tpl-home .services .col-item .desc:after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 50%;
    width: 15px;
    height: 15px;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
  }
  .tpl-home .services .col-item .desc p:last-child {
    display: none;
  }
}

.services-listing-home {
  --grid-gutter: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--grid-gutter);
  margin-top: 3.5 rem;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .services-listing-home {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .services-listing-home {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.services-listing-home .services-list {
  position: relative;
  grid-row: span 1;
  grid-column: span 1;
  background-color: #e5e5e5;
  overflow: hidden;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.services-listing-home .services-list .service-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-transform-origin: -1rem top;
          transform-origin: -1rem top;
}
@media (max-width: 1024px) {
  .services-listing-home .services-list .service-item-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.services-listing-home .services-list .service-item-inner .front {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  overflow: hidden;
}
.services-listing-home .services-list .service-item-inner .front a {
  text-decoration: none;
}
.services-listing-home .services-list .service-item-inner .front a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.services-listing-home .services-list .service-item-inner .front h3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4rem;
  font-weight: 700;
  text-align: center;
  z-index: 10;
}
.services-listing-home .services-list .service-item-inner .front img {
  position: relative;
  max-height: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 5;
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}
@media (max-width: 600px) {
  .services-listing-home .services-list .service-item-inner .front img {
    max-height: 250px;
    height: 250px;
  }
}

[lang^=zh-HanT] .tpl-advice-topic .offset h1,
[lang^=zh-HanT] .tpl-advice-article .offset h1 {
  line-height: 1;
}

.tpl-advice-topic .offset .container:first-child,
.tpl-advice-article .offset .container:first-child {
  padding: 2.5rem 0 2.5rem;
}
.tpl-advice-topic .articles-container,
.tpl-advice-article .articles-container {
  padding: 0;
  margin-top: 3rem;
  display: grid;
  grid-template-columns: 1fr 3fr;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-advice-topic .articles-container aside,
  .tpl-advice-article .articles-container aside {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
.tpl-advice-topic .articles-container aside ul li,
.tpl-advice-article .articles-container aside ul li {
  overflow: hidden;
  position: relative;
  padding: 0;
  background-color: #f1f1f1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.tpl-advice-topic .articles-container aside ul li:before,
.tpl-advice-article .articles-container aside ul li:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  background-color: var(--section-color);
  z-index: 5;
}
.tpl-advice-topic .articles-container aside ul li:hover:before,
.tpl-advice-article .articles-container aside ul li:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.tpl-advice-topic .articles-container aside ul li:hover a,
.tpl-advice-article .articles-container aside ul li:hover a {
  color: #fff;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-advice-topic .articles-container aside ul li:hover,
  .tpl-advice-article .articles-container aside ul li:hover {
    background-color: #3e484f;
  }
}
.tpl-advice-topic .articles-container aside ul li.active,
.tpl-advice-article .articles-container aside ul li.active {
  background-color: var(--section-color);
}
.tpl-advice-topic .articles-container aside ul li.active a,
.tpl-advice-article .articles-container aside ul li.active a {
  color: #fff;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-advice-topic .articles-container aside ul li.active,
  .tpl-advice-article .articles-container aside ul li.active {
    background-color: #3e484f;
  }
}
.tpl-advice-topic .articles-container aside ul li a,
.tpl-advice-article .articles-container aside ul li a {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 0.75rem 1.5rem 0.75rem 2rem;
  line-height: 1.4;
  text-decoration: none;
  color: #3e484f;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  z-index: 10;
}
.tpl-advice-topic .articles-container .articles-content,
.tpl-advice-article .articles-container .articles-content {
  padding-left: 90px;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-advice-topic .articles-container .articles-content,
  .tpl-advice-article .articles-container .articles-content {
    -ms-grid-column: 2;
    grid-column: 2;
  }
}
.tpl-advice-topic .articles-container .articles-content h2,
.tpl-advice-article .articles-container .articles-content h2 {
  line-height: 1.2;
  text-align: left;
}
.tpl-advice-topic .articles-container .articles-content h2 + h2,
.tpl-advice-article .articles-container .articles-content h2 + h2 {
  margin-bottom: 1rem;
}
.tpl-advice-topic .articles-container .articles-content ul,
.tpl-advice-topic .articles-container .articles-content ol,
.tpl-advice-article .articles-container .articles-content ul,
.tpl-advice-article .articles-container .articles-content ol {
  list-style: disc outside none;
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}
.tpl-advice-topic .articles-container .articles-content ul li,
.tpl-advice-topic .articles-container .articles-content ol li,
.tpl-advice-article .articles-container .articles-content ul li,
.tpl-advice-article .articles-container .articles-content ol li {
  padding-left: 0;
}
.tpl-advice-topic .articles-container .articles-content ol,
.tpl-advice-article .articles-container .articles-content ol {
  list-style: decimal outside none;
}
.tpl-advice-topic .articles-container .articles-content .articles-list article,
.tpl-advice-article .articles-container .articles-content .articles-list article {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.5rem 3rem 1.5rem 2rem;
  margin-bottom: 20px;
}
.tpl-advice-topic .articles-container .articles-content .articles-list article:after,
.tpl-advice-article .articles-container .articles-content .articles-list article:after {
  content: "";
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  width: 15px;
  height: 15px;
  border-right: 4px solid #3e484f;
  border-bottom: 4px solid #3e484f;
}
.tpl-advice-topic .articles-container .articles-content .articles-list article img,
.tpl-advice-article .articles-container .articles-content .articles-list article img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  height: auto;
}
.tpl-advice-topic .articles-container .articles-content .articles-list article .desc,
.tpl-advice-article .articles-container .articles-content .articles-list article .desc {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  padding-left: 20px;
}
.tpl-advice-topic .articles-container .articles-content .articles-list article .desc h3,
.tpl-advice-article .articles-container .articles-content .articles-list article .desc h3 {
  line-height: 1.125;
  margin-bottom: 1rem;
}
.tpl-advice-topic .articles-container .articles-content .articles-list article .desc p,
.tpl-advice-article .articles-container .articles-content .articles-list article .desc p {
  margin-bottom: 0.5rem;
}
.tpl-advice-topic .articles-container .articles-content figure,
.tpl-advice-article .articles-container .articles-content figure {
  margin: 1.5rem auto 3rem;
}
.tpl-advice-topic .articles-container .articles-content .share,
.tpl-advice-article .articles-container .articles-content .share {
  height: 3rem;
  width: 110px;
  text-align: center;
}
.tpl-advice-topic .articles-container .articles-content .share > img, .tpl-advice-topic .articles-container .articles-content .share > span,
.tpl-advice-article .articles-container .articles-content .share > img,
.tpl-advice-article .articles-container .articles-content .share > span {
  display: inline-block;
  vertical-align: baseline;
  line-height: 1;
}
.tpl-advice-topic .articles-container .articles-content .share .inline_share_toolbox,
.tpl-advice-article .articles-container .articles-content .share .inline_share_toolbox {
  position: relative;
  top: -2px;
  overflow: hidden;
  display: inline-block;
  max-width: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: top;
  background-color: white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
}
.tpl-advice-topic .articles-container .articles-content .share .inline_share_toolbox .at-resp-share-element .at-share-btn,
.tpl-advice-article .articles-container .articles-content .share .inline_share_toolbox .at-resp-share-element .at-share-btn {
  margin: 0 0.5rem 0 0;
}
.tpl-advice-topic .articles-container .articles-content .share .inline_share_toolbox .at-resp-share-element .at-share-btn:last-child,
.tpl-advice-article .articles-container .articles-content .share .inline_share_toolbox .at-resp-share-element .at-share-btn:last-child {
  margin: 0;
}
.tpl-advice-topic .articles-container .articles-content .share .inline_share_toolbox .at-resp-share-element .at-share-btn:hover,
.tpl-advice-article .articles-container .articles-content .share .inline_share_toolbox .at-resp-share-element .at-share-btn:hover {
  -webkit-transform: none;
          transform: none;
}
.tpl-advice-topic .articles-container .articles-content .share > span,
.tpl-advice-article .articles-container .articles-content .share > span {
  overflow: hidden;
  max-width: 65px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tpl-advice-topic .articles-container .articles-content .share:hover > span,
.tpl-advice-article .articles-container .articles-content .share:hover > span {
  max-width: 0;
}
.tpl-advice-topic .articles-container .articles-content .share:hover .inline_share_toolbox,
.tpl-advice-article .articles-container .articles-content .share:hover .inline_share_toolbox {
  max-width: 70px;
}
.tpl-advice-topic .articles-container .articles-content hr,
.tpl-advice-article .articles-container .articles-content hr {
  margin: 2rem 0;
  border: 0 none;
  border-top: 1px solid #3e484f;
}
.tpl-advice-topic .articles-container .articles-content .related-links,
.tpl-advice-article .articles-container .articles-content .related-links {
  margin-bottom: 3.5rem;
}
.tpl-advice-topic .articles-container .articles-content .related-centres ul,
.tpl-advice-article .articles-container .articles-content .related-centres ul {
  list-style: disc outside none;
  padding-left: 1.5rem;
}
.tpl-advice-topic .articles-container .articles-content .related-centres ul li,
.tpl-advice-article .articles-container .articles-content .related-centres ul li {
  padding: 0;
}
.tpl-advice-topic .articles-container .articles-content .related-centres ul a,
.tpl-advice-article .articles-container .articles-content .related-centres ul a {
  color: #3e484f;
}
.tpl-advice-topic.alt .articles-container,
.tpl-advice-article.alt .articles-container {
  display: block;
}
.tpl-advice-topic.alt .articles-container .articles-content,
.tpl-advice-article.alt .articles-container .articles-content {
  max-width: 720px;
  padding: 0;
  margin: 0 auto;
}
.tpl-advice-topic.alt .articles-container .articles-content li,
.tpl-advice-article.alt .articles-container .articles-content li {
  margin-bottom: 2rem;
}
.tpl-advice-topic.alt .articles-container .articles-content li li,
.tpl-advice-article.alt .articles-container .articles-content li li {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 1080px) {
  .tpl-advice-topic .offset,
  .tpl-advice-article .offset {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tpl-advice-topic .offset .container:first-child,
  .tpl-advice-article .offset .container:first-child {
    padding: 2rem;
  }
}
@media only screen and (max-width: 960px) {
  .tpl-advice-topic .articles-container .articles-content,
  .tpl-advice-article .articles-container .articles-content {
    padding-left: 2rem;
  }
}
@media only screen and (max-width: 720px) {
  .tpl-advice-topic .articles-container,
  .tpl-advice-article .articles-container {
    grid-template-columns: 1fr;
  }
  .tpl-advice-topic .articles-container aside,
  .tpl-advice-article .articles-container aside {
    margin-bottom: 2rem;
  }
  .tpl-advice-topic .articles-container aside ul,
  .tpl-advice-article .articles-container aside ul {
    position: relative;
    border: 1px solid #3e484f;
  }
  .tpl-advice-topic .articles-container aside ul:after,
  .tpl-advice-article .articles-container aside ul:after {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 1.4rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    border-right: 2px solid #3e484f;
    border-bottom: 2px solid #3e484f;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10;
  }
  .tpl-advice-topic .articles-container aside ul li,
  .tpl-advice-article .articles-container aside ul li {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .tpl-advice-topic .articles-container aside ul li:before,
  .tpl-advice-article .articles-container aside ul li:before {
    display: none;
  }
  .tpl-advice-topic .articles-container aside ul li:not(.active),
  .tpl-advice-article .articles-container aside ul li:not(.active) {
    height: 0;
    opacity: 0;
    z-index: 0;
  }
  .tpl-advice-topic .articles-container aside ul li.active,
  .tpl-advice-article .articles-container aside ul li.active {
    z-index: 10;
    background-color: transparent;
  }
  .tpl-advice-topic .articles-container aside ul li.active a,
  .tpl-advice-article .articles-container aside ul li.active a {
    color: #3e484f;
  }
  .tpl-advice-topic .articles-container aside ul li:hover a,
  .tpl-advice-article .articles-container aside ul li:hover a {
    color: var(--section-color);
  }
  .tpl-advice-topic .articles-container aside ul.open:after,
  .tpl-advice-article .articles-container aside ul.open:after {
    top: 1.6rem;
    -webkit-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg);
  }
  .tpl-advice-topic .articles-container aside ul.open li,
  .tpl-advice-article .articles-container aside ul.open li {
    height: 3rem;
    opacity: 1;
  }
  .tpl-advice-topic .articles-container aside ul.open li.active,
  .tpl-advice-article .articles-container aside ul.open li.active {
    background-color: var(--section-color);
  }
  .tpl-advice-topic .articles-container aside ul.open li.active a,
  .tpl-advice-article .articles-container aside ul.open li.active a {
    color: #fff;
  }
  .tpl-advice-topic .articles-container .articles-content,
  .tpl-advice-article .articles-container .articles-content {
    padding-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-advice-topic .offset,
  .tpl-advice-article .offset {
    margin-top: -2rem;
  }
  .tpl-advice-topic .articles-container .articles-content .articles-list article .desc,
  .tpl-advice-article .articles-container .articles-content .articles-list article .desc {
    position: relative;
  }
  .tpl-advice-topic .articles-container .articles-content .articles-list article .desc:after,
  .tpl-advice-article .articles-container .articles-content .articles-list article .desc:after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 12px;
    height: 12px;
    border-right: 3px solid #3e484f;
    border-bottom: 3px solid #3e484f;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .tpl-advice-topic .articles-container .articles-content .articles-list article .desc .more,
  .tpl-advice-article .articles-container .articles-content .articles-list article .desc .more {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-advice-topic .articles-container .articles-content h2,
  .tpl-advice-article .articles-container .articles-content h2 {
    text-align: center;
  }
  .tpl-advice-topic .articles-container .articles-content .articles-list article,
  .tpl-advice-article .articles-container .articles-content .articles-list article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tpl-advice-topic .articles-container .articles-content .articles-list article img,
  .tpl-advice-article .articles-container .articles-content .articles-list article img {
    max-height: 15rem;
    margin-bottom: 0.75rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .tpl-advice-topic .articles-container .articles-content .articles-list article .desc,
  .tpl-advice-article .articles-container .articles-content .articles-list article .desc {
    width: 100%;
    padding: 0;
  }
  .tpl-advice-topic .articles-container .articles-content .articles-list article .desc:after,
  .tpl-advice-article .articles-container .articles-content .articles-list article .desc:after {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
  }
  .tpl-advice-topic .articles-container .articles-content .articles-list article .desc h3,
  .tpl-advice-article .articles-container .articles-content .articles-list article .desc h3 {
    padding-right: 2rem;
    margin-bottom: 0;
  }
  .tpl-advice-topic .articles-container .articles-content .articles-list article .desc p,
  .tpl-advice-article .articles-container .articles-content .articles-list article .desc p {
    display: none;
  }
}

[lang^=zh-HanT] .tpl-service .offset h1,
[lang^=zh-HanT] .tpl-service-item .offset h1 {
  line-height: 1;
}

.tpl-service .offset .container:first-child {
  padding: 2.5rem 0 2.5rem;
}
[lang^=en] .tpl-service .offset h1 {
  margin-bottom: 1rem;
}
.tpl-service .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tpl-service .flex-container .flex-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 40px) / 3);
          flex: 0 0 calc((100% - 40px) / 3);
  margin: 0 10px;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-service .flex-container .flex-item {
    width: calc((100% - 40px) / 3);
  }
}
.tpl-service .related h3 {
  color: var(--section-color);
}
.tpl-service .related .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tpl-service .related .related-content {
  background-color: #f1f1f1;
  padding: 1.5rem 1.5rem 2rem;
  margin-top: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.tpl-service .related .related-content ul {
  list-style: disc outside none;
  padding-left: 1.5rem;
}
.tpl-service .related .related-content ul li {
  padding: 0;
}
.tpl-service .related .related-content a {
  color: #3e484f;
}
@media only screen and (max-width: 1080px) {
  .tpl-service .offset {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tpl-service .offset .container:first-child {
    padding: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .tpl-service .flex-container .flex-item {
    -ms-flex-preferred-size: calc((100% - 20px) / 2);
        flex-basis: calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 640px) {
  .tpl-service .offset {
    margin-top: -2rem;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-service .flex-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tpl-service .flex-container .flex-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 2rem;
  }
  .tpl-service .flex-container .flex-item:last-child {
    margin-bottom: 0;
  }
}

.tpl-service-item .offset .container:first-child {
  padding: 2.5rem 0 3.5rem;
}
.tpl-service-item .articles-container {
  padding: 0;
  margin-top: 3rem;
  display: grid;
  grid-template-columns: 1fr 3fr;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-service-item .articles-container aside {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
.tpl-service-item .articles-container aside ul + ul {
  margin-top: 1rem;
}
.tpl-service-item .articles-container aside ul li {
  position: relative;
  overflow: hidden;
  padding: 0;
  background-color: #f1f1f1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tpl-service-item .articles-container aside ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  height: 100%;
  background-color: var(--section-color);
  z-index: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.tpl-service-item .articles-container aside ul li:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.tpl-service-item .articles-container aside ul li:hover a {
  color: #fff;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-service-item .articles-container aside ul li:hover {
    background-color: #3e484f;
  }
}
.tpl-service-item .articles-container aside ul li.separator {
  border-top: 1px solid #3e484f;
}
.tpl-service-item .articles-container aside ul li.active {
  background-color: var(--section-color);
}
.tpl-service-item .articles-container aside ul li.active a {
  color: #fff;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-service-item .articles-container aside ul li.active {
    background-color: #3e484f;
  }
}
.tpl-service-item .articles-container aside ul li a {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 0.75rem 1.5rem 0.75rem 2rem;
  line-height: 1.4;
  color: #3e484f;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  z-index: 10;
}
.tpl-service-item .articles-container .articles-content {
  padding-left: 90px;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-service-item .articles-container .articles-content {
    -ms-grid-column: 2;
    grid-column: 2;
  }
}
.tpl-service-item .articles-container .articles-content .pagenav {
  margin: 2rem 0;
}
.tpl-service-item .articles-container .articles-content .pagenav a {
  margin-right: 1rem;
}
.tpl-service-item .articles-container .articles-content p {
  margin-bottom: 0;
  margin-top: 2rem;
}
.tpl-service-item .articles-container .articles-content p + h3 {
  margin-top: 2rem;
}
.tpl-service-item .articles-container .articles-content p + h4, .tpl-service-item .articles-container .articles-content .tpl-result .comment p + .num, .tpl-result .comment .tpl-service-item .articles-container .articles-content p + .num, .tpl-service-item .articles-container .articles-content .tpl-result .ranks p + .rank-item, .tpl-result .ranks .tpl-service-item .articles-container .articles-content p + .rank-item {
  margin-top: 2rem;
}
.tpl-service-item .articles-container .articles-content h2 {
  line-height: 1;
  text-align: left;
}
.tpl-service-item .articles-container .articles-content h3 {
  color: var(--section-color);
}
.tpl-service-item .articles-container .articles-content h3 + p {
  margin-top: 0;
}
.tpl-service-item .articles-container .articles-content h4 + p, .tpl-service-item .articles-container .articles-content .tpl-result .comment .num + p, .tpl-result .comment .tpl-service-item .articles-container .articles-content .num + p, .tpl-service-item .articles-container .articles-content .tpl-result .ranks .rank-item + p, .tpl-result .ranks .tpl-service-item .articles-container .articles-content .rank-item + p {
  margin-top: 0;
}
.tpl-service-item .articles-container .articles-content img {
  display: inline-block;
  width: auto;
}
.tpl-service-item .articles-container .articles-content ol,
.tpl-service-item .articles-container .articles-content ul {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}
.tpl-service-item .articles-container .articles-content ol li,
.tpl-service-item .articles-container .articles-content ul li {
  padding: 0;
}
.tpl-service-item .articles-container .articles-content ol ul,
.tpl-service-item .articles-container .articles-content ol ol,
.tpl-service-item .articles-container .articles-content ul ul,
.tpl-service-item .articles-container .articles-content ul ol {
  margin-bottom: 0;
}
.tpl-service-item .articles-container .articles-content ul {
  list-style: disc outside none;
}
.tpl-service-item .articles-container .articles-content ol {
  list-style: decimal outside none;
}
.tpl-service-item .articles-container .articles-content hr {
  border: 1px solid var(--section-color);
}
.tpl-service-item .articles-container .articles-content .btn-primary, .tpl-service-item .articles-container .articles-content .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-service-item .articles-container .articles-content #ajaxSearch_submit {
  margin-top: 0.5rem;
  background-color: var(--section-color);
}
.tpl-service-item .articles-container .articles-content table {
  border: 1px solid #3e484f;
  margin-bottom: 2rem;
}
.tpl-service-item .articles-container .articles-content table th,
.tpl-service-item .articles-container .articles-content table td {
  border-bottom: 1px solid #9c9c9c;
  padding: 0.5rem;
  border-collapse: collapse;
  line-height: 1.5;
}
.tpl-service-item .articles-container .articles-content table th p:first-child,
.tpl-service-item .articles-container .articles-content table td p:first-child {
  margin-top: 0;
}
.tpl-service-item .articles-container .articles-content table th li,
.tpl-service-item .articles-container .articles-content table td li {
  line-height: 1.5;
}
.tpl-service-item .articles-container .articles-content table ul:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
  .tpl-service-item .articles-container .articles-content table {
    width: 100%;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-service-item .offset {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tpl-service-item .offset .container:first-child {
    padding: 2rem;
  }
}
@media only screen and (max-width: 960px) {
  .tpl-service-item .articles-container .articles-content {
    padding-left: 2rem;
  }
}
@media only screen and (max-width: 720px) {
  .tpl-service-item .articles-container {
    grid-template-columns: 1fr;
  }
  .tpl-service-item .articles-container aside {
    margin-bottom: 2rem;
  }
  .tpl-service-item .articles-container aside ul {
    position: relative;
    border: 1px solid #3e484f;
  }
  .tpl-service-item .articles-container aside ul:after {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 1.4rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    border-right: 2px solid #3e484f;
    border-bottom: 2px solid #3e484f;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10;
  }
  .tpl-service-item .articles-container aside ul li {
    -webkit-transition: none;
    transition: none;
  }
  .tpl-service-item .articles-container aside ul li:before {
    display: none;
  }
  .tpl-service-item .articles-container aside ul li:not(.active) {
    max-height: 0;
    opacity: 0;
    z-index: 0;
  }
  .tpl-service-item .articles-container aside ul li.active {
    z-index: 10;
    background-color: transparent;
  }
  .tpl-service-item .articles-container aside ul li.active a {
    color: #3e484f;
  }
  .tpl-service-item .articles-container aside ul li.active.separator {
    border: 0 none;
  }
  .tpl-service-item .articles-container aside ul li:hover a {
    color: var(--section-color);
  }
  .tpl-service-item .articles-container aside ul li a {
    padding: 0.5rem 1.5rem 0.5rem 2rem;
  }
  .tpl-service-item .articles-container aside ul.open:after {
    top: 1.6rem;
    -webkit-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg);
  }
  .tpl-service-item .articles-container aside ul.open li {
    height: auto;
    max-height: unset;
    opacity: 1;
  }
  .tpl-service-item .articles-container aside ul.open li.active {
    background-color: var(--section-color);
  }
  .tpl-service-item .articles-container aside ul.open li.active a {
    color: #fff;
  }
  .tpl-service-item .articles-container aside ul.open li.active.separator {
    border-top: 1px solid #3e484f;
  }
  .tpl-service-item .articles-container .articles-content {
    padding-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-service-item .offset {
    margin-top: -2rem;
  }
}

.tpl-district .centres-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tpl-district .centres-list .region {
  padding-right: 1rem;
  margin-bottom: 4rem;
}
.tpl-district .centres-list .region h3 {
  margin-bottom: 1rem;
  color: #ff0000;
}
.tpl-district .centres-list .region ul {
  padding-left: 1.5rem;
  list-style: disc outside none;
}
.tpl-district .centres-list .region li {
  padding: 0;
}
.tpl-district .centres-list .region li a {
  color: #3e484f;
}
@media only screen and (max-width: 1080px) {
  .tpl-district .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 960px) {
  .tpl-district .centres-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tpl-district .centres-list .region {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-district .centres-list .region {
    position: relative;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .tpl-district .centres-list .region h3 {
    position: sticky;
    top: 70px;
    padding: 0.5rem 0;
    background-color: #fff;
  }
}

.tpl-byservice .centres-list .service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-bottom: 4rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tpl-byservice .centres-list .service h3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  color: #ff0000;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-byservice .centres-list .service h3 {
    width: 33.3333333333%;
  }
}
.tpl-byservice .centres-list .service h4, .tpl-byservice .centres-list .service .tpl-result .comment .num, .tpl-result .comment .tpl-byservice .centres-list .service .num, .tpl-byservice .centres-list .service .tpl-result .ranks .rank-item, .tpl-result .ranks .tpl-byservice .centres-list .service .rank-item {
  color: #ff0000;
}
.tpl-byservice .centres-list .service .centres {
  width: 100%;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.tpl-byservice .centres-list .service .centres .block {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 4rem;
  page-break-inside: avoid;
}
.tpl-byservice .centres-list .service .centres ul {
  list-style: disc outside none;
  padding-left: 1.5rem;
}
.tpl-byservice .centres-list .service .centres ul li {
  padding: 0;
}
.tpl-byservice .centres-list .service .centres a {
  color: #3e484f;
}
@media only screen and (max-width: 1080px) {
  .tpl-byservice .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 960px) {
  .tpl-byservice .centres-list .service h3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
}
@media only screen and (max-width: 800px) {
  .tpl-byservice .centres-list .service {
    position: relative;
  }
  .tpl-byservice .centres-list .service h3, .tpl-byservice .centres-list .service .centres {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .tpl-byservice .centres-list .service h3 {
    position: sticky;
    top: 70px;
    -ms-flex-item-align: start;
        align-self: flex-start;
    line-height: 36px;
    text-align: right;
    padding-right: 1rem;
    background-color: #fff;
  }
  .tpl-byservice .centres-list .service .centres {
    padding-left: 1rem;
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-byservice .centres-list .service {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tpl-byservice .centres-list .service .block:last-child {
    margin: 0;
  }
  .tpl-byservice .centres-list .service h3, .tpl-byservice .centres-list .service .centres {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .tpl-byservice .centres-list .service h3 {
    text-align: left;
    padding-right: 0;
    margin-bottom: 1rem;
    z-index: 10;
  }
  .tpl-byservice .centres-list .service .centres {
    padding-left: 0;
  }
}

.tpl-centre figure {
  margin-bottom: 2rem;
}
.tpl-centre iframe {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}
.tpl-centre table {
  margin-bottom: 2rem;
}
.tpl-centre table.transport-table {
  width: 100%;
  border-collapse: collapse;
}
.tpl-centre table.transport-table td {
  padding: 0.5rem 0.5rem;
  line-height: 1.4;
  border: 1px solid #9c9c9c;
}
.tpl-centre table.transport-table td.type {
  width: 57px;
}
.tpl-centre table.transport-table td.type img {
  width: 40px;
}
.tpl-centre table.transport-table td.label {
  width: 200px;
  white-space: nowrap;
}
@media only screen and (max-width: 640px) {
  .tpl-centre table.transport-table td.label {
    min-width: 120px;
    width: auto;
  }
}
.tpl-centre .btn, .tpl-centre .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-centre #ajaxSearch_submit {
  display: inline-block;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 1080px) {
  .tpl-centre .content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.tpl-hkfwi .topic-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.tpl-hkfwi .topic-list .topic {
  margin-bottom: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 10px);
          flex: 0 0 calc(50% - 10px);
}
.tpl-hkfwi .topic-list .desc {
  padding: 3rem 2rem;
  line-height: 22px;
  background-color: #f1f1f1;
}
.tpl-hkfwi .topic-list .desc .btn-primary, .tpl-hkfwi .topic-list .desc .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-hkfwi .topic-list .desc #ajaxSearch_submit {
  min-width: 200px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .tpl-hkfwi .topic-list {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.tpl-survey header .mainnav, .tpl-survey header .links, .tpl-survey header .mlinks, .tpl-survey header .subnav, .tpl-survey header .megamenu, .tpl-survey header .searchbar {
  display: none;
}
.tpl-survey footer, .tpl-survey .sticky, .tpl-survey .popup, .tpl-survey .popup-bg-layer {
  display: none;
}
.tpl-survey .intro .container {
  padding: 2.5rem 0;
}
.tpl-survey .intro .container + .container {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 2.5rem;
}
.tpl-survey .intro .container img {
  height: 64px;
}
@media screen and (max-width: 640px) {
  .tpl-survey .intro .cols {
    display: block;
  }
  .tpl-survey .intro .cols .col-item:nth-child(odd) {
    margin-bottom: 1rem;
  }
  .tpl-survey .intro .cols .col-item:nth-child(even) {
    margin-bottom: 2rem;
  }
}
.tpl-survey .col12 {
  grid-template-columns: repeat(12, 1fr);
}
.tpl-survey .col12 .col-item:nth-child(odd) {
  grid-column: 1/span 5;
}
.tpl-survey .col12 .col-item:nth-child(even) {
  grid-column: 6/span 7;
}
.tpl-survey .col12 .col-item .note {
  font-size: 16px;
  line-height: 26px;
}
.tpl-survey .questions {
  counter-reset: num;
}
.tpl-survey .questions .cols {
  gap: 3rem 20px;
}
@media screen and (max-width: 960px) {
  .tpl-survey .questions .cols {
    gap: 20px;
  }
}
.tpl-survey .questions .col-item.question {
  grid-column: 1/span 4;
  position: relative;
  padding-left: 2rem;
  font-size: 22px;
  line-height: 32px;
  counter-increment: num;
}
.tpl-survey .questions .col-item.question:before {
  content: counter(num) ".";
  position: absolute;
  left: 0;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-survey .questions .col-item.question {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 960px) {
  .tpl-survey .questions .col-item.question {
    grid-column: 1/span 12;
  }
}
@media screen and (max-width: 640px) {
  .tpl-survey .questions .col-item.question {
    grid-column: 1/span 9;
  }
}
.tpl-survey .questions .col-item.answer {
  grid-column: 6/span 7;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 1160px) {
  .tpl-survey .questions .col-item.answer {
    grid-column: 5/span 8;
  }
}
@media screen and (max-width: 960px) {
  .tpl-survey .questions .col-item.answer {
    grid-column: 1/span 12;
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 640px) {
  .tpl-survey .questions .col-item.answer {
    grid-column: 10/span 3;
    margin: 0;
  }
}
.tpl-survey .questions .col-item.answer:before, .tpl-survey .questions .col-item.answer:after {
  position: absolute;
  bottom: 100%;
  width: 120px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  opacity: 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: pre;
}
@media screen and (max-width: 640px) {
  .tpl-survey .questions .col-item.answer:before, .tpl-survey .questions .col-item.answer:after {
    display: none;
  }
}
.tpl-survey .questions .col-item.answer:before {
  content: "非常\a不同意";
  left: -50px;
}
[lang^=en] .tpl-survey .questions .col-item.answer:before {
  content: "Strongly\a disagree";
}
.tpl-survey .questions .col-item.answer:after {
  content: "非常\a同意";
  left: 435px;
}
[lang^=en] .tpl-survey .questions .col-item.answer:after {
  content: "Strongly\a agree";
}
@media screen and (max-width: 1160px) {
  .tpl-survey .questions .col-item.answer:after {
    left: 415px;
  }
}
.tpl-survey .questions .col-item.answer:hover:before, .tpl-survey .questions .col-item.answer:hover:after {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.tpl-survey .questions .col-item.answer .d {
  display: block;
}
@media screen and (max-width: 640px) {
  .tpl-survey .questions .col-item.answer .d {
    display: none;
  }
}
.tpl-survey .questions .col-item.answer .m {
  display: none;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .tpl-survey .questions .col-item.answer .m {
    display: block;
  }
}
.tpl-survey .questions .col-item.answer .errmsg {
  display: none;
  color: #ff0000;
  position: absolute;
  left: 0;
  top: 1.5rem;
}
.tpl-survey .questions .col-item.answer.error .errmsg {
  display: block;
}
.tpl-survey .questions .col-item.answer.wish:before {
  content: "非常\a不願意";
}
.tpl-survey .questions .col-item.answer.wish:after {
  content: "非常\a願意";
}
[lang^=en] .tpl-survey .questions .col-item.answer.wish:before {
  content: "Very\aunwilling";
}
[lang^=en] .tpl-survey .questions .col-item.answer.wish:after {
  content: "Very\awilling";
}
.tpl-survey .questions .col-item.answer.ease:before {
  content: "非常\a困難";
}
.tpl-survey .questions .col-item.answer.ease:after {
  content: "非常\a容易";
}
[lang^=en] .tpl-survey .questions .col-item.answer.ease:before {
  content: "Very\a difficult";
}
[lang^=en] .tpl-survey .questions .col-item.answer.ease:after {
  content: "Very\a easy";
}
.tpl-survey .questions .col-item.answer.join:before {
  content: "完全沒有\a參加";
}
.tpl-survey .questions .col-item.answer.join:after {
  content: "經常\a參加";
}
[lang^=en] .tpl-survey .questions .col-item.answer.join:before {
  content: "Never\aparticipate";
}
[lang^=en] .tpl-survey .questions .col-item.answer.join:after {
  content: "Participates\avery often";
}
.tpl-survey .questions .col-item.answer.join2:before {
  content: "完全沒有\a參與";
}
.tpl-survey .questions .col-item.answer.join2:after {
  content: "經常\a參與";
}
[lang^=en] .tpl-survey .questions .col-item.answer.join2:before {
  content: "Never\aparticipate";
}
[lang^=en] .tpl-survey .questions .col-item.answer.join2:after {
  content: "Participates\avery often";
}
.tpl-survey .questions .col-item.answer.health:before {
  content: "全部不\a健康";
}
.tpl-survey .questions .col-item.answer.health:after {
  content: "全部\a健康";
}
[lang^=en] .tpl-survey .questions .col-item.answer.health:before {
  content: "All\aunhealthy";
}
[lang^=en] .tpl-survey .questions .col-item.answer.health:after {
  content: "All\ahealthy";
}
.tpl-survey .questions .col-item.answer label {
  display: inline-block;
  width: 30px;
  margin-right: 1.125rem;
  white-space: nowrap;
}
.tpl-survey .questions .col-item.answer label[data-v="10"] {
  width: 36px;
}
.tpl-survey .questions .col-item.answer label.na {
  width: auto;
}
.tpl-survey .questions .col-item.answer label:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1160px) {
  .tpl-survey .questions .col-item.answer label {
    margin-right: 1.25rem;
  }
}
.tpl-survey .questions .col-item.answer input[type=radio] {
  margin-right: 0.25rem;
}
.tpl-survey .questions .col-item.answer select {
  width: 100%;
  max-width: 100%;
  text-align: center;
  font-family: "Rubik", sans-serif;
}
.tpl-survey .questions .col-item.answer select option[disabled] {
  font-style: italic;
}
.tpl-survey .personal {
  padding: 3rem 2.5rem;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
}
.tpl-survey .personal h3 {
  margin-bottom: 2rem;
}
.tpl-survey .personal h3 span {
  font-size: 1rem;
}
.tpl-survey .personal p {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1160px) {
  .tpl-survey .personal {
    width: calc(100% - 4rem);
  }
}
.tpl-survey .btn-primary, .tpl-survey .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-survey #ajaxSearch_submit {
  min-width: 200px;
  text-align: center;
}
@media screen and (max-width: 1160px) {
  .tpl-survey .intro .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tpl-survey .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .tpl-survey .questions .cols {
    display: block;
  }
  .tpl-survey .questions .col-item.question {
    margin-bottom: 0.5rem;
  }
  .tpl-survey .questions .col-item.answer {
    margin-bottom: 2rem;
    padding-left: 2rem;
  }
  .tpl-survey .questions .col-item.answer select {
    line-height: 30px;
  }
  .tpl-survey .questions .col-item.answer .errmsg {
    left: auto;
    right: 0;
    top: 1.75rem;
  }
  .tpl-survey .personal .col-item {
    margin-bottom: 1.5rem;
  }
}
.tpl-survey.custom header .header-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tpl-survey.custom header .header-main .logo {
  padding-right: 2rem;
}
.tpl-survey.custom header .header-main .company-logo {
  margin-left: 2rem;
  max-height: 3rem;
  width: auto;
  padding: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.tpl-survey.custom header .header-main .hkfwi-logo {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: 3rem;
}
@media screen and (max-width: 1160px) {
  .tpl-survey.custom header .header-main .hkfwi-logo {
    right: 2rem;
  }
}
@media screen and (max-width: 960px) {
  .tpl-survey.custom header .header-main {
    height: auto;
  }
  .tpl-survey.custom header .header-main .company-logo, .tpl-survey.custom header .header-main .hkfwi-logo {
    max-height: 34px;
  }
  .tpl-survey.custom header .header-main .hkfwi-logo {
    position: static;
    margin-left: auto;
  }
}
@media screen and (max-width: 640px) {
  .tpl-survey.custom header .header-main .logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    margin: 0;
  }
  .tpl-survey.custom header .header-main .logo img {
    margin: 0 auto;
  }
  .tpl-survey.custom header .header-main .company-logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    margin: 0;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
  .tpl-survey.custom header .header-main .hkfwi-logo {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .tpl-survey.custom header {
    height: auto;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
  }
}
.tpl-survey.custom .intro .bg-yellow h2 {
  color: #fff;
}
.tpl-survey.custom .intro ol {
  list-style: decimal outside none;
  padding-left: 1.5rem;
}
.tpl-survey.custom .intro ul {
  list-style: disc outside none;
  padding-left: 1.5rem;
}
.tpl-survey.custom .intro ol li, .tpl-survey.custom .intro ul li {
  padding-left: 0;
}

.tpl-result header .mainnav, .tpl-result header .links, .tpl-result header .mlinks, .tpl-result header .subnav, .tpl-result header .megamenu, .tpl-result header .searchbar {
  display: none;
}
.tpl-result footer, .tpl-result .sticky, .tpl-result .popup, .tpl-result .popup-bg-layer {
  display: none;
}
.tpl-result .intro h1 {
  margin-bottom: 1.4rem;
}
.tpl-result .ranks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.tpl-result .ranks .rank-item {
  padding: 2.5rem 1.5rem;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-result .ranks .rank-item {
    margin: 0 10px;
  }
  .tpl-result .ranks .rank-item:nth-child(1) {
    -ms-grid-column: 1;
  }
  .tpl-result .ranks .rank-item:nth-child(2) {
    -ms-grid-column: 2;
  }
  .tpl-result .ranks .rank-item:nth-child(3) {
    -ms-grid-column: 3;
  }
  .tpl-result .ranks .rank-item:nth-child(4) {
    -ms-grid-column: 4;
  }
}
@media screen and (max-width: 480px) {
  [lang^=en] .tpl-result .ranks .rank-item {
    font-size: 13px;
  }
}
.tpl-result .breakdown .domain {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 5rem;
}
.tpl-result .breakdown .desc {
  -ms-grid-column: 1;
  padding-right: 2rem;
}
.tpl-result .breakdown .desc h3 {
  margin-bottom: 1.5rem;
}
.tpl-result .breakdown .desc p {
  margin-bottom: 22px;
}
.tpl-result .breakdown .score {
  -ms-grid-column: 2;
}
.tpl-result .breakdown .score h3 {
  margin-bottom: 1.5rem;
}
.tpl-result .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tpl-result .comment .num {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3rem 1.5rem;
  line-height: 3;
  color: #fff;
  text-align: center;
}
.tpl-result .comment .text {
  padding: 1rem 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 180px);
          flex: 1 0 calc(100% - 180px);
  width: calc(100% - 180px);
  background-color: #fff;
}
.tpl-result .comment .text p {
  margin-bottom: 22px;
}
.tpl-result .comment .text p:last-child {
  margin-bottom: 0;
}
.tpl-result .good {
  background-color: #a6ce39;
}
.tpl-result .good + .text {
  border: 2px solid #a6ce39;
}
.tpl-result .normal {
  background-color: #fcaf17;
}
.tpl-result .normal + .text {
  border: 2px solid #fcaf17;
}
.tpl-result .caution {
  background-color: #ed0973;
}
.tpl-result .caution + .text {
  border: 2px solid #ed0973;
}
.tpl-result .danger {
  background-color: #ff0000;
}
.tpl-result .danger + .text {
  border: 2px solid #ff0000;
}
.tpl-result .getres .col {
  max-width: calc((100% - 20px) / 2);
}
@media screen and (max-width: 800px) {
  .tpl-result .getres .col {
    max-width: 100%;
  }
}
.tpl-result .getres h4, .tpl-result .getres .ranks .rank-item, .tpl-result .ranks .getres .rank-item, .tpl-result .getres .comment .num, .tpl-result .comment .getres .num {
  margin-bottom: 1.5rem;
}
.tpl-result .getres p {
  margin-bottom: 0;
}
.tpl-result .getres input[type=email] {
  max-width: unset;
}
.tpl-result .getres input[name=promo] {
  display: inline-block;
  min-width: 12px;
  min-height: 12px;
  border-radius: 0;
  border: 1px solid #3e484f;
}
.tpl-result .getres label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tpl-result .getres label input {
  margin-top: 3px;
  margin-right: 0.5rem;
}
.tpl-result .getres label span {
  font-size: 14px;
  line-height: 1.5;
}
.tpl-result .btn, .tpl-result .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-result #ajaxSearch_submit {
  min-width: 200px;
}
.tpl-result .sendsuccess {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(241, 241, 241, 0.5);
  display: none;
}
.tpl-result .sendsuccess .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-result .sendsuccess .inner {
  position: relative;
  padding: 4rem 0 5rem;
  text-align: center;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.tpl-result .sendsuccess .close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 2rem;
  top: 2rem;
}
.tpl-result .sendsuccess .close:before, .tpl-result .sendsuccess .close:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 40px;
  left: 0;
  top: calc(50% - 2px);
  background-color: #3E484F;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.tpl-result .sendsuccess .close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.tpl-result .sendsuccess .close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tpl-result .result_summary {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tpl-result .result_summary img {
  width: 320px;
  height: 320px;
  margin-right: 2rem;
}
.tpl-result .result_summary .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 720px) {
  .tpl-result .result_summary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tpl-result .result_summary img {
    margin: 0 auto 2rem;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1160px) {
  .tpl-result .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 960px) {
  .tpl-result .breakdown .domain {
    display: block;
  }
  .tpl-result .breakdown .desc {
    margin-bottom: 1rem;
  }
  .tpl-result .breakdown .desc h3 {
    margin-bottom: 1rem;
  }
  .tpl-result .breakdown .score h3 {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .tpl-result .ranks {
    gap: 2px;
  }
  .tpl-result .ranks .rank-item {
    padding: 1.5rem 0.5rem;
    font-size: 18px;
  }
  .tpl-result .comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tpl-result .comment .num {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    padding: 8px 0;
    line-height: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .tpl-result .comment .num br {
    display: none;
  }
  .tpl-result .comment .num span {
    margin-left: 1rem;
  }
  .tpl-result .comment .text {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
  }
  .tpl-result .btn.print, .tpl-result .tpl-searchresults #ajaxSearch_form .print#ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-result .print#ajaxSearch_submit {
    display: none;
  }
}
.tpl-result.custom header .header-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tpl-result.custom header .header-main .logo {
  padding-right: 2rem;
}
.tpl-result.custom header .header-main .company-logo {
  margin-left: 2rem;
  max-height: 3rem;
  width: auto;
  padding: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.tpl-result.custom header .header-main .hkfwi-logo {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: 3rem;
}
@media screen and (max-width: 1160px) {
  .tpl-result.custom header .header-main .hkfwi-logo {
    right: 2rem;
  }
}
@media screen and (max-width: 960px) {
  .tpl-result.custom header .header-main {
    height: auto;
  }
  .tpl-result.custom header .header-main .company-logo, .tpl-result.custom header .header-main .hkfwi-logo {
    max-height: 34px;
  }
  .tpl-result.custom header .header-main .hkfwi-logo {
    position: static;
    margin-left: auto;
  }
}
@media screen and (max-width: 640px) {
  .tpl-result.custom header .header-main .logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    margin: 0;
  }
  .tpl-result.custom header .header-main .logo img {
    margin: 0 auto;
  }
  .tpl-result.custom header .header-main .company-logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    margin: 0;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
  .tpl-result.custom header .header-main .hkfwi-logo {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .tpl-result.custom header {
    height: auto;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
  }
}
.tpl-result.custom .intro .container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.tpl-result.custom .intro .container + .container {
  margin-top: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.tpl-result.custom .intro ol {
  list-style: decimal outside none;
  padding-left: 1.5rem;
}
.tpl-result.custom .intro ul {
  list-style: disc outside none;
  padding-left: 1.5rem;
}
.tpl-result.custom .intro ol li, .tpl-result.custom .intro ul li {
  padding-left: 0;
}
.tpl-result.custom .breakdown .domain > h3 {
  grid-column: span 2;
}
@media screen and (max-width: 960px) {
  .tpl-result.custom .breakdown .desc {
    padding-right: 0;
  }
}
.tpl-result.custom .statistics {
  padding: 3rem 2rem;
}
.tpl-result.custom .statistics table td {
  font-size: 26px;
  font-weight: 400;
  line-height: 38px;
}
.tpl-result.custom .statistics table td:first-child {
  padding-right: 5rem;
}
@media screen and (max-width: 640px) {
  .tpl-result.custom .statistics table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tpl-result.custom .statistics table tbody, .tpl-result.custom .statistics table tr {
    display: contents;
  }
  .tpl-result.custom .statistics table tr:nth-child(1) td:nth-child(1) {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .tpl-result.custom .statistics table tr:nth-child(1) td:nth-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tpl-result.custom .statistics table tr:nth-child(2) td:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tpl-result.custom .statistics table tr:nth-child(2) td:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .tpl-result.custom .statistics table td {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 20px;
    line-height: 1.2;
  }
}
.tpl-result.custom .ct-chart-donut .ct-label {
  font-family: "NotoSansHK", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  fill: #3e484f;
}
.tpl-result.custom .ct-series-a .ct-slice-donut {
  stroke: #a6ce39;
}
.tpl-result.custom .ct-series-b .ct-slice-donut {
  stroke: #fcaf17;
}
.tpl-result.custom .ct-series-c .ct-slice-donut {
  stroke: #ed0973;
}
.tpl-result.custom .ct-series-d .ct-slice-donut {
  stroke: #ff0000;
}
.tpl-result.custom .overall {
  margin-bottom: 5rem;
}
@media screen and (max-width: 960px) {
  .tpl-result.custom .ct-perfect-fourth:before {
    padding-bottom: 0;
  }
  .tpl-result.custom .ct-perfect-fourth > svg {
    position: static;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left top;
       object-position: left top;
  }
}

.tpl-hkfwi-reports .reports-list {
  width: 100%;
  max-width: 83.3333333333%;
  margin: 0 auto;
}
.tpl-hkfwi-reports .reports-list .report-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 2.5rem;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.tpl-hkfwi-reports .reports-list .report-item:last-child {
  margin-bottom: 0;
}
.tpl-hkfwi-reports .reports-list .report-item .btn, .tpl-hkfwi-reports .reports-list .report-item .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-hkfwi-reports .reports-list .report-item #ajaxSearch_submit {
  background-color: #ff0000;
  color: #fff;
}
@media only screen and (max-width: 960px) {
  .tpl-hkfwi-reports .reports-list {
    max-width: 100%;
    padding: 2rem 2rem 0;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-hkfwi-reports .reports-list .report-title {
    line-height: 1.25;
    text-align: center;
    word-break: keep-all;
    margin-bottom: 1rem;
  }
}

.tpl-reports .content {
  padding-top: 5rem;
}
.tpl-reports .reports-list {
  width: 100%;
  max-width: 83.3333333333%;
  padding-top: 5rem;
  margin: 0 auto;
}
.tpl-reports .reports-list .report-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2rem 2.5rem;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.tpl-reports .reports-list .report-item .report-title {
  max-width: 65%;
}
.tpl-reports .reports-list .report-item .report-action {
  max-width: 35%;
}
.tpl-reports .reports-list .report-item:last-child {
  margin-bottom: 0;
}
.tpl-reports .reports-list .report-item .btn, .tpl-reports .reports-list .report-item .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-reports .reports-list .report-item #ajaxSearch_submit {
  background-color: #ff0000;
  color: #fff;
}
.tpl-reports .reports-list .report-item .btn.btn-secondary, .tpl-reports .reports-list .report-item .tpl-searchresults #ajaxSearch_form .btn-secondary#ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-reports .reports-list .report-item .btn-secondary#ajaxSearch_submit {
  background-color: #fff;
  border-color: #fff;
  color: #3e484f;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 960px) {
  .tpl-reports .content {
    max-width: 100%;
    padding: 2rem;
  }
  .tpl-reports .reports-list {
    max-width: 100%;
    padding: 2rem 2rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .tpl-reports .reports-list .report-item {
    padding: 1.5rem 2rem;
  }
  .tpl-reports .reports-list .report-item .report-title {
    line-height: 1.25;
    word-break: keep-all;
    margin-bottom: 1rem;
  }
  .tpl-reports .reports-list .report-item .report-title,
  .tpl-reports .reports-list .report-item .report-action {
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
}

.tpl-news .news-list {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "feature feature feature" " . . . ";
  grid-gap: 40px 20px;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-news .news-list {
    display: block;
  }
}
.tpl-news .news-list article {
  min-height: 520px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tpl-news .news-list article[hidden] {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.tpl-news .news-list article:not(.support-item):first-child {
  grid-area: feature;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tpl-news .news-list article:not(.support-item):first-child img {
  max-width: 66.6666666667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  height: 100%;
}
.tpl-news .news-list article:not(.support-item):first-child .desc {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  padding: 35px 40px;
}
.tpl-news .news-list article img {
  height: 230px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.tpl-news .news-list article .desc {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.tpl-news .news-list article .desc h3 {
  min-height: 70px;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-news .news-list article {
    display: inline-block;
    width: calc((100% - 60px) / 3);
    min-height: 520px;
    margin: 0 10px 20px;
    vertical-align: top;
  }
  .tpl-news .news-list article:not(.support-item):first-child {
    width: calc(100% - 20px);
    min-height: 0;
  }
  .tpl-news .news-list article:not(.support-item):first-child .desc {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-news .news-list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .tpl-news .news-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: " . . ";
  }
  .tpl-news .news-list article {
    display: block;
  }
  .tpl-news .news-list article .desc {
    position: relative;
  }
  .tpl-news .news-list article .desc h3 {
    min-height: 50px;
    height: auto;
  }
  .tpl-news .news-list article:not(.support-item):first-child {
    display: block;
    grid-area: unset;
  }
  .tpl-news .news-list article:not(.support-item):first-child img {
    max-width: 100%;
    height: 230px;
  }
  .tpl-news .news-list article:not(.support-item):first-child .desc {
    padding: 1.5rem;
  }
  .tpl-news .news-list article:not(.support-item):first-child .desc h3 {
    margin-bottom: 1.5rem;
  }
  .tpl-news .news-list article:not(.support-item):first-child .desc p {
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-news .news-list {
    grid-template-columns: 1fr;
    grid-template-areas: " . ";
  }
  .tpl-news .news-list article .desc h3 {
    height: auto;
    min-height: 0;
  }
}

.tpl-news-article .player-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%;
}
.tpl-news-article iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tpl-news-article figure, .tpl-news-article h3 {
  margin-bottom: 2.5rem;
}
.tpl-news-article .share {
  margin-top: 2.5rem;
}
.tpl-news-article .content ul, .tpl-news-article .content ol {
  padding-left: 1.5rem;
}
.tpl-news-article .content ul li, .tpl-news-article .content ol li {
  padding-left: 0;
}
.tpl-news-article .content ul {
  list-style: disc outside none;
}
.tpl-news-article .content ol {
  list-style: decimal outside none;
}
.tpl-news-article .news-list {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tpl-news-article .news-list article {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 40px) / 3);
          flex: 0 0 calc((100% - 40px) / 3);
  width: calc((100% - 40px) / 3);
  margin-bottom: 40px;
}
.tpl-news-article .news-list article .image, .tpl-news-article .news-list article img {
  height: 230px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (max-width: 800px) {
  .tpl-news-article .news-list article {
    -ms-flex-preferred-size: calc((100% - 20px) / 2);
        flex-basis: calc((100% - 20px) / 2);
  }
  .tpl-news-article .news-list article:nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-news-article .news-list article {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .tpl-news-article .news-list article .desc p {
    display: none;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-news-article section {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.tpl-media .media-filter, .tpl-press .media-filter, .tpl-list .media-filter {
  margin-bottom: 1.5rem;
}
.tpl-media .media-filter .dd-wrap, .tpl-press .media-filter .dd-wrap, .tpl-list .media-filter .dd-wrap {
  width: 25%;
  padding: 0 0.25rem;
  margin-right: 2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tpl-media .media-filter .dd-wrap:after, .tpl-press .media-filter .dd-wrap:after, .tpl-list .media-filter .dd-wrap:after {
  border: 0;
}
.tpl-media .media-list .media-item, .tpl-media .media-list .press-item, .tpl-media .media-list .generic-list-item, .tpl-media .press-list .media-item, .tpl-media .press-list .press-item, .tpl-media .press-list .generic-list-item, .tpl-media .generic-list .media-item, .tpl-media .generic-list .press-item, .tpl-media .generic-list .generic-list-item, .tpl-press .media-list .media-item, .tpl-press .media-list .press-item, .tpl-press .media-list .generic-list-item, .tpl-press .press-list .media-item, .tpl-press .press-list .press-item, .tpl-press .press-list .generic-list-item, .tpl-press .generic-list .media-item, .tpl-press .generic-list .press-item, .tpl-press .generic-list .generic-list-item, .tpl-list .media-list .media-item, .tpl-list .media-list .press-item, .tpl-list .media-list .generic-list-item, .tpl-list .press-list .media-item, .tpl-list .press-list .press-item, .tpl-list .press-list .generic-list-item, .tpl-list .generic-list .media-item, .tpl-list .generic-list .press-item, .tpl-list .generic-list .generic-list-item {
  position: relative;
  min-height: 120px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
}
.tpl-media .media-list .media-item[hidden], .tpl-media .media-list .press-item[hidden], .tpl-media .media-list .generic-list-item[hidden], .tpl-media .press-list .media-item[hidden], .tpl-media .press-list .press-item[hidden], .tpl-media .press-list .generic-list-item[hidden], .tpl-media .generic-list .media-item[hidden], .tpl-media .generic-list .press-item[hidden], .tpl-media .generic-list .generic-list-item[hidden], .tpl-press .media-list .media-item[hidden], .tpl-press .media-list .press-item[hidden], .tpl-press .media-list .generic-list-item[hidden], .tpl-press .press-list .media-item[hidden], .tpl-press .press-list .press-item[hidden], .tpl-press .press-list .generic-list-item[hidden], .tpl-press .generic-list .media-item[hidden], .tpl-press .generic-list .press-item[hidden], .tpl-press .generic-list .generic-list-item[hidden], .tpl-list .media-list .media-item[hidden], .tpl-list .media-list .press-item[hidden], .tpl-list .media-list .generic-list-item[hidden], .tpl-list .press-list .media-item[hidden], .tpl-list .press-list .press-item[hidden], .tpl-list .press-list .generic-list-item[hidden], .tpl-list .generic-list .media-item[hidden], .tpl-list .generic-list .press-item[hidden], .tpl-list .generic-list .generic-list-item[hidden] {
  max-height: 0 !important;
  min-height: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.tpl-media .media-list .media-item .date, .tpl-media .media-list .media-item img, .tpl-media .media-list .press-item .date, .tpl-media .media-list .press-item img, .tpl-media .media-list .generic-list-item .date, .tpl-media .media-list .generic-list-item img, .tpl-media .press-list .media-item .date, .tpl-media .press-list .media-item img, .tpl-media .press-list .press-item .date, .tpl-media .press-list .press-item img, .tpl-media .press-list .generic-list-item .date, .tpl-media .press-list .generic-list-item img, .tpl-media .generic-list .media-item .date, .tpl-media .generic-list .media-item img, .tpl-media .generic-list .press-item .date, .tpl-media .generic-list .press-item img, .tpl-media .generic-list .generic-list-item .date, .tpl-media .generic-list .generic-list-item img, .tpl-press .media-list .media-item .date, .tpl-press .media-list .media-item img, .tpl-press .media-list .press-item .date, .tpl-press .media-list .press-item img, .tpl-press .media-list .generic-list-item .date, .tpl-press .media-list .generic-list-item img, .tpl-press .press-list .media-item .date, .tpl-press .press-list .media-item img, .tpl-press .press-list .press-item .date, .tpl-press .press-list .press-item img, .tpl-press .press-list .generic-list-item .date, .tpl-press .press-list .generic-list-item img, .tpl-press .generic-list .media-item .date, .tpl-press .generic-list .media-item img, .tpl-press .generic-list .press-item .date, .tpl-press .generic-list .press-item img, .tpl-press .generic-list .generic-list-item .date, .tpl-press .generic-list .generic-list-item img, .tpl-list .media-list .media-item .date, .tpl-list .media-list .media-item img, .tpl-list .media-list .press-item .date, .tpl-list .media-list .press-item img, .tpl-list .media-list .generic-list-item .date, .tpl-list .media-list .generic-list-item img, .tpl-list .press-list .media-item .date, .tpl-list .press-list .media-item img, .tpl-list .press-list .press-item .date, .tpl-list .press-list .press-item img, .tpl-list .press-list .generic-list-item .date, .tpl-list .press-list .generic-list-item img, .tpl-list .generic-list .media-item .date, .tpl-list .generic-list .media-item img, .tpl-list .generic-list .press-item .date, .tpl-list .generic-list .press-item img, .tpl-list .generic-list .generic-list-item .date, .tpl-list .generic-list .generic-list-item img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
}
.tpl-media .media-list .media-item .desc, .tpl-media .media-list .press-item .desc, .tpl-media .media-list .generic-list-item .desc, .tpl-media .press-list .media-item .desc, .tpl-media .press-list .press-item .desc, .tpl-media .press-list .generic-list-item .desc, .tpl-media .generic-list .media-item .desc, .tpl-media .generic-list .press-item .desc, .tpl-media .generic-list .generic-list-item .desc, .tpl-press .media-list .media-item .desc, .tpl-press .media-list .press-item .desc, .tpl-press .media-list .generic-list-item .desc, .tpl-press .press-list .media-item .desc, .tpl-press .press-list .press-item .desc, .tpl-press .press-list .generic-list-item .desc, .tpl-press .generic-list .media-item .desc, .tpl-press .generic-list .press-item .desc, .tpl-press .generic-list .generic-list-item .desc, .tpl-list .media-list .media-item .desc, .tpl-list .media-list .press-item .desc, .tpl-list .media-list .generic-list-item .desc, .tpl-list .press-list .media-item .desc, .tpl-list .press-list .press-item .desc, .tpl-list .press-list .generic-list-item .desc, .tpl-list .generic-list .media-item .desc, .tpl-list .generic-list .press-item .desc, .tpl-list .generic-list .generic-list-item .desc {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 66.6666666667%;
          flex: 1 0 66.6666666667%;
}
.tpl-media .media-list .media-item .date, .tpl-media .media-list .press-item .date, .tpl-media .media-list .generic-list-item .date, .tpl-media .press-list .media-item .date, .tpl-media .press-list .press-item .date, .tpl-media .press-list .generic-list-item .date, .tpl-media .generic-list .media-item .date, .tpl-media .generic-list .press-item .date, .tpl-media .generic-list .generic-list-item .date, .tpl-press .media-list .media-item .date, .tpl-press .media-list .press-item .date, .tpl-press .media-list .generic-list-item .date, .tpl-press .press-list .media-item .date, .tpl-press .press-list .press-item .date, .tpl-press .press-list .generic-list-item .date, .tpl-press .generic-list .media-item .date, .tpl-press .generic-list .press-item .date, .tpl-press .generic-list .generic-list-item .date, .tpl-list .media-list .media-item .date, .tpl-list .media-list .press-item .date, .tpl-list .media-list .generic-list-item .date, .tpl-list .press-list .media-item .date, .tpl-list .press-list .press-item .date, .tpl-list .press-list .generic-list-item .date, .tpl-list .generic-list .media-item .date, .tpl-list .generic-list .press-item .date, .tpl-list .generic-list .generic-list-item .date {
  padding: 1.5rem;
}
.tpl-media .media-list .media-item .desc, .tpl-media .media-list .press-item .desc, .tpl-media .media-list .generic-list-item .desc, .tpl-media .press-list .media-item .desc, .tpl-media .press-list .press-item .desc, .tpl-media .press-list .generic-list-item .desc, .tpl-media .generic-list .media-item .desc, .tpl-media .generic-list .press-item .desc, .tpl-media .generic-list .generic-list-item .desc, .tpl-press .media-list .media-item .desc, .tpl-press .media-list .press-item .desc, .tpl-press .media-list .generic-list-item .desc, .tpl-press .press-list .media-item .desc, .tpl-press .press-list .press-item .desc, .tpl-press .press-list .generic-list-item .desc, .tpl-press .generic-list .media-item .desc, .tpl-press .generic-list .press-item .desc, .tpl-press .generic-list .generic-list-item .desc, .tpl-list .media-list .media-item .desc, .tpl-list .media-list .press-item .desc, .tpl-list .media-list .generic-list-item .desc, .tpl-list .press-list .media-item .desc, .tpl-list .press-list .press-item .desc, .tpl-list .press-list .generic-list-item .desc, .tpl-list .generic-list .media-item .desc, .tpl-list .generic-list .press-item .desc, .tpl-list .generic-list .generic-list-item .desc {
  padding: 1.5rem 2rem 1.5rem 0;
  margin-right: auto;
}
.tpl-media .media-list .media-item img, .tpl-media .media-list .press-item img, .tpl-media .media-list .generic-list-item img, .tpl-media .press-list .media-item img, .tpl-media .press-list .press-item img, .tpl-media .press-list .generic-list-item img, .tpl-media .generic-list .media-item img, .tpl-media .generic-list .press-item img, .tpl-media .generic-list .generic-list-item img, .tpl-press .media-list .media-item img, .tpl-press .media-list .press-item img, .tpl-press .media-list .generic-list-item img, .tpl-press .press-list .media-item img, .tpl-press .press-list .press-item img, .tpl-press .press-list .generic-list-item img, .tpl-press .generic-list .media-item img, .tpl-press .generic-list .press-item img, .tpl-press .generic-list .generic-list-item img, .tpl-list .media-list .media-item img, .tpl-list .media-list .press-item img, .tpl-list .media-list .generic-list-item img, .tpl-list .press-list .media-item img, .tpl-list .press-list .press-item img, .tpl-list .press-list .generic-list-item img, .tpl-list .generic-list .media-item img, .tpl-list .generic-list .press-item img, .tpl-list .generic-list .generic-list-item img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.tpl-media .media-list #msg-box, .tpl-media .press-list #msg-box, .tpl-media .generic-list #msg-box, .tpl-press .media-list #msg-box, .tpl-press .press-list #msg-box, .tpl-press .generic-list #msg-box, .tpl-list .media-list #msg-box, .tpl-list .press-list #msg-box, .tpl-list .generic-list #msg-box {
  display: none;
  text-align: center;
}
.tpl-media .media-list .generic-list-item, .tpl-media .press-list .generic-list-item, .tpl-media .generic-list .generic-list-item, .tpl-press .media-list .generic-list-item, .tpl-press .press-list .generic-list-item, .tpl-press .generic-list .generic-list-item, .tpl-list .media-list .generic-list-item, .tpl-list .press-list .generic-list-item, .tpl-list .generic-list .generic-list-item {
  padding: 1.5rem 2rem;
  min-height: 0;
}
.tpl-media .media-list .generic-list-item .desc, .tpl-media .press-list .generic-list-item .desc, .tpl-media .generic-list .generic-list-item .desc, .tpl-press .media-list .generic-list-item .desc, .tpl-press .press-list .generic-list-item .desc, .tpl-press .generic-list .generic-list-item .desc, .tpl-list .media-list .generic-list-item .desc, .tpl-list .press-list .generic-list-item .desc, .tpl-list .generic-list .generic-list-item .desc {
  padding: 0;
}
.tpl-media .media-list .press-item, .tpl-media .press-list .press-item, .tpl-media .generic-list .press-item, .tpl-press .media-list .press-item, .tpl-press .press-list .press-item, .tpl-press .generic-list .press-item, .tpl-list .media-list .press-item, .tpl-list .press-list .press-item, .tpl-list .generic-list .press-item {
  min-height: unset;
}
@media only screen and (max-width: 1080px) {
  .tpl-media section, .tpl-press section, .tpl-list section {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .tpl-media .media-filter select, .tpl-press .media-filter select, .tpl-list .media-filter select {
    min-width: 160px;
    margin-right: 1rem;
  }
  .tpl-media .media-list .media-item .date, .tpl-press .media-list .media-item .date, .tpl-list .media-list .media-item .date {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .tpl-media .media-list .media-item .desc, .tpl-press .media-list .media-item .desc, .tpl-list .media-list .media-item .desc {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .tpl-media .media-list .media-item img, .tpl-press .media-list .media-item img, .tpl-list .media-list .media-item img {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-media .media-filter, .tpl-press .media-filter, .tpl-list .media-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .tpl-media .media-filter .dd-wrap, .tpl-press .media-filter .dd-wrap, .tpl-list .media-filter .dd-wrap {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  .tpl-media .media-filter .btn, .tpl-media .media-filter .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-media .media-filter #ajaxSearch_submit, .tpl-press .media-filter .btn, .tpl-press .media-filter .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-press .media-filter #ajaxSearch_submit, .tpl-list .media-filter .btn, .tpl-list .media-filter .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-list .media-filter #ajaxSearch_submit {
    margin-left: 0;
    line-height: 3rem;
    display: block;
    text-align: center;
  }
  .tpl-media .media-list .media-item, .tpl-press .media-list .media-item, .tpl-list .media-list .media-item {
    display: block;
    padding: 1.5rem;
  }
  .tpl-media .media-list .media-item img, .tpl-press .media-list .media-item img, .tpl-list .media-list .media-item img {
    display: none;
  }
  .tpl-media .media-list .media-item .date, .tpl-media .media-list .media-item .desc, .tpl-press .media-list .media-item .date, .tpl-press .media-list .media-item .desc, .tpl-list .media-list .media-item .date, .tpl-list .media-list .media-item .desc {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 0;
  }
  .tpl-media .media-list .media-item .date, .tpl-press .media-list .media-item .date, .tpl-list .media-list .media-item .date {
    line-height: 1;
  }
}

.tpl-mediaitem .content h2 {
  margin-bottom: 2rem;
}
.tpl-mediaitem .content ul, .tpl-mediaitem .content ol {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}
.tpl-mediaitem .content ul li, .tpl-mediaitem .content ol li {
  padding: 0;
}
.tpl-mediaitem .content p + ul, .tpl-mediaitem .content p + ol {
  margin-top: -2rem;
}
.tpl-mediaitem .content ul {
  list-style: disc outside none;
}
.tpl-mediaitem .content ol {
  list-style: decimal outside none;
}
@media only screen and (max-width: 1080px) {
  .tpl-mediaitem .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

:focus {
  outline: none;
}

.tpl-support .support-links {
  padding-top: 5rem;
}
.tpl-support .support-links .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tpl-support .support-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1080px / 6);
          flex: 0 0 calc(1080px / 6);
  height: calc(1080px / 6);
  font-size: 25px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  color: #3e484f;
  text-decoration: none;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-support .support-links a {
    width: calc(1080px / 6);
  }
}
.tpl-support .support-links a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.tpl-support .support-links a img {
  height: 3rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1080px) {
  .tpl-support .support-links {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-support .support-links {
    padding-top: 2.5rem;
  }
  .tpl-support .support-links a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    width: 100%;
    height: 0;
    padding: 15% 0;
    font-size: 16px;
  }
  .tpl-support .support-links a img {
    width: 30%;
    height: auto;
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-support a {
    font-size: 14px;
  }
}

.tpl-support-item .offset .container:first-child {
  padding: 2.5rem 0 3rem;
}
.tpl-support-item .offset .container:first-child .content img {
  max-width: 4rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1080px) {
  .tpl-support-item .offset {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tpl-support-item .offset .container:first-child {
    padding: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-support-item .offset {
    margin-top: -2rem;
  }
}
.tpl-support-item .content h3 {
  margin-bottom: 2rem;
  color: #ff0000;
  margin: 0;
}
.tpl-support-item .content h3 + h3 {
  margin-top: 2rem;
}
.tpl-support-item .content h3 + p {
  margin-top: 0.5rem;
}
.tpl-support-item .content table {
  margin-bottom: 2rem;
}
.tpl-support-item .content table th,
.tpl-support-item .content table td {
  padding-right: 1rem;
  padding-bottom: 1rem;
}
.tpl-support-item .content table.dl-table th,
.tpl-support-item .content table.dl-table td {
  padding: 0.5rem;
  vertical-align: middle;
}
@media only screen and (max-width: 480px) {
  .tpl-support-item .content table.dl-table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .tpl-support-item .content table.dl-table tr td {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0;
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
  .tpl-support-item .content table.dl-table tr td:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0;
  }
}
.tpl-support-item .job-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
}
.tpl-support-item .job-filter input[type=text] {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding: 0 0.25rem;
  line-height: 3.4rem;
  max-width: none;
  width: auto;
}
.tpl-support-item .job-filter .dd-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tpl-support-item .job-filter .dd-wrap:after {
  border: 0;
}
.tpl-support-item .job-filter .dd-wrap:nth-child(2) .multi-select-button {
  border-left: 0;
  border-right: 0;
}
.tpl-support-item .job-filter .btn, .tpl-support-item .job-filter .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-support-item .job-filter #ajaxSearch_submit {
  margin-left: 10px;
  line-height: 2.25rem;
}
@media screen and (max-width: 640px) {
  .tpl-support-item .job-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tpl-support-item .job-filter input[type=text], .tpl-support-item .job-filter .dd-wrap {
    margin-bottom: 10px;
    width: 100%;
  }
  .tpl-support-item .job-filter .dd-wrap:nth-child(2) .multi-select-button {
    border-left: 1px solid #3e484f;
    border-right: 1px solid #3e484f;
  }
  .tpl-support-item .job-filter .btn, .tpl-support-item .job-filter .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-support-item .job-filter #ajaxSearch_submit {
    margin-left: 0;
    line-height: 3rem;
    display: block;
    text-align: center;
  }
}
.tpl-support-item .job-list #msg-box {
  display: none;
  text-align: center;
}
.tpl-support-item .job-item {
  position: relative;
  width: 100%;
  min-height: 120px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tpl-support-item .job-item[hidden] {
  max-height: 0 !important;
  min-height: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.tpl-support-item .job-item .desc {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 66.6666666667%;
          flex: 1 0 66.6666666667%;
}
.tpl-support-item .job-item .service {
  width: 40%;
  padding: 1.5rem;
}
.tpl-support-item .job-item .desc {
  padding: 1.5rem 2rem 1.5rem 0;
  margin-right: auto;
}
.tpl-support-item .job-item img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (max-width: 800px) {
  .tpl-support-item .job-item .service {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .tpl-support-item .job-item .desc {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .tpl-support-item .job-item img {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-support-item .job-item {
    display: block;
    padding: 1.5rem;
  }
  .tpl-support-item .job-item img {
    display: none;
  }
  .tpl-support-item .job-item .service, .tpl-support-item .job-item .desc {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 0;
  }
  .tpl-support-item .job-item .service {
    line-height: 1;
    width: 100%;
  }
}

.tpl-jobitem .content h2 {
  margin-bottom: 2rem;
}
.tpl-jobitem .content ul, .tpl-jobitem .content ol {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}
.tpl-jobitem .content ul li, .tpl-jobitem .content ol li {
  padding: 0;
}
.tpl-jobitem .content p + ul, .tpl-jobitem .content p + ol {
  margin-top: -2rem;
}
.tpl-jobitem .content ul {
  list-style: disc outside none;
}
.tpl-jobitem .content ol {
  list-style: decimal outside none;
}
.tpl-jobitem .apply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
}
.tpl-jobitem .share {
  position: relative;
  margin-left: 10px;
  -webkit-transition: padding-right 0.2s ease-in;
  transition: padding-right 0.2s ease-in;
}
.tpl-jobitem .share .a2a_kit {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.tpl-jobitem .share:hover .a2a_kit {
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (max-width: 1080px) {
  .tpl-jobitem .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.tpl-donation .message {
  padding: 2rem;
  margin: 0 auto 4rem;
  border: 1px solid #3e484f;
}
.tpl-donation textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 200px;
  padding: 0.25rem;
  margin-bottom: 0.25rem;
  resize: none;
  line-height: 2;
}
.tpl-donation .form-row {
  position: relative;
}
.tpl-donation .form-row.select:after {
  bottom: 14px;
}
.tpl-donation .form-row.images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4rem;
}
.tpl-donation .form-row.images img {
  width: auto;
  height: auto;
  margin-right: 1rem;
  max-width: 160px;
  max-height: 110px;
}
.tpl-donation .form-row .note {
  margin-left: 160px;
  font-size: 14px;
  font-style: italic;
  line-height: 1;
  color: #9c9c9c;
}
.tpl-donation .form-row input::-webkit-input-placeholder {
  font-style: italic;
}
.tpl-donation .form-row input::-moz-placeholder {
  font-style: italic;
}
.tpl-donation .form-row input:-ms-input-placeholder {
  font-style: italic;
}
.tpl-donation .form-row input::-ms-input-placeholder {
  font-style: italic;
}
.tpl-donation .form-row input::placeholder {
  font-style: italic;
}
.tpl-donation .form-row input::-webkit-input-placeholder {
  font-style: italic;
}
.tpl-donation .form-row input::-moz-placeholder {
  font-style: italic;
}
.tpl-donation .form-row input:-ms-input-placeholder {
  font-style: italic;
}
.tpl-donation .form-row input.indent {
  margin-left: 160px;
  margin-bottom: 6px;
}
@media (max-width: 481px) {
  .tpl-donation .form-row input.indent {
    margin-left: 0px;
  }
}
.tpl-donation .form-row input.error {
  -webkit-box-shadow: 0 0 2px 1px rgba(255, 0, 0, 0.7);
          box-shadow: 0 0 2px 1px rgba(255, 0, 0, 0.7);
}
.tpl-donation .form-row select {
  line-height: 30px;
}
[lang^=en] .tpl-donation .form-row label:first-child {
  width: 240px;
}
[lang^=en] .tpl-donation .form-row input,
[lang^=en] .tpl-donation .form-row select {
  max-width: calc(100% - 240px);
}
[lang^=en] .tpl-donation .form-row input.indent,
[lang^=en] .tpl-donation .form-row select.indent {
  margin-left: 240px;
}
[lang^=en] .tpl-donation .form-row input[type=checkbox],
[lang^=en] .tpl-donation .form-row input[type=radio] {
  max-width: unset;
  min-width: 20px;
}
@media screen and (max-width: 640px) {
  [lang^=en] .tpl-donation .form-row label,
  [lang^=en] .tpl-donation .form-row input,
  [lang^=en] .tpl-donation .form-row select {
    width: 100%;
    max-width: 100%;
    margin-bottom: 6px;
  }
  [lang^=en] .tpl-donation .form-row label.indent,
  [lang^=en] .tpl-donation .form-row input.indent,
  [lang^=en] .tpl-donation .form-row select.indent {
    margin-left: 0;
  }
  [lang^=en] .tpl-donation .form-row label {
    margin: 0;
  }
  [lang^=en] .tpl-donation .form-row label:first-child {
    width: 100%;
    line-height: 1.2;
  }
  [lang^=en] .tpl-donation .form-row label input {
    width: auto;
  }
}
@media screen and (max-width: 800px) {
  .tpl-donation .content {
    width: calc(100% - 4rem);
  }
}

.block-steps__container {
  border-top: 1px solid #c41427;
  padding-top: 25px;
}
.block-steps__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 130px;
}
.block-steps__header__heading {
  width: 350px;
}
.block-steps__header__heading h3 {
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 10px;
  text-align: left;
  color: #c41427;
}
.block-steps__header__heading h6 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  color: #c41427;
}
.block-steps__header__content {
  width: 700px;
}
.block-steps__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.block-steps__body__box {
  width: 350px;
  margin-right: 15px;
  position: relative;
}
.block-steps__body__box:last-child {
  margin-right: 0;
}
.block-steps__body label {
  display: block;
  height: 100%;
  position: relative;
  background-color: #f1f1f1;
  cursor: pointer;
}
.block-steps__body label::after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: #FCAF17;
  border-width: 20px;
  margin: -10px 0 0 -20px;
  opacity: 0;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.block-steps__body label input[type=radio] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.block-steps__body label.checked {
  outline: 1px solid #ff0000;
}
.block-steps__body label.checked::after {
  opacity: 1;
}
.block-steps__body label.unchecked {
  opacity: 0.2;
}
.block-steps__body .donation-button-text {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  right: 0;
  background-color: #c41427;
  padding: 10px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
.block-steps__body .donation-button-text.big {
  height: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5em;
}
.block-steps__body .donation-content {
  padding: 35px 30px;
}
.block-steps__body .donation-content ol {
  list-style: auto outside;
  margin-left: 1.2em;
}
.block-steps__body .donation-content ol li {
  padding-left: 0;
}
.block-steps__body .donation-content .list-payment-gateways {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 20px;
  list-style: none;
}
.block-steps__body .donation-content .list-payment-gateways li {
  padding-left: 0;
}
.block-steps__body--1 .block-steps__body__box .donation-image {
  width: 100%;
  overflow: hidden;
}
.block-steps__body--1 .block-steps__body__box img {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.block-steps__body--1 .block-steps__body__box:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.block-steps__body--1 .block-steps__body__box .toggle-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #f1f1f1;
  padding: 15px;
  color: #ff0000;
  font-size: 14px;
  line-height: 1;
  text-decoration: underline;
}
.block-steps .gray-box {
  background-color: #f1f1f1;
  padding: 30px;
  margin-bottom: 20px;
}
.block-steps h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}
.block-steps__2 .block-steps__container, .block-steps__3 .block-steps__container, .block-steps__4 .block-steps__container {
  margin-top: 30px;
  border-top-color: #fcaf17;
}
.block-steps__2 .block-steps__container.block-steps__2__general-donation .block-steps__body label.checked, .block-steps__3 .block-steps__container.block-steps__2__general-donation .block-steps__body label.checked, .block-steps__4 .block-steps__container.block-steps__2__general-donation .block-steps__body label.checked {
  outline: 0 none;
}
.block-steps__2 .block-steps__header__heading h3,
.block-steps__2 .block-steps__header__heading h6, .block-steps__3 .block-steps__header__heading h3,
.block-steps__3 .block-steps__header__heading h6, .block-steps__4 .block-steps__header__heading h3,
.block-steps__4 .block-steps__header__heading h6 {
  color: #fcaf17;
}
.block-steps__2 .block-steps__body label::after, .block-steps__3 .block-steps__body label::after, .block-steps__4 .block-steps__body label::after {
  border-bottom-color: #ed0973;
}
.block-steps__2 .block-steps__body label.checked, .block-steps__3 .block-steps__body label.checked, .block-steps__4 .block-steps__body label.checked {
  outline-color: #ed0973;
}
.block-steps__2 .block-steps__body label.unchecked, .block-steps__3 .block-steps__body label.unchecked, .block-steps__4 .block-steps__body label.unchecked {
  opacity: 1;
}
.block-steps__2 .block-steps__body label.unchecked .donation-button-text, .block-steps__3 .block-steps__body label.unchecked .donation-button-text, .block-steps__4 .block-steps__body label.unchecked .donation-button-text {
  background-color: #9c9c9c;
}
.block-steps__2 .block-steps__body .block-steps__body__box .donation-button-text, .block-steps__3 .block-steps__body .block-steps__body__box .donation-button-text, .block-steps__4 .block-steps__body .block-steps__body__box .donation-button-text {
  background-color: #fcaf17;
}
.block-steps__2 .block-steps__body .block-steps__body__box .donation-content p, .block-steps__3 .block-steps__body .block-steps__body__box .donation-content p, .block-steps__4 .block-steps__body .block-steps__body__box .donation-content p {
  margin-bottom: 0;
}
.block-steps__3 .block-steps__container {
  border-top-color: #ed0973;
}
.block-steps__3 h5 {
  color: #ed0973;
}
.block-steps__3 .btn, .block-steps__3 .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .block-steps__3 #ajaxSearch_submit,
.block-steps__3 .btn-icon {
  background-color: #ed0973;
}
.block-steps__3 .block-steps__header__heading h3,
.block-steps__3 .block-steps__header__heading h6 {
  color: #ed0973;
}
.block-steps__3 .block-steps__body label::after {
  border-bottom-color: #52035b;
}
.block-steps__3 .block-steps__body label.checked {
  outline-color: #ed0973;
}
.block-steps__3 .block-steps__body .block-steps__body__box .donation-button-text {
  background-color: #ed0973;
}
.block-steps__4 .block-steps__container {
  border-top-color: #52035b;
}
.block-steps__4 h5 {
  color: #52035b;
}
.block-steps__4 .btn, .block-steps__4 .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .block-steps__4 #ajaxSearch_submit,
.block-steps__4 .btn-icon {
  background-color: #52035b;
}
.block-steps__4 .block-steps__header__heading h3,
.block-steps__4 .block-steps__header__heading h6 {
  color: #52035b;
}
.block-steps__4 .block-steps__body label.checked {
  outline-color: #52035b;
}
.block-steps__4 .block-steps__body .block-steps__body__box .donation-button-text {
  background-color: #52035b;
}
.block-steps__message {
  max-width: 710px;
  margin: 0 auto;
  padding: 20px 40px;
  background-color: #D8EBEC;
  margin-top: 25px;
}
.block-steps__message.tpl-donation-step {
  margin-top: 75px;
}
.block-steps.lang-zh .btn, .block-steps.lang-zh .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .block-steps.lang-zh #ajaxSearch_submit,
.block-steps.lang-zh .btn-icon {
  width: 100%;
  max-width: 350px;
  text-align: center;
}

.donation-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.donation-form__content {
  width: 33%;
}
.donation-form__content h2 {
  text-align: left;
  font-size: 40px;
  font-weight: 400;
  line-height: 0.9;
  color: #c41427;
}
.donation-form__form {
  width: 66%;
}
.donation-form__form h6 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 30px;
}

.d-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.d-form-row .d-form-label {
  width: 35%;
  padding-right: 10px;
}
.d-form-row .d-form-label span {
  display: block;
}
.d-form-row .d-form-label .question span {
  display: inline-block;
}
.d-form-row .d-form-field {
  width: 65%;
}
.d-form-row .d-form-field input {
  border: 1px solid #707070;
}
.d-form-row .d-form-field input[type=text], .d-form-row .d-form-field input[type=email], .d-form-row .d-form-field input[type=tel] {
  display: block;
  width: 100%;
  max-width: 100%;
}
.d-form-row .d-form-field input::-webkit-input-placeholder {
  color: #dbdbdb;
  opacity: 1;
}
.d-form-row .d-form-field input::-moz-placeholder {
  color: #dbdbdb;
  opacity: 1;
}
.d-form-row .d-form-field input:-ms-input-placeholder {
  color: #dbdbdb;
  opacity: 1;
}
.d-form-row .d-form-field input::-ms-input-placeholder {
  color: #dbdbdb;
  opacity: 1;
}
.d-form-row .d-form-field input::placeholder {
  color: #dbdbdb;
  opacity: 1;
}
.d-form-row .d-form-field input:-ms-input-placeholder {
  color: #dbdbdb;
}
.d-form-row .d-form-field input::-ms-input-placeholder {
  color: #dbdbdb;
}
.d-form-row .d-form-field input.indent {
  margin-top: 15px;
}
.d-form-row .d-form-field input.readonly {
  border: 0 none;
  background-color: #fff;
  padding: 0;
}
.d-form-row .d-form-field select {
  width: 100%;
  max-width: 100%;
}
.d-form-row .d-form-field select.readonly {
  border: 0 none;
  background-color: #fff;
  padding: 0;
  pointer-events: none;
}
.d-form-row .d-form-field.align-right {
  text-align: right;
}
.d-form-row textarea {
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
}
.d-form-row textarea:last-child {
  margin-bottom: 0;
}
.d-form-row + h6 {
  margin-top: 50px;
}
.d-form-row .radio-field-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d-form-row .radio-field-group label {
  margin-right: 10px;
}
.d-form-row .radio-field-group label:last-child {
  margin-right: 0;
}
.d-form-row .radio-field-group label.readonly[for=amount-other] {
  font-size: 0;
}
.d-form-row .radio-field-group input[type=text] {
  width: 110px;
  max-width: none;
  display: inline-block;
}
.d-form-row .payment-methods-online {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d-form-row .payment-methods-online label {
  position: relative;
  width: 85px;
  margin: 0 7px 7px 0;
  cursor: pointer;
}
.d-form-row .payment-methods-online label:last-child {
  margin-right: 0;
}
.d-form-row .payment-methods-online label input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.d-form-row .payment-methods-online label input[type=radio]:checked + img {
  outline: 2px solid #c41427;
}
.d-form-row .payment-methods-online label.readonly input[type=radio]:checked + img {
  outline: 0 none;
}
.d-form-row .payment-methods-online label img {
  display: block;
  border-radius: 7px;
}
.d-form-row .payment-methods-offline label {
  margin-bottom: 20px;
}
.d-form-row .payment-methods-payme img {
  display: block;
  width: 300px;
  max-width: 100%;
  margin-left: 20px;
}
.d-form-row .d-form-field-full {
  width: 100%;
}
.d-form-row .d-form-field-full span {
  display: block;
}
.d-form-row .text-field-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.d-form-row .text-field-group .field-half {
  width: calc(50% - 5px);
}
.d-form-row .small {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.7;
  color: #3e484f;
}

input:disabled {
  background-color: #d6d6d6;
}

.errormsg {
  color: #f00;
}
.errormsg.agree-note {
  width: 100%;
  padding-left: 23px;
}
.errormsg.error-captcha {
  width: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

[lang^=en] .file-field .file-text {
  padding: 13px 0 0 155px;
}
[lang^=en] .file-field .file-text:before {
  content: "Upload here";
}
[lang^=en] .file-field .file-text.image-uploaded {
  padding: 13px 0 0 175px;
}
[lang^=en] .file-field .file-text.image-uploaded::before {
  content: "Change image";
}

.file-field {
  position: relative;
}
.file-field input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.file-field .file-text {
  display: block;
  position: relative;
  height: 46px;
  padding: 0 0 0 125px;
  z-index: 1;
  line-height: 1.4;
  cursor: pointer;
}
.file-field .file-text::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "上傳圖片";
  color: #fff;
  font-family: "NotoSansHK", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  padding: 13px 15px;
  background-color: #ff0000;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
.file-field .file-text.image-uploaded {
  padding: 0 0 0 190px;
}
.file-field .file-text.image-uploaded::before {
  content: "在這裡更改圖像";
}
.file-field img {
  max-width: 100px;
  max-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 1rem;
}
.file-field.readonly {
  pointer-events: none;
}

.d-btn-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 115px;
}
.d-btn-row .btn, .d-btn-row .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .d-btn-row #ajaxSearch_submit {
  margin: 0 25px 0 0;
  padding: 10px 35px;
  position: relative;
}
.d-btn-row .btn.loader, .d-btn-row .tpl-searchresults #ajaxSearch_form .loader#ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .d-btn-row .loader#ajaxSearch_submit {
  color: #ff0000;
  width: 155px;
  height: 46px;
  font-size: 0;
  cursor: not-allowed;
  pointer-events: none;
}
.d-btn-row .btn.loader::after, .d-btn-row .tpl-searchresults #ajaxSearch_form .loader#ajaxSearch_submit::after, .tpl-searchresults #ajaxSearch_form .d-btn-row .loader#ajaxSearch_submit::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  border: 2px solid #fff;
  border-bottom: 0 none;
  border-radius: 50%;
  -webkit-animation: loader infinite linear 0.5s;
          animation: loader infinite linear 0.5s;
}
.d-btn-row .btn:last-child, .d-btn-row .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit:last-child, .tpl-searchresults #ajaxSearch_form .d-btn-row #ajaxSearch_submit:last-child {
  margin-right: 0;
}

@-webkit-keyframes loader {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media all and (max-width: 1100px) {
  .block-steps__header__heading {
    width: 100%;
    max-width: 35%;
  }
  .block-steps__header__content {
    width: 100%;
    max-width: 65%;
  }
}
@media all and (max-width: 800px) {
  .block-steps__header__heading h3 {
    font-size: 30px;
  }
  .block-steps__header__heading h6 {
    font-size: 16px;
  }
  .block-steps__body {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .block-steps__body__box {
    width: 49%;
    margin-right: 0;
  }
  .block-steps__3__oneoff .block-steps__body__box {
    margin-bottom: 80px;
  }
  .block-steps__3__oneoff .block-steps__body__box:last-child {
    margin-bottom: 0;
  }
  .block-steps__3 .block-steps__body label::after {
    display: none;
  }
  .donation-form__content, .donation-form__form {
    width: 100%;
  }
}
@media all and (max-width: 600px) {
  .block-steps__header {
    margin-bottom: 100px;
  }
  .block-steps__header__heading, .block-steps__header__content {
    max-width: 100%;
  }
  .block-steps__header__heading {
    margin-bottom: 20px;
  }
  .block-steps__body label::after {
    border-width: 15px;
    margin-top: 0;
  }
  .block-steps__body .donation-button-text {
    font-size: 14px;
  }
  .block-steps__body .donation-content {
    padding: 15px;
    display: none;
  }
  .block-steps__body .donation-content p,
  .block-steps__body .donation-content ol {
    font-size: 14px;
    line-height: 1.5;
  }
  .block-steps__body .donation-content .list-payment-gateways {
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    margin-top: 10px;
  }
  .block-steps__body--1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .block-steps__body--1 .block-steps__body__box .toggle-content {
    display: block;
  }
  .block-steps .gray-box {
    padding: 15px;
  }
  .block-steps h5 {
    font-size: 18px;
  }
  .block-steps h5 p {
    font-size: 14px;
    line-height: 1.5;
  }
  .block-steps .btn, .block-steps .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .block-steps #ajaxSearch_submit {
    padding: 10px;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .block-steps__message {
    padding: 15px 20px;
  }
  .block-steps__2 .block-steps__container {
    margin-top: 75px;
  }
  .block-steps.lang-zh .btn, .block-steps.lang-zh .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .block-steps.lang-zh #ajaxSearch_submit,
  .block-steps.lang-zh .btn-icon {
    max-width: 270px;
  }
  .btn-icon {
    max-width: 85%;
    font-size: 16px;
  }
  .btn-icon span.icon-pdf {
    width: 30px;
    height: 40px;
  }
  .donation-form__content h2 {
    font-size: 30px;
  }
  .donation-form__form h6 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .d-form-row .d-form-label,
  .d-form-row .d-form-field {
    width: 100%;
  }
  .d-form-row .d-form-label {
    margin-bottom: 5px;
  }
  .d-form-row .d-form-label span {
    padding-top: 0;
  }
  .d-btn-row .btn, .d-btn-row .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .d-btn-row #ajaxSearch_submit {
    margin: 0 10px 0 0;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1.2;
  }
}
.d-thank-you {
  padding-top: 25px;
  border-top: 1px solid #c41427;
}
.d-thank-you h2 {
  font-size: 40px;
  font-weight: 400;
  text-align: left;
  color: #c41427;
  margin-bottom: 20px !important;
}
.d-thank-you .content-box {
  max-width: 700px;
}
.d-thank-you.lang-zh .btn, .d-thank-you.lang-zh .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .d-thank-you.lang-zh #ajaxSearch_submit,
.d-thank-you.lang-zh .btn-icon {
  text-align: center;
  width: 100%;
  max-width: 350px;
}

@media all and (max-width: 600px) {
  .d-thank-you h2 {
    font-size: 30px;
  }
  .d-thank-you.lang-zh .btn, .d-thank-you.lang-zh .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .d-thank-you.lang-zh #ajaxSearch_submit,
  .d-thank-you.lang-zh .btn-icon {
    max-width: 270px;
  }
}
.tpl-about .about-content {
  padding-top: 5rem;
}
.tpl-about .about-content h3 {
  color: #ff0000;
  margin-bottom: 1rem;
}
.tpl-about .about-content img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.tpl-about .about-content ul {
  list-style: disc outside none;
  padding-left: 1rem;
}
.tpl-about .about-content ul li {
  padding: 0;
}
@media only screen and (max-width: 1080px) {
  .tpl-about .about-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .tpl-about .about-content {
    padding-top: 2rem;
  }
}

.tpl-about-page .offset .container:first-child, .tpl-awards-page .offset .container:first-child {
  padding: 2.5rem 0 3.5rem;
}
@media only screen and (max-width: 1080px) {
  .tpl-about-page .offset, .tpl-awards-page .offset {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tpl-about-page .offset .container:first-child, .tpl-awards-page .offset .container:first-child {
    padding: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-about-page .offset, .tpl-awards-page .offset {
    margin-top: -2rem;
  }
}
.tpl-about-page .content h3, .tpl-awards-page .content h3 {
  margin-bottom: 1rem;
  color: #ff0000;
}
.tpl-about-page .content ul, .tpl-awards-page .content ul {
  list-style: disc outside none;
  padding-left: 1.5rem;
  margin: 0 0 2rem;
}
.tpl-about-page .content ul li, .tpl-awards-page .content ul li {
  padding: 0;
}
.tpl-about-page .impact-blocks, .tpl-awards-page .impact-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tpl-about-page .impact-blocks .impact-block, .tpl-awards-page .impact-blocks .impact-block {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  height: 300px;
  text-align: center;
  font-size: 25px;
  line-height: 2;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[lang^=en] .tpl-about-page .impact-blocks .impact-block.stat, [lang^=en] .tpl-awards-page .impact-blocks .impact-block.stat {
  padding: 0 2rem;
  line-height: 1.2;
}
[lang^=en] .tpl-about-page .impact-blocks .impact-block.stat .numline, [lang^=en] .tpl-awards-page .impact-blocks .impact-block.stat .numline {
  margin-top: 1rem;
}
.tpl-about-page .impact-blocks .impact-block.bg-lightgrey, .tpl-awards-page .impact-blocks .impact-block.bg-lightgrey {
  color: #3e484f;
}
.tpl-about-page .impact-blocks .impact-block.bg-lightgrey .numline, .tpl-awards-page .impact-blocks .impact-block.bg-lightgrey .numline {
  color: #ff0000;
}
.tpl-about-page .impact-blocks .impact-block img, .tpl-awards-page .impact-blocks .impact-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.tpl-about-page .impact-blocks .impact-block .numline, .tpl-awards-page .impact-blocks .impact-block .numline {
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
}
@media only screen and (max-width: 640px) {
  .tpl-about-page .impact-blocks, .tpl-awards-page .impact-blocks {
    width: 100vw;
    margin-top: 2rem;
    margin-left: -2rem;
    margin-bottom: -2.5rem;
  }
  .tpl-about-page .impact-blocks .impact-block, .tpl-awards-page .impact-blocks .impact-block {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .tpl-about-page .impact-blocks .impact-block.stat, .tpl-awards-page .impact-blocks .impact-block.stat {
    height: auto;
    padding: 3rem 0;
  }
  .tpl-about-page .impact-blocks .impact-block:nth-child(3), .tpl-awards-page .impact-blocks .impact-block:nth-child(3) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .tpl-about-page .impact-blocks .impact-block:nth-child(4), .tpl-awards-page .impact-blocks .impact-block:nth-child(4) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .tpl-about-page .impact-blocks .impact-block:nth-child(n+5), .tpl-awards-page .impact-blocks .impact-block:nth-child(n+5) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
.tpl-about-page .programme-results .result-item, .tpl-awards-page .programme-results .result-item {
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 90px;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.5;
  background-color: #fff;
}
[lang^=en] .tpl-about-page .programme-results .result-item, [lang^=en] .tpl-awards-page .programme-results .result-item {
  font-weight: 400;
  line-height: 1.2;
}
.tpl-about-page .programme-results .result-item:nth-child(even), .tpl-awards-page .programme-results .result-item:nth-child(even) {
  background-color: #c41427;
  color: #fff;
}
.tpl-about-page .programme-results .result-item:nth-child(even) .num, .tpl-awards-page .programme-results .result-item:nth-child(even) .num {
  color: #fff;
}
.tpl-about-page .programme-results .result-item .num, .tpl-awards-page .programme-results .result-item .num {
  margin-top: 0.5rem;
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
  color: #ff0000;
}
.tpl-about-page .programme-results .result-item .label, .tpl-awards-page .programme-results .result-item .label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
}
.tpl-about-page .programme-results .result-item .figure, .tpl-awards-page .programme-results .result-item .figure {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
}
@media only screen and (max-width: 1080px) {
  .tpl-about-page .programme-results, .tpl-awards-page .programme-results {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-about-page .programme-results .result-item, .tpl-awards-page .programme-results .result-item {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
    line-height: 25px;
    padding: 1.5rem;
  }
  .tpl-about-page .programme-results .result-item .label, .tpl-about-page .programme-results .result-item .figure, .tpl-awards-page .programme-results .result-item .label, .tpl-awards-page .programme-results .result-item .figure {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
    text-align: center;
  }
}
.tpl-about-page .timeline, .tpl-awards-page .timeline {
  max-width: 900px;
  margin: 0 auto;
}
.tpl-about-page .timeline .history-era, .tpl-awards-page .timeline .history-era {
  position: relative;
  padding-left: 90px;
  padding-top: 90px;
}
.tpl-about-page .timeline .history-era:last-child .events, .tpl-awards-page .timeline .history-era:last-child .events {
  padding-bottom: 0;
}
.tpl-about-page .timeline .history-era .heading, .tpl-awards-page .timeline .history-era .heading {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  font-size: 40px;
  font-weight: 900;
  text-align: center;
  color: #fff;
  background-color: #c41427;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}
.tpl-about-page .timeline .history-era .events, .tpl-awards-page .timeline .history-era .events {
  position: relative;
  overflow: hidden;
  padding-bottom: 4.5rem;
  border-left: 3px solid #c41427;
  z-index: 5;
}
.tpl-about-page .timeline .history-era .event, .tpl-awards-page .timeline .history-era .event {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2rem;
  background-color: #f1f1f1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.tpl-about-page .timeline .history-era .event.animated, .tpl-awards-page .timeline .history-era .event.animated {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.tpl-about-page .timeline .history-era .event:last-child, .tpl-awards-page .timeline .history-era .event:last-child {
  margin: 0;
}
.tpl-about-page .timeline .history-era .event img, .tpl-awards-page .timeline .history-era .event img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55.5555555556%;
          flex: 0 0 55.5555555556%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  max-width: 55.5555555556%;
}
.tpl-about-page .timeline .history-era .event .event-image, .tpl-awards-page .timeline .history-era .event .event-image {
  aspect-ratio: 4/3;
  max-width: 55.5555555556%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.tpl-about-page .timeline .history-era .event .event-image img, .tpl-awards-page .timeline .history-era .event .event-image img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .tpl-about-page .timeline .history-era .event .event-image, .tpl-awards-page .timeline .history-era .event .event-image {
    aspect-ratio: auto;
    max-width: none;
  }
  .tpl-about-page .timeline .history-era .event .event-image--default, .tpl-awards-page .timeline .history-era .event .event-image--default {
    padding: 50px;
  }
  .tpl-about-page .timeline .history-era .event .event-image img, .tpl-awards-page .timeline .history-era .event .event-image img {
    width: 100%;
  }
}
.tpl-about-page .timeline .history-era .event .desc, .tpl-awards-page .timeline .history-era .event .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 44.4444444444%;
          flex: 0 0 44.4444444444%;
  padding: 2rem;
}
.tpl-about-page .timeline .history-era .event .desc h3, .tpl-awards-page .timeline .history-era .event .desc h3 {
  color: #ff0000;
}
.tpl-about-page .timeline .history-era .event .desc ul, .tpl-awards-page .timeline .history-era .event .desc ul {
  list-style: disc outside none;
  padding-left: 1rem;
}
.tpl-about-page .timeline .history-era .event .desc ul li, .tpl-awards-page .timeline .history-era .event .desc ul li {
  padding-left: 0;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-about-page .timeline .history-era .event img, .tpl-awards-page .timeline .history-era .event img {
    width: 55.5555555556%;
  }
  .tpl-about-page .timeline .history-era .event .desc, .tpl-awards-page .timeline .history-era .event .desc {
    width: 44.4444444444%;
  }
}
@media only screen and (max-width: 720px) {
  .tpl-about-page .timeline .history-era, .tpl-awards-page .timeline .history-era {
    padding-left: 75px;
    padding-top: 75px;
  }
  .tpl-about-page .timeline .history-era .heading, .tpl-awards-page .timeline .history-era .heading {
    width: 150px;
    height: 150px;
    font-size: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-about-page .timeline .history-era, .tpl-awards-page .timeline .history-era {
    padding-left: 60px;
    padding-top: 60px;
  }
  .tpl-about-page .timeline .history-era .heading, .tpl-awards-page .timeline .history-era .heading {
    width: 120px;
    height: 120px;
  }
  .tpl-about-page .timeline .history-era .event, .tpl-awards-page .timeline .history-era .event {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tpl-about-page .timeline .history-era .event img, .tpl-about-page .timeline .history-era .event .desc, .tpl-awards-page .timeline .history-era .event img, .tpl-awards-page .timeline .history-era .event .desc {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-about-page .timeline .history-era, .tpl-awards-page .timeline .history-era {
    padding-left: 40px;
    padding-top: 40px;
  }
  .tpl-about-page .timeline .history-era .heading, .tpl-awards-page .timeline .history-era .heading {
    width: 80px;
    height: 80px;
    font-size: 20px;
  }
}

.tpl-awards-page .timeline:not(:last-child) {
  margin-bottom: 50px;
}
.tpl-awards-page .timeline .history-era .event-default-image {
  padding: 50px;
  background-color: #fff;
}

.about-partner-landing .offset .container {
  padding: 2.5rem 0 3.5rem;
}
.about-partner-landing .offset .container .btn, .about-partner-landing .offset .container .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .about-partner-landing .offset .container #ajaxSearch_submit {
  background-color: #fff;
  color: #3e484f;
}

.about-partner .content h3 {
  color: var(--section-color);
}

.about-committee table {
  width: 100%;
  border-spacing: 0;
  background-color: #f1f1f1;
  margin-bottom: 2rem;
  height: auto;
}
.about-committee table tr, .about-committee table td {
  height: auto;
}
.about-committee table td {
  padding: 0;
  text-align: left;
  vertical-align: top;
}
.about-committee table td:first-child {
  width: 33.3333%;
  font-size: 25px;
  line-height: 35px;
  color: #ff0000;
  padding: 30px 0 30px 30px;
}
.about-committee table td:last-child {
  width: 66.6667%;
  padding: 30px 30px 30px 0;
}
.about-committee table td:last-child ul {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  padding-left: 1.5rem;
  list-style: disc outside none;
}
.about-committee table td:last-child ul li {
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .about-committee table td:first-child {
    width: 50%;
    padding-right: 2rem;
  }
  .about-committee table td:last-child {
    width: 50%;
  }
  .about-committee table td:last-child ul {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
@media only screen and (max-width: 480px) {
  .about-committee table td:nth-child(n) {
    display: block;
    width: 100%;
  }
  .about-committee table td:first-child {
    padding-bottom: 0;
  }
  .about-committee table td:last-child {
    padding-left: 2rem;
    padding-top: 1rem;
  }
}

.about-reports .current-year-report {
  padding-top: 15px !important;
}
.about-reports .current-year-report .annual-report-wrapper {
  max-height: 449px;
  position: relative;
  width: 100%;
}
.about-reports .current-year-report .annual-report-wrapper img.annual-report-cover {
  max-height: 449px;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-reports .current-year-report .annual-report-wrapper .go-to-report-button {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.about-reports .financial-report-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 920px;
  margin: 0 auto;
  width: calc(100% + 20px);
}
.about-reports .financial-report-list .financial-report-item {
  position: relative;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 80px) / 4);
          flex: 0 0 calc((100% - 80px) / 4);
  margin: 0 10px 20px;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .about-reports .financial-report-list .financial-report-item {
    width: calc((100% - 80px) / 4);
  }
}
.about-reports .financial-report-list .financial-report-item .label {
  margin-top: 1rem;
  font-size: 25px;
}
.about-reports .financial-report-list.flat {
  display: block;
}
.about-reports .financial-report-list.flat .financial-report-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .about-reports .financial-report-list.flat .financial-report-item {
    width: auto;
  }
}
.about-reports .financial-report-list.flat .financial-report-item .label {
  margin: 0;
}
@media only screen and (max-width: 1080px) {
  .about-reports .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 960px) {
  .about-reports .container .financial-report-list {
    width: 100%;
  }
  .about-reports .container .financial-report-item {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    margin: 0 1.6665% 20px;
  }
}
@media only screen and (max-width: 640px) {
  .about-reports .financial-report-list .financial-report-item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .about-reports .financial-report-list .financial-report-item .label {
    font-size: 20px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 480px) {
  .about-reports .financial-report-list.flat .financial-report-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .about-reports .financial-report-list.flat .financial-report-item .label {
    margin-bottom: 1rem;
  }
}

.tpl-annivhome #main,
.tpl-annivevent #main {
  margin-top: 0;
}
.tpl-annivhome .lang,
.tpl-annivhome .mlang,
.tpl-annivevent .lang,
.tpl-annivevent .mlang {
  color: #fff;
}
.tpl-annivhome.nav-open header .nav-toggle,
.tpl-annivevent.nav-open header .nav-toggle {
  background: none;
}
.tpl-annivhome.modal-open,
.tpl-annivevent.modal-open {
  overflow: hidden;
}
.tpl-annivhome .cols,
.tpl-annivevent .cols {
  grid-gap: 20px;
}
.tpl-annivhome h2,
.tpl-annivevent h2 {
  text-align: left;
  line-height: 55px;
}
.tpl-annivhome h4, .tpl-annivhome .tpl-result .ranks .rank-item, .tpl-result .ranks .tpl-annivhome .rank-item, .tpl-annivhome .tpl-result .comment .num, .tpl-result .comment .tpl-annivhome .num,
.tpl-annivevent h4,
.tpl-annivevent .tpl-result .ranks .rank-item,
.tpl-result .ranks .tpl-annivevent .rank-item,
.tpl-annivevent .tpl-result .comment .num,
.tpl-result .comment .tpl-annivevent .num {
  margin-bottom: 0.5rem;
}
.tpl-annivhome section,
.tpl-annivevent section {
  padding: 4rem 0;
}
@media only screen and (max-width: 1080px) {
  .tpl-annivhome section .container,
  .tpl-annivevent section .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-annivhome section,
  .tpl-annivevent section {
    padding: 2rem 0;
  }
}
.tpl-annivhome header:before,
.tpl-annivevent header:before {
  background: -webkit-gradient(linear, left top, right top, from(#ed1b31), color-stop(60%, #790000), to(#5d0000));
  background: linear-gradient(to right, #ed1b31 0%, #790000 60%, #5d0000 100%);
}
.tpl-annivhome header nav,
.tpl-annivevent header nav {
  -ms-flex-item-align: center;
      align-self: center;
}
.tpl-annivhome header nav ul,
.tpl-annivevent header nav ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-annivhome header nav li:hover a:not(.family-month-nav-dropdown-link), .tpl-annivhome header nav li.active a:not(.family-month-nav-dropdown-link),
.tpl-annivevent header nav li:hover a:not(.family-month-nav-dropdown-link),
.tpl-annivevent header nav li.active a:not(.family-month-nav-dropdown-link) {
  color: #fcaf17;
}
.tpl-annivhome header nav a,
.tpl-annivevent header nav a {
  color: #fff;
}
.tpl-annivhome header .links,
.tpl-annivevent header .links {
  -ms-flex-item-align: center;
      align-self: center;
}
.tpl-annivhome header .megamenu a,
.tpl-annivevent header .megamenu a {
  text-decoration: none;
}
.tpl-annivhome header .nav-toggle,
.tpl-annivevent header .nav-toggle {
  background: linear-gradient(to bottom, transparent 0%, transparent 9px, #fff 9px, #fff 11px, transparent 11px, transparent 100%);
}
.tpl-annivhome header .nav-toggle:before, .tpl-annivhome header .nav-toggle:after,
.tpl-annivevent header .nav-toggle:before,
.tpl-annivevent header .nav-toggle:after {
  background-color: #fff;
}
.tpl-annivhome .carousel .slide-item,
.tpl-annivevent .carousel .slide-item {
  position: relative;
}
.tpl-annivhome .carousel .slide-item.tint:before,
.tpl-annivevent .carousel .slide-item.tint:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.tpl-annivhome .carousel .slide-item .overlay,
.tpl-annivevent .carousel .slide-item .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
  font-family: "MheiHK", Arial, sans-serif;
  font-size: 30px;
  line-height: 1.5;
  text-align: left;
  color: #fff;
}
.tpl-annivhome .carousel .slide-item .coverlink,
.tpl-annivevent .carousel .slide-item .coverlink {
  z-index: 20;
}
@media only screen and (max-width: 720px) {
  .tpl-annivhome .carousel .slide-item .overlay,
  .tpl-annivevent .carousel .slide-item .overlay {
    font-size: 24px;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-annivhome .carousel .slide-item .overlay,
  .tpl-annivevent .carousel .slide-item .overlay {
    font-size: 16px;
  }
}
.tpl-annivhome #directors-message .col-item figure, .tpl-annivhome #ce-message .col-item figure,
.tpl-annivevent #directors-message .col-item figure,
.tpl-annivevent #ce-message .col-item figure {
  max-width: 100%;
}
.tpl-annivhome #directors-message .col-item img, .tpl-annivhome #ce-message .col-item img,
.tpl-annivevent #directors-message .col-item img,
.tpl-annivevent #ce-message .col-item img {
  width: auto;
  max-width: 100%;
}
.tpl-annivhome #directors-message .photos, .tpl-annivhome #ce-message .photos,
.tpl-annivevent #directors-message .photos,
.tpl-annivevent #ce-message .photos {
  margin-top: 4rem;
}
.tpl-annivhome #directors-message .photos img, .tpl-annivhome #ce-message .photos img,
.tpl-annivevent #directors-message .photos img,
.tpl-annivevent #ce-message .photos img {
  max-width: 100%;
}
@media only screen and (max-width: 640px) {
  .tpl-annivhome #directors-message .cols.col2, .tpl-annivhome #ce-message .cols.col2,
  .tpl-annivevent #directors-message .cols.col2,
  .tpl-annivevent #ce-message .cols.col2 {
    grid-template-columns: 1fr;
  }
  .tpl-annivhome #directors-message .cols.col2 .col-item h2, .tpl-annivhome #ce-message .cols.col2 .col-item h2,
  .tpl-annivevent #directors-message .cols.col2 .col-item h2,
  .tpl-annivevent #ce-message .cols.col2 .col-item h2 {
    margin: 0;
  }
  .tpl-annivhome #directors-message .cols.col2 .col-item:last-child, .tpl-annivhome #ce-message .cols.col2 .col-item:last-child,
  .tpl-annivevent #directors-message .cols.col2 .col-item:last-child,
  .tpl-annivevent #ce-message .cols.col2 .col-item:last-child {
    margin-bottom: 0;
  }
}
.tpl-annivhome #journey,
.tpl-annivevent #journey {
  overflow: hidden;
}
.tpl-annivhome #journey .timeline-container,
.tpl-annivevent #journey .timeline-container {
  position: relative;
  margin-top: 5rem;
}
.tpl-annivhome #journey .timeline-container .timeline-viewport,
.tpl-annivevent #journey .timeline-container .timeline-viewport {
  overflow: hidden;
}
@media only screen and (max-width: 960px) {
  .tpl-annivhome #journey .timeline-container .timeline-viewport,
  .tpl-annivevent #journey .timeline-container .timeline-viewport {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 2rem;
  }
}
.tpl-annivhome #journey .timeline-container .timeline,
.tpl-annivevent #journey .timeline-container .timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: calc((100% - 1080px) / 2);
  padding-right: calc((100% - 1080px) / 2);
}
.tpl-annivhome #journey .timeline-container .timeline .history-era,
.tpl-annivevent #journey .timeline-container .timeline .history-era {
  position: relative;
  padding-left: 80px;
  padding-top: 80px;
}
.tpl-annivhome #journey .timeline-container .timeline .history-era .heading,
.tpl-annivevent #journey .timeline-container .timeline .history-era .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 160px;
  height: 160px;
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #c41427;
  border-radius: 50%;
}
.tpl-annivhome #journey .timeline-container .timeline .history-era .events,
.tpl-annivevent #journey .timeline-container .timeline .history-era .events {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-top: 3px solid #c41427;
}
.tpl-annivhome #journey .timeline-container .timeline .history-era .event,
.tpl-annivevent #journey .timeline-container .timeline .history-era .event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  min-width: 25rem;
  margin-right: 8rem;
  max-width: 400px;
}
.tpl-annivhome #journey .timeline-container .timeline .history-era .event img,
.tpl-annivevent #journey .timeline-container .timeline .history-era .event img {
  max-width: 400px;
}
.tpl-annivhome #journey .timeline-container .timeline .history-era .event .desc,
.tpl-annivevent #journey .timeline-container .timeline .history-era .event .desc {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 3rem;
  background-color: #f1f1f1;
}
.tpl-annivhome #journey .timeline-container .timeline .history-era .event .desc h3,
.tpl-annivevent #journey .timeline-container .timeline .history-era .event .desc h3 {
  color: #ff0000;
}
.tpl-annivhome #journey .timeline-container .timeline .history-era .event .desc ul,
.tpl-annivevent #journey .timeline-container .timeline .history-era .event .desc ul {
  list-style: disc outside none;
  padding-left: 1rem;
}
.tpl-annivhome #journey .timeline-container .timeline .history-era .event .desc ul li,
.tpl-annivevent #journey .timeline-container .timeline .history-era .event .desc ul li {
  padding-left: 0;
}
.tpl-annivhome #journey .timeline-container .timeline .history-era .event:last-child,
.tpl-annivevent #journey .timeline-container .timeline .history-era .event:last-child {
  margin-right: 3rem;
}
.tpl-annivhome #journey .timeline-container .timeline .history-era:last-child .event:last-child,
.tpl-annivevent #journey .timeline-container .timeline .history-era:last-child .event:last-child {
  margin-right: 5rem;
}
@media only screen and (max-width: 960px) {
  .tpl-annivhome #journey .timeline-container .timeline,
  .tpl-annivevent #journey .timeline-container .timeline {
    margin-left: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.tpl-annivhome #journey .timeline-container .timeline-nav a,
.tpl-annivevent #journey .timeline-container .timeline-nav a {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50);
          transform: translateY(-50);
}
.tpl-annivhome #journey .timeline-container .timeline-nav a.prev,
.tpl-annivevent #journey .timeline-container .timeline-nav a.prev {
  left: calc((100% - 1080px) / 2);
}
.tpl-annivhome #journey .timeline-container .timeline-nav a.next,
.tpl-annivevent #journey .timeline-container .timeline-nav a.next {
  right: calc((100% - 1080px) / 2);
}
.tpl-annivhome #journey .timeline-container .timeline-nav img,
.tpl-annivevent #journey .timeline-container .timeline-nav img {
  width: 3rem;
}
@media only screen and (max-width: 960px) {
  .tpl-annivhome #journey .timeline-container .timeline-nav,
  .tpl-annivevent #journey .timeline-container .timeline-nav {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-annivhome #journey .cols.col2,
  .tpl-annivevent #journey .cols.col2 {
    grid-template-columns: 1fr;
  }
  .tpl-annivhome #journey .cols.col2 .col-item h2,
  .tpl-annivevent #journey .cols.col2 .col-item h2 {
    margin: 0;
  }
  .tpl-annivhome #journey .cols.col2 .col-item:last-child,
  .tpl-annivevent #journey .cols.col2 .col-item:last-child {
    margin-bottom: 0;
  }
  .tpl-annivhome #journey .timeline-container .timeline .history-era,
  .tpl-annivevent #journey .timeline-container .timeline .history-era {
    padding-left: 40px;
    padding-top: 40px;
  }
  .tpl-annivhome #journey .timeline-container .timeline .history-era .heading,
  .tpl-annivevent #journey .timeline-container .timeline .history-era .heading {
    width: 80px;
    height: 80px;
    font-size: 16px;
  }
  .tpl-annivhome #journey .timeline-container .timeline .history-era .event,
  .tpl-annivevent #journey .timeline-container .timeline .history-era .event {
    min-width: 20rem;
  }
  .tpl-annivhome #journey .timeline-container .timeline .history-era .event .desc,
  .tpl-annivevent #journey .timeline-container .timeline .history-era .event .desc {
    padding: 1.5rem;
  }
}
.tpl-annivhome #events .event-item,
.tpl-annivevent #events .event-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 180px;
  background-color: #fff;
}
.tpl-annivhome #events .event-item .date,
.tpl-annivevent #events .event-item .date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1.5rem 0 1.5rem 1.5rem;
}
.tpl-annivhome #events .event-item .date .month,
.tpl-annivhome #events .event-item .date .day,
.tpl-annivevent #events .event-item .date .month,
.tpl-annivevent #events .event-item .date .day {
  text-align: center;
}
.tpl-annivhome #events .event-item .date .month,
.tpl-annivevent #events .event-item .date .month {
  padding: 0.5rem 0;
  background-color: #f1f1f1;
  font-size: 20px;
  line-height: 1;
}
.tpl-annivhome #events .event-item .date .day,
.tpl-annivevent #events .event-item .date .day {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 900;
  color: #fff;
  background-color: #ff0000;
}
.tpl-annivhome #events .event-item .title,
.tpl-annivevent #events .event-item .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: auto;
}
.tpl-annivhome #events .event-item .image,
.tpl-annivevent #events .event-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.tpl-annivhome #events .event-item img,
.tpl-annivevent #events .event-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-annivhome #events .event-list,
  .tpl-annivevent #events .event-list {
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px;
  }
  .tpl-annivhome #events .event-item,
  .tpl-annivevent #events .event-item {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
    overflow: hidden;
  }
  .tpl-annivhome #events .event-item .title,
  .tpl-annivevent #events .event-item .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 210px;
            flex: 0 1 210px;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-annivhome #events .event-item .image,
  .tpl-annivevent #events .event-item .image {
    max-width: calc((100% - 144px) / 2);
  }
}
@media only screen and (max-width: 800px) {
  .tpl-annivhome #events h2,
  .tpl-annivevent #events h2 {
    margin-bottom: 2rem;
  }
  .tpl-annivhome #events .event-list,
  .tpl-annivevent #events .event-list {
    grid-template-columns: 1fr;
  }
  .tpl-annivhome #events .event-list .event-item,
  .tpl-annivevent #events .event-list .event-item {
    height: auto;
    min-height: 180px;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-annivhome #events .event-list .event-item,
  .tpl-annivevent #events .event-list .event-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tpl-annivhome #events .event-list .event-item .date,
  .tpl-annivevent #events .event-list .event-item .date {
    min-height: 180px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .tpl-annivhome #events .event-list .event-item .title,
  .tpl-annivevent #events .event-list .event-item .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 120px);
            flex: 0 1 calc(100% - 120px);
  }
  .tpl-annivhome #events .event-list .event-item .image,
  .tpl-annivevent #events .event-list .event-item .image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    max-height: 200px;
  }
}
.tpl-annivhome #videos .video-item,
.tpl-annivevent #videos .video-item {
  position: relative;
}
.tpl-annivhome #videos .video-item:before,
.tpl-annivevent #videos .video-item:before {
  content: attr(title);
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  color: #fff;
}
.tpl-annivhome #videos .video-item:after,
.tpl-annivevent #videos .video-item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/70anniversary/btn-play.png") no-repeat center/60px auto transparent;
  pointer-events: none;
}
@media only screen and (max-width: 640px) {
  .tpl-annivhome #videos .cols.col2,
  .tpl-annivevent #videos .cols.col2 {
    grid-template-columns: 1fr;
  }
}
.tpl-annivhome #highlights .highlights-list, .tpl-annivhome #interviews .highlights-list,
.tpl-annivevent #highlights .highlights-list,
.tpl-annivevent #interviews .highlights-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "feature feature feature feature" " . . . . ";
  grid-gap: 20px;
}
.tpl-annivhome #highlights .highlight-item, .tpl-annivhome #interviews .highlight-item,
.tpl-annivevent #highlights .highlight-item,
.tpl-annivevent #interviews .highlight-item {
  position: relative;
}
.tpl-annivhome #highlights .highlight-item:first-child, .tpl-annivhome #interviews .highlight-item:first-child,
.tpl-annivevent #highlights .highlight-item:first-child,
.tpl-annivevent #interviews .highlight-item:first-child {
  grid-area: feature;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.tpl-annivhome #highlights .highlight-item:first-child img, .tpl-annivhome #interviews .highlight-item:first-child img,
.tpl-annivevent #highlights .highlight-item:first-child img,
.tpl-annivevent #interviews .highlight-item:first-child img {
  height: 524px;
  max-height: unset;
}
.tpl-annivhome #highlights .highlight-item:first-child .desc, .tpl-annivhome #interviews .highlight-item:first-child .desc,
.tpl-annivevent #highlights .highlight-item:first-child .desc,
.tpl-annivevent #interviews .highlight-item:first-child .desc {
  padding: 3rem;
}
.tpl-annivhome #highlights .highlight-item img, .tpl-annivhome #highlights .highlight-item video, .tpl-annivhome #interviews .highlight-item img, .tpl-annivhome #interviews .highlight-item video,
.tpl-annivevent #highlights .highlight-item img,
.tpl-annivevent #highlights .highlight-item video,
.tpl-annivevent #interviews .highlight-item img,
.tpl-annivevent #interviews .highlight-item video {
  display: block;
  min-height: 230px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  background-color: #f1f1f1;
}
.tpl-annivhome #highlights .highlight-item .desc, .tpl-annivhome #interviews .highlight-item .desc,
.tpl-annivevent #highlights .highlight-item .desc,
.tpl-annivevent #interviews .highlight-item .desc {
  position: relative;
  padding: 1.25rem;
}
.tpl-annivhome #highlights .highlight-item .desc:after, .tpl-annivhome #interviews .highlight-item .desc:after,
.tpl-annivevent #highlights .highlight-item .desc:after,
.tpl-annivevent #interviews .highlight-item .desc:after {
  content: "";
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 15px;
  height: 15px;
  border-right: 4px solid #3e484f;
  border-bottom: 4px solid #3e484f;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media only screen and (max-width: 640px) {
  .tpl-annivhome #highlights h2, .tpl-annivhome #interviews h2,
  .tpl-annivevent #highlights h2,
  .tpl-annivevent #interviews h2 {
    margin-bottom: 2rem;
  }
  .tpl-annivhome #highlights .highlights-list, .tpl-annivhome #interviews .highlights-list,
  .tpl-annivevent #highlights .highlights-list,
  .tpl-annivevent #interviews .highlights-list {
    grid-template-columns: 1fr;
    grid-template-areas: "feature" " . ";
  }
  .tpl-annivhome #highlights .highlight-item:first-child, .tpl-annivhome #interviews .highlight-item:first-child,
  .tpl-annivevent #highlights .highlight-item:first-child,
  .tpl-annivevent #interviews .highlight-item:first-child {
    display: block;
  }
  .tpl-annivhome #highlights .highlight-item:first-child img, .tpl-annivhome #interviews .highlight-item:first-child img,
  .tpl-annivevent #highlights .highlight-item:first-child img,
  .tpl-annivevent #interviews .highlight-item:first-child img {
    height: auto;
  }
  .tpl-annivhome #highlights .highlight-item:first-child .desc, .tpl-annivhome #interviews .highlight-item:first-child .desc,
  .tpl-annivevent #highlights .highlight-item:first-child .desc,
  .tpl-annivevent #interviews .highlight-item:first-child .desc {
    padding: 1.5rem;
  }
}
.tpl-annivhome #contact strong,
.tpl-annivevent #contact strong {
  font-weight: 900;
}
.tpl-annivhome #contact table,
.tpl-annivevent #contact table {
  margin-bottom: 2rem;
}
.tpl-annivhome #contact table td,
.tpl-annivevent #contact table td {
  font-size: 16px;
  line-height: 1.7;
}
.tpl-annivhome #contact table td:first-child,
.tpl-annivevent #contact table td:first-child {
  min-width: 55px;
}
.tpl-annivhome #contact table td br,
.tpl-annivevent #contact table td br {
  display: none;
}
@media only screen and (max-width: 640px) {
  .tpl-annivhome #contact .cols.col2,
  .tpl-annivevent #contact .cols.col2 {
    grid-template-columns: 1fr;
  }
  .tpl-annivhome #contact .cols.col2 .col-item h2,
  .tpl-annivevent #contact .cols.col2 .col-item h2 {
    margin: 0;
  }
  .tpl-annivhome #contact .cols.col2 .col-item:last-child,
  .tpl-annivevent #contact .cols.col2 .col-item:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-annivhome #contact table td br,
  .tpl-annivevent #contact table td br {
    display: inline;
  }
}
.tpl-annivhome footer,
.tpl-annivevent footer {
  padding: 1.5rem 0;
}
.tpl-annivhome footer .container,
.tpl-annivevent footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1080px) {
  .tpl-annivhome footer .container,
  .tpl-annivevent footer .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.tpl-annivhome footer p,
.tpl-annivevent footer p {
  margin: 0;
  font-size: 13px;
}
.tpl-annivhome footer p a,
.tpl-annivevent footer p a {
  margin-left: 3.5rem;
  color: #fff;
}
.tpl-annivhome footer .social,
.tpl-annivevent footer .social {
  display: block;
  margin: 0;
}
.tpl-annivhome footer .social ul,
.tpl-annivevent footer .social ul {
  margin: 0;
}
.tpl-annivhome footer .social ul li,
.tpl-annivevent footer .social ul li {
  margin-left: 1rem;
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .tpl-annivhome footer .container,
  .tpl-annivevent footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tpl-annivhome footer .container p,
  .tpl-annivevent footer .container p {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
  }
  .tpl-annivhome footer .container p a,
  .tpl-annivevent footer .container p a {
    display: block;
    margin: 0;
  }
  .tpl-annivhome footer .container .social,
  .tpl-annivevent footer .container .social {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-bottom: 1rem;
  }
  .tpl-annivhome footer .container .social li,
  .tpl-annivevent footer .container .social li {
    margin: 0;
  }
}
.tpl-annivhome .video-popup,
.tpl-annivevent .video-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: -1;
}
.tpl-annivhome .video-popup .close,
.tpl-annivevent .video-popup .close {
  position: absolute;
  left: calc(100% + 2rem);
  top: 0;
  width: 22px;
  height: 22px;
}
.tpl-annivhome .video-popup .close:before, .tpl-annivhome .video-popup .close:after,
.tpl-annivevent .video-popup .close:before,
.tpl-annivevent .video-popup .close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  height: 2px;
  background-color: #ff0000;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.tpl-annivhome .video-popup .close:before,
.tpl-annivevent .video-popup .close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tpl-annivhome .video-popup .close:after,
.tpl-annivevent .video-popup .close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (max-width: 1200px) {
  .tpl-annivhome .video-popup .close,
  .tpl-annivevent .video-popup .close {
    left: auto;
    right: 0;
    top: -2rem;
  }
}
.tpl-annivhome .video-popup .container,
.tpl-annivevent .video-popup .container {
  max-height: 80vh;
}
@media screen and (max-width: 1200px) {
  .tpl-annivhome .video-popup .container,
  .tpl-annivevent .video-popup .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.tpl-annivhome .video-popup .player-wrapper,
.tpl-annivevent .video-popup .player-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
}
.tpl-annivhome .video-popup .player-wrapper iframe,
.tpl-annivevent .video-popup .player-wrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 80vh;
}
.tpl-annivhome.video-open .video-popup,
.tpl-annivevent.video-open .video-popup {
  opacity: 1;
  pointer-events: auto;
  z-index: 1000;
}
.tpl-annivhome.video-open .video-popup .player-wrapper,
.tpl-annivevent.video-open .video-popup .player-wrapper {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.tpl-annivhome #highlights .highlight-item:first-child img, .tpl-annivhome #interviews .highlight-item:first-child img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.tpl-annivevent .back {
  position: relative;
  padding-left: 1.5rem;
  display: inline-block;
  margin-bottom: 1.5rem;
  text-decoration: none;
  color: #ff0000;
}
.tpl-annivevent .back:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  border-left: 3px solid #ff0000;
  border-bottom: 3px solid #ff0000;
}
.tpl-annivevent .intro {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: 1fr 5fr;
  grid-template-areas: "date title title title title title" " . desc desc desc desc desc";
}
.tpl-annivevent .intro .date {
  grid-area: date;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tpl-annivevent .intro .date .month,
.tpl-annivevent .intro .date .day {
  text-align: center;
  width: 100px;
}
.tpl-annivevent .intro .date .month {
  padding: 0.5rem 0;
  background-color: #f1f1f1;
  font-size: 20px;
  line-height: 1;
}
.tpl-annivevent .intro .date .day {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 900;
  color: #fff;
  background-color: #ff0000;
  min-height: 100px;
}
.tpl-annivevent .intro h3 {
  grid-area: title;
}
.tpl-annivevent .intro .desc {
  grid-area: desc;
}
.tpl-annivevent .intro .desc h3 {
  margin-bottom: 3.5rem;
}
.tpl-annivevent .intro .desc .share {
  float: right;
  height: 3rem;
  margin-top: 1.5rem;
  width: 110px;
  text-align: center;
}
.tpl-annivevent .intro .desc .share > img, .tpl-annivevent .intro .desc .share > span {
  display: inline-block;
  vertical-align: baseline;
  line-height: 1;
}
.tpl-annivevent .intro .desc .share .inline_share_toolbox {
  position: relative;
  top: -2px;
  overflow: hidden;
  display: inline-block;
  max-width: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: top;
  background-color: white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
}
.tpl-annivevent .intro .desc .share .inline_share_toolbox .at-resp-share-element .at-share-btn {
  margin: 0 0.5rem 0 0;
}
.tpl-annivevent .intro .desc .share .inline_share_toolbox .at-resp-share-element .at-share-btn:last-child {
  margin: 0;
}
.tpl-annivevent .intro .desc .share .inline_share_toolbox .at-resp-share-element .at-share-btn:hover {
  -webkit-transform: none;
          transform: none;
}
.tpl-annivevent .intro .desc .share > span {
  overflow: hidden;
  max-width: 45px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
[lang^=en] .tpl-annivevent .intro .desc .share > span {
  max-width: 100%;
}
.tpl-annivevent .intro .desc .share:hover > span {
  max-width: 0;
}
.tpl-annivevent .intro .desc .share:hover .inline_share_toolbox {
  max-width: 70px;
}
.tpl-annivevent .visual {
  margin-top: 2.5rem;
}
.tpl-annivevent .modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-annivevent .modal:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 0;
}
.tpl-annivevent .modal .close {
  position: absolute;
  top: 3rem;
  right: 3rem;
  width: 22px;
  height: 22px;
  z-index: 100;
}
.tpl-annivevent .modal .close:before, .tpl-annivevent .modal .close:after {
  content: "";
  position: absolute;
  left: 0;
  width: 28px;
  height: 2px;
  background-color: #ff0000;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.tpl-annivevent .modal .close:before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tpl-annivevent .modal .close:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.tpl-annivevent .modal .modal-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 1080px;
  height: 90vh;
  max-height: 720px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-annivevent.modal-open .modal {
  opacity: 1;
  z-index: 999;
  pointer-events: auto;
}
.tpl-annivevent #highlights .highlights-list .highlight-item, .tpl-annivevent #interviews .highlights-list .highlight-item {
  display: block;
}
.tpl-annivevent #highlights .highlights-list .highlight-item img, .tpl-annivevent #interviews .highlights-list .highlight-item img {
  width: 100%;
  height: 100%;
  max-height: 250px;
}
.tpl-annivevent #highlights .highlights-list .highlight-item:first-child img, .tpl-annivevent #interviews .highlights-list .highlight-item:first-child img {
  max-height: unset;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-annivevent #highlights .highlights-list, .tpl-annivevent #interviews .highlights-list {
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    margin: 0 -10px;
  }
  .tpl-annivevent #highlights .highlights-list .highlight-item, .tpl-annivevent #interviews .highlights-list .highlight-item {
    width: calc(25% - 10px);
    margin: 0 10px 20px;
  }
  .tpl-annivevent #highlights .highlights-list .highlight-item:first-child, .tpl-annivevent #interviews .highlights-list .highlight-item:first-child {
    width: 100%;
  }
  .tpl-annivevent #highlights .highlights-list .highlight-item a, .tpl-annivevent #interviews .highlights-list .highlight-item a {
    display: block;
  }
  .tpl-annivevent #highlights .highlights-list .highlight-item img, .tpl-annivevent #interviews .highlights-list .highlight-item img {
    visibility: hidden;
  }
}
@media only screen and (max-width: 800px) {
  .tpl-annivevent .intro .detail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(83.3333333333% - 2rem);
            flex: 0 0 calc(83.3333333333% - 2rem);
    padding-left: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-annivevent .intro {
    grid-template-columns: 1fr 3fr;
    grid-template-areas: "date title title title" "desc desc desc desc";
    margin-top: 2.5rem;
  }
  .tpl-annivevent .intro h3 {
    padding-left: 1rem;
  }
  .tpl-annivevent .intro .desc {
    margin-top: 1rem;
  }
}

.tpl-annivhome.anniv75,
.tpl-annivevent.anniv75 {
  scroll-behavior: smooth;
}
.tpl-annivhome.anniv75 .btn.btn-primary, .tpl-annivhome.anniv75 .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-annivhome.anniv75 #ajaxSearch_submit,
.tpl-annivevent.anniv75 .btn.btn-primary,
.tpl-annivevent.anniv75 .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit,
.tpl-searchresults #ajaxSearch_form .tpl-annivevent.anniv75 #ajaxSearch_submit {
  background-color: #0093D6;
}
.tpl-annivhome.anniv75 header::before,
.tpl-annivevent.anniv75 header::before {
  background: #0093D6;
}
.tpl-annivhome.anniv75 header .mainnav li,
.tpl-annivevent.anniv75 header .mainnav li {
  border-color: #fff;
}
.tpl-annivhome.anniv75 section,
.tpl-annivevent.anniv75 section {
  scroll-margin-top: 100px;
}
@media screen and (max-width: 960px) {
  .tpl-annivhome.anniv75 section,
  .tpl-annivevent.anniv75 section {
    scroll-margin-top: 70px;
  }
}
.tpl-annivhome.anniv75 .scrolly,
.tpl-annivevent.anniv75 .scrolly {
  position: relative;
  margin: 2rem 0 6rem;
  padding: 2rem 0;
  overflow: hidden;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-nav,
.tpl-annivevent.anniv75 .scrolly .scrolly-nav {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 10;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-nav::before,
.tpl-annivevent.anniv75 .scrolly .scrolly-nav::before {
  content: "";
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background: rgba(26, 26, 26, 0.25);
  border-radius: 50%;
  cursor: pointer;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-nav::after,
.tpl-annivevent.anniv75 .scrolly .scrolly-nav::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: calc(50% - 5px);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tpl-annivhome.anniv75 .scrolly .scrolly-nav.left,
.tpl-annivevent.anniv75 .scrolly .scrolly-nav.left {
  left: 0;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-nav.left::before,
.tpl-annivevent.anniv75 .scrolly .scrolly-nav.left::before {
  left: 2rem;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-nav.left::after,
.tpl-annivevent.anniv75 .scrolly .scrolly-nav.left::after {
  left: 3rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.tpl-annivhome.anniv75 .scrolly .scrolly-nav.right,
.tpl-annivevent.anniv75 .scrolly .scrolly-nav.right {
  right: 0;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-nav.right::before,
.tpl-annivevent.anniv75 .scrolly .scrolly-nav.right::before {
  right: 2rem;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-nav.right::after,
.tpl-annivevent.anniv75 .scrolly .scrolly-nav.right::after {
  right: 3rem;
}
.tpl-annivhome.anniv75 .scrolly.reverse .scrolly-wrapper-outer,
.tpl-annivevent.anniv75 .scrolly.reverse .scrolly-wrapper-outer {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tpl-annivhome.anniv75 .scrolly.reverse .scrolly-wrapper-outer .scrolly-wrapper,
.tpl-annivevent.anniv75 .scrolly.reverse .scrolly-wrapper-outer .scrolly-wrapper {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-wrapper-outer,
.tpl-annivevent.anniv75 .scrolly .scrolly-wrapper-outer {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: ticker-reverse;
          animation-name: ticker-reverse;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-wrapper-outer:hover,
.tpl-annivevent.anniv75 .scrolly .scrolly-wrapper-outer:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-wrapper-outer:hover .scrolly-wrapper,
.tpl-annivevent.anniv75 .scrolly .scrolly-wrapper-outer:hover .scrolly-wrapper {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tpl-annivhome.anniv75 .scrolly .scrolly-wrapper,
.tpl-annivevent.anniv75 .scrolly .scrolly-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: ticker;
          animation-name: ticker;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}
.tpl-annivhome.anniv75 .scrolly .interviewee,
.tpl-annivevent.anniv75 .scrolly .interviewee {
  position: relative;
  width: 420px;
  margin-right: 30px;
  padding-bottom: 76px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 480) {
  .tpl-annivhome.anniv75 .scrolly .interviewee,
  .tpl-annivevent.anniv75 .scrolly .interviewee {
    width: calc(100% - 4rem);
    min-width: 320px;
  }
}
.tpl-annivhome.anniv75 .scrolly .interviewee .caption,
.tpl-annivevent.anniv75 .scrolly .interviewee .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 76px;
  padding: 8px 12px;
  font-size: 22px;
  line-height: 1.25;
  color: #fff;
  background: #ff0000;
}
[lang^=en] .tpl-annivhome.anniv75 .scrolly .interviewee .caption,
[lang^=en] .tpl-annivevent.anniv75 .scrolly .interviewee .caption {
  font-size: 16px;
}
@media screen and (max-width: 480) {
  .tpl-annivhome.anniv75 .scrolly .interviewee .caption,
  .tpl-annivevent.anniv75 .scrolly .interviewee .caption {
    height: auto;
    min-height: 76px;
  }
}
.tpl-annivhome.anniv75 .scrolly .interviewee:hover,
.tpl-annivevent.anniv75 .scrolly .interviewee:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.tpl-annivhome.anniv75 #journey,
.tpl-annivevent.anniv75 #journey {
  overflow: unset;
}
.tpl-annivhome.anniv75 #journey .timeline-container,
.tpl-annivevent.anniv75 #journey .timeline-container {
  position: relative;
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger {
  position: absolute;
  top: 0;
  height: 100%;
  width: 15vw;
  z-index: 99;
}
@media screen and (max-width: 800px) {
  .tpl-annivhome.anniv75 #journey .timeline-container .trigger,
  .tpl-annivevent.anniv75 #journey .timeline-container .trigger {
    display: none;
  }
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger.prev,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger.prev {
  left: 15vw;
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger.next,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger.next {
  right: 15vw;
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger.x2::before,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger.x2::before {
  content: "";
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background: rgba(26, 26, 26, 0.25);
  border-radius: 50%;
  cursor: pointer;
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger.x2::after,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger.x2::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: calc(50% - 5px);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger.x2.prev,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger.x2.prev {
  left: 0;
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger.x2.prev::before,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger.x2.prev::before {
  left: 2rem;
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger.x2.prev::after,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger.x2.prev::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  left: 3rem;
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger.x2.next,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger.x2.next {
  right: 0;
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger.x2.next::before,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger.x2.next::before {
  right: 2rem;
}
.tpl-annivhome.anniv75 #journey .timeline-container .trigger.x2.next::after,
.tpl-annivevent.anniv75 #journey .timeline-container .trigger.x2.next::after {
  right: 3rem;
}
.tpl-annivhome.anniv75 #events .event-item,
.tpl-annivevent.anniv75 #events .event-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 240px;
}
@media only screen and (max-width: 480px) {
  .tpl-annivhome.anniv75 #events .event-item,
  .tpl-annivevent.anniv75 #events .event-item {
    height: auto;
  }
}
.tpl-annivhome.anniv75 #events .event-item:hover .date,
.tpl-annivevent.anniv75 #events .event-item:hover .date {
  background: #ff0000;
}
.tpl-annivhome.anniv75 #events .event-item:hover .image img,
.tpl-annivevent.anniv75 #events .event-item:hover .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.tpl-annivhome.anniv75 #events .event-item .date,
.tpl-annivevent.anniv75 #events .event-item .date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  width: 100%;
  padding: 8px 30px;
  font-size: 30px;
  line-height: 1.3;
  background: #0093D6;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 480px) {
  .tpl-annivhome.anniv75 #events .event-item .date,
  .tpl-annivevent.anniv75 #events .event-item .date {
    min-height: unset;
  }
}
.tpl-annivhome.anniv75 #events .event-item .desc,
.tpl-annivevent.anniv75 #events .event-item .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 480px) {
  .tpl-annivhome.anniv75 #events .event-item .desc,
  .tpl-annivevent.anniv75 #events .event-item .desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.tpl-annivhome.anniv75 #events .event-item .title,
.tpl-annivevent.anniv75 #events .event-item .title {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 20px 30px;
  color: #ff0000;
  font-size: 30px;
  line-height: 1.3333;
}
.tpl-annivhome.anniv75 #events .event-item .image,
.tpl-annivevent.anniv75 #events .event-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  width: 220px;
  height: 180px;
  overflow: hidden;
}
.tpl-annivhome.anniv75 #events .event-item .image img,
.tpl-annivevent.anniv75 #events .event-item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 480px) {
  .tpl-annivhome.anniv75 #events .event-item .image,
  .tpl-annivevent.anniv75 #events .event-item .image {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.tpl-annivhome.anniv75 .modal .modal-nav,
.tpl-annivevent.anniv75 .modal .modal-nav {
  position: absolute;
  top: 50%;
}
.tpl-annivhome.anniv75 .modal .modal-nav.prev,
.tpl-annivevent.anniv75 .modal .modal-nav.prev {
  left: 2rem;
}
.tpl-annivhome.anniv75 .modal .modal-nav.next,
.tpl-annivevent.anniv75 .modal .modal-nav.next {
  right: 2rem;
}
.tpl-annivhome.anniv75 .intro,
.tpl-annivevent.anniv75 .intro {
  display: block;
}
.tpl-annivhome.anniv75 .intro .date,
.tpl-annivevent.anniv75 .intro .date {
  display: inline-block;
  padding: 12px 36px 16px;
  font-size: 32px;
  color: #fff;
  background-color: #ff0000;
}
.tpl-annivhome.anniv75 .intro h3, .tpl-annivhome.anniv75 .intro div,
.tpl-annivevent.anniv75 .intro h3,
.tpl-annivevent.anniv75 .intro div {
  margin-bottom: 1.5rem;
}
.tpl-annivhome.anniv75 .intro .desc,
.tpl-annivevent.anniv75 .intro .desc {
  overflow: hidden;
}
.tpl-annivhome.anniv75 .intro ul li,
.tpl-annivevent.anniv75 .intro ul li {
  padding-left: 0;
  margin-left: 1.5rem;
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translateX(-33.3333%);
            transform: translateX(-33.3333%);
  }
  100% {
    -webkit-transform: translateX(-66.6666%);
            transform: translateX(-66.6666%);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translateX(-33.3333%);
            transform: translateX(-33.3333%);
  }
  100% {
    -webkit-transform: translateX(-66.6666%);
            transform: translateX(-66.6666%);
  }
}
@-webkit-keyframes ticker-reverse {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(33.3333%);
            transform: translateX(33.3333%);
  }
}
@keyframes ticker-reverse {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(33.3333%);
            transform: translateX(33.3333%);
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-flagday .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-flagday .cols.col2 {
    grid-template-columns: 1fr;
  }
  .tpl-flagday .cols.col2 .col-item h2 {
    margin: 0;
  }
  .tpl-flagday .cols.col2 .col-item:last-child {
    margin-bottom: 0;
  }
}
.tpl-flagday img {
  max-width: 100%;
  width: auto;
}
.tpl-flagday h2 {
  text-align: left;
}
.tpl-flagday strong {
  font-weight: 900;
}
.tpl-flagday header:before {
  background-color: #ff0000;
}
.tpl-flagday header nav a {
  color: #fff;
}
.tpl-flagday header nav a:hover {
  color: #fcaf17;
}
.tpl-flagday .carousel .player-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%;
}
.tpl-flagday .carousel iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tpl-flagday section {
  position: relative;
}
.tpl-flagday section .anchor {
  position: relative;
  top: -120px;
}
.tpl-flagday .lang, .tpl-flagday .mlang {
  color: #fff;
}
.tpl-flagday .reg-box {
  padding: 3rem;
}
.tpl-flagday .reg-box .buttons-container .button {
  display: inline-block;
  padding: 0 1.25rem;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 10px;
}
.tpl-flagday .donations .cols {
  grid-gap: 4rem 20px;
}
.tpl-flagday .donations .col-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-flagday .donations .col-item:nth-child(2n-1) {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .tpl-flagday .donations .col-item:nth-child(2n) {
    -ms-grid-column: 2;
    grid-column: 2;
  }
  .tpl-flagday .donations .col-item:nth-child(-n+4) {
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .tpl-flagday .donations .col-item:nth-child(-n+2) {
    -ms-grid-row: 1;
    grid-row: 1;
    margin-bottom: 30px;
  }
}
.tpl-flagday .donations .col-item .num {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6rem;
          flex: 0 0 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 6rem;
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  background: #ff0000;
  color: #fff;
}
.tpl-flagday .donations .col-item .desc {
  padding-left: 1.5rem;
}
.tpl-flagday .donations .col-item .desc > strong {
  font-size: 28px;
  line-height: 38px;
}
.tpl-flagday .modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-flagday .modal:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 0;
}
.tpl-flagday .modal .close {
  position: absolute;
  top: 3rem;
  right: 3rem;
  width: 22px;
  height: 22px;
  z-index: 100;
}
.tpl-flagday .modal .close:before, .tpl-flagday .modal .close:after {
  content: "";
  position: absolute;
  left: 0;
  width: 28px;
  height: 2px;
  background-color: #ff0000;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.tpl-flagday .modal .close:before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tpl-flagday .modal .close:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.tpl-flagday .modal .modal-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 1080px;
  height: 90vh;
  max-height: 800px;
  text-align: left;
  overflow: auto;
}
.tpl-flagday .modal .modal-content h2, .tpl-flagday .modal .modal-content p {
  margin-left: 0;
}
.tpl-flagday .modal .modal-content > img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
}
.tpl-flagday .modal .modal-content .modal-inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 4rem 0;
}
@media screen and (max-width: 800px) {
  .tpl-flagday .modal .modal-content .modal-inner {
    padding: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .tpl-flagday .modal .modal-content .modal-inner {
    padding: 2rem;
  }
}
.tpl-flagday .modal .modal-content .thankyou {
  height: 100%;
  max-width: unset;
  padding: 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tpl-flagday .modal#org .modal-content, .tpl-flagday .modal#ind .modal-content {
  background-color: #fff;
}
.tpl-flagday.modal-open .modal-active {
  opacity: 1;
  z-index: 999;
  pointer-events: auto;
}
.tpl-flagday form {
  width: 100%;
  max-width: 720px;
}
.tpl-flagday form .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tpl-flagday form .form-row > label:first-child {
  width: 200px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  -ms-flex-item-align: center;
      align-self: center;
}
.tpl-flagday form .form-row > label:first-child span {
  color: #707070;
  font-size: 13px;
}
@media screen and (max-width: 480px) {
  .tpl-flagday form .form-row > label:first-child span {
    margin-top: 0;
  }
}
.tpl-flagday form .form-row label {
  line-height: 1.2;
  padding-right: 1rem;
}
.tpl-flagday form .form-row input {
  width: calc(100% - 200px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 200px);
          flex: 0 0 calc(100% - 200px);
}
.tpl-flagday form .form-row input[type=checkbox] {
  width: auto;
  max-width: unset;
}
.tpl-flagday form .form-row input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
.tpl-flagday form .form-row input[type=radio] {
  width: auto;
}
.tpl-flagday form .form-row span {
  display: inline-block;
  vertical-align: top;
  max-width: 95%;
}
.tpl-flagday form .form-row p > label {
  line-height: inherit;
}
@media screen and (max-width: 640px) {
  .tpl-flagday form .form-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tpl-flagday form .form-row > label:first-child, .tpl-flagday form .form-row > input, .tpl-flagday form .form-row > select {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
.tpl-flagday form .form-row ol {
  list-style: decimal outside none;
  padding-left: 1.5rem;
  margin: -1.5rem 0 1.5rem;
}
.tpl-flagday form .form-row ol li {
  padding: 0;
}
.tpl-flagday footer {
  padding: 1.5rem 0;
}
.tpl-flagday footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1080px) {
  .tpl-flagday footer .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.tpl-flagday footer p {
  margin: 0;
  font-size: 13px;
}
.tpl-flagday footer p a {
  margin-left: 3.5rem;
  color: #fff;
}
.tpl-flagday footer .social {
  display: block;
  margin: 0;
}
.tpl-flagday footer .social ul {
  margin: 0;
}
.tpl-flagday footer .social ul li {
  margin-left: 1rem;
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .tpl-flagday footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tpl-flagday footer .container p {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
  }
  .tpl-flagday footer .container p a {
    display: block;
    margin: 0;
  }
  .tpl-flagday footer .container .social {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-bottom: 1rem;
  }
  .tpl-flagday footer .container .social li {
    margin: 0;
  }
}

.tpl-annual-report.tpl-annual-report-single .hero.large {
  height: 75vh !important;
}
@media (max-width: 960px) {
  .tpl-annual-report.tpl-annual-report-single .hero.large {
    height: unset !important;
  }
}
.tpl-annual-report .hero img {
  -o-object-fit: contain;
     object-fit: contain;
}
.tpl-annual-report .report-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-top: 3.75rem;
}
.tpl-annual-report .report-blocks .report-block {
  height: 350px;
  position: relative;
  margin-bottom: 15px;
  margin-left: 7px;
  margin-right: 7px;
  text-decoration: none;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.tpl-annual-report .report-blocks .report-block:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
@media (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block:hover {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block {
    margin-bottom: 1px;
  }
}
.tpl-annual-report .report-blocks .report-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tpl-annual-report .report-blocks .report-block .block-text {
  position: absolute;
  top: 30px;
  left: 25px;
  color: white;
  width: 85%;
  word-break: break-word;
}
.tpl-annual-report .report-blocks .report-block .block-text .title {
  font-weight: bold;
  font-size: 40px;
  line-height: 45px;
}
.tpl-annual-report .report-blocks .report-block .block-text .text {
  font-size: 25px;
}
.tpl-annual-report .report-blocks .report-block.width-20 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(20% - 14px);
          flex: 0 0 calc(20% - 14px);
  max-width: calc(20% - 14px);
  width: calc(20% - 14px);
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block.width-20 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.tpl-annual-report .report-blocks .report-block.width-30 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(30% - 14px);
          flex: 0 0 calc(30% - 14px);
  max-width: calc(30% - 14px);
  width: calc(30% - 14px);
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block.width-30 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.tpl-annual-report .report-blocks .report-block.width-40 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(40% - 14px);
          flex: 0 0 calc(40% - 14px);
  max-width: calc(40% - 14px);
  width: calc(40% - 14px);
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block.width-40 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.tpl-annual-report .report-blocks .report-block.width-50 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 14px);
          flex: 0 0 calc(50% - 14px);
  max-width: calc(50% - 14px);
  width: calc(50% - 14px);
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block.width-50 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.tpl-annual-report .report-blocks .report-block.width-60 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(60% - 14px);
          flex: 0 0 calc(60% - 14px);
  max-width: calc(60% - 14px);
  width: calc(60% - 14px);
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block.width-60 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.tpl-annual-report .report-blocks .report-block.width-70 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(70% - 14px);
          flex: 0 0 calc(70% - 14px);
  max-width: calc(70% - 14px);
  width: calc(70% - 14px);
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block.width-70 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.tpl-annual-report .report-blocks .report-block.width-80 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(80% - 14px);
          flex: 0 0 calc(80% - 14px);
  max-width: calc(80% - 14px);
  width: calc(80% - 14px);
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block.width-80 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.tpl-annual-report .report-blocks .report-block.width-100 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 14px);
          flex: 0 0 calc(100% - 14px);
  max-width: calc(100% - 14px);
  width: calc(100% - 14px);
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block.width-100 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report .report-blocks .report-block .block-text .title {
    font-size: 25px;
  }
  .tpl-annual-report .report-blocks .report-block .block-text .text {
    font-size: 18px;
  }
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks .report-block {
    height: auto;
    min-height: 300px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .tpl-annual-report .report-blocks .report-block {
    min-height: 250px;
  }
  .tpl-annual-report .report-blocks .report-block .block-text {
    top: 15px;
    left: 1rem;
  }
  .tpl-annual-report .report-blocks .report-block .block-text .title {
    font-size: 18px;
  }
  .tpl-annual-report .report-blocks .report-block .block-text .text {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-annual-report .report-blocks .report-block {
    min-height: 200px;
  }
}
@media only screen and (max-width: 520px) {
  .tpl-annual-report .report-blocks .report-block {
    min-height: 170px;
  }
  .tpl-annual-report .report-blocks .report-block img {
    min-height: 170px;
  }
}
.tpl-annual-report .report-blocks.download-blocks {
  padding-top: 0px;
}
.tpl-annual-report .report-blocks.download-blocks .report-block {
  height: 175px;
  min-height: 175px;
}
.tpl-annual-report .report-blocks.download-blocks .download-icon {
  position: absolute;
  left: 25px;
  bottom: 15px;
  background: url("/assets/images/download_icon.svg");
  height: 27px;
  width: 33px;
}
.tpl-annual-report .report-blocks.download-blocks .width-32 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
  max-width: 32%;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks.download-blocks .width-32 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks.download-blocks .report-block {
    height: auto;
    min-height: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem 1rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .tpl-annual-report .report-blocks.download-blocks .report-block .block-text,
  .tpl-annual-report .report-blocks.download-blocks .report-block .download-icon {
    position: relative;
  }
  .tpl-annual-report .report-blocks.download-blocks .report-block .block-text {
    top: unset;
  }
  .tpl-annual-report .report-blocks.download-blocks .report-block .download-icon {
    left: unset;
    bottom: unset;
    width: 23px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.tpl-annual-report .report-blocks.statistics-block {
  padding-top: 0rem;
  cursor: pointer;
}
.tpl-annual-report .report-blocks.statistics-block a {
  text-decoration: none;
  color: white;
}
.tpl-annual-report .report-blocks.statistics-block .report-block .title {
  position: absolute;
  top: 30px;
  left: 25px;
  color: white;
  font-weight: bold;
  font-size: 40px;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks.statistics-block .report-block .title {
    font-size: 25px;
    position: relative;
    padding-left: 25px;
    padding-top: 25px;
    left: unset;
    top: unset;
  }
}
.tpl-annual-report .report-blocks.statistics-block .report-block .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-top: 0.9375rem;
}
.tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2rem;
}
.tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box .icon {
  max-width: 117px;
  max-height: 142px;
}
.tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box .icon img {
  width: 100%;
  height: 100%;
}
.tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box .box-content {
  padding-left: 1.875rem;
}
.tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box .box-content .text {
  font-size: 25px;
  padding-bottom: 1rem;
}
.tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box .box-content .number {
  font-size: 70px;
  width: 260px;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 520px) {
  .tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box .icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 60px;
  }
  .tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box .icon img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box .box-content .text {
    font-size: 18px;
  }
  .tpl-annual-report .report-blocks.statistics-block .report-block .flexbox .box .box-content .number {
    font-size: 50px;
    width: 190px;
  }
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report .report-blocks.statistics-block .report-block .flexbox {
    display: block;
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report section .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .tpl-annual-report .report-blocks {
    padding-top: 1px;
  }
  .tpl-annual-report .report-blocks .report-block {
    border: 1px solid white;
    border: 1px solid white;
  }
}

.tpl-annual-report-ed .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tpl-annual-report-ed .flexbox .flex-item {
  padding-left: 10px;
  padding-right: 10px;
}
.tpl-annual-report-ed .flexbox .flex-item.image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38%;
          flex: 0 0 38%;
}
.tpl-annual-report-ed .flexbox .flex-item.content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62%;
          flex: 0 0 62%;
}
@media (max-width: 600px) {
  .tpl-annual-report-ed .flexbox .flex-item.image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 15px;
  }
  .tpl-annual-report-ed .flexbox .flex-item.content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.tpl-70-anni .timeline {
  margin-top: 15px;
}
.tpl-70-anni .timeline .timeline-item {
  margin-bottom: 15px;
}
.tpl-70-anni .timeline .timeline-item .item-header {
  color: white;
  background-color: #c41427;
  padding: 20px 15px;
  display: table;
  width: 100%;
}
.tpl-70-anni .timeline .timeline-item .item-header .date {
  font-size: 16px;
  vertical-align: bottom;
  text-align: right;
  display: table-cell;
  width: 20%;
}
.tpl-70-anni .timeline .timeline-item .item-header .title {
  font-size: 25px;
  font-weight: bold;
}
@media only screen and (max-width: 1080px) {
  .tpl-70-anni .timeline .timeline-item .item-header .date {
    display: block;
    width: 100%;
    text-align: left;
  }
  .tpl-70-anni .timeline .timeline-item .item-header .title {
    font-size: 20px;
  }
}
.tpl-70-anni .timeline .item-image img {
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 406px;
}
.tpl-70-anni .timeline .item-content {
  padding: 30px 20px;
  max-height: 100px;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
@media only screen and (max-width: 1080px) {
  .tpl-70-anni .timeline .item-content {
    max-height: 185px;
  }
}
.tpl-70-anni .timeline .item-content:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#f1f1f1), to(rgba(241, 241, 241, 0)));
  background: linear-gradient(to top, #f1f1f1, rgba(241, 241, 241, 0));
}
.tpl-70-anni .timeline .item-content.open {
  max-height: 2000px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.tpl-70-anni .timeline .item-content.open:before {
  background: none;
}
.tpl-70-anni .timeline .show-more {
  text-align: center;
  padding-bottom: 15px;
}
.tpl-70-anni .timeline .show-more svg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  width: 26px;
  height: 11px;
  cursor: pointer;
}
.tpl-70-anni .timeline .show-more svg:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.tpl-70-anni .timeline .show-more.open svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.tpl-annual-report-about-us .hero {
  position: relative;
}
.tpl-annual-report-about-us .hero:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 0;
}
.tpl-annual-report-about-us .hero h2 {
  z-index: 1;
}
.tpl-annual-report-about-us .about-download-list {
  width: 100%;
  margin: 0 auto;
}
.tpl-annual-report-about-us .about-download-list .about-download-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 2.5rem;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.tpl-annual-report-about-us .about-download-list .about-download-item:last-child {
  margin-bottom: 0;
}
.tpl-annual-report-about-us .about-download-list .about-download-item .btn, .tpl-annual-report-about-us .about-download-list .about-download-item .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-annual-report-about-us .about-download-list .about-download-item #ajaxSearch_submit {
  background-color: #ff0000;
  color: #fff;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-about-us .about-download-list .about-download-item {
    display: block;
  }
  .tpl-annual-report-about-us .about-download-list .about-download-item .about-download-title {
    margin-bottom: 1rem;
  }
}
.tpl-annual-report-about-us .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tpl-annual-report-about-us .flexbox .box {
  max-width: 45%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report-about-us .flexbox {
    display: block;
  }
  .tpl-annual-report-about-us .flexbox .box {
    width: 100%;
    max-width: 100%;
  }
  .tpl-annual-report-about-us .flexbox .box:first-child {
    margin-bottom: 1rem;
  }
}
.tpl-annual-report-about-us .office-name {
  font-weight: bold;
}
.tpl-annual-report-about-us .tel a {
  text-decoration: none;
}
.tpl-annual-report-about-us .tel .fax {
  float: right;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report-about-us .tel .fax {
    float: none;
    display: block;
  }
}
.tpl-annual-report-about-us .other-locations {
  margin-top: 2rem;
  text-align: center;
}
.tpl-annual-report-about-us .other-locations .btn, .tpl-annual-report-about-us .other-locations .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-annual-report-about-us .other-locations #ajaxSearch_submit {
  min-width: 259px;
  text-align: center;
}

.tpl-70-anni .content .desktop-table {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.tpl-70-anni .content .desktop-table table tr:first-child td {
  vertical-align: middle;
}
.tpl-70-anni .content .desktop-table table td {
  padding-bottom: 1rem;
}
.tpl-70-anni .content .desktop-table table td:not(:last-child) {
  padding-right: 1rem;
}
@media (max-width: 960px) {
  .tpl-70-anni .content .desktop-table {
    display: none;
  }
}
.tpl-70-anni .content .mobile-table {
  display: none;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.tpl-70-anni .content .mobile-table table {
  word-break: break-word;
}
.tpl-70-anni .content .mobile-table table td {
  vertical-align: top;
  padding-bottom: 1rem;
}
.tpl-70-anni .content .mobile-table table td img {
  max-height: 110px;
  text-align: center;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  padding-right: 1rem;
}
@media (max-width: 960px) {
  .tpl-70-anni .content .mobile-table {
    display: block;
  }
}

@media (max-width: 960px) {
  .tpl-annual-report-statistics section.offset {
    margin-top: 0rem;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .highlights-title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-section-title h1 {
    font-size: 18px;
  }
}
.tpl-annual-report-statistics .statistics-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tpl-annual-report-statistics .statistics-blocks .block-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding-top: 3.75rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: #f1f1f1;
  min-height: 500px;
  text-align: center;
}
.tpl-annual-report-statistics .statistics-blocks .block-item:nth-child(4n+2) {
  background-color: #dbdbdb;
}
.tpl-annual-report-statistics .statistics-blocks .block-item:nth-child(3n) {
  background-color: #dbdbdb;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-blocks .block-item:nth-child(even) {
    background-color: #f1f1f1 !important;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-blocks .block-item:nth-child(odd) {
    background-color: #dbdbdb !important;
  }
}
.tpl-annual-report-statistics .statistics-blocks .block-item .icon {
  padding-bottom: 2.5rem;
}
.tpl-annual-report-statistics .statistics-blocks .block-item .icon img {
  max-width: 230px;
  height: 230px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-blocks .block-item .icon img {
    max-width: 200px;
    height: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .tpl-annual-report-statistics .statistics-blocks .block-item .icon img {
    max-width: 140px;
    height: 140px;
  }
}
@media only screen and (max-width: 425px) {
  .tpl-annual-report-statistics .statistics-blocks .block-item .icon img {
    max-width: 80px;
    height: 80px;
  }
}
.tpl-annual-report-statistics .statistics-blocks .block-item .label {
  font-size: 25px;
  font-weight: bold;
  padding-bottom: 1.5rem;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-blocks .block-item .label {
    font-size: 18px;
  }
}
.tpl-annual-report-statistics .statistics-blocks .block-item .number {
  font-size: 70px;
  line-height: 1;
  color: #ff0000;
  font-weight: 600;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-blocks .block-item .number {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-blocks .block-item {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    min-height: 435px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 425px) {
  .tpl-annual-report-statistics .statistics-blocks .block-item {
    min-height: 300px;
  }
}
.tpl-annual-report-statistics .overall-statistics .block-item {
  background-color: #dbdbdb !important;
}
.tpl-annual-report-statistics .overall-statistics .block-item .icon {
  padding-bottom: 2rem;
}
.tpl-annual-report-statistics .overall-statistics .block-item .label {
  padding-bottom: 1rem;
  font-size: 25px;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .overall-statistics .block-item .label {
    font-size: 18px;
  }
}
.tpl-annual-report-statistics .statistics-children-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tpl-annual-report-statistics .statistics-children-blocks .left-side {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 30%;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
@media (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-children-blocks .left-side {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
.tpl-annual-report-statistics .statistics-children-blocks .left-side img {
  max-width: 140px;
  margin: 0 auto;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-children-blocks .left-side img {
    width: 100%;
    max-width: 80px;
    margin: unset;
    padding-left: 1.25rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.tpl-annual-report-statistics .statistics-children-blocks .left-side .block-title {
  display: none;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-children-blocks .left-side .block-title {
    font-size: 20px;
    line-height: 1.2;
    display: block;
    color: white;
    margin-left: 2rem;
    padding-right: 1.25rem;
  }
}
.tpl-annual-report-statistics .statistics-children-blocks .right-side {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 70%;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  padding-left: 6rem;
}
.tpl-annual-report-statistics .statistics-children-blocks .right-side .block-title {
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 2.5rem;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-children-blocks .right-side .block-title {
    font-size: 25px;
    display: none;
  }
}
.tpl-annual-report-statistics .statistics-children-blocks .right-side .label {
  font-size: 25px;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-children-blocks .right-side .label {
    font-size: 18px;
  }
}
.tpl-annual-report-statistics .statistics-children-blocks .right-side .number {
  font-size: 70px;
  line-height: 1;
  color: #ff0000;
  font-weight: 600;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-children-blocks .right-side .number {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-children-blocks .right-side {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding-left: 0rem;
  }
  .tpl-annual-report-statistics .statistics-children-blocks .right-side .block-item {
    margin-bottom: 2rem !important;
  }
}
.tpl-annual-report-statistics .statistics-children-blocks .statistics-blocks-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tpl-annual-report-statistics .statistics-children-blocks .statistics-blocks-child .block-item {
  max-width: 40%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .statistics-children-blocks .statistics-blocks-child .block-item {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.tpl-annual-report-statistics .date {
  margin-top: 1rem;
  font-weight: normal;
  font-size: 25px;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-statistics .date {
    font-size: 18px;
    padding-left: 1rem;
  }
}

@media (max-width: 960px) {
  .tpl-annual-report-services .hero {
    height: 245px !important;
  }
}
.tpl-annual-report-services .services_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tpl-annual-report-services .services_items .service_item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
  max-width: 32%;
  margin-bottom: 2rem;
  text-decoration: none;
}
.tpl-annual-report-services .services_items .service_item .image-wrapper {
  width: 100%;
  height: 270px;
  overflow: hidden;
}
.tpl-annual-report-services .services_items .service_item img {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  max-width: 100%;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tpl-annual-report-services .services_items .service_item img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.tpl-annual-report-services .services_items .service_item .align-center {
  font-size: 25px;
  padding: 1.22rem;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-services .services_items .service_item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.tpl-annual-report-services .services_items:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
  max-width: 32%;
}

.tpl-annual-report-service-single .hero {
  position: relative;
}
.tpl-annual-report-service-single .hero:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  z-index: 0;
}
@media (max-width: 960px) {
  .tpl-annual-report-service-single .hero:after {
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
  }
}
.tpl-annual-report-service-single .hero h2 {
  z-index: 1;
}
.tpl-annual-report-service-single .introduction {
  padding-bottom: 2.5rem;
}
.tpl-annual-report-service-single .introduction_title {
  text-align: center;
  font-size: 40px;
  padding-top: 3.75rem;
  line-height: 1.5;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report-service-single .introduction_title {
    font-size: 20px;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}
.tpl-annual-report-service-single .introduction_content {
  border-bottom: 1px solid white;
  padding-bottom: 2rem;
}
.tpl-annual-report-service-single .introduction_bullets {
  padding-top: 2rem;
}
.tpl-annual-report-service-single .introduction_bullets table {
  border: 1px solid transparent;
  empty-cells: hide;
}
.tpl-annual-report-service-single .introduction_bullets table tr {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report-service-single .introduction_bullets table tr {
    margin-bottom: 0rem;
  }
}
.tpl-annual-report-service-single .introduction_bullets table td {
  font-weight: bold;
  padding-left: 1.5rem;
  padding-right: 0.5rem;
  position: relative;
  padding-bottom: 0.5rem;
  border: 1px solid transparent;
}
.tpl-annual-report-service-single .introduction_bullets table td:before {
  content: "►";
  position: absolute;
  left: 0;
  color: white;
}
.tpl-annual-report-service-single .introduction_bullets table td:empty:before {
  content: "";
  position: absolute;
  left: 0;
}
.tpl-annual-report-service-single .introduction_bullets table td a {
  text-decoration: none;
  color: white;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report-service-single .introduction_bullets table {
    height: unset !important;
  }
  .tpl-annual-report-service-single .introduction_bullets tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 100% !important;
  }
  .tpl-annual-report-service-single .introduction_bullets td {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100% !important;
    height: 100% !important;
  }
}
.tpl-annual-report-service-single .services-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tpl-annual-report-service-single .services-nav a {
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  padding: 1.22rem 2rem;
  line-height: 1;
}
.tpl-annual-report-service-single .services-nav .current {
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report-service-single .services-nav {
    display: none;
  }
}
.tpl-annual-report-service-single .content h1,
.tpl-annual-report-service-single .content h2,
.tpl-annual-report-service-single .content h3,
.tpl-annual-report-service-single .content h4,
.tpl-annual-report-service-single .content .tpl-result .ranks .rank-item,
.tpl-result .ranks .tpl-annual-report-service-single .content .rank-item,
.tpl-annual-report-service-single .content .tpl-result .comment .num,
.tpl-result .comment .tpl-annual-report-service-single .content .num {
  position: relative;
}
.tpl-annual-report-service-single .content h1 a,
.tpl-annual-report-service-single .content h2 a,
.tpl-annual-report-service-single .content h3 a,
.tpl-annual-report-service-single .content h4 a,
.tpl-annual-report-service-single .content .tpl-result .ranks .rank-item a,
.tpl-result .ranks .tpl-annual-report-service-single .content .rank-item a,
.tpl-annual-report-service-single .content .tpl-result .comment .num a,
.tpl-result .comment .tpl-annual-report-service-single .content .num a {
  position: absolute;
  top: -200px;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report-service-single .content h1 a,
  .tpl-annual-report-service-single .content h2 a,
  .tpl-annual-report-service-single .content h3 a,
  .tpl-annual-report-service-single .content h4 a,
  .tpl-annual-report-service-single .content .tpl-result .ranks .rank-item a,
  .tpl-result .ranks .tpl-annual-report-service-single .content .rank-item a,
  .tpl-annual-report-service-single .content .tpl-result .comment .num a,
  .tpl-result .comment .tpl-annual-report-service-single .content .num a {
    top: -80px;
  }
}

@media only screen and (max-width: 1080px) {
  .tpl-annual-report .container,
  .tpl-annual-report-services .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media only screen and (max-width: 425px) {
  .tpl-annual-report-ed,
  .tpl-annual-report-default,
  .tpl-annual-report-about-us,
  .tpl-annual-report-services,
  .tpl-70-anni,
  .tpl-annual-report,
  .tpl-annual-report-services-single {
    margin-top: 70px;
  }
}
.tpl-annual-report-ed .content h1,
.tpl-annual-report-ed .content h2,
.tpl-annual-report-ed .content h3,
.tpl-annual-report-default .content h1,
.tpl-annual-report-default .content h2,
.tpl-annual-report-default .content h3,
.tpl-annual-report-about-us .content h1,
.tpl-annual-report-about-us .content h2,
.tpl-annual-report-about-us .content h3,
.tpl-annual-report-services .content h1,
.tpl-annual-report-services .content h2,
.tpl-annual-report-services .content h3,
.tpl-70-anni .content h1,
.tpl-70-anni .content h2,
.tpl-70-anni .content h3,
.tpl-annual-report .content h1,
.tpl-annual-report .content h2,
.tpl-annual-report .content h3,
.tpl-annual-report-services-single .content h1,
.tpl-annual-report-services-single .content h2,
.tpl-annual-report-services-single .content h3 {
  margin-bottom: 1rem !important;
}
.tpl-annual-report-ed .content ul,
.tpl-annual-report-ed .content .image,
.tpl-annual-report-default .content ul,
.tpl-annual-report-default .content .image,
.tpl-annual-report-about-us .content ul,
.tpl-annual-report-about-us .content .image,
.tpl-annual-report-services .content ul,
.tpl-annual-report-services .content .image,
.tpl-70-anni .content ul,
.tpl-70-anni .content .image,
.tpl-annual-report .content ul,
.tpl-annual-report .content .image,
.tpl-annual-report-services-single .content ul,
.tpl-annual-report-services-single .content .image {
  margin: 0 0 2rem;
}
.tpl-annual-report-ed .content ul.image-50-left,
.tpl-annual-report-ed .content .image.image-50-left,
.tpl-annual-report-default .content ul.image-50-left,
.tpl-annual-report-default .content .image.image-50-left,
.tpl-annual-report-about-us .content ul.image-50-left,
.tpl-annual-report-about-us .content .image.image-50-left,
.tpl-annual-report-services .content ul.image-50-left,
.tpl-annual-report-services .content .image.image-50-left,
.tpl-70-anni .content ul.image-50-left,
.tpl-70-anni .content .image.image-50-left,
.tpl-annual-report .content ul.image-50-left,
.tpl-annual-report .content .image.image-50-left,
.tpl-annual-report-services-single .content ul.image-50-left,
.tpl-annual-report-services-single .content .image.image-50-left {
  display: inline-block;
  width: 49%;
  padding-right: 0.5rem;
}
@media only screen and (max-width: 600px) {
  .tpl-annual-report-ed .content ul.image-50-left,
  .tpl-annual-report-ed .content .image.image-50-left,
  .tpl-annual-report-default .content ul.image-50-left,
  .tpl-annual-report-default .content .image.image-50-left,
  .tpl-annual-report-about-us .content ul.image-50-left,
  .tpl-annual-report-about-us .content .image.image-50-left,
  .tpl-annual-report-services .content ul.image-50-left,
  .tpl-annual-report-services .content .image.image-50-left,
  .tpl-70-anni .content ul.image-50-left,
  .tpl-70-anni .content .image.image-50-left,
  .tpl-annual-report .content ul.image-50-left,
  .tpl-annual-report .content .image.image-50-left,
  .tpl-annual-report-services-single .content ul.image-50-left,
  .tpl-annual-report-services-single .content .image.image-50-left {
    width: 100%;
    display: block;
  }
}
.tpl-annual-report-ed .content ul.image-50-right,
.tpl-annual-report-ed .content .image.image-50-right,
.tpl-annual-report-default .content ul.image-50-right,
.tpl-annual-report-default .content .image.image-50-right,
.tpl-annual-report-about-us .content ul.image-50-right,
.tpl-annual-report-about-us .content .image.image-50-right,
.tpl-annual-report-services .content ul.image-50-right,
.tpl-annual-report-services .content .image.image-50-right,
.tpl-70-anni .content ul.image-50-right,
.tpl-70-anni .content .image.image-50-right,
.tpl-annual-report .content ul.image-50-right,
.tpl-annual-report .content .image.image-50-right,
.tpl-annual-report-services-single .content ul.image-50-right,
.tpl-annual-report-services-single .content .image.image-50-right {
  display: inline-block;
  width: 49%;
  padding-left: 0.5rem;
}
@media only screen and (max-width: 600px) {
  .tpl-annual-report-ed .content ul.image-50-right,
  .tpl-annual-report-ed .content .image.image-50-right,
  .tpl-annual-report-default .content ul.image-50-right,
  .tpl-annual-report-default .content .image.image-50-right,
  .tpl-annual-report-about-us .content ul.image-50-right,
  .tpl-annual-report-about-us .content .image.image-50-right,
  .tpl-annual-report-services .content ul.image-50-right,
  .tpl-annual-report-services .content .image.image-50-right,
  .tpl-70-anni .content ul.image-50-right,
  .tpl-70-anni .content .image.image-50-right,
  .tpl-annual-report .content ul.image-50-right,
  .tpl-annual-report .content .image.image-50-right,
  .tpl-annual-report-services-single .content ul.image-50-right,
  .tpl-annual-report-services-single .content .image.image-50-right {
    width: 100%;
    display: block;
  }
}
.tpl-annual-report-ed .hero,
.tpl-annual-report-default .hero,
.tpl-annual-report-about-us .hero,
.tpl-annual-report-services .hero,
.tpl-70-anni .hero,
.tpl-annual-report .hero,
.tpl-annual-report-services-single .hero {
  position: relative;
  height: 350px;
}
@media only screen and (max-width: 960px) {
  .tpl-annual-report-ed .hero,
  .tpl-annual-report-default .hero,
  .tpl-annual-report-about-us .hero,
  .tpl-annual-report-services .hero,
  .tpl-70-anni .hero,
  .tpl-annual-report .hero,
  .tpl-annual-report-services-single .hero {
    height: 130px;
  }
}
.tpl-annual-report-ed .hero .hero-container,
.tpl-annual-report-default .hero .hero-container,
.tpl-annual-report-about-us .hero .hero-container,
.tpl-annual-report-services .hero .hero-container,
.tpl-70-anni .hero .hero-container,
.tpl-annual-report .hero .hero-container,
.tpl-annual-report-services-single .hero .hero-container {
  max-width: 1080px;
  height: 100%;
  margin: 0 auto;
  top: 0;
}
.tpl-annual-report-ed .hero .hero-container.title-bottom h2,
.tpl-annual-report-default .hero .hero-container.title-bottom h2,
.tpl-annual-report-about-us .hero .hero-container.title-bottom h2,
.tpl-annual-report-services .hero .hero-container.title-bottom h2,
.tpl-70-anni .hero .hero-container.title-bottom h2,
.tpl-annual-report .hero .hero-container.title-bottom h2,
.tpl-annual-report-services-single .hero .hero-container.title-bottom h2 {
  font-size: 65px;
  top: unset;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  bottom: 4rem;
  line-height: 65px;
  text-align: left;
  max-width: 1080px;
}
.tpl-annual-report-ed .hero h2,
.tpl-annual-report-default .hero h2,
.tpl-annual-report-about-us .hero h2,
.tpl-annual-report-services .hero h2,
.tpl-70-anni .hero h2,
.tpl-annual-report .hero h2,
.tpl-annual-report-services-single .hero h2 {
  position: absolute;
  color: white;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 65px;
  line-height: 65px;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-ed .hero.large,
  .tpl-annual-report-default .hero.large,
  .tpl-annual-report-about-us .hero.large,
  .tpl-annual-report-services .hero.large,
  .tpl-70-anni .hero.large,
  .tpl-annual-report .hero.large,
  .tpl-annual-report-services-single .hero.large {
    height: unset;
    max-height: unset;
    min-height: unset;
  }
  .tpl-annual-report-ed .hero .title-bottom h2,
  .tpl-annual-report-default .hero .title-bottom h2,
  .tpl-annual-report-about-us .hero .title-bottom h2,
  .tpl-annual-report-services .hero .title-bottom h2,
  .tpl-70-anni .hero .title-bottom h2,
  .tpl-annual-report .hero .title-bottom h2,
  .tpl-annual-report-services-single .hero .title-bottom h2 {
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
    bottom: unset !important;
    left: 2rem;
    line-height: 1.2 !important;
    text-align: left;
  }
  .tpl-annual-report-ed .hero h2,
  .tpl-annual-report-default .hero h2,
  .tpl-annual-report-about-us .hero h2,
  .tpl-annual-report-services .hero h2,
  .tpl-70-anni .hero h2,
  .tpl-annual-report .hero h2,
  .tpl-annual-report-services-single .hero h2 {
    font-size: 30px !important;
    line-height: 1.2 !important;
    left: 2rem;
    text-align: left;
  }
}
.tpl-annual-report-ed .hero.large,
.tpl-annual-report-default .hero.large,
.tpl-annual-report-about-us .hero.large,
.tpl-annual-report-services .hero.large,
.tpl-70-anni .hero.large,
.tpl-annual-report .hero.large,
.tpl-annual-report-services-single .hero.large {
  height: unset;
  max-height: unset;
}
@media (max-width: 960px) {
  .tpl-annual-report-ed .hero.large,
  .tpl-annual-report-default .hero.large,
  .tpl-annual-report-about-us .hero.large,
  .tpl-annual-report-services .hero.large,
  .tpl-70-anni .hero.large,
  .tpl-annual-report .hero.large,
  .tpl-annual-report-services-single .hero.large {
    height: unset;
  }
}
.tpl-annual-report-ed section .align-center,
.tpl-annual-report-default section .align-center,
.tpl-annual-report-about-us section .align-center,
.tpl-annual-report-services section .align-center,
.tpl-70-anni section .align-center,
.tpl-annual-report section .align-center,
.tpl-annual-report-services-single section .align-center {
  padding: 1rem;
  line-height: 1;
  text-align: center;
}
.tpl-annual-report-ed .slick-slider .slick-slide,
.tpl-annual-report-default .slick-slider .slick-slide,
.tpl-annual-report-about-us .slick-slider .slick-slide,
.tpl-annual-report-services .slick-slider .slick-slide,
.tpl-70-anni .slick-slider .slick-slide,
.tpl-annual-report .slick-slider .slick-slide,
.tpl-annual-report-services-single .slick-slider .slick-slide {
  height: auto;
}
.tpl-annual-report-ed .slick-slider .slick-dots,
.tpl-annual-report-default .slick-slider .slick-dots,
.tpl-annual-report-about-us .slick-slider .slick-dots,
.tpl-annual-report-services .slick-slider .slick-dots,
.tpl-70-anni .slick-slider .slick-dots,
.tpl-annual-report .slick-slider .slick-dots,
.tpl-annual-report-services-single .slick-slider .slick-dots {
  padding-left: 0 !important;
  position: relative;
  bottom: 0rem;
}
.tpl-annual-report-ed .slick-slider .slick-dots li.slick-active button:before,
.tpl-annual-report-default .slick-slider .slick-dots li.slick-active button:before,
.tpl-annual-report-about-us .slick-slider .slick-dots li.slick-active button:before,
.tpl-annual-report-services .slick-slider .slick-dots li.slick-active button:before,
.tpl-70-anni .slick-slider .slick-dots li.slick-active button:before,
.tpl-annual-report .slick-slider .slick-dots li.slick-active button:before,
.tpl-annual-report-services-single .slick-slider .slick-dots li.slick-active button:before {
  background-color: #ff0000;
  border-color: #ff0000;
}
.tpl-annual-report-ed .slick-slider .slick-dots li button:before,
.tpl-annual-report-default .slick-slider .slick-dots li button:before,
.tpl-annual-report-about-us .slick-slider .slick-dots li button:before,
.tpl-annual-report-services .slick-slider .slick-dots li button:before,
.tpl-70-anni .slick-slider .slick-dots li button:before,
.tpl-annual-report .slick-slider .slick-dots li button:before,
.tpl-annual-report-services-single .slick-slider .slick-dots li button:before {
  border-color: #ff0000;
  background-color: white;
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-ed .slick-slider .slick-dots,
  .tpl-annual-report-default .slick-slider .slick-dots,
  .tpl-annual-report-about-us .slick-slider .slick-dots,
  .tpl-annual-report-services .slick-slider .slick-dots,
  .tpl-70-anni .slick-slider .slick-dots,
  .tpl-annual-report .slick-slider .slick-dots,
  .tpl-annual-report-services-single .slick-slider .slick-dots {
    bottom: 0rem;
    margin-bottom: 0;
    padding-left: 0 !important;
  }
}
.tpl-annual-report-ed figcaption,
.tpl-annual-report-default figcaption,
.tpl-annual-report-about-us figcaption,
.tpl-annual-report-services figcaption,
.tpl-70-anni figcaption,
.tpl-annual-report figcaption,
.tpl-annual-report-services-single figcaption {
  margin-top: 1rem;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-annual-report-ed #main,
  .tpl-annual-report-default #main,
  .tpl-annual-report-about-us #main,
  .tpl-annual-report-services #main,
  .tpl-70-anni #main,
  .tpl-annual-report #main,
  .tpl-annual-report-services-single #main {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-annual-report-ed #main,
  .tpl-annual-report-default #main,
  .tpl-annual-report-about-us #main,
  .tpl-annual-report-services #main,
  .tpl-70-anni #main,
  .tpl-annual-report #main,
  .tpl-annual-report-services-single #main {
    margin-top: 0 !important;
  }
}
.tpl-annual-report-ed h2,
.tpl-annual-report-default h2,
.tpl-annual-report-about-us h2,
.tpl-annual-report-services h2,
.tpl-70-anni h2,
.tpl-annual-report h2,
.tpl-annual-report-services-single h2 {
  font-size: 25px;
}

[lang^=en] .tpl-annual-report-single .statistics-block .report-block .title {
  font-size: 25px;
  line-height: 1.2;
}
@media (max-width: 425px) {
  [lang^=en] .tpl-annual-report-single .statistics-block .report-block .title {
    font-size: 18px;
  }
}
[lang^=en] .tpl-annual-report-single .report-blocks .report-block .block-text .title {
  font-size: 25px;
  line-height: 1.2;
}
@media (max-width: 425px) {
  [lang^=en] .tpl-annual-report-single .report-blocks .report-block .block-text .title {
    font-size: 18px;
  }
}
[lang^=en] .tpl-annual-report-single .report-blocks .report-block .block-text .text {
  font-size: 25px;
  line-height: 1.2;
}
@media (max-width: 425px) {
  [lang^=en] .tpl-annual-report-single .report-blocks .report-block .block-text .text {
    font-size: 18px;
  }
}
[lang^=en] .report-pages-menu li {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
[lang^=en] .tpl-70-anni .timeline-item .item-header .title {
  font-size: 23px;
  line-height: 1.4;
}
@media (max-width: 1080px) {
  [lang^=en] .tpl-70-anni .timeline-item .item-header .title {
    font-size: 20px;
  }
}
[lang^=en] .number {
  font-weight: 500 !important;
}
[lang^=en] .tpl-annual-report-services .offset {
  margin-top: -5.2rem;
}
[lang^=en] .tpl-annual-report-services .services_items .service_item .align-center {
  line-height: 1.2;
  font-size: 20px;
  height: 83px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[lang^=en] .tpl-annual-report-service-single .services-nav a {
  font-size: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[lang^=zh-HanT] .tpl-annual-report-statistics .align-center {
  padding: 0.75rem !important;
}
@media (max-width: 960px) {
  [lang^=zh-HanT] .tpl-annual-report-services .offset {
    margin-top: -4rem !important;
  }
}

.report-pages-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  min-height: 76px;
  top: 100px;
  position: sticky;
  z-index: 999;
  background-color: #f1f1f1;
}
.report-pages-menu .report-sections {
  list-style: none;
  text-align: center;
  padding: 1rem 0rem;
}
.report-pages-menu .report-sections li {
  display: inline-block;
  line-height: 1.7;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.report-pages-menu .report-sections li::after {
  content: "";
  position: absolute;
  border-right: 1px solid #707070;
  height: 70%;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.report-pages-menu .report-sections li.last-in-row::after, .report-pages-menu .report-sections li:last-child::after {
  border-right: 1px solid transparent;
}
.report-pages-menu .report-sections li a {
  text-decoration: none;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.report-pages-menu .report-sections li.active a, .report-pages-menu .report-sections li:hover a {
  color: #ff0000;
}
@media only screen and (max-width: 960px) {
  .report-pages-menu {
    display: none;
  }
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .report-pages-menu {
    margin-top: 100px;
  }
}

.sticky.annual-report .btt {
  opacity: 0;
}

footer .container {
  padding-left: unset !important;
  padding-right: unset !important;
}

.mobile-menu {
  position: fixed;
  top: -150%;
  left: 0;
  background-color: #f1f1f1;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  z-index: 74;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow-y: scroll;
  height: 100%;
}
.mobile-menu.open {
  top: 0px;
  padding-top: 86px;
}
.mobile-menu li {
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 0.7rem;
  padding-top: 0.7rem;
  position: relative;
}
.mobile-menu li svg {
  position: absolute;
  right: 3.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.mobile-menu li.active {
  color: #ff0000;
}
.mobile-menu li#hasChildren {
  padding-left: 0rem;
  padding-right: 0rem;
  padding-bottom: 0;
  padding-top: 0;
}
.mobile-menu li#hasChildren .parent {
  display: block;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 0.7rem;
  padding-top: 0.7rem;
  position: relative;
}
.mobile-menu li#hasChildren.open {
  background: #3e484f;
}
.mobile-menu li#hasChildren.open .parent {
  color: white;
}
.mobile-menu li#hasChildren.open svg {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.mobile-menu li#hasChildren.open svg path {
  stroke: white !important;
}
.mobile-menu li#hasChildren.open ul {
  display: block;
}
.mobile-menu li ul {
  display: none;
  background: white;
}
.mobile-menu li ul li {
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative;
}
.mobile-menu li ul li:after {
  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 100%;
  top: 0;
}
.mobile-menu li ul li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  background: #f1f1f1;
}
.mobile-menu li ul li:last-child {
  border-bottom: none;
}
.mobile-menu li ul li#red a {
  color: #ff0000;
}
.mobile-menu li ul li#red:after {
  background-color: #ff0000 !important;
}
.mobile-menu li ul li#darkred a {
  color: #c41427;
}
.mobile-menu li ul li#darkred:after {
  background-color: #c41427 !important;
}
.mobile-menu li ul li#teal a {
  color: #00bcce;
}
.mobile-menu li ul li#teal:after {
  background-color: #00bcce !important;
}
.mobile-menu li ul li#green a {
  color: #a6ce39;
}
.mobile-menu li ul li#green:after {
  background-color: #a6ce39 !important;
}
.mobile-menu li ul li#pink a {
  color: #ed0973;
}
.mobile-menu li ul li#pink:after {
  background-color: #ed0973 !important;
}
.mobile-menu li ul li#orange a {
  color: #f47920;
}
.mobile-menu li ul li#orange:after {
  background-color: #f47920 !important;
}
.mobile-menu li ul li#brown a {
  color: #6d2413;
}
.mobile-menu li ul li#brown:after {
  background-color: #6d2413 !important;
}
.mobile-menu li ul li#purple a {
  color: #52035b;
}
.mobile-menu li ul li#purple:after {
  background-color: #52035b !important;
}
.mobile-menu li ul li#yellow a {
  color: #fcaf17;
}
.mobile-menu li ul li#yellow:after {
  background-color: #fcaf17 !important;
}
.mobile-menu li ul li#coolgrey a {
  color: #3e484f;
}
.mobile-menu li ul li#coolgrey:after {
  background-color: #3e484f !important;
}
.mobile-menu a {
  text-decoration: none;
}
.mobile-menu .mobile-menu-divider {
  border-top: 1px solid #3e484f;
  margin: 1rem 3rem;
}

.tpl-searchresults #ajaxSearch_form fieldset {
  border: 0 none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tpl-searchresults #ajaxSearch_form fieldset label:first-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 1rem;
}
.tpl-searchresults #ajaxSearch_form fieldset label:last-of-type {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.tpl-searchresults #ajaxSearch_form #ajaxSearch_input {
  width: 100%;
  max-width: unset;
  padding: 0 0.5rem;
  border: 0 none;
  border-bottom: 1px solid #707070;
  background-color: transparent;
}
.tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_paging {
  display: block;
  margin-bottom: 1rem;
}
.tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_result {
  padding: 1rem;
  margin-bottom: 1rem;
}
.tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_resultLink {
  line-height: 1.5;
  margin-bottom: 0.25rem;
}
.tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_highlight {
  background-color: rgba(252, 175, 23, 0.7);
  padding: 0.125rem;
}
.tpl-searchresults .ajaxSearch_grpResult .displayLink {
  margin-bottom: 0.5rem;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: none;
  color: #c41427;
}
@media only screen and (max-width: 1080px) {
  .tpl-searchresults .content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tpl-searchresults #ajaxSearch_form fieldset label:first-of-type {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 4.5rem);
            flex: 0 0 calc(100% - 4.5rem);
  }
  .tpl-searchresults #ajaxSearch_form fieldset label::last-of-type {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.5rem;
            flex: 0 0 4.5rem;
  }
}

.tpl-family-month-home .sticky,
.tpl-family-month-event .sticky {
  display: none;
}
.tpl-family-month-home section,
.tpl-family-month-event section {
  padding: 6rem 0 2rem;
}
.tpl-family-month-home section:last-of-type,
.tpl-family-month-event section:last-of-type {
  padding-bottom: 4rem;
}
.tpl-family-month-home header:before,
.tpl-family-month-event header:before {
  background: #fff;
}
.tpl-family-month-home header nav,
.tpl-family-month-event header nav {
  -ms-flex-item-align: center;
      align-self: center;
}
.tpl-family-month-home header nav ul,
.tpl-family-month-event header nav ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-family-month-home header nav li,
.tpl-family-month-event header nav li {
  border-right: 1px solid #3e484f;
}
.tpl-family-month-home header nav li:last-child,
.tpl-family-month-event header nav li:last-child {
  border: 0 none;
}
.tpl-family-month-home header nav li:hover a:not(.family-month-nav-dropdown-link), .tpl-family-month-home header nav li.active a:not(.family-month-nav-dropdown-link),
.tpl-family-month-event header nav li:hover a:not(.family-month-nav-dropdown-link),
.tpl-family-month-event header nav li.active a:not(.family-month-nav-dropdown-link) {
  color: #ff0000;
}
.tpl-family-month-home header nav a,
.tpl-family-month-event header nav a {
  color: #3e484f;
}
.tpl-family-month-home header .links,
.tpl-family-month-event header .links {
  -ms-flex-item-align: center;
      align-self: center;
}
.tpl-family-month-home header .megamenu a,
.tpl-family-month-event header .megamenu a {
  text-decoration: none;
}
.tpl-family-month-home header .nav-toggle,
.tpl-family-month-event header .nav-toggle {
  background: linear-gradient(to bottom, transparent 0%, transparent 9px, #3e484f 9px, #3e484f 11px, transparent 11px, transparent 100%);
}
.tpl-family-month-home header .nav-toggle:before, .tpl-family-month-home header .nav-toggle:after,
.tpl-family-month-event header .nav-toggle:before,
.tpl-family-month-event header .nav-toggle:after {
  background-color: #3e484f;
}
.tpl-family-month-home h2, .tpl-family-month-home h1, .tpl-family-month-home h3,
.tpl-family-month-event h2,
.tpl-family-month-event h1,
.tpl-family-month-event h3 {
  color: #F58466;
}
.tpl-family-month-home .bg-salmon h2, .tpl-family-month-home .bg-salmon h1, .tpl-family-month-home .bg-salmon h3,
.tpl-family-month-event .bg-salmon h2,
.tpl-family-month-event .bg-salmon h1,
.tpl-family-month-event .bg-salmon h3 {
  color: white;
}
.tpl-family-month-home .btn, .tpl-family-month-home .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-family-month-home #ajaxSearch_submit,
.tpl-family-month-event .btn,
.tpl-family-month-event .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit,
.tpl-searchresults #ajaxSearch_form .tpl-family-month-event #ajaxSearch_submit {
  background-color: #F58466;
}
@media (max-width: 1024px) {
  .tpl-family-month-home #activities .col2,
  .tpl-family-month-event #activities .col2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tpl-family-month-home #activities .event-item,
.tpl-family-month-event #activities .event-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 280px;
  background-color: #fff;
}
@media (max-width: 520px) {
  .tpl-family-month-home #activities .event-item,
  .tpl-family-month-event #activities .event-item {
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.tpl-family-month-home #activities .event-item .date-title-wrapper,
.tpl-family-month-event #activities .event-item .date-title-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 520px) {
  .tpl-family-month-home #activities .event-item .date-title-wrapper,
  .tpl-family-month-event #activities .event-item .date-title-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.tpl-family-month-home #activities .event-item .date-title-wrapper .date,
.tpl-family-month-event #activities .event-item .date-title-wrapper .date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tpl-family-month-home #activities .event-item .date-title-wrapper .date .month,
.tpl-family-month-home #activities .event-item .date-title-wrapper .date .day,
.tpl-family-month-event #activities .event-item .date-title-wrapper .date .month,
.tpl-family-month-event #activities .event-item .date-title-wrapper .date .day {
  text-align: center;
}
.tpl-family-month-home #activities .event-item .date-title-wrapper .date .month,
.tpl-family-month-event #activities .event-item .date-title-wrapper .date .month {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 0.5rem;
  background-color: #df7167;
  font-size: 20px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
}
[lang^=zh-HanT] .tpl-family-month-home #activities .event-item .date-title-wrapper .date .month,
[lang^=zh-HanT] .tpl-family-month-event #activities .event-item .date-title-wrapper .date .month {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  height: auto;
  min-height: 84px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-family-month-home #activities .event-item .date-title-wrapper .date .day,
.tpl-family-month-event #activities .event-item .date-title-wrapper .date .day {
  padding: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
  font-size: 60px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  background-color: #f7b5af;
  height: 100%;
}
[lang^=zh-HanT] .tpl-family-month-home #activities .event-item .date-title-wrapper .date .day,
[lang^=zh-HanT] .tpl-family-month-event #activities .event-item .date-title-wrapper .date .day {
  padding-bottom: 1rem;
}
.tpl-family-month-home #activities .event-item .date-title-wrapper .title,
.tpl-family-month-event #activities .event-item .date-title-wrapper .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 1.5rem;
  margin-right: auto;
}
.tpl-family-month-home #activities .event-item .date-title-wrapper .intro-text,
.tpl-family-month-event #activities .event-item .date-title-wrapper .intro-text {
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.tpl-family-month-home #activities .event-item .image,
.tpl-family-month-event #activities .event-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  height: 100%;
}
@media (max-width: 520px) {
  .tpl-family-month-home #activities .event-item .image,
  .tpl-family-month-event #activities .event-item .image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.tpl-family-month-home #activities .event-item img,
.tpl-family-month-event #activities .event-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 520px) {
  .tpl-family-month-home #activities .event-item img,
  .tpl-family-month-event #activities .event-item img {
    height: auto;
    max-height: 340px;
  }
}
.tpl-family-month-home #media .event-item,
.tpl-family-month-event #media .event-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 180px;
  background-color: #fff;
}
.tpl-family-month-home #media .event-item .date,
.tpl-family-month-event #media .event-item .date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1.5rem 0 1.5rem 1.5rem;
}
.tpl-family-month-home #media .event-item .date .month,
.tpl-family-month-home #media .event-item .date .day,
.tpl-family-month-event #media .event-item .date .month,
.tpl-family-month-event #media .event-item .date .day {
  text-align: center;
}
.tpl-family-month-home #media .event-item .date .month,
.tpl-family-month-event #media .event-item .date .month {
  padding: 0.5rem 0;
  background-color: #866B4A;
  font-size: 20px;
  line-height: 1;
  color: white;
}
.tpl-family-month-home #media .event-item .date .day,
.tpl-family-month-event #media .event-item .date .day {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  background-color: #F58466;
}
.tpl-family-month-home #media .event-item .title,
.tpl-family-month-event #media .event-item .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: auto;
}
.tpl-family-month-home #media .event-item .image,
.tpl-family-month-event #media .event-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.tpl-family-month-home #media .event-item img,
.tpl-family-month-event #media .event-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-family-month-home #media .event-list,
  .tpl-family-month-event #media .event-list {
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px;
  }
  .tpl-family-month-home #media .event-item,
  .tpl-family-month-event #media .event-item {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
    overflow: hidden;
  }
  .tpl-family-month-home #media .event-item .title,
  .tpl-family-month-event #media .event-item .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 210px;
            flex: 0 1 210px;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-family-month-home #media .event-item .image,
  .tpl-family-month-event #media .event-item .image {
    max-width: calc((100% - 144px) / 2);
  }
}
@media only screen and (max-width: 800px) {
  .tpl-family-month-home #media h2,
  .tpl-family-month-event #media h2 {
    margin-bottom: 2rem;
  }
  .tpl-family-month-home #media .event-list,
  .tpl-family-month-event #media .event-list {
    grid-template-columns: 1fr;
  }
  .tpl-family-month-home #media .event-list .event-item,
  .tpl-family-month-event #media .event-list .event-item {
    height: auto;
    min-height: 180px;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-family-month-home #media .event-list .event-item,
  .tpl-family-month-event #media .event-list .event-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tpl-family-month-home #media .event-list .event-item .date,
  .tpl-family-month-event #media .event-list .event-item .date {
    min-height: 180px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .tpl-family-month-home #media .event-list .event-item .title,
  .tpl-family-month-event #media .event-list .event-item .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 120px);
            flex: 0 1 calc(100% - 120px);
  }
  .tpl-family-month-home #media .event-list .event-item .image,
  .tpl-family-month-event #media .event-list .event-item .image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    max-height: 200px;
  }
}
.tpl-family-month-home .useful-links .highlights-list,
.tpl-family-month-event .useful-links .highlights-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "feature feature feature feature" " . . . . ";
  grid-gap: 20px;
}
@media (max-width: 920px) {
  .tpl-family-month-home .useful-links .highlights-list,
  .tpl-family-month-event .useful-links .highlights-list {
    grid-template-columns: 1fr;
    grid-template-areas: "feature" " . ";
  }
}
.tpl-family-month-home .useful-links .highlights-list .highlight-item img,
.tpl-family-month-event .useful-links .highlights-list .highlight-item img {
  width: 100%;
  height: 100%;
  max-height: 250px;
  min-height: 230px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  background-color: #f1f1f1;
}
.tpl-family-month-home .useful-links .highlights-list .highlight-item .desc,
.tpl-family-month-event .useful-links .highlights-list .highlight-item .desc {
  padding: 1.25rem;
  padding-bottom: 2.5rem;
}
.tpl-family-month-home .useful-links .highlights-list .highlight-item .img-wrapper,
.tpl-family-month-event .useful-links .highlights-list .highlight-item .img-wrapper {
  height: 250px;
  overflow: hidden;
}
.tpl-family-month-home #hkfwi .col-item figure, .tpl-family-month-home #about .col-item figure,
.tpl-family-month-event #hkfwi .col-item figure,
.tpl-family-month-event #about .col-item figure {
  max-width: 100%;
}
.tpl-family-month-home #hkfwi .col-item img, .tpl-family-month-home #about .col-item img,
.tpl-family-month-event #hkfwi .col-item img,
.tpl-family-month-event #about .col-item img {
  width: auto;
  max-width: 100%;
}
.tpl-family-month-home #hkfwi .photos, .tpl-family-month-home #about .photos,
.tpl-family-month-event #hkfwi .photos,
.tpl-family-month-event #about .photos {
  margin-top: 4rem;
}
.tpl-family-month-home #hkfwi .photos img, .tpl-family-month-home #about .photos img,
.tpl-family-month-event #hkfwi .photos img,
.tpl-family-month-event #about .photos img {
  max-width: 100%;
}
@media only screen and (max-width: 640px) {
  .tpl-family-month-home #hkfwi .cols.col2, .tpl-family-month-home #about .cols.col2,
  .tpl-family-month-event #hkfwi .cols.col2,
  .tpl-family-month-event #about .cols.col2 {
    grid-template-columns: 1fr;
  }
  .tpl-family-month-home #hkfwi .cols.col2 .col-item h2, .tpl-family-month-home #about .cols.col2 .col-item h2,
  .tpl-family-month-event #hkfwi .cols.col2 .col-item h2,
  .tpl-family-month-event #about .cols.col2 .col-item h2 {
    margin: 0;
  }
  .tpl-family-month-home #hkfwi .cols.col2 .col-item:last-child, .tpl-family-month-home #about .cols.col2 .col-item:last-child,
  .tpl-family-month-event #hkfwi .cols.col2 .col-item:last-child,
  .tpl-family-month-event #about .cols.col2 .col-item:last-child {
    margin-bottom: 0;
  }
}
.tpl-family-month-home .partners ul,
.tpl-family-month-event .partners ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.tpl-family-month-home .partners ul li,
.tpl-family-month-event .partners ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
  width: 33%;
  max-width: 33%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0;
}
@media (max-width: 768px) {
  .tpl-family-month-home .partners ul li,
  .tpl-family-month-event .partners ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    width: 49%;
    max-width: 49%;
  }
}
@media (max-width: 520px) {
  .tpl-family-month-home .partners ul li,
  .tpl-family-month-event .partners ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
.tpl-family-month-home .partners ul li img,
.tpl-family-month-event .partners ul li img {
  max-width: 150px;
  max-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
.tpl-family-month-home .partners ul:after,
.tpl-family-month-event .partners ul:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
}
@media (max-width: 768px) {
  .tpl-family-month-home .partners ul:after,
  .tpl-family-month-event .partners ul:after {
    content: "";
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
  }
}
@media (max-width: 520px) {
  .tpl-family-month-home .partners ul:after,
  .tpl-family-month-event .partners ul:after {
    content: "";
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.tpl-family-month-home .back,
.tpl-family-month-event .back {
  color: #F58466;
}
.tpl-family-month-home .back:before,
.tpl-family-month-event .back:before {
  border-left: 3px solid #F58466;
  border-bottom: 3px solid #F58466;
}
.tpl-family-month-home .close:before, .tpl-family-month-home .close:after,
.tpl-family-month-event .close:before,
.tpl-family-month-event .close:after {
  background-color: #F58466 !important;
}
.tpl-family-month-home .intro,
.tpl-family-month-event .intro {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.tpl-family-month-home .intro .date,
.tpl-family-month-event .intro .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
}
.tpl-family-month-home .intro .date .month,
.tpl-family-month-home .intro .date .day,
.tpl-family-month-event .intro .date .month,
.tpl-family-month-event .intro .date .day {
  text-align: center;
}
.tpl-family-month-home .intro .date .month,
.tpl-family-month-event .intro .date .month {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 0.5rem;
  background-color: #866B4A;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  height: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[lang^=zh-HanT] .tpl-family-month-home .intro .date .month,
[lang^=zh-HanT] .tpl-family-month-event .intro .date .month {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  min-height: 84px;
}
.tpl-family-month-home .intro .date .day,
.tpl-family-month-event .intro .date .day {
  padding: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  background-color: #F58466;
  height: 100px;
  width: auto;
  min-width: 130px;
}
[lang^=zh-HanT] .tpl-family-month-home .intro .date .day,
[lang^=zh-HanT] .tpl-family-month-event .intro .date .day {
  padding-bottom: 1rem;
}
.tpl-family-month-home .intro .share,
.tpl-family-month-event .intro .share {
  margin-bottom: 2rem;
}
.tpl-family-month-home footer,
.tpl-family-month-event footer {
  padding-left: 1rem;
  padding-right: 1rem;
}
.tpl-family-month-home footer .footer-grid,
.tpl-family-month-event footer .footer-grid {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.tpl-family-month-home footer p a,
.tpl-family-month-event footer p a {
  margin-left: 0;
}
@media (max-width: 960px) {
  .tpl-family-month-home footer ul li ul,
  .tpl-family-month-event footer ul li ul {
    display: none;
  }
}
.tpl-family-month-home footer .social ul li,
.tpl-family-month-event footer .social ul li {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

.tpl-family-month-home h2 {
  color: #F4594D;
}
.tpl-family-month-home #interviews .highlights-list {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "feature feature feature" " . . . ";
  grid-gap: 40px 20px;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-family-month-home #interviews .highlights-list {
    display: block;
  }
}
.tpl-family-month-home #interviews .highlights-list .highlight-item {
  min-height: 520px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tpl-family-month-home #interviews .highlights-list .highlight-item[hidden] {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.tpl-family-month-home #interviews .highlights-list .highlight-item:not(.support-item):first-child {
  grid-area: feature;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tpl-family-month-home #interviews .highlights-list .highlight-item:not(.support-item):first-child img {
  max-width: 66.6666666667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  height: 100%;
}
.tpl-family-month-home #interviews .highlights-list .highlight-item:not(.support-item):first-child .desc {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  padding: 35px 40px;
}
.tpl-family-month-home #interviews .highlights-list .highlight-item img {
  height: 230px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.tpl-family-month-home #interviews .highlights-list .highlight-item .desc {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.tpl-family-month-home #interviews .highlights-list .highlight-item .desc h3 {
  color: #3e484f;
  min-height: 70px;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-family-month-home #interviews .highlights-list .highlight-item {
    display: inline-block;
    width: calc((100% - 60px) / 3);
    min-height: 520px;
    margin: 0 10px 20px;
    vertical-align: top;
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item:not(.support-item):first-child {
    width: calc(100% - 20px);
    min-height: 0;
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item:not(.support-item):first-child .desc {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-family-month-home #interviews .highlights-list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .tpl-family-month-home #interviews .highlights-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: " . . ";
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item {
    display: block;
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item .desc {
    position: relative;
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item .desc h3 {
    min-height: 50px;
    height: auto;
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item:not(.support-item):first-child {
    display: block;
    grid-area: unset;
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item:not(.support-item):first-child img {
    max-width: 100%;
    height: 230px;
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item:not(.support-item):first-child .desc {
    padding: 1.5rem;
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item:not(.support-item):first-child .desc h3 {
    margin-bottom: 1.5rem;
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item:not(.support-item):first-child .desc p {
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width: 640px) {
  .tpl-family-month-home #interviews .highlights-list {
    grid-template-columns: 1fr;
    grid-template-areas: " . ";
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item img {
    max-width: none !important;
  }
  .tpl-family-month-home #interviews .highlights-list .highlight-item .desc h3 {
    height: auto;
    min-height: 0;
  }
}

.tpl-family-month-event .desc > p > img {
  width: 60%;
  margin: 0 auto;
}

.tpl-family-month-archive header:before {
  background: #F58466;
}
.tpl-family-month-archive header nav li {
  border-right: 1px solid #fff;
}
.tpl-family-month-archive header nav li:hover a:not(.family-month-nav-dropdown-link), .tpl-family-month-archive header nav li.active a:not(.family-month-nav-dropdown-link) {
  color: #FEF7D2;
}
.tpl-family-month-archive header nav a {
  color: #fff;
}
.tpl-family-month-archive header .nav-toggle {
  background: linear-gradient(to bottom, transparent 0%, transparent 9px, #fff 9px, #fff 11px, transparent 11px, transparent 100%);
}
.tpl-family-month-archive header .nav-toggle:before, .tpl-family-month-archive header .nav-toggle:after {
  background-color: #fff;
}
.tpl-family-month-archive #activities .event-item .date-title-wrapper .date .month {
  background-color: #866B4A;
}
.tpl-family-month-archive #activities .event-item .date-title-wrapper .date .day {
  background-color: #F58466;
}

.tpl-family-month-home {
  position: relative;
}
.tpl-family-month-home .family-month-nav {
  position: relative;
}
.tpl-family-month-home .family-month-nav > a::after {
  display: none;
}
@media (max-width: 960px) {
  .tpl-family-month-home .carousel.desktop {
    display: none;
  }
}
@media (min-width: 960.01px) {
  .tpl-family-month-home .carousel.mobile {
    display: none;
  }
}
@media (min-width: 960.01px) {
  .tpl-family-month-home .family-month-nav-dropdown {
    position: absolute;
    padding-top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(20px);
    transform: translateX(-50%) translateY(20px);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0;
    pointer-events: none;
    z-index: 90;
  }
}
@media (max-width: 960px) {
  .tpl-family-month-home .family-month-nav-dropdown a:after {
    content: "";
    position: absolute;
    right: 3rem;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #3e484f;
    border-bottom: 2px solid #3e484f;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
}
.tpl-family-month-home .family-month-nav-dropdown.opened {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}
.tpl-family-month-home .family-month-nav-dropdown li {
  display: block;
  border: 0;
}
.tpl-family-month-home .family-month-nav-dropdown-content {
  background-color: #f1f1f1;
  padding-left: 1.5rem;
  display: block;
}
@media (min-width: 960.01px) {
  .tpl-family-month-home .family-month-nav-dropdown-content {
    padding: 1.5rem 1.5rem 2rem;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  }
}
.tpl-family-month-home .family-month-nav-dropdown-link {
  position: relative;
  line-height: 1.4;
}

@media (min-width: 960.01px) {
  .tpl-family-month-archive .family-month-nav-dropdown-content {
    background: #F58466;
  }
  .tpl-family-month-archive .family-month-nav-dropdown-link {
    color: #fff;
  }
  .tpl-family-month-archive .family-month-nav-dropdown-link:hover {
    color: #FEF7D2;
  }
}

.tpl-family-month-home-2024 #activities .event-item .date-title-wrapper .date .month {
  background-color: #65b2d6;
}
.tpl-family-month-home-2024 #activities .event-item .date-title-wrapper .date .day {
  background-color: #aeddf2;
}
.tpl-family-month-home-2024 h2 {
  color: #3e484f;
}
.tpl-family-month-home-2024 .back {
  color: #F58466;
}
.tpl-family-month-home-2024 .back:before {
  border-left: 3px solid #3e484f;
  border-bottom: 3px solid #3e484f;
}

.tpl-child-policy .sticky,
.tpl-child-policy-single .sticky {
  display: none;
}
.tpl-child-policy header,
.tpl-child-policy-single header {
  background-color: transparent;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
  margin-top: -100px;
}
.tpl-child-policy header:before,
.tpl-child-policy-single header:before {
  background: transparent;
}
@media (max-width: 960px) {
  .tpl-child-policy header,
  .tpl-child-policy-single header {
    background-color: #a3e8fc;
    margin-top: 0;
  }
}
.tpl-child-policy header.scroll,
.tpl-child-policy-single header.scroll {
  background-color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 960px) {
  .tpl-child-policy header.scroll,
  .tpl-child-policy-single header.scroll {
    background-color: #a3e8fc;
  }
}
.tpl-child-policy header nav,
.tpl-child-policy-single header nav {
  -ms-flex-item-align: center;
      align-self: center;
}
.tpl-child-policy header nav ul,
.tpl-child-policy-single header nav ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-child-policy header nav li,
.tpl-child-policy-single header nav li {
  border-right: 1px solid #3e484f;
}
.tpl-child-policy header nav li:last-child,
.tpl-child-policy-single header nav li:last-child {
  border: 0 none;
}
.tpl-child-policy header nav li:hover a, .tpl-child-policy header nav li.active a,
.tpl-child-policy-single header nav li:hover a,
.tpl-child-policy-single header nav li.active a {
  color: white;
}
.tpl-child-policy header nav a,
.tpl-child-policy-single header nav a {
  color: #3e484f;
}
.tpl-child-policy header .links,
.tpl-child-policy-single header .links {
  -ms-flex-item-align: center;
      align-self: center;
}
.tpl-child-policy header .megamenu a,
.tpl-child-policy-single header .megamenu a {
  text-decoration: none;
}
.tpl-child-policy header .nav-toggle,
.tpl-child-policy-single header .nav-toggle {
  background: linear-gradient(to bottom, transparent 0%, transparent 9px, #fff 9px, #fff 11px, transparent 11px, transparent 100%);
}
.tpl-child-policy header .nav-toggle:before, .tpl-child-policy header .nav-toggle:after,
.tpl-child-policy-single header .nav-toggle:before,
.tpl-child-policy-single header .nav-toggle:after {
  background-color: #fff;
}
.tpl-child-policy h2, .tpl-child-policy h1, .tpl-child-policy h3,
.tpl-child-policy-single h2,
.tpl-child-policy-single h1,
.tpl-child-policy-single h3 {
  color: #3e484f;
}
.tpl-child-policy .btn, .tpl-child-policy .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-child-policy #ajaxSearch_submit,
.tpl-child-policy-single .btn,
.tpl-child-policy-single .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit,
.tpl-searchresults #ajaxSearch_form .tpl-child-policy-single #ajaxSearch_submit {
  background-color: #a3e8fc;
  color: #707070;
}
@media (max-width: 1024px) {
  .tpl-child-policy #activities .col2,
  .tpl-child-policy-single #activities .col2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tpl-child-policy #activities .event-item,
.tpl-child-policy-single #activities .event-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 280px;
  background-color: #fff;
}
@media (max-width: 520px) {
  .tpl-child-policy #activities .event-item,
  .tpl-child-policy-single #activities .event-item {
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.tpl-child-policy #activities .event-item .date-title-wrapper,
.tpl-child-policy-single #activities .event-item .date-title-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 520px) {
  .tpl-child-policy #activities .event-item .date-title-wrapper,
  .tpl-child-policy-single #activities .event-item .date-title-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.tpl-child-policy #activities .event-item .date-title-wrapper .date,
.tpl-child-policy-single #activities .event-item .date-title-wrapper .date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tpl-child-policy #activities .event-item .date-title-wrapper .date .month,
.tpl-child-policy #activities .event-item .date-title-wrapper .date .day,
.tpl-child-policy-single #activities .event-item .date-title-wrapper .date .month,
.tpl-child-policy-single #activities .event-item .date-title-wrapper .date .day {
  text-align: center;
}
.tpl-child-policy #activities .event-item .date-title-wrapper .date .month,
.tpl-child-policy-single #activities .event-item .date-title-wrapper .date .month {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 0.5rem;
  background-color: #e4913c;
  font-size: 20px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
}
[lang^=zh-HanT] .tpl-child-policy #activities .event-item .date-title-wrapper .date .month,
[lang^=zh-HanT] .tpl-child-policy-single #activities .event-item .date-title-wrapper .date .month {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  height: auto;
  min-height: 84px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-child-policy #activities .event-item .date-title-wrapper .date .day,
.tpl-child-policy-single #activities .event-item .date-title-wrapper .date .day {
  padding: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
  font-size: 60px;
  line-height: 1;
  font-weight: 400;
  color: #3e484f;
  background-color: #ffffe7;
  height: 100%;
}
[lang^=zh-HanT] .tpl-child-policy #activities .event-item .date-title-wrapper .date .day,
[lang^=zh-HanT] .tpl-child-policy-single #activities .event-item .date-title-wrapper .date .day {
  padding-bottom: 1rem;
}
.tpl-child-policy #activities .event-item .date-title-wrapper .title,
.tpl-child-policy-single #activities .event-item .date-title-wrapper .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 1.5rem;
  margin-right: auto;
}
.tpl-child-policy #activities .event-item .date-title-wrapper .intro-text,
.tpl-child-policy-single #activities .event-item .date-title-wrapper .intro-text {
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.tpl-child-policy #activities .event-item .image,
.tpl-child-policy-single #activities .event-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  height: 100%;
}
@media (max-width: 520px) {
  .tpl-child-policy #activities .event-item .image,
  .tpl-child-policy-single #activities .event-item .image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.tpl-child-policy #activities .event-item img,
.tpl-child-policy-single #activities .event-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 520px) {
  .tpl-child-policy #activities .event-item img,
  .tpl-child-policy-single #activities .event-item img {
    height: auto;
    max-height: 340px;
  }
}
.tpl-child-policy #media .event-item,
.tpl-child-policy-single #media .event-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 180px;
  background-color: #fff;
}
.tpl-child-policy #media .event-item .date,
.tpl-child-policy-single #media .event-item .date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1.5rem 0 1.5rem 1.5rem;
}
.tpl-child-policy #media .event-item .date .month,
.tpl-child-policy #media .event-item .date .day,
.tpl-child-policy-single #media .event-item .date .month,
.tpl-child-policy-single #media .event-item .date .day {
  text-align: center;
}
.tpl-child-policy #media .event-item .date .month,
.tpl-child-policy-single #media .event-item .date .month {
  padding: 0.5rem 0;
  background-color: #866B4A;
  font-size: 20px;
  line-height: 1;
  color: white;
}
.tpl-child-policy #media .event-item .date .day,
.tpl-child-policy-single #media .event-item .date .day {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  background-color: #F58466;
}
.tpl-child-policy #media .event-item .title,
.tpl-child-policy-single #media .event-item .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: auto;
}
.tpl-child-policy #media .event-item .image,
.tpl-child-policy-single #media .event-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.tpl-child-policy #media .event-item img,
.tpl-child-policy-single #media .event-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-child-policy #media .event-list,
  .tpl-child-policy-single #media .event-list {
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px;
  }
  .tpl-child-policy #media .event-item,
  .tpl-child-policy-single #media .event-item {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
    overflow: hidden;
  }
  .tpl-child-policy #media .event-item .title,
  .tpl-child-policy-single #media .event-item .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 210px;
            flex: 0 1 210px;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-child-policy #media .event-item .image,
  .tpl-child-policy-single #media .event-item .image {
    max-width: calc((100% - 144px) / 2);
  }
}
@media only screen and (max-width: 800px) {
  .tpl-child-policy #media h2,
  .tpl-child-policy-single #media h2 {
    margin-bottom: 2rem;
  }
  .tpl-child-policy #media .event-list,
  .tpl-child-policy-single #media .event-list {
    grid-template-columns: 1fr;
  }
  .tpl-child-policy #media .event-list .event-item,
  .tpl-child-policy-single #media .event-list .event-item {
    height: auto;
    min-height: 180px;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-child-policy #media .event-list .event-item,
  .tpl-child-policy-single #media .event-list .event-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tpl-child-policy #media .event-list .event-item .date,
  .tpl-child-policy-single #media .event-list .event-item .date {
    min-height: 180px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .tpl-child-policy #media .event-list .event-item .title,
  .tpl-child-policy-single #media .event-list .event-item .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 120px);
            flex: 0 1 calc(100% - 120px);
  }
  .tpl-child-policy #media .event-list .event-item .image,
  .tpl-child-policy-single #media .event-list .event-item .image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    max-height: 200px;
  }
}
.tpl-child-policy .useful-links .highlights-list,
.tpl-child-policy-single .useful-links .highlights-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "feature feature feature feature" " . . . . ";
  grid-gap: 20px;
}
@media (max-width: 920px) {
  .tpl-child-policy .useful-links .highlights-list,
  .tpl-child-policy-single .useful-links .highlights-list {
    grid-template-columns: 1fr;
    grid-template-areas: "feature" " . ";
  }
}
.tpl-child-policy .useful-links .highlights-list .highlight-item img,
.tpl-child-policy-single .useful-links .highlights-list .highlight-item img {
  width: 100%;
  height: 100%;
  max-height: 250px;
  min-height: 230px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  background-color: #f1f1f1;
}
.tpl-child-policy .useful-links .highlights-list .highlight-item .desc,
.tpl-child-policy-single .useful-links .highlights-list .highlight-item .desc {
  padding: 1.25rem;
  padding-bottom: 2.5rem;
}
.tpl-child-policy .useful-links .highlights-list .highlight-item .img-wrapper,
.tpl-child-policy-single .useful-links .highlights-list .highlight-item .img-wrapper {
  height: 250px;
  overflow: hidden;
}
.tpl-child-policy #hkfwi .col-item figure, .tpl-child-policy #about .col-item figure,
.tpl-child-policy-single #hkfwi .col-item figure,
.tpl-child-policy-single #about .col-item figure {
  max-width: 100%;
}
.tpl-child-policy #hkfwi .col-item img, .tpl-child-policy #about .col-item img,
.tpl-child-policy-single #hkfwi .col-item img,
.tpl-child-policy-single #about .col-item img {
  width: auto;
  max-width: 100%;
}
.tpl-child-policy #hkfwi .photos, .tpl-child-policy #about .photos,
.tpl-child-policy-single #hkfwi .photos,
.tpl-child-policy-single #about .photos {
  margin-top: 4rem;
}
.tpl-child-policy #hkfwi .photos img, .tpl-child-policy #about .photos img,
.tpl-child-policy-single #hkfwi .photos img,
.tpl-child-policy-single #about .photos img {
  max-width: 100%;
}
@media only screen and (max-width: 640px) {
  .tpl-child-policy #hkfwi .cols.col2, .tpl-child-policy #about .cols.col2,
  .tpl-child-policy-single #hkfwi .cols.col2,
  .tpl-child-policy-single #about .cols.col2 {
    grid-template-columns: 1fr;
  }
  .tpl-child-policy #hkfwi .cols.col2 .col-item h2, .tpl-child-policy #about .cols.col2 .col-item h2,
  .tpl-child-policy-single #hkfwi .cols.col2 .col-item h2,
  .tpl-child-policy-single #about .cols.col2 .col-item h2 {
    margin: 0;
  }
  .tpl-child-policy #hkfwi .cols.col2 .col-item:last-child, .tpl-child-policy #about .cols.col2 .col-item:last-child,
  .tpl-child-policy-single #hkfwi .cols.col2 .col-item:last-child,
  .tpl-child-policy-single #about .cols.col2 .col-item:last-child {
    margin-bottom: 0;
  }
}
.tpl-child-policy .partners ul,
.tpl-child-policy-single .partners ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.tpl-child-policy .partners ul li,
.tpl-child-policy-single .partners ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
  width: 33%;
  max-width: 33%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0;
}
@media (max-width: 768px) {
  .tpl-child-policy .partners ul li,
  .tpl-child-policy-single .partners ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    width: 49%;
    max-width: 49%;
  }
}
@media (max-width: 520px) {
  .tpl-child-policy .partners ul li,
  .tpl-child-policy-single .partners ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
.tpl-child-policy .partners ul li img,
.tpl-child-policy-single .partners ul li img {
  max-width: 150px;
  max-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
.tpl-child-policy .partners ul:after,
.tpl-child-policy-single .partners ul:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
}
@media (max-width: 768px) {
  .tpl-child-policy .partners ul:after,
  .tpl-child-policy-single .partners ul:after {
    content: "";
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
  }
}
@media (max-width: 520px) {
  .tpl-child-policy .partners ul:after,
  .tpl-child-policy-single .partners ul:after {
    content: "";
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.tpl-child-policy .back,
.tpl-child-policy-single .back {
  color: #3e484f;
}
.tpl-child-policy .back:before,
.tpl-child-policy-single .back:before {
  border-left: 3px solid #3e484f;
  border-bottom: 3px solid #3e484f;
}
.tpl-child-policy .close:before, .tpl-child-policy .close:after,
.tpl-child-policy-single .close:before,
.tpl-child-policy-single .close:after {
  background-color: white !important;
}
.tpl-child-policy .intro,
.tpl-child-policy-single .intro {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.tpl-child-policy .intro .date,
.tpl-child-policy-single .intro .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
}
.tpl-child-policy .intro .date .month,
.tpl-child-policy .intro .date .day,
.tpl-child-policy-single .intro .date .month,
.tpl-child-policy-single .intro .date .day {
  text-align: center;
}
.tpl-child-policy .intro .date .month,
.tpl-child-policy-single .intro .date .month {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 0.5rem;
  background-color: #e4913c;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  height: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[lang^=zh-HanT] .tpl-child-policy .intro .date .month,
[lang^=zh-HanT] .tpl-child-policy-single .intro .date .month {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  min-height: 84px;
}
.tpl-child-policy .intro .date .day,
.tpl-child-policy-single .intro .date .day {
  padding: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 400;
  color: #3e484f;
  background-color: #ffffe7;
  height: 100px;
  width: auto;
  min-width: 130px;
}
[lang^=zh-HanT] .tpl-child-policy .intro .date .day,
[lang^=zh-HanT] .tpl-child-policy-single .intro .date .day {
  padding-bottom: 1rem;
}
.tpl-child-policy .intro .share,
.tpl-child-policy-single .intro .share {
  margin-bottom: 2rem;
}
.tpl-child-policy section .container p + p,
.tpl-child-policy-single section .container p + p {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.tpl-child-policy section .container p + ul,
.tpl-child-policy-single section .container p + ul {
  margin-bottom: 0;
}
.tpl-child-policy section .container ul + p,
.tpl-child-policy-single section .container ul + p {
  margin-bottom: 0;
  margin-top: 1.5rem;
}
.tpl-child-policy section .container ul,
.tpl-child-policy-single section .container ul {
  margin-bottom: 1.5rem;
  list-style: initial;
  padding-left: 1.5rem;
}
.tpl-child-policy section .container ul li,
.tpl-child-policy-single section .container ul li {
  padding-left: 0.5rem;
}
.tpl-child-policy footer,
.tpl-child-policy-single footer {
  padding-left: 1rem;
  padding-right: 1rem;
}
.tpl-child-policy footer .footer-grid,
.tpl-child-policy-single footer .footer-grid {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.tpl-child-policy footer p a,
.tpl-child-policy-single footer p a {
  margin-left: 0;
}
@media (max-width: 960px) {
  .tpl-child-policy footer ul li ul,
  .tpl-child-policy-single footer ul li ul {
    display: none;
  }
}
.tpl-child-policy footer .social ul li,
.tpl-child-policy-single footer .social ul li {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}
.tpl-child-policy footer .small, .tpl-child-policy footer .social p,
.tpl-child-policy-single footer .small,
.tpl-child-policy-single footer .social p {
  color: white;
}
.tpl-child-policy .useful_tips_wrapper,
.tpl-child-policy-single .useful_tips_wrapper {
  background-color: white;
}
.tpl-child-policy .useful_tips_wrapper .useful_tips_title,
.tpl-child-policy-single .useful_tips_wrapper .useful_tips_title {
  padding: 4rem 0rem;
  text-align: center;
  background-image: url("/assets/images//child-protection/kv_useful_tips.png");
  background-size: contain;
  background-repeat: no-repeat;
  color: white;
  font-size: 40px;
}
.tpl-child-policy .useful_tips_wrapper ul,
.tpl-child-policy-single .useful_tips_wrapper ul {
  margin-top: 1.5rem;
  margin-left: 1rem;
}
.tpl-child-policy .useful_tips_wrapper ul li a,
.tpl-child-policy-single .useful_tips_wrapper ul li a {
  text-decoration: none;
}
.tpl-child-policy .useful_tips_wrapper ul li a:hover,
.tpl-child-policy-single .useful_tips_wrapper ul li a:hover {
  text-decoration: underline;
}
.tpl-child-policy #contact table td br,
.tpl-child-policy-single #contact table td br {
  display: block;
}
.tpl-child-policy #highlights .card .desc, .tpl-child-policy #highlights .tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_result .desc, .tpl-searchresults .ajaxSearch_grpResult .tpl-child-policy #highlights .ajaxSearch_result .desc,
.tpl-child-policy-single #highlights .card .desc,
.tpl-child-policy-single #highlights .tpl-searchresults .ajaxSearch_grpResult .ajaxSearch_result .desc,
.tpl-searchresults .ajaxSearch_grpResult .tpl-child-policy-single #highlights .ajaxSearch_result .desc {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
@media only screen and (max-width: 640px) {
  .tpl-child-policy #highlights .highlight-item:first-child img,
  .tpl-child-policy-single #highlights .highlight-item:first-child img {
    max-width: 100%;
  }
}

.tpl-child-policy-single header {
  background-color: white;
  margin-top: 0;
}
.tpl-child-policy-single header:before {
  background: white;
}
.tpl-child-policy-single header li:hover a, .tpl-child-policy-single header li.active a {
  color: #a3e8fc !important;
}
.tpl-child-policy-single ol {
  list-style: auto;
  padding: 0;
  margin: 1rem;
}
.tpl-child-policy-single a {
  word-break: break-word;
}

.tpl-career-support-home .sticky,
.tpl-career-support-event .sticky {
  display: none;
}
.tpl-career-support-home header:before,
.tpl-career-support-event header:before {
  background: #fcd6b5;
}
.tpl-career-support-home header nav,
.tpl-career-support-event header nav {
  -ms-flex-item-align: center;
      align-self: center;
}
.tpl-career-support-home header nav ul,
.tpl-career-support-event header nav ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-career-support-home header nav li,
.tpl-career-support-event header nav li {
  border-right: 1px solid #5f5231;
}
.tpl-career-support-home header nav li:last-child,
.tpl-career-support-event header nav li:last-child {
  border: 0 none;
}
.tpl-career-support-home header nav li:hover a, .tpl-career-support-home header nav li.active a,
.tpl-career-support-event header nav li:hover a,
.tpl-career-support-event header nav li.active a {
  color: #FEF7D2;
}
.tpl-career-support-home header nav a,
.tpl-career-support-event header nav a {
  color: #5f5231;
}
.tpl-career-support-home header .links,
.tpl-career-support-event header .links {
  -ms-flex-item-align: center;
      align-self: center;
}
.tpl-career-support-home header .megamenu a,
.tpl-career-support-event header .megamenu a {
  text-decoration: none;
}
.tpl-career-support-home header .nav-toggle,
.tpl-career-support-event header .nav-toggle {
  background: linear-gradient(to bottom, transparent 0%, transparent 9px, #fff 9px, #fff 11px, transparent 11px, transparent 100%);
}
.tpl-career-support-home header .nav-toggle:before, .tpl-career-support-home header .nav-toggle:after,
.tpl-career-support-event header .nav-toggle:before,
.tpl-career-support-event header .nav-toggle:after {
  background-color: #fff;
}
.tpl-career-support-home h2, .tpl-career-support-home h1, .tpl-career-support-home h3, .tpl-career-support-home p, .tpl-career-support-home a,
.tpl-career-support-event h2,
.tpl-career-support-event h1,
.tpl-career-support-event h3,
.tpl-career-support-event p,
.tpl-career-support-event a {
  color: #5f5231;
}
.tpl-career-support-home .bg-lightpumpkin h2, .tpl-career-support-home .bg-lightpumpkin h1, .tpl-career-support-home .bg-lightpumpkin h3,
.tpl-career-support-event .bg-lightpumpkin h2,
.tpl-career-support-event .bg-lightpumpkin h1,
.tpl-career-support-event .bg-lightpumpkin h3 {
  color: #5f5231;
}
.tpl-career-support-home .btn, .tpl-career-support-home .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-career-support-home #ajaxSearch_submit,
.tpl-career-support-event .btn,
.tpl-career-support-event .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit,
.tpl-searchresults #ajaxSearch_form .tpl-career-support-event #ajaxSearch_submit {
  background-color: #fcd6b5;
  color: #5f5231;
}
.tpl-career-support-home #about .btn, .tpl-career-support-home #about .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .tpl-career-support-home #about #ajaxSearch_submit,
.tpl-career-support-event #about .btn,
.tpl-career-support-event #about .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit,
.tpl-searchresults #ajaxSearch_form .tpl-career-support-event #about #ajaxSearch_submit {
  padding: 0.5em 0.75em 0.75em;
}
@media (max-width: 1024px) {
  .tpl-career-support-home #activities .col2,
  .tpl-career-support-event #activities .col2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tpl-career-support-home #activities .event-item,
.tpl-career-support-event #activities .event-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 280px;
  background-color: #fff;
}
@media (max-width: 520px) {
  .tpl-career-support-home #activities .event-item,
  .tpl-career-support-event #activities .event-item {
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.tpl-career-support-home #activities .event-item .date-title-wrapper,
.tpl-career-support-event #activities .event-item .date-title-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 520px) {
  .tpl-career-support-home #activities .event-item .date-title-wrapper,
  .tpl-career-support-event #activities .event-item .date-title-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.tpl-career-support-home #activities .event-item .date-title-wrapper .date,
.tpl-career-support-event #activities .event-item .date-title-wrapper .date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tpl-career-support-home #activities .event-item .date-title-wrapper .date .month,
.tpl-career-support-home #activities .event-item .date-title-wrapper .date .day,
.tpl-career-support-event #activities .event-item .date-title-wrapper .date .month,
.tpl-career-support-event #activities .event-item .date-title-wrapper .date .day {
  text-align: center;
}
.tpl-career-support-home #activities .event-item .date-title-wrapper .date .month,
.tpl-career-support-event #activities .event-item .date-title-wrapper .date .month {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 0.5rem;
  background-color: #866B4A;
  font-size: 20px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
}
[lang^=zh-HanT] .tpl-career-support-home #activities .event-item .date-title-wrapper .date .month,
[lang^=zh-HanT] .tpl-career-support-event #activities .event-item .date-title-wrapper .date .month {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  height: auto;
  min-height: 84px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tpl-career-support-home #activities .event-item .date-title-wrapper .date .day,
.tpl-career-support-event #activities .event-item .date-title-wrapper .date .day {
  padding: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
  font-size: 60px;
  line-height: 1;
  font-weight: 400;
  color: #5f5231;
  background-color: #fcd6b5;
  height: 100%;
}
[lang^=zh-HanT] .tpl-career-support-home #activities .event-item .date-title-wrapper .date .day,
[lang^=zh-HanT] .tpl-career-support-event #activities .event-item .date-title-wrapper .date .day {
  padding-bottom: 1rem;
}
.tpl-career-support-home #activities .event-item .date-title-wrapper .title,
.tpl-career-support-event #activities .event-item .date-title-wrapper .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 1.5rem;
  margin-right: auto;
}
.tpl-career-support-home #activities .event-item .date-title-wrapper .intro-text,
.tpl-career-support-event #activities .event-item .date-title-wrapper .intro-text {
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.tpl-career-support-home #activities .event-item .image,
.tpl-career-support-event #activities .event-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  height: 100%;
}
@media (max-width: 520px) {
  .tpl-career-support-home #activities .event-item .image,
  .tpl-career-support-event #activities .event-item .image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.tpl-career-support-home #activities .event-item img,
.tpl-career-support-event #activities .event-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 520px) {
  .tpl-career-support-home #activities .event-item img,
  .tpl-career-support-event #activities .event-item img {
    height: auto;
    max-height: 340px;
  }
}
.tpl-career-support-home #media .event-item,
.tpl-career-support-event #media .event-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 180px;
  background-color: #fff;
}
.tpl-career-support-home #media .event-item .date,
.tpl-career-support-event #media .event-item .date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1.5rem 0 1.5rem 1.5rem;
}
.tpl-career-support-home #media .event-item .date .month,
.tpl-career-support-home #media .event-item .date .day,
.tpl-career-support-event #media .event-item .date .month,
.tpl-career-support-event #media .event-item .date .day {
  text-align: center;
}
.tpl-career-support-home #media .event-item .date .month,
.tpl-career-support-event #media .event-item .date .month {
  padding: 0.5rem 0;
  background-color: #866B4A;
  font-size: 20px;
  line-height: 1;
  color: white;
}
.tpl-career-support-home #media .event-item .date .day,
.tpl-career-support-event #media .event-item .date .day {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  background-color: #F58466;
}
.tpl-career-support-home #media .event-item .title,
.tpl-career-support-event #media .event-item .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: auto;
}
.tpl-career-support-home #media .event-item .image,
.tpl-career-support-event #media .event-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.tpl-career-support-home #media .event-item img,
.tpl-career-support-event #media .event-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tpl-career-support-home #media .event-list,
  .tpl-career-support-event #media .event-list {
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px;
  }
  .tpl-career-support-home #media .event-item,
  .tpl-career-support-event #media .event-item {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
    overflow: hidden;
  }
  .tpl-career-support-home #media .event-item .title,
  .tpl-career-support-event #media .event-item .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 210px;
            flex: 0 1 210px;
  }
}
@media only screen and (max-width: 1080px) {
  .tpl-career-support-home #media .event-item .image,
  .tpl-career-support-event #media .event-item .image {
    max-width: calc((100% - 144px) / 2);
  }
}
@media only screen and (max-width: 800px) {
  .tpl-career-support-home #media h2,
  .tpl-career-support-event #media h2 {
    margin-bottom: 2rem;
  }
  .tpl-career-support-home #media .event-list,
  .tpl-career-support-event #media .event-list {
    grid-template-columns: 1fr;
  }
  .tpl-career-support-home #media .event-list .event-item,
  .tpl-career-support-event #media .event-list .event-item {
    height: auto;
    min-height: 180px;
  }
}
@media only screen and (max-width: 480px) {
  .tpl-career-support-home #media .event-list .event-item,
  .tpl-career-support-event #media .event-list .event-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tpl-career-support-home #media .event-list .event-item .date,
  .tpl-career-support-event #media .event-list .event-item .date {
    min-height: 180px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .tpl-career-support-home #media .event-list .event-item .title,
  .tpl-career-support-event #media .event-list .event-item .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 120px);
            flex: 0 1 calc(100% - 120px);
  }
  .tpl-career-support-home #media .event-list .event-item .image,
  .tpl-career-support-event #media .event-list .event-item .image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    max-height: 200px;
  }
}
.tpl-career-support-home .useful-links .highlights-list,
.tpl-career-support-event .useful-links .highlights-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "feature feature feature feature" " . . . . ";
  grid-gap: 20px;
}
@media (max-width: 920px) {
  .tpl-career-support-home .useful-links .highlights-list,
  .tpl-career-support-event .useful-links .highlights-list {
    grid-template-columns: 1fr;
    grid-template-areas: "feature" " . ";
  }
}
.tpl-career-support-home .useful-links .highlights-list .highlight-item img,
.tpl-career-support-event .useful-links .highlights-list .highlight-item img {
  width: 100%;
  height: 100%;
  max-height: 250px;
  min-height: 230px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  background-color: #f1f1f1;
}
.tpl-career-support-home .useful-links .highlights-list .highlight-item .desc,
.tpl-career-support-event .useful-links .highlights-list .highlight-item .desc {
  padding: 1.25rem;
  padding-bottom: 2.5rem;
}
.tpl-career-support-home .useful-links .highlights-list .highlight-item .img-wrapper,
.tpl-career-support-event .useful-links .highlights-list .highlight-item .img-wrapper {
  height: 250px;
  overflow: hidden;
}
.tpl-career-support-home #hkfwi .col-item figure, .tpl-career-support-home #about .col-item figure,
.tpl-career-support-event #hkfwi .col-item figure,
.tpl-career-support-event #about .col-item figure {
  max-width: 100%;
}
.tpl-career-support-home #hkfwi .col-item img, .tpl-career-support-home #about .col-item img,
.tpl-career-support-event #hkfwi .col-item img,
.tpl-career-support-event #about .col-item img {
  width: auto;
  max-width: 100%;
}
.tpl-career-support-home #hkfwi .photos, .tpl-career-support-home #about .photos,
.tpl-career-support-event #hkfwi .photos,
.tpl-career-support-event #about .photos {
  margin-top: 4rem;
}
.tpl-career-support-home #hkfwi .photos img, .tpl-career-support-home #about .photos img,
.tpl-career-support-event #hkfwi .photos img,
.tpl-career-support-event #about .photos img {
  max-width: 100%;
}
@media only screen and (max-width: 640px) {
  .tpl-career-support-home #hkfwi .cols.col2, .tpl-career-support-home #about .cols.col2,
  .tpl-career-support-event #hkfwi .cols.col2,
  .tpl-career-support-event #about .cols.col2 {
    grid-template-columns: 1fr;
  }
  .tpl-career-support-home #hkfwi .cols.col2 .col-item h2, .tpl-career-support-home #about .cols.col2 .col-item h2,
  .tpl-career-support-event #hkfwi .cols.col2 .col-item h2,
  .tpl-career-support-event #about .cols.col2 .col-item h2 {
    margin: 0;
  }
  .tpl-career-support-home #hkfwi .cols.col2 .col-item:last-child, .tpl-career-support-home #about .cols.col2 .col-item:last-child,
  .tpl-career-support-event #hkfwi .cols.col2 .col-item:last-child,
  .tpl-career-support-event #about .cols.col2 .col-item:last-child {
    margin-bottom: 0;
  }
}
.tpl-career-support-home .partners ul,
.tpl-career-support-event .partners ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.tpl-career-support-home .partners ul li,
.tpl-career-support-event .partners ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
  width: 33%;
  max-width: 33%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0;
}
@media (max-width: 768px) {
  .tpl-career-support-home .partners ul li,
  .tpl-career-support-event .partners ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    width: 49%;
    max-width: 49%;
  }
}
@media (max-width: 520px) {
  .tpl-career-support-home .partners ul li,
  .tpl-career-support-event .partners ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
.tpl-career-support-home .partners ul li img,
.tpl-career-support-event .partners ul li img {
  max-width: 150px;
  max-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
.tpl-career-support-home .partners ul:after,
.tpl-career-support-event .partners ul:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
}
@media (max-width: 768px) {
  .tpl-career-support-home .partners ul:after,
  .tpl-career-support-event .partners ul:after {
    content: "";
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
  }
}
@media (max-width: 520px) {
  .tpl-career-support-home .partners ul:after,
  .tpl-career-support-event .partners ul:after {
    content: "";
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.tpl-career-support-home .back,
.tpl-career-support-event .back {
  color: #5f5231;
}
.tpl-career-support-home .back:before,
.tpl-career-support-event .back:before {
  border-left: 3px solid #5f5231;
  border-bottom: 3px solid #5f5231;
}
.tpl-career-support-home .close:before, .tpl-career-support-home .close:after,
.tpl-career-support-event .close:before,
.tpl-career-support-event .close:after {
  background-color: #F58466 !important;
}
.tpl-career-support-home .intro,
.tpl-career-support-event .intro {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.tpl-career-support-home .intro .date,
.tpl-career-support-event .intro .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
}
.tpl-career-support-home .intro .date .month,
.tpl-career-support-home .intro .date .day,
.tpl-career-support-event .intro .date .month,
.tpl-career-support-event .intro .date .day {
  text-align: center;
}
.tpl-career-support-home .intro .date .month,
.tpl-career-support-event .intro .date .month {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 0.5rem;
  background-color: #866B4A;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  height: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[lang^=zh-HanT] .tpl-career-support-home .intro .date .month,
[lang^=zh-HanT] .tpl-career-support-event .intro .date .month {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  min-height: 84px;
}
.tpl-career-support-home .intro .date .day,
.tpl-career-support-event .intro .date .day {
  padding: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 400;
  color: #5f5231;
  background-color: #fcd6b5;
  height: 100px;
  width: auto;
  min-width: 130px;
}
[lang^=zh-HanT] .tpl-career-support-home .intro .date .day,
[lang^=zh-HanT] .tpl-career-support-event .intro .date .day {
  padding-bottom: 1rem;
}
.tpl-career-support-home .intro .share,
.tpl-career-support-event .intro .share {
  margin-bottom: 2rem;
}
.tpl-career-support-home footer,
.tpl-career-support-event footer {
  padding-left: 1rem;
  padding-right: 1rem;
}
.tpl-career-support-home footer .footer-grid,
.tpl-career-support-event footer .footer-grid {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.tpl-career-support-home footer p a,
.tpl-career-support-event footer p a {
  margin-left: 0;
}
@media (max-width: 960px) {
  .tpl-career-support-home footer ul li ul,
  .tpl-career-support-event footer ul li ul {
    display: none;
  }
}
.tpl-career-support-home footer .social ul li,
.tpl-career-support-event footer .social ul li {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

.elderly-charter .parentPage {
  font-size: 25px;
}
.elderly-charter .form-header {
  margin-bottom: 1rem;
}
.elderly-charter .form-header .mandatory-fields {
  text-align: right;
}
.elderly-charter .form-row label:first-child {
  min-width: 150px;
}
.elderly-charter .form-row .g-recaptcha, .elderly-charter .form-row .buttons {
  display: inline-block;
}
.elderly-charter ol {
  list-style: decimal;
  padding-left: 1rem;
  padding-bottom: 1rem;
}
.elderly-charter .btn, .elderly-charter .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .elderly-charter #ajaxSearch_submit {
  min-width: 150px;
  margin-right: 1.5rem;
}
@media (max-width: 600px) {
  .elderly-charter .btn, .elderly-charter .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .elderly-charter #ajaxSearch_submit {
    margin-right: 0rem;
  }
}
.elderly-charter .btn-primary, .elderly-charter .tpl-searchresults #ajaxSearch_form #ajaxSearch_submit, .tpl-searchresults #ajaxSearch_form .elderly-charter #ajaxSearch_submit {
  background-color: #FF0000;
  color: white;
}
.elderly-charter .btn-grey {
  background-color: #9C9C9C;
  color: white;
}
.elderly-charter label {
  font-size: 18px;
}
.elderly-charter input, .elderly-charter textarea {
  font-size: 18px;
}
.elderly-charter .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.elderly-charter .flex button {
  margin-bottom: 1rem;
}
.elderly-charter .reviews {
  margin-top: 1rem;
}
.elderly-charter .reviews .items {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
@media (max-width: 960px) {
  .elderly-charter .reviews .items {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }
}
@media (max-width: 600px) {
  .elderly-charter .reviews .items {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }
}
.elderly-charter .reviews .items .item {
  margin-bottom: 1rem;
  padding: 1rem;
  -webkit-box-shadow: 3px 5px 9px 0px rgba(156, 156, 156, 0.3);
          box-shadow: 3px 5px 9px 0px rgba(156, 156, 156, 0.3);
}
.elderly-charter #eldelry_charter_error, .elderly-charter #eldelry_charter_recaptcha, .elderly-charter #eldelry_charter_thankyou, .elderly-charter #eldelry_charter_sending {
  display: none;
}
@media (max-width: 600px) {
  .elderly-charter .g-recaptcha div {
    margin: 0 auto;
  }
}
.elderly-charter #elderly-charter-form-count {
  color: #FF0000;
}

@media only screen and (max-width: 1080px) {
  .tpl-default .content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}/*# sourceMappingURL=main.css.map */