html,
body {
  margin: 0;
  width: 100%;
}
@font-face {
  font-family: 'Gentium';
  src: url('GenR102.TTF') format('truetype');
  font-style: normal;
}
@font-face {
  font-family: 'Hind Madurai';
  src: url('HindMadurai-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Hind Madurai';
  src: url('HindMadurai-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Hind Madurai';
  src: url('HindMadurai-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Hind Madurai';
  src: url('HindMadurai-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Sanchez Regular';
  src: url('Sanchezregular.otf') format('opentype');
  font-style: normal;
}
@font-face {
  font-family: 'Didact Gothic';
  src: url('DidactGothic-Regular.ttf') format('truetype');
  font-style: normal;
}
@font-face {
  font-family: 'Mulish';
  src: url('Mulish-VariableFont_wght.ttf') format('truetype');
  font-style: normal;
}
@font-face {
  font-family: 'Manrope';
  src: url('Manrope-Light.ttf') format('truetype');
  font-style: normal;
}
@keyframes AnimationName {
  0% {
    background-position: 0% 31%;
  }
  50% {
    background-position: 100% 70%;
  }
  100% {
    background-position: 0% 31%;
  }
}
@keyframes slide-left {
  0% {
    left: 136px;
  }
  100% {
    left: 36px;
  }
}
@keyframes slide-right {
  0% {
    right: 136px;
  }
  100% {
    right: 36px;
  }
}
@keyframes rotate-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-anticlockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes bounce {
  50% {
    transform: translateX(-15px);
  }
}
html,
body {
  background-color: white;
  font-size: 16px;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  html,
  body {
    font-size: 14px;
  }
}
body {
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
.title,
.custom-title {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: black;
  font-weight: 500;
}
html {
  scroll-behavior: smooth;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
p {
  line-height: 1.2;
}
p.title-ckeditor {
  font-size: 2rem;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  margin-bottom: 1rem;
}
a,
a:hover {
  text-decoration: none;
}
.btn-font {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
}
.btn {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  margin-bottom: 10px;
}
.btn-group .first-child {
  position: relative;
  z-index: 1;
}
.btn-group a {
  padding: 0.5rem 1.5rem;
}
.btn-group a:nth-child(2) {
  padding: 0.5rem 1.5rem 0.5rem 2.5rem;
}
.btn-group a:last-child::after {
  content: "" !important;
}
.btn-group a:not(.btn-group a.first-child) {
  position: relative;
  top: 10px;
  left: -1rem;
  background-color: #f8f8f8;
  color: #717171;
  z-index: 0;
}
.btn-group a:not(.btn-group a.first-child):hover {
  color: #825801;
}
.btn-group a:not(.btn-group a.first-child):hover::after {
  color: #717171;
}
.btn-group a:not(.btn-group a.first-child)::after {
  content: "/";
  display: inline;
  position: relative;
  left: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .btn-group {
    display: flex;
    flex-direction: column;
  }
  .btn-group .first-child {
    margin: auto;
    width: fit-content;
  }
  .btn-group a:nth-child(2) {
    padding: 0.5rem 1.5rem;
  }
  .btn-group a:not(.btn-group a.first-child) {
    text-align: center;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 3px;
    width: 220px;
  }
  .btn-group a:not(.btn-group a.first-child)::after {
    content: "";
  }
}
.btn-hover-style {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn-hover-style:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #c28b17;
  background-color: white;
  border: 1px solid;
  border-width: 1px 0;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.btn-primary {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  margin-bottom: 10px;
  background-color: #1b4130;
  border: 1px solid #69B297;
  border-width: 0 0 2px 0;
}
.btn-primary:hover {
  color: white;
  background-color: #c28b17;
  border-color: #eab01f;
}
.btn-dark-yellow {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  margin-bottom: 10px;
  background-color: #c28b17;
  border: 1px solid #eab01f;
  border-width: 0 0 2px 0;
}
.btn-dark-yellow:hover {
  color: black;
  background-color: #eab01f;
  border-color: #c28b17;
}
.btn-dark-yellow-green {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  margin-bottom: 10px;
  background-color: #c28b17;
  border: 1px solid #eab01f;
  border-width: 0 0 2px 0;
}
.btn-dark-yellow-green:hover {
  color: white;
  background-color: #1b4130;
  border-color: #69B297;
}
.btn-grey {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  margin-bottom: 10px;
  background-color: #919191;
  border: 1px solid #d5d5d5;
  border-width: 0 0 2px 0;
}
.btn-grey:hover {
  color: black;
  background-color: #d5d5d5;
  border-color: #919191;
}
.btn-arrow {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 4px;
  padding-bottom: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #717171;
  border: 1px solid transparent;
  border-width: 1px 0;
}
.btn-arrow:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #c28b17;
  background-color: white;
  border: 1px solid;
  border-width: 1px 0;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.btn-arrow::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f178";
  color: inherit;
  padding-left: 10px;
}
.btn-external {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 4px;
  padding-bottom: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #717171;
  border: 1px solid transparent;
  border-width: 1px 0;
}
.btn-external:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #c28b17;
  background-color: white;
  border: 1px solid;
  border-width: 1px 0;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.btn-external::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f178";
  color: inherit;
  padding-left: 10px;
}
.btn-external-yellow {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 4px;
  padding-bottom: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #c28b17;
  text-decoration: underline;
  border: 1px solid transparent;
  border-width: 1px 0;
}
.btn-external-yellow:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #c28b17;
  background-color: white;
  border: 1px solid;
  border-width: 1px 0;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.btn-external-yellow::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f178";
  color: inherit;
  padding-left: 10px;
  font-size: 12px;
}
.btn-external-yellow:hover {
  color: #9a6c0b;
}
.new-btn {
  --btn-color: transparent;
  --btn-bg-color: transparent;
  --btn-border-color: transparent;
  display: inline-block;
  padding: 20px;
  min-width: 200px;
  text-align: center;
  border-radius: 10px;
  position: relative;
  color: var(--btn-color);
  background-color: var(--btn-bg-color);
}
.new-btn::before {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid var(--btn-border-color);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  border-radius: 5px;
  width: 90%;
  height: 70%;
  opacity: 0;
  transition: 0.3s;
}
.new-btn:hover {
  color: var(--btn-color);
}
.new-btn:hover::before {
  opacity: 1;
}
.btn-new-yellow {
  --btn-color: transparent;
  --btn-bg-color: transparent;
  --btn-border-color: transparent;
  display: inline-block;
  padding: 20px;
  min-width: 200px;
  text-align: center;
  border-radius: 10px;
  position: relative;
  color: var(--btn-color);
  background-color: var(--btn-bg-color);
  --btn-color: #1b4130;
  --btn-bg-color: #eab01f;
  --btn-border-color: #1b4130;
}
.btn-new-yellow::before {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid var(--btn-border-color);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  border-radius: 5px;
  width: 90%;
  height: 70%;
  opacity: 0;
  transition: 0.3s;
}
.btn-new-yellow:hover {
  color: var(--btn-color);
}
.btn-new-yellow:hover::before {
  opacity: 1;
}
.question-answer {
  position: relative;
  color: #595959;
  font-weight: 300;
  display: inline;
}
.question-answer::after {
  content: "\f059";
  position: relative;
  display: inline-block;
  cursor: pointer;
  max-width: 200px;
}
.question-answer .pop-up-answer {
  position: absolute;
  z-index: 1;
  border: 1px solid #DFDFDF;
  border-radius: 3px;
  background-color: white;
  padding: 1rem;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 300;
  box-sizing: border-box;
  left: -1rem;
  top: 2rem;
  width: 400px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .question-answer .pop-up-answer {
    width: 300px;
  }
}
.question-answer .pop-up-answer:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 32px;
  box-sizing: border-box;
  transform-origin: 0 0;
  transform: rotate(135deg);
  border: 6px solid black;
  border-color: transparent transparent #DFDFDF #DFDFDF;
}
.question-answer .pop-up-answer:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 31px;
  box-sizing: border-box;
  transform-origin: 0 0;
  transform: rotate(135deg);
  border: 5px solid black;
  border-color: transparent transparent white white;
}
.question-answer.right .pop-up-answer {
  left: auto;
  right: -1rem;
}
.question-answer.right .pop-up-answer::before {
  left: auto;
  right: 2px;
}
.question-answer.right .pop-up-answer::after {
  left: auto;
  right: 5px;
}
.icon {
  padding-left: 25px;
  position: relative;
}
.icon::before {
  position: absolute;
  display: inline;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 40%;
  transform: translate(0, -50%);
}
.phone {
  padding-left: 25px;
  position: relative;
}
.phone::before {
  position: absolute;
  display: inline;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 40%;
  transform: translate(0, -50%);
}
.phone::before {
  content: url('phone.svg');
}
.email {
  padding-left: 25px;
  position: relative;
}
.email::before {
  position: absolute;
  display: inline;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 40%;
  transform: translate(0, -50%);
}
.email::before {
  content: url('email.svg');
}
.website {
  padding-left: 25px;
  position: relative;
}
.website::before {
  position: absolute;
  display: inline;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 40%;
  transform: translate(0, -50%);
}
.website::before {
  content: url('website.svg');
}
.facebook {
  padding-left: 25px;
  position: relative;
}
.facebook::before {
  position: absolute;
  display: inline;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 40%;
  transform: translate(0, -50%);
}
.facebook::before {
  width: 0.6rem;
  left: 4px;
  content: url('fb.svg');
}
.facebook-color {
  padding-left: 25px;
  position: relative;
}
.facebook-color::before {
  position: absolute;
  display: inline;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 40%;
  transform: translate(0, -50%);
}
.facebook-color::before {
  width: 0.6rem;
  left: 4px;
  content: url('fb.svg');
}
.instagram {
  padding-left: 25px;
  position: relative;
}
.instagram::before {
  position: absolute;
  display: inline;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 40%;
  transform: translate(0, -50%);
}
.instagram::before {
  content: url('ig.svg');
}
.instagram-color {
  padding-left: 25px;
  position: relative;
}
.instagram-color::before {
  position: absolute;
  display: inline;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 40%;
  transform: translate(0, -50%);
}
.instagram-color::before {
  content: url('ig.svg');
  width: 1.1rem;
  height: 1.1rem;
}
.twitter {
  padding-left: 25px;
  position: relative;
}
.twitter::before {
  position: absolute;
  display: inline;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 40%;
  transform: translate(0, -50%);
}
.twitter::before {
  content: url('twitter.svg');
}
.youtube {
  padding-left: 25px;
  position: relative;
}
.youtube::before {
  position: absolute;
  display: inline;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 40%;
  transform: translate(0, -50%);
}
.youtube::before {
  content: url('youtube.svg');
}
.custom-title {
  display: inline-block;
  padding: 0rem 3rem;
  font-size: 2.875rem;
  text-align: center;
  margin: 2rem auto 4rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .custom-title {
    font-size: 24px;
    padding: 0 2rem;
  }
}
.title-type-1 {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  display: inline-block;
  padding: 0rem 3rem;
  font-size: 2.875rem;
  text-align: center;
  margin: 2rem auto 4rem;
  position: relative;
  margin-left: 3rem;
  margin-right: 3rem;
  padding: 0rem 1.5rem 0.2rem;
  line-height: inherit !important;
  color: white;
}
@media only screen and (max-width: 767px) {
  .title-type-1 {
    font-size: 24px;
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .title-type-1 {
    font-size: 2rem;
    padding: 0.3rem 1rem 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .title-type-1 {
    font-size: 24px;
    padding: 0.3rem 1rem 0.5rem;
    left: 0;
  }
}
.title-type-1 .original {
  display: none;
}
.title-type-1 .highlight {
  position: relative;
}
.title-type-1 .highlight span {
  position: relative;
  line-height: 1.2em;
  padding: 0.15rem 0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1 .highlight span {
    padding: 0.3rem 0;
  }
}
.title-type-1 .highlight .highlight__row.first:before {
  content: '\A';
}
.title-type-1 .highlight .row--1.last:after {
  position: absolute;
  display: inline-block;
  content: "";
  border: 1px solid;
  border-width: 1px 1px 0 0;
  border-color: inherit;
  width: 100vw;
  max-width: 12rem;
  height: 3rem;
  right: -3rem;
  top: -1.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1 .highlight .row--1.last:after {
    right: -2rem;
    top: -1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .title-type-1 .highlight .row--1.last:after {
    max-width: 9rem;
  }
}
@media only screen and (max-width: 767px) {
  .title-type-1 .highlight .row--1.last:after {
    max-width: 7rem;
  }
}
.title-type-1 .highlight:before {
  position: absolute;
  display: inline-block;
  content: "";
  border: 1px solid;
  border-width: 0 0 1px 1px;
  border-color: inherit;
  width: 100vw;
  max-width: 12rem;
  height: 3rem;
  left: -3rem;
  bottom: -2rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1 .highlight:before {
    left: -2rem;
    bottom: -1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .title-type-1 .highlight:before {
    max-width: 9rem;
  }
}
@media only screen and (max-width: 767px) {
  .title-type-1 .highlight:before {
    max-width: 7rem;
  }
}
.title-type-1.title-color--FFFFFF span {
  color: #ffffff;
}
.title-type-1.title-color--1B4130 span {
  color: #1b4130;
}
.title-type-1.title-color--000000 span {
  color: #000000;
}
.title-type-1.title-bgcolor--1B4130 .highlight__row {
  background-color: #1b4130;
}
.title-type-1.title-bgcolor--1B4130 .highlight__row.first {
  box-shadow: -1.5rem 0 0px 0px #1b4130;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1.title-bgcolor--1B4130 .highlight__row.first {
    box-shadow: -1rem 0 0px 0px #1b4130;
  }
  .title-type-1.title-bgcolor--1B4130 .highlight__row.first.dot {
    box-shadow: -0.2rem 0 0px 0px #1b4130;
  }
  .title-type-1.title-bgcolor--1B4130 .highlight__row.first.dot .dot-hide {
    color: #1b4130;
  }
}
.title-type-1.title-bgcolor--1B4130 .highlight__row.last {
  box-shadow: 1.5rem 0 0px 0px #1b4130;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1.title-bgcolor--1B4130 .highlight__row.last {
    box-shadow: 1rem 0 0px 0px #1b4130;
  }
  .title-type-1.title-bgcolor--1B4130 .highlight__row.last.dot {
    box-shadow: 0.2rem 0 0px 0px #1b4130;
  }
  .title-type-1.title-bgcolor--1B4130 .highlight__row.last.dot .dot-hide {
    color: #1b4130;
  }
}
.title-type-1.title-bgcolor--1B4130 .highlight__row.first.last {
  box-shadow: -1.5rem 0 0px 0px #1b4130, 1.5rem 0 0px 0px #1b4130;
}
.title-type-1.title-bgcolor--1B4130 .highlight__row.first.last:after {
  content: '\A';
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1.title-bgcolor--1B4130 .highlight__row.first.last {
    box-shadow: -1rem 0 0px 0px #1b4130, 1rem 0 0px 0px #1b4130;
  }
}
.title-type-1.title-bgcolor--9A6C0B .highlight__row {
  background-color: #9a6c0b;
}
.title-type-1.title-bgcolor--9A6C0B .highlight__row.first {
  box-shadow: -1.5rem 0 0px 0px #9a6c0b;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1.title-bgcolor--9A6C0B .highlight__row.first {
    box-shadow: -1rem 0 0px 0px #9a6c0b;
  }
  .title-type-1.title-bgcolor--9A6C0B .highlight__row.first.dot {
    box-shadow: -0.2rem 0 0px 0px #9a6c0b;
  }
  .title-type-1.title-bgcolor--9A6C0B .highlight__row.first.dot .dot-hide {
    color: #9a6c0b;
  }
}
.title-type-1.title-bgcolor--9A6C0B .highlight__row.last {
  box-shadow: 1.5rem 0 0px 0px #9a6c0b;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1.title-bgcolor--9A6C0B .highlight__row.last {
    box-shadow: 1rem 0 0px 0px #9a6c0b;
  }
  .title-type-1.title-bgcolor--9A6C0B .highlight__row.last.dot {
    box-shadow: 0.2rem 0 0px 0px #9a6c0b;
  }
  .title-type-1.title-bgcolor--9A6C0B .highlight__row.last.dot .dot-hide {
    color: #9a6c0b;
  }
}
.title-type-1.title-bgcolor--9A6C0B .highlight__row.first.last {
  box-shadow: -1.5rem 0 0px 0px #9a6c0b, 1.5rem 0 0px 0px #9a6c0b;
}
.title-type-1.title-bgcolor--9A6C0B .highlight__row.first.last:after {
  content: '\A';
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1.title-bgcolor--9A6C0B .highlight__row.first.last {
    box-shadow: -1rem 0 0px 0px #9a6c0b, 1rem 0 0px 0px #9a6c0b;
  }
}
.title-type-1.title-bgcolor--EAB01F .highlight__row {
  background-color: #eab01f;
}
.title-type-1.title-bgcolor--EAB01F .highlight__row.first {
  box-shadow: -1.5rem 0 0px 0px #eab01f;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1.title-bgcolor--EAB01F .highlight__row.first {
    box-shadow: -1rem 0 0px 0px #eab01f;
  }
  .title-type-1.title-bgcolor--EAB01F .highlight__row.first.dot {
    box-shadow: -0.2rem 0 0px 0px #eab01f;
  }
  .title-type-1.title-bgcolor--EAB01F .highlight__row.first.dot .dot-hide {
    color: #eab01f;
  }
}
.title-type-1.title-bgcolor--EAB01F .highlight__row.last {
  box-shadow: 1.5rem 0 0px 0px #eab01f;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1.title-bgcolor--EAB01F .highlight__row.last {
    box-shadow: 1rem 0 0px 0px #eab01f;
  }
  .title-type-1.title-bgcolor--EAB01F .highlight__row.last.dot {
    box-shadow: 0.2rem 0 0px 0px #eab01f;
  }
  .title-type-1.title-bgcolor--EAB01F .highlight__row.last.dot .dot-hide {
    color: #eab01f;
  }
}
.title-type-1.title-bgcolor--EAB01F .highlight__row.first.last {
  box-shadow: -1.5rem 0 0px 0px #eab01f, 1.5rem 0 0px 0px #eab01f;
}
.title-type-1.title-bgcolor--EAB01F .highlight__row.first.last:after {
  content: '\A';
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .title-type-1.title-bgcolor--EAB01F .highlight__row.first.last {
    box-shadow: -1rem 0 0px 0px #eab01f, 1rem 0 0px 0px #eab01f;
  }
}
.title-type-1.title-bordercolor--1B4130 span {
  border-color: #1b4130;
}
.title-type-1.title-bordercolor--EAB01F span {
  border-color: #eab01f;
}
.title-type-2 {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  display: inline-block;
  padding: 0rem 3rem;
  font-size: 2.875rem;
  text-align: center;
  margin: 2rem auto 4rem;
  position: relative;
  padding-bottom: 0.2rem;
}
@media only screen and (max-width: 767px) {
  .title-type-2 {
    font-size: 24px;
    padding: 0 2rem;
  }
}
.title-type-2::before {
  position: absolute;
  display: inline-block;
  content: "";
  border: 1px solid #1b4130;
  border-width: 0 1px 1px 1px;
  border-color: inherit;
  width: calc(100% - 10rem);
  height: 1rem;
  left: 5rem;
  bottom: -25px;
}
.title-type-2::after {
  position: absolute;
  display: inline-block;
  content: "";
  border: 1px solid #1b4130;
  border-width: 1px 1px 0 1px;
  border-color: inherit;
  width: calc(100% - 10rem);
  height: 1rem;
  left: 5rem;
  top: -25px;
}
@media only screen and (max-width: 767px) {
  .title-type-2::before {
    width: calc(100% - 4rem);
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .title-type-2::after {
    width: calc(100% - 4rem);
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
.title-type-2.title-color--FFFFFF {
  color: #ffffff;
}
.title-type-2.title-color--1B4130 {
  color: #1b4130;
}
.title-type-2.title-color--000000 {
  color: #000000;
}
.title-type-2.title-bgcolor--1B4130 {
  background-color: #1b4130;
}
.title-type-2.title-bgcolor--9A6C0B {
  background-color: #9a6c0b;
}
.title-type-2.title-bgcolor--EAB01F {
  background-color: #eab01f;
}
.title-type-2.title-bordercolor--1B4130 {
  border-color: #1b4130;
}
.title-type-2.title-bordercolor--EAB01F {
  border-color: #eab01f;
}
.new-title-type-1 {
  --border-width: 2px;
  --border-offset: 30px;
  --border-length: 80px;
  --color: black;
  --backgound-color: #1b4130;
  --border-color: #1b4130;
  --text-padding: 15px 35px;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1000px), only screen and (min-width: 768px) and (max-width: 999px) {
  .new-title-type-1 {
    --border-offset: 25px;
    --border-length: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .new-title-type-1 {
    --border-offset: 15px;
    --border-length: 40px;
    --text-padding: 10px 20px;
  }
}
.new-title-type-1.title-bgcolor--1B4130 {
  --backgound-color: #1b4130;
}
.new-title-type-1.title-bgcolor--9A6C0B {
  --backgound-color: #9a6c0b;
}
.new-title-type-1.title-bgcolor--EAB01F {
  --backgound-color: #eab01f;
}
.new-title-type-1.title-bordercolor--1B4130 {
  --border-color: #1b4130;
}
.new-title-type-1.title-bordercolor--EAB01F {
  --border-color: #eab01f;
}
.new-title-type-1 p,
.new-title-type-1 span {
  display: inline;
  background-color: var(--backgound-color);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  margin: 0;
  color: var(--color);
  line-height: 1.2em;
  padding: var(--text-padding);
  width: fit-content;
}
.new-title-type-1 p:first-child,
.new-title-type-1 span:first-child {
  position: relative;
}
.new-title-type-1 p:first-child::after,
.new-title-type-1 span:first-child::after {
  content: "";
  position: absolute;
  display: block;
  right: calc(-1*var(--border-offset));
  top: calc(-1*var(--border-offset));
  width: var(--border-length);
  height: var(--border-length);
  border: var(--border-width) solid var(--border-color);
  border-width: var(--border-width) var(--border-width) 0 0;
}
.new-title-type-1 p:last-child,
.new-title-type-1 span:last-child {
  position: relative;
}
.new-title-type-1 p:last-child::before,
.new-title-type-1 span:last-child::before {
  content: "";
  position: absolute;
  display: block;
  left: calc(-1*var(--border-offset));
  bottom: calc(-1*var(--border-offset));
  width: var(--border-length);
  height: var(--border-length);
  border: var(--border-width) solid var(--border-color);
  border-width: 0 0 var(--border-width) var(--border-width);
}
.new-title-type-1 p + p,
.new-title-type-1 span + p {
  margin-top: 5px;
}
.swiper-play-pause {
  --content: "\f04c";
  cursor: pointer;
}
.swiper-play-pause.play {
  --content: "\f04b";
}
.swiper-play-pause::before {
  content: var(--content);
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  color: #eab01f;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1em;
}
h4 {
  font-size: 0.8em;
}
h5 {
  font-size: 0.7em;
}
h6 {
  font-size: 0.857rem;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
}
hr {
  border-width: 1px 0 0 0;
  border-color: #717171;
  margin-top: 3rem;
  margin-bottom: 0;
}
.container {
  max-width: 1140px;
  margin: auto;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .container {
    padding: 0 1rem;
  }
}
.hide {
  display: none !important;
}
.slick-slide {
  outline: none;
}
button.slick-prev,
button.slick-next {
  z-index: 5;
}
.color.bg-color--FFFFFF {
  background-color: white;
}
.color.bg-color--F8F8F8 {
  background-color: #f8f8f8;
}
.color.bg-color--FFFCF1 {
  background-color: #fffcf1;
}
.color.bg-color--F5F9F7 {
  background-color: #f5f9f7;
}
.color.bg-color--EAB01F {
  background-color: #eab01f;
}
.color.bg-color--9A6C0B {
  background-color: #9a6c0b;
}
.color.bg-color--1B4130 {
  background-color: #1b4130;
}
.color.bg-color--52A057 {
  background-color: #52A057;
}
.color.bg-color--0092C8 {
  background-color: #0092C8;
}
.color.bg-color--0056A4 {
  background-color: #0056A4;
}
.color.bg-color--C61D23 {
  background-color: #C61D23;
}
.color.bg-color--597A5C {
  background-color: #597A5C;
}
.color.bg-color--2B3991 {
  background-color: #2B3991;
}
.color.bg-color--BF7C2A {
  background-color: #BF7C2A;
}
.color.bg-color--23BDAC {
  background-color: #23BDAC;
}
.color.bg-color--056839 {
  background-color: #056839;
}
.color.bg-color--F16F36 {
  background-color: #F16F36;
}
.color.border-color--FFFFFF {
  border-color: white;
}
.color.border-color--9A6C0B {
  border-color: #9a6c0b;
}
.color.border-color--1B4130 {
  border-color: #1b4130;
}
.color.border-color--EAB01F {
  border-color: #eab01f;
}
.color.border-color--64A003 {
  border-color: #64a003;
}
.color.border-color--52A057 {
  border-color: #52A057;
}
.color.border-color--0092C8 {
  border-color: #0092C8;
}
.color.border-color--0056A4 {
  border-color: #0056A4;
}
.color.border-color--C61D23 {
  border-color: #C61D23;
}
.color.border-color--597A5C {
  border-color: #597A5C;
}
.color.border-color--2B3991 {
  border-color: #2B3991;
}
.color.border-color--BF7C2A {
  border-color: #BF7C2A;
}
.color.border-color--23BDAC {
  border-color: #23BDAC;
}
.color.border-color--056839 {
  border-color: #056839;
}
.color.border-color--F16F36 {
  border-color: #F16F36;
}
.color.text-color--FFFFFF {
  color: white;
}
.color.text-color--000000 {
  color: black;
}
.color.text-color--EAB01F {
  color: #eab01f;
}
.color.text-color--9A6C0B {
  color: #9a6c0b;
}
.color.text-color--1B4130 {
  color: #1b4130;
}
.color.text-color--64A003 {
  color: #64a003;
}
.color.text-color--52A057 {
  color: #52A057;
}
.color.text-color--0092C8 {
  color: #0092C8;
}
.color.text-color--0056A4 {
  color: #0056A4;
}
.color.text-color--C61D23 {
  color: #C61D23;
}
.color.text-color--597A5C {
  color: #597A5C;
}
.color.text-color--2B3991 {
  color: #2B3991;
}
.color.text-color--BF7C2A {
  color: #BF7C2A;
}
.color.text-color--23BDAC {
  color: #23BDAC;
}
.color.text-color--056839 {
  color: #056839;
}
.color.text-color--F16F36 {
  color: #F16F36;
}
.color.text-color--7E9B80 {
  color: #7E9B80;
}
.color.icon-color--FFFFFF img,
.color.icon-color--FFFFFF img {
  filter: invert(100%) sepia(3%) saturate(14%) hue-rotate(121deg) brightness(105%) contrast(100%);
}
.color.icon-color--9A6C0B img {
  filter: brightness(0) saturate(100%) invert(44%) sepia(11%) saturate(6308%) hue-rotate(19deg) brightness(88%) contrast(91%);
}
.color.icon-color--1B4130 img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(52%) saturate(539%) hue-rotate(101deg) brightness(94%) contrast(86%);
}
.color.icon-color--64A003 img {
  filter: brightness(0) saturate(100%) invert(71%) sepia(75%) saturate(5344%) hue-rotate(51deg) brightness(95%) contrast(98%);
}
.color.icon-color--7E9B80 img {
  filter: brightness(0) saturate(100%) invert(65%) sepia(10%) saturate(683%) hue-rotate(74deg) brightness(88%) contrast(89%);
}
.color.icon-color--52A057 img {
  filter: invert(53%) sepia(14%) saturate(1400%) hue-rotate(74deg) brightness(101%) contrast(90%);
}
.color.icon-color--0092C8 img {
  filter: invert(64%) sepia(94%) saturate(5026%) hue-rotate(167deg) brightness(89%) contrast(101%);
}
.color.icon-color--0056A4 img {
  filter: invert(20%) sepia(84%) saturate(2325%) hue-rotate(193deg) brightness(94%) contrast(105%);
}
.color.icon-color--C61D23 img {
  filter: invert(12%) sepia(100%) saturate(4410%) hue-rotate(351deg) brightness(95%) contrast(87%);
}
.color.icon-color--597A5C img {
  filter: invert(43%) sepia(14%) saturate(763%) hue-rotate(75deg) brightness(98%) contrast(91%);
}
.color.icon-color--2B3991 img {
  filter: invert(15%) sepia(55%) saturate(2958%) hue-rotate(224deg) brightness(101%) contrast(91%);
}
.color.icon-color--BF7C2A img {
  filter: invert(55%) sepia(12%) saturate(2482%) hue-rotate(353deg) brightness(92%) contrast(92%);
}
.color.icon-color--23BDAC img {
  filter: invert(64%) sepia(52%) saturate(581%) hue-rotate(124deg) brightness(86%) contrast(91%);
}
.color.icon-color--056839 img {
  filter: invert(29%) sepia(84%) saturate(712%) hue-rotate(109deg) brightness(85%) contrast(96%);
}
.color.icon-color--F16F36 img {
  filter: invert(61%) sepia(25%) saturate(7178%) hue-rotate(339deg) brightness(98%) contrast(92%);
}
.same-height {
  padding: 0;
}
.same-height .xenyo-1col-section-wrapper .xenyo-1col-item--1 {
  margin-bottom: 20px;
}
.same-height .xenyo-2col-section-wrapper,
.same-height .xenyo-3col-section-wrapper,
.same-height .xenyo-4col-section-wrapper {
  align-items: stretch;
}
.same-height .xenyo-2col-section-wrapper .field,
.same-height .xenyo-3col-section-wrapper .field,
.same-height .xenyo-4col-section-wrapper .field {
  height: 100%;
}
.same-height .xenyo-2col-section-wrapper .field .field__items,
.same-height .xenyo-3col-section-wrapper .field .field__items,
.same-height .xenyo-4col-section-wrapper .field .field__items {
  height: 100%;
}
.same-height .xenyo-2col-section-wrapper .field .field__items .field__item,
.same-height .xenyo-3col-section-wrapper .field .field__items .field__item,
.same-height .xenyo-4col-section-wrapper .field .field__items .field__item {
  height: 100%;
}
.same-height .xenyo-2col-section-wrapper .field .field__items .field__item .paragraph,
.same-height .xenyo-3col-section-wrapper .field .field__items .field__item .paragraph,
.same-height .xenyo-4col-section-wrapper .field .field__items .field__item .paragraph {
  height: 100%;
}
.same-height .xenyo-3col-section-wrapper .xenyo-3col-item--1,
.same-height .xenyo-4col-section-wrapper .xenyo-3col-item--1,
.same-height .xenyo-3col-section-wrapper .xenyo-3col-item--2,
.same-height .xenyo-4col-section-wrapper .xenyo-3col-item--2,
.same-height .xenyo-3col-section-wrapper .xenyo-3col-item--3,
.same-height .xenyo-4col-section-wrapper .xenyo-3col-item--3,
.same-height .xenyo-3col-section-wrapper .xenyo-4col-item--1,
.same-height .xenyo-4col-section-wrapper .xenyo-4col-item--1,
.same-height .xenyo-3col-section-wrapper .xenyo-4col-item--2,
.same-height .xenyo-4col-section-wrapper .xenyo-4col-item--2,
.same-height .xenyo-3col-section-wrapper .xenyo-4col-item--3,
.same-height .xenyo-4col-section-wrapper .xenyo-4col-item--3,
.same-height .xenyo-3col-section-wrapper .xenyo-4col-item--4,
.same-height .xenyo-4col-section-wrapper .xenyo-4col-item--4 {
  margin-bottom: 10px !important;
}
@media only screen and (max-width: 767px) {
  .same-height .xenyo-3col-section-wrapper .xenyo-3col-item--1,
  .same-height .xenyo-4col-section-wrapper .xenyo-3col-item--1,
  .same-height .xenyo-3col-section-wrapper .xenyo-3col-item--2,
  .same-height .xenyo-4col-section-wrapper .xenyo-3col-item--2,
  .same-height .xenyo-3col-section-wrapper .xenyo-3col-item--3,
  .same-height .xenyo-4col-section-wrapper .xenyo-3col-item--3,
  .same-height .xenyo-3col-section-wrapper .xenyo-4col-item--1,
  .same-height .xenyo-4col-section-wrapper .xenyo-4col-item--1,
  .same-height .xenyo-3col-section-wrapper .xenyo-4col-item--2,
  .same-height .xenyo-4col-section-wrapper .xenyo-4col-item--2,
  .same-height .xenyo-3col-section-wrapper .xenyo-4col-item--3,
  .same-height .xenyo-4col-section-wrapper .xenyo-4col-item--3,
  .same-height .xenyo-3col-section-wrapper .xenyo-4col-item--4,
  .same-height .xenyo-4col-section-wrapper .xenyo-4col-item--4 {
    margin-top: 0px;
  }
}
.same-height .xenyo-3col-section-wrapper .xenyo-3col-item--1,
.same-height .xenyo-4col-section-wrapper .xenyo-3col-item--1,
.same-height .xenyo-3col-section-wrapper .xenyo-3col-item--2,
.same-height .xenyo-4col-section-wrapper .xenyo-3col-item--2,
.same-height .xenyo-3col-section-wrapper .xenyo-3col-item--3,
.same-height .xenyo-4col-section-wrapper .xenyo-3col-item--3 {
  flex-basis: calc(33.3% - 7.5px);
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .same-height .xenyo-3col-section-wrapper .xenyo-3col-item--1,
  .same-height .xenyo-4col-section-wrapper .xenyo-3col-item--1,
  .same-height .xenyo-3col-section-wrapper .xenyo-3col-item--2,
  .same-height .xenyo-4col-section-wrapper .xenyo-3col-item--2,
  .same-height .xenyo-3col-section-wrapper .xenyo-3col-item--3,
  .same-height .xenyo-4col-section-wrapper .xenyo-3col-item--3 {
    flex-basis: calc(50% - 5px);
  }
}
.same-height .xenyo-3col-section-wrapper .xenyo-4col-item--1,
.same-height .xenyo-4col-section-wrapper .xenyo-4col-item--1,
.same-height .xenyo-3col-section-wrapper .xenyo-4col-item--2,
.same-height .xenyo-4col-section-wrapper .xenyo-4col-item--2,
.same-height .xenyo-3col-section-wrapper .xenyo-4col-item--3,
.same-height .xenyo-4col-section-wrapper .xenyo-4col-item--3,
.same-height .xenyo-3col-section-wrapper .xenyo-4col-item--4,
.same-height .xenyo-4col-section-wrapper .xenyo-4col-item--4 {
  flex-basis: calc(25.3% - 11.5px);
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .same-height .xenyo-3col-section-wrapper .xenyo-4col-item--1,
  .same-height .xenyo-4col-section-wrapper .xenyo-4col-item--1,
  .same-height .xenyo-3col-section-wrapper .xenyo-4col-item--2,
  .same-height .xenyo-4col-section-wrapper .xenyo-4col-item--2,
  .same-height .xenyo-3col-section-wrapper .xenyo-4col-item--3,
  .same-height .xenyo-4col-section-wrapper .xenyo-4col-item--3,
  .same-height .xenyo-3col-section-wrapper .xenyo-4col-item--4,
  .same-height .xenyo-4col-section-wrapper .xenyo-4col-item--4 {
    flex-basis: calc(50% - 5px);
  }
}
.no-padding {
  padding: 0 40px;
}
.xenyo-2col-section.hover-block .xenyo-2col-item,
.xenyo-3col-section.hover-block .xenyo-2col-item,
.xenyo-4col-section.hover-block .xenyo-2col-item {
  width: calc(50% - 20px / 2);
}
.xenyo-2col-section.hover-block .xenyo-3col-item,
.xenyo-3col-section.hover-block .xenyo-3col-item,
.xenyo-4col-section.hover-block .xenyo-3col-item {
  width: calc(33.3% - 40px / 3);
}
.xenyo-2col-section.hover-block .xenyo-4col-item,
.xenyo-3col-section.hover-block .xenyo-4col-item,
.xenyo-4col-section.hover-block .xenyo-4col-item {
  width: calc(25% - 60px / 4);
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .xenyo-2col-section.hover-block .xenyo-2col-item,
  .xenyo-3col-section.hover-block .xenyo-2col-item,
  .xenyo-4col-section.hover-block .xenyo-2col-item {
    flex-basis: calc(50% - 20px / 2);
    width: calc(50% - 20px / 2);
  }
  .xenyo-2col-section.hover-block .xenyo-3col-item,
  .xenyo-3col-section.hover-block .xenyo-3col-item,
  .xenyo-4col-section.hover-block .xenyo-3col-item {
    flex-basis: calc(33.3% - 40px / 3);
    width: calc(33.3% - 40px / 3);
  }
  .xenyo-2col-section.hover-block .xenyo-4col-item,
  .xenyo-3col-section.hover-block .xenyo-4col-item,
  .xenyo-4col-section.hover-block .xenyo-4col-item {
    flex-basis: calc(25% - 60px / 4);
    width: calc(25% - 60px / 4);
  }
  .xenyo-2col-section.hover-block .xenyo-3col-item:nth-of-type(2n),
  .xenyo-3col-section.hover-block .xenyo-3col-item:nth-of-type(2n),
  .xenyo-4col-section.hover-block .xenyo-3col-item:nth-of-type(2n) {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .xenyo-2col-section.hover-block .xenyo-3col-item:nth-of-type(3n),
  .xenyo-3col-section.hover-block .xenyo-3col-item:nth-of-type(3n),
  .xenyo-4col-section.hover-block .xenyo-3col-item:nth-of-type(3n) {
    margin-right: 0px;
  }
  .xenyo-2col-section.hover-block .xenyo-4col-item:nth-of-type(2n),
  .xenyo-3col-section.hover-block .xenyo-4col-item:nth-of-type(2n),
  .xenyo-4col-section.hover-block .xenyo-4col-item:nth-of-type(2n) {
    margin-right: 20px;
  }
  .xenyo-2col-section.hover-block .xenyo-4col-item:nth-of-type(4n),
  .xenyo-3col-section.hover-block .xenyo-4col-item:nth-of-type(4n),
  .xenyo-4col-section.hover-block .xenyo-4col-item:nth-of-type(4n) {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .xenyo-2col-section.hover-block .xenyo-2col-item,
  .xenyo-3col-section.hover-block .xenyo-2col-item,
  .xenyo-4col-section.hover-block .xenyo-2col-item,
  .xenyo-2col-section.hover-block .xenyo-3col-item,
  .xenyo-3col-section.hover-block .xenyo-3col-item,
  .xenyo-4col-section.hover-block .xenyo-3col-item,
  .xenyo-2col-section.hover-block .xenyo-4col-item,
  .xenyo-3col-section.hover-block .xenyo-4col-item,
  .xenyo-4col-section.hover-block .xenyo-4col-item {
    width: 100%;
    margin: 20px 0;
  }
  .xenyo-2col-section.hover-block .xenyo-3col-item + .xenyo-3col-item,
  .xenyo-3col-section.hover-block .xenyo-3col-item + .xenyo-3col-item,
  .xenyo-4col-section.hover-block .xenyo-3col-item + .xenyo-3col-item {
    margin: 20px 0 0 0;
  }
}
.image-column {
  padding: 0;
  padding: 0 40px;
}
.image-column .xenyo-1col-section-wrapper .xenyo-1col-item--1 {
  margin-bottom: 20px;
}
.image-column .xenyo-2col-section-wrapper,
.image-column .xenyo-3col-section-wrapper,
.image-column .xenyo-4col-section-wrapper {
  align-items: stretch;
}
.image-column .xenyo-2col-section-wrapper .field,
.image-column .xenyo-3col-section-wrapper .field,
.image-column .xenyo-4col-section-wrapper .field {
  height: 100%;
}
.image-column .xenyo-2col-section-wrapper .field .field__items,
.image-column .xenyo-3col-section-wrapper .field .field__items,
.image-column .xenyo-4col-section-wrapper .field .field__items {
  height: 100%;
}
.image-column .xenyo-2col-section-wrapper .field .field__items .field__item,
.image-column .xenyo-3col-section-wrapper .field .field__items .field__item,
.image-column .xenyo-4col-section-wrapper .field .field__items .field__item {
  height: 100%;
}
.image-column .xenyo-2col-section-wrapper .field .field__items .field__item .paragraph,
.image-column .xenyo-3col-section-wrapper .field .field__items .field__item .paragraph,
.image-column .xenyo-4col-section-wrapper .field .field__items .field__item .paragraph {
  height: 100%;
}
.image-column .xenyo-3col-section-wrapper .xenyo-3col-item--1,
.image-column .xenyo-4col-section-wrapper .xenyo-3col-item--1,
.image-column .xenyo-3col-section-wrapper .xenyo-3col-item--2,
.image-column .xenyo-4col-section-wrapper .xenyo-3col-item--2,
.image-column .xenyo-3col-section-wrapper .xenyo-3col-item--3,
.image-column .xenyo-4col-section-wrapper .xenyo-3col-item--3,
.image-column .xenyo-3col-section-wrapper .xenyo-4col-item--1,
.image-column .xenyo-4col-section-wrapper .xenyo-4col-item--1,
.image-column .xenyo-3col-section-wrapper .xenyo-4col-item--2,
.image-column .xenyo-4col-section-wrapper .xenyo-4col-item--2,
.image-column .xenyo-3col-section-wrapper .xenyo-4col-item--3,
.image-column .xenyo-4col-section-wrapper .xenyo-4col-item--3,
.image-column .xenyo-3col-section-wrapper .xenyo-4col-item--4,
.image-column .xenyo-4col-section-wrapper .xenyo-4col-item--4 {
  margin-bottom: 10px !important;
}
@media only screen and (max-width: 767px) {
  .image-column .xenyo-3col-section-wrapper .xenyo-3col-item--1,
  .image-column .xenyo-4col-section-wrapper .xenyo-3col-item--1,
  .image-column .xenyo-3col-section-wrapper .xenyo-3col-item--2,
  .image-column .xenyo-4col-section-wrapper .xenyo-3col-item--2,
  .image-column .xenyo-3col-section-wrapper .xenyo-3col-item--3,
  .image-column .xenyo-4col-section-wrapper .xenyo-3col-item--3,
  .image-column .xenyo-3col-section-wrapper .xenyo-4col-item--1,
  .image-column .xenyo-4col-section-wrapper .xenyo-4col-item--1,
  .image-column .xenyo-3col-section-wrapper .xenyo-4col-item--2,
  .image-column .xenyo-4col-section-wrapper .xenyo-4col-item--2,
  .image-column .xenyo-3col-section-wrapper .xenyo-4col-item--3,
  .image-column .xenyo-4col-section-wrapper .xenyo-4col-item--3,
  .image-column .xenyo-3col-section-wrapper .xenyo-4col-item--4,
  .image-column .xenyo-4col-section-wrapper .xenyo-4col-item--4 {
    margin-top: 0px;
  }
}
.image-column .xenyo-3col-section-wrapper .xenyo-3col-item--1,
.image-column .xenyo-4col-section-wrapper .xenyo-3col-item--1,
.image-column .xenyo-3col-section-wrapper .xenyo-3col-item--2,
.image-column .xenyo-4col-section-wrapper .xenyo-3col-item--2,
.image-column .xenyo-3col-section-wrapper .xenyo-3col-item--3,
.image-column .xenyo-4col-section-wrapper .xenyo-3col-item--3 {
  flex-basis: calc(33.3% - 7.5px);
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .image-column .xenyo-3col-section-wrapper .xenyo-3col-item--1,
  .image-column .xenyo-4col-section-wrapper .xenyo-3col-item--1,
  .image-column .xenyo-3col-section-wrapper .xenyo-3col-item--2,
  .image-column .xenyo-4col-section-wrapper .xenyo-3col-item--2,
  .image-column .xenyo-3col-section-wrapper .xenyo-3col-item--3,
  .image-column .xenyo-4col-section-wrapper .xenyo-3col-item--3 {
    flex-basis: calc(50% - 5px);
  }
}
.image-column .xenyo-3col-section-wrapper .xenyo-4col-item--1,
.image-column .xenyo-4col-section-wrapper .xenyo-4col-item--1,
.image-column .xenyo-3col-section-wrapper .xenyo-4col-item--2,
.image-column .xenyo-4col-section-wrapper .xenyo-4col-item--2,
.image-column .xenyo-3col-section-wrapper .xenyo-4col-item--3,
.image-column .xenyo-4col-section-wrapper .xenyo-4col-item--3,
.image-column .xenyo-3col-section-wrapper .xenyo-4col-item--4,
.image-column .xenyo-4col-section-wrapper .xenyo-4col-item--4 {
  flex-basis: calc(25.3% - 11.5px);
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .image-column .xenyo-3col-section-wrapper .xenyo-4col-item--1,
  .image-column .xenyo-4col-section-wrapper .xenyo-4col-item--1,
  .image-column .xenyo-3col-section-wrapper .xenyo-4col-item--2,
  .image-column .xenyo-4col-section-wrapper .xenyo-4col-item--2,
  .image-column .xenyo-3col-section-wrapper .xenyo-4col-item--3,
  .image-column .xenyo-4col-section-wrapper .xenyo-4col-item--3,
  .image-column .xenyo-3col-section-wrapper .xenyo-4col-item--4,
  .image-column .xenyo-4col-section-wrapper .xenyo-4col-item--4 {
    flex-basis: calc(50% - 5px);
  }
}
.image-column .xenyo-2col-section-wrapper .xenyo-2col-item {
  margin-bottom: 0;
  margin-left: 0;
}
.xenyo-1col-section {
  padding: 0;
}
.xenyo-2col-section.full-width {
  padding: 0;
}
.xenyo-2col-section.full-width .xenyo-2col-section-wrapper {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .xenyo-2col-section.full-width .xenyo-2col-section-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.xenyo-2col-section.full-width .xenyo-2col-section-wrapper .xenyo-2col-item {
  width: 50%;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .xenyo-2col-section.full-width .xenyo-2col-section-wrapper .xenyo-2col-item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .xenyo-2col-section.full-width.image-column .xenyo-2col-section-wrapper {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .xenyo-2col-section.full-width.image-column.image-right .xenyo-2col-section-wrapper {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.xenyo-1col-section:not(.full-width) .xenyo-1col-section-wrapper,
.xenyo-2col-section:not(.full-width) .xenyo-2col-section-wrapper,
.xenyo-3col-section:not(.full-width) .xenyo-3col-section-wrapper,
.xenyo-4col-section:not(.full-width) .xenyo-4col-section-wrapper {
  max-width: 1140px;
}
.xenyo-1col-section:not(.full-width),
.xenyo-2col-section:not(.full-width),
.xenyo-3col-section:not(.full-width),
.xenyo-4col-section:not(.full-width) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.xenyo-section-item {
  position: relative;
}
.anchor-location {
  position: relative;
  top: -117px;
}
@media only screen and (min-width: 1000px) {
  .align-width .description {
    width: 800px;
  }
}
.loading {
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  z-index: 20;
}
.loading::before {
  content: "";
  display: block;
  position: absolute;
  opacity: 0.2;
  width: 100vw;
  height: 100vh;
  background-color: black;
  top: 0;
}
.loading .loading-icon {
  width: 105px;
  height: 105px;
  margin: auto;
  z-index: 21;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}
.bili-bili::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-image: url('bilibili.svg');
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(306deg) brightness(103%) contrast(101%);
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .bili-bili::before {
    width: 25px;
    height: 25px;
  }
}
.bili-bili:hover::before {
  filter: invert(58%) sepia(78%) saturate(525%) hue-rotate(178deg) brightness(96%) contrast(93%);
}
.discord::before {
  content: "";
  display: block;
  width: 40px;
  height: 32px;
  background-image: url('discord.svg');
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(306deg) brightness(103%) contrast(101%);
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .discord::before {
    width: 25px;
    height: 20px;
  }
}
.discord:hover::before {
  filter: invert(58%) sepia(78%) saturate(525%) hue-rotate(178deg) brightness(96%) contrast(93%);
}
header {
  position: fixed;
  width: 100%;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
}
header .region-header .wrapper {
  max-width: 100%;
  padding: 0;
}
header .cfg_header .search-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F8F8F8 url("pattern_grey_green.jpg") no-repeat scroll center center;
  z-index: 10;
  display: none;
}
header .cfg_header .search-layer .search_button_container .search_button_wrapper a {
  font-size: 20px;
  color: #ffffff;
}
header .cfg_header .search-layer .search-layer-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
header .cfg_header .search-layer .search-layer-wrapper form {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto 200px;
  padding: 0 20px;
  position: relative;
}
header .cfg_header .search-layer .search-layer-wrapper form .search_btn_wrapper {
  margin: 35px 50px 20px;
  display: block;
  text-align: right;
}
header .cfg_header .search-layer .search-layer-wrapper form .search_btn_wrapper a i {
  color: #999999;
  font-size: 37px;
  font-weight: 300;
}
header .cfg_header .search-layer .search-layer-wrapper form .form-item-keywords {
  width: 100%;
  display: block;
  margin: 0;
}
header .cfg_header .search-layer .search-layer-wrapper form .form-item-keywords input {
  height: 80px;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  line-height: 80px;
  padding: 0 50px 0 30px;
  width: 100%;
  border: medium none;
  -lh-property: 0;
width:-webkit-calc(100% - 90px);
width:-moz-calc(100% - 90px);
width:calc(100% - 90px);
;
  color: #333333;
  font-size: 34px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
  outline: none;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .search-layer .search-layer-wrapper form .form-item-keywords input {
    font-size: 20px;
  }
}
header .cfg_header .search-layer .search-layer-wrapper form .form-actions {
  position: absolute;
  right: 40px;
  bottom: 0;
  margin: 0;
}
header .cfg_header .search-layer .search-layer-wrapper form .form-actions input {
  font-family: "Font Awesome 5 Pro";
  background-color: rgba(0, 0, 0, 0);
  border: medium none;
  color: #9a6c0b;
  font-size: 35px;
  font-weight: 500;
  height: 80px;
  line-height: 81px;
  width: 70px;
  outline: none;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .search-layer .search-layer-wrapper form .form-actions input {
    font-size: 25px;
  }
}
header .cfg_header .connect-us-layer {
  position: fixed;
  top: 0;
  left: 0;
  -lh-property: 0;
width:-webkit-calc(100% - 40px);
width:-moz-calc(100% - 40px);
width:calc(100% - 40px);
;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}
header .cfg_header .connect-us-layer .bg_overlay {
  background: #ffffff url("pattern_grey_green.jpg") no-repeat scroll center center;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper {
  position: relative;
  max-width: 874px;
  height: 700px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: auto;
  padding: 15px 35px 20px;
  border-top: 5px solid #eab01f;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  header .cfg_header .connect-us-layer .connect-us-layer-wrapper {
    height: 70%;
  }
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper .connect_us_close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 35px;
  height: 35px;
  text-align: center;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper .connect_us_close i {
  line-height: 35px;
  font-size: 25px;
  color: #717171;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper .connect_us_title {
  color: #1b4130;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 26px;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .connect-us-layer .connect-us-layer-wrapper .connect_us_title {
    font-size: 20px;
  }
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper .connect_us_title:after {
  content: " ";
  display: block;
  width: 20px;
  border-top: 2px solid #113324;
  margin-top: 0;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper .required-text {
  margin-top: 10px;
  margin-bottom: 8px;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper .required-text span {
  color: #E50000;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .messages--error {
  margin-bottom: 20px;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_information {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_information {
    display: block;
  }
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_information > .form-item {
  margin: 0 5px 10px 5px;
}
@media only screen and (min-width: 1000px) {
  header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_information > .form-item {
    -lh-property: 0;
width:-webkit-calc(33% - 10px);
width:-moz-calc(33% - 10px);
width:calc(33% - 10px);
;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_information > .form-item {
    -lh-property: 0;
width:-webkit-calc(50% - 10px);
width:-moz-calc(50% - 10px);
width:calc(50% - 10px);
;
  }
}
@media only screen and (max-width: 767px) {
  header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_information > .form-item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_information > .form-item label {
  cursor: pointer;
  margin-bottom: 7px;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_information > .form-item input {
  background-color: #F0F0F0;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  margin: 3px 0 0;
  -lh-property: 0;
width:-webkit-calc(100% - 20px);
width:-moz-calc(100% - 20px);
width:calc(100% - 20px);
;
  border: medium none;
  outline: medium none;
  border-radius: 3px;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_information > .form-item select {
  background-color: #F0F0F0;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  margin: 3px 0 0;
  width: 100%;
  border: medium none;
  outline: medium none;
  border-radius: 3px;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_interested_in legend {
  font-weight: 400;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_interested_in .form-checkboxes > .form-item {
  min-width: 150px;
  margin-right: 15px;
  margin-bottom: 5px;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_interested_in .form-checkboxes > .form-item label {
  margin-left: 7px;
  cursor: pointer;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_interested_in .form-item-terms-and-conditions {
  margin-bottom: 20px;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_interested_in .form-item-terms-and-conditions .webform-element-description {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 5px;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .st_interested_in .form-item-terms-and-conditions label {
  cursor: pointer;
  font-size: 18px;
  margin-left: 8px;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .captcha_submit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .captcha_submit .form-actions input {
  height: 40px;
  line-height: 40px;
  padding: 0 1.5rem;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .captcha_submit {
    display: block;
  }
  header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .captcha_submit .form-actions {
    margin: 20px auto 0;
    text-align: center;
    max-width: 320px;
  }
  header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .captcha_submit .form-actions input {
    display: block;
    width: 100%;
  }
  header .cfg_header .connect-us-layer .connect-us-layer-wrapper form .captcha_submit .captcha {
    max-width: 305px;
    margin: 0 auto;
  }
}
header .cfg_header .connect-us-layer.popup_hidden {
  display: none;
}
header .cfg_header .language_slide_menu {
  position: fixed;
  width: 270px;
  height: 100%;
  background-color: #f8f8f8;
  right: -300px;
  top: 0;
  z-index: 10;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
header .cfg_header .language_slide_menu .wrapper .language_items {
  height: 35px;
  background-color: #DBDBDB;
  line-height: 35px;
  padding: 0 25px;
}
header .cfg_header .language_slide_menu .wrapper .language_items .language_menu {
  float: left;
}
header .cfg_header .language_slide_menu .wrapper .language_items .language_menu > ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
header .cfg_header .language_slide_menu .wrapper .language_items .language_menu > ul > li {
  margin-right: 20px;
  display: none;
}
header .cfg_header .language_slide_menu .wrapper .language_items .language_menu > ul > li a {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.4);
}
header .cfg_header .language_slide_menu .wrapper .language_items .language_menu > ul > li a.is-active {
  color: #000000;
}
header .cfg_header .language_slide_menu .wrapper .language_items .language_menu > ul > li a:hover {
  color: #9a6c0b;
}
header .cfg_header .language_slide_menu .wrapper .language_items .lang_slide_close {
  float: right;
  width: 40px;
  display: inline-block;
  text-align: right;
  cursor: pointer;
}
header .cfg_header .language_slide_menu .wrapper .lang_menu_text {
  padding: 25px 25px 15px;
  color: #1B4130;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .language_slide_menu .wrapper .lang_menu_text {
    font-size: 16px;
  }
}
header .cfg_header .language_slide_menu .wrapper .language-switcher-language-url {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
header .cfg_header .language_slide_menu .wrapper .language-switcher-language-url li {
  list-style: none;
}
header .cfg_header .language_slide_menu .wrapper .language-switcher-language-url li a {
  color: rgba(0, 0, 0, 0.4);
  font-size: 15px;
}
header .cfg_header .language_slide_menu .wrapper .language-switcher-language-url li + li {
  margin-left: 10px;
}
header .cfg_header .language_slide_menu .wrapper > ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
header .cfg_header .language_slide_menu .wrapper > ul.menu > li {
  padding: 0;
  margin: 0;
  height: 45px;
  line-height: 45px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  list-style: none;
}
header .cfg_header .language_slide_menu .wrapper > ul.menu > li a {
  display: block;
  color: #000000;
  margin: 0 25px;
  border-bottom: 1px solid #DFDFDF;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .language_slide_menu .wrapper > ul.menu > li a {
    font-size: 14px;
  }
}
header .cfg_header .language_slide_menu .wrapper > ul.menu > li:hover {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
}
header .cfg_header .language_slide_menu .wrapper > ul.menu > li:hover a {
  color: #c28b17;
  border-bottom: medium none;
}
header .cfg_header .search-layer {
  display: none;
}
header .cfg_header .hkuad_header .top-header {
  height: 35px;
  background-color: #1b4130;
  padding: 0 20px;
  margin: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
header .cfg_header .hkuad_header .top-header .wrapper {
  padding: 0;
  position: relative;
}
header .cfg_header .hkuad_header .top-header > .wrapper {
  max-width: 1500px;
  margin: 0 auto;
  height: 100%;
}
header .cfg_header .hkuad_header .top-header .top_head_right {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_notification {
  margin-right: 20px;
  cursor: pointer;
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_notification i {
  color: #eab01f;
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_notification.inactive {
  opacity: 0.5;
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_notification.active {
  opacity: 1;
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_links {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .top-header .top_head_right .top_links {
    display: none;
  }
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_links > ul.menu {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  text-align: left;
  list-style: none;
  /*li:has( > a) {
                                border: 1px solid #0a6eb4;
                            }*/
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_links > ul.menu > li {
  overflow: hidden;
  padding: 0;
  margin-right: 30px;
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_links > ul.menu > li.connectUs {
  position: relative;
  padding-left: 27px;
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_links > ul.menu > li.connectUs:before {
  content: "|";
  position: absolute;
  left: 0;
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_links > ul.menu > li > a,
header .cfg_header .hkuad_header .top-header .top_head_right .top_links > ul.menu > li > span {
  text-transform: capitalize;
  text-decoration: none;
  letter-spacing: 1px;
  cursor: pointer;
  display: block;
  position: relative;
  font-weight: 300;
}
header .cfg_header .hkuad_header .top-header .top_head_right .top_links > ul.menu > li > a.connect-popup,
header .cfg_header .hkuad_header .top-header .top_head_right .top_links > ul.menu > li > span.connect-popup {
  /*&:after {
                                            padding-left: 9px;
                                            content: "\f0c1";
                                            font-family: @fa;
                                            display: inline-block;
                                        }*/
}
header .cfg_header .hkuad_header .top-header .top_head_right .search_icon {
  margin-right: 30px;
}
header .cfg_header .hkuad_header .top-header .top_head_right .search_icon i {
  font-weight: 400;
}
header .cfg_header .hkuad_header .top-header .top_head_right .switch-language {
  position: relative;
}
@media only screen and (min-width: 1000px) {
  header .cfg_header .hkuad_header .top-header .top_head_right .switch-language:hover .language-switcher-language-url {
    max-height: 100px;
  }
}
header .cfg_header .hkuad_header .top-header .top_head_right .switch-language.active .language-switcher-language-url {
  max-height: 100px;
}
header .cfg_header .hkuad_header .top-header .top_head_right .switch-language .icon-language {
  display: inline-block;
  position: relative;
  top: 5px;
  padding-bottom: 10px;
}
header .cfg_header .hkuad_header .top-header .top_head_right .switch-language .icon-language i.fa-caret-down {
  margin-left: 6px;
  font-size: 10px;
}
header .cfg_header .hkuad_header .top-header .top_head_right .switch-language .icon-language:hover i::before {
  color: #eab01f;
}
header .cfg_header .hkuad_header .top-header .top_head_right .switch-language .language-switcher-language-url {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #1b4130;
  margin: 0;
  list-style: none;
  padding: 0px;
  min-width: 100px;
  text-align: center;
  max-height: 0px;
  overflow: hidden;
  -webkit-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.6);
}
header .cfg_header .hkuad_header .top-header .top_head_right .switch-language .language-switcher-language-url .language-link {
  display: block;
  padding: 8px 15px;
}
header .cfg_header .hkuad_header .top-header .top_head_right .switch-language .language-switcher-language-url li {
  margin: 0;
}
header .cfg_header .hkuad_header .top-header .top_head_right .switch-language .language-switcher-language-url li + li {
  border-top: 1px solid white;
}
header .cfg_header .hkuad_header .header {
  padding: 15px 20px;
  margin: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
header .cfg_header .hkuad_header .header .wrapper {
  padding: 0;
  position: relative;
}
header .cfg_header .hkuad_header .header > .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1500px;
  margin: 0 auto;
  width: 100%;
}
header .cfg_header .hkuad_header .header.desktop {
  display: block;
  border-bottom: 5px solid #eab01f;
}
@media only screen and (max-width: 1180px) {
  header .cfg_header .hkuad_header .header.desktop {
    display: none;
  }
}
header .cfg_header .hkuad_header .header.desktop .left_container {
  width: 700px;
}
header .cfg_header .hkuad_header .header.desktop .left_container .logos {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*div.logo_img {
                                width: 100%;
                                background-size: cover;
                                height: 0;
                                padding: 0;
                                padding-bottom: 92%;
                                background-repeat: no-repeat;
                                object-fit: cover
                            }*/
}
header .cfg_header .hkuad_header .header.desktop .left_container .logos a {
  display: block;
  width: 300px;
}
header .cfg_header .hkuad_header .header.desktop .left_container .logos img {
  height: 62px;
  width: 300px;
  max-width: initial;
  border: 0;
  object-fit: contain;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
header .cfg_header .hkuad_header .header.desktop .left_container .logos .logo_text {
  float: left;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
  padding-left: 10px;
  border-left: 1px solid #113324;
  margin-left: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 165px;
}
header .cfg_header .hkuad_header .header.desktop .left_container .logos .logo_text a {
  width: auto;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  color: #000000;
}
header .cfg_header .hkuad_header .header.desktop.minimized .left_container .logos {
  /*a {
                                    width: 300px;
                                }*/
  /*img {
                                    height: 53px;
                                    width: 300px;
                                }*/
  /*.logo_text {
                                    font-size: 14px;
                                    line-height: 21px;
                                    height: 38px;
                                    width: 129px;
                                    margin-left: -5px;
                                }*/
}
header .cfg_header .hkuad_header .header.desktop .right_container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation {
  display: inline-block;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li {
  margin-left: 30px;
}
@media only screen and (min-width: 1180px) and (max-width: 1366px) {
  header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 1180px) and (max-width: 1290px) {
  header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li {
    margin-left: 15px;
  }
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li:first-child {
  margin-left: 0;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li a,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li span {
  font-size: 17px;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (min-width: 1180px) and (max-width: 1290px) {
  header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li a,
  header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li span {
    font-size: 15px;
    font-weight: 300;
  }
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li a.is-active,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li span.is-active {
  color: #eab01f;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li a.arrow-right,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li span.arrow-right {
  display: none;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li a:hover,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li span:hover {
  color: #eab01f;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li > a,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li > span {
  white-space: nowrap;
  text-transform: uppercase;
  height: 75px;
  line-height: 75px;
  display: inline-block;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li > span {
  pointer-events: none;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li.menu-item--active-trail > a,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li.menu-item--active-trail > span {
  color: #eab01f;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li.menu-item--active-trail > a:after,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu > li.menu-item--active-trail > span:after {
  content: "";
  width: 70%;
  max-width: 40px;
  min-width: 30px;
  margin: 0 auto;
  height: 2px;
  display: block;
  background-color: #eab01f;
  position: relative;
  top: -20px;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li {
  list-style: none;
  position: relative;
  padding: 0;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul {
  background-color: #FFFFFF;
  position: absolute;
  top: 72px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  margin: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 0 10px;
  z-index: 99;
  border-top: 2px solid #eab01f;
  -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.17);
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul li {
  display: block;
  text-align: left;
  width: 275px;
  padding: 8px 0;
  border-bottom: 1px solid #EFEFEF;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul li:first-child {
  padding: 15px 0 8px;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul li:last-child {
  padding: 8px 0 15px;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul li a,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul li span {
  display: block;
  font-size: 18px;
  font-weight: 300;
  padding: 0 15px 0 30px;
  text-decoration: none;
  white-space: normal;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul li a.is-active,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul li span.is-active {
  color: black;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul li a:hover,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul li span:hover {
  color: #c28b17;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li > ul.single_item li:first-child {
  padding-top: 15px;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.focus-in ul,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li:focus-visible ul,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li:hover ul {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li:last-child ul {
  left: auto;
  right: 0;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu {
  position: unset;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul {
  width: calc(100% - 0px);
  top: 72px;
  padding: 0;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul.multiple_items {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul > li {
  border-right: 1px solid #EFEFEF;
  border-bottom: medium none;
  padding: 15px 0 0;
  min-height: 310px;
  flex-basis: 100%;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul > li > a,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul > li > span {
  font-weight: 500;
  color: #000000;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul > li > a:after,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul > li > span:after {
  content: " ";
  display: block;
  width: 40px;
  height: 2px;
  border-bottom: 2px solid #eab01f;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul > li > a.hide-title,
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul > li > span.hide-title {
  display: none;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul > li > ul {
  position: unset;
  top: auto;
  left: auto;
  visibility: unset;
  opacity: 1;
  pointer-events: auto;
  margin: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 0;
  z-index: 99;
  border-top: medium none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.megamenu > ul > li > ul li {
  width: 100%;
  border-bottom: medium none;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.sub-r-position ul {
  left: auto;
  right: 0;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.sub-l-position ul {
  left: 0;
  right: auto;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.sub-middle ul {
  left: auto;
  right: calc(50% - 150px);
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.sub-small-width ul li {
  width: 205px;
}
header .cfg_header .hkuad_header .header.desktop .right_container .navigation > ul.menu li.sub-large-width ul li {
  width: 450px;
}
header .cfg_header .hkuad_header .header.mobile {
  display: none;
}
@media only screen and (max-width: 1180px) {
  header .cfg_header .hkuad_header .header.mobile {
    display: block;
    padding: 12px 20px;
  }
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile > .wrapper {
    max-height: 33px;
  }
}
header .cfg_header .hkuad_header .header.mobile .left_container .logos {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
header .cfg_header .hkuad_header .header.mobile .left_container .logos a {
  display: block;
  width: 270px;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile .left_container .logos a {
    width: 165px;
  }
}
header .cfg_header .hkuad_header .header.mobile .left_container .logos img {
  max-height: 53px;
  width: 270px;
  height: auto;
  max-width: initial;
  object-fit: contain;
  border: 0;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile .left_container .logos img {
    max-height: 32px;
    width: 165px;
  }
}
header .cfg_header .hkuad_header .header.mobile .left_container .logos .logo_text {
  float: left;
  width: 132px;
  font-weight: 500;
  padding-left: 10px;
  border-left: 1px solid #113324;
  margin-left: 10px;
  font-size: 14px;
  line-height: 21px;
  height: 38px;
}
header .cfg_header .hkuad_header .header.mobile .left_container .logos .logo_text a {
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile .left_container .logos .logo_text a {
    font-size: 12px;
    line-height: 17px;
  }
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile .left_container .logos .logo_text {
    font-size: 12px;
    line-height: 17px;
    height: 30px;
    width: 104px;
  }
}
header .cfg_header .hkuad_header .header.mobile .right_container {
  display: block;
  width: 100%;
}
header .cfg_header .hkuad_header .header.mobile .right_container .hamburger {
  text-align: right;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
header .cfg_header .hkuad_header .header.mobile .right_container .hamburger a {
  color: #000000;
}
header .cfg_header .hkuad_header .header.mobile .right_container .hamburger i {
  font-size: 30px;
}
header .cfg_header .hkuad_header .header.mobile .right_container .hamburger .fa-times {
  background-image: url('menu_close.svg');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center center;
  width: 30px;
  height: 30px;
}
header .cfg_header .hkuad_header .header.mobile .right_container .hamburger .fa-times:before {
  content: '';
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation {
  display: none;
  position: absolute;
  top: 68px;
  padding: 0 0;
  right: -20px;
  z-index: 1;
  -lh-property: 0;
width:-webkit-calc(100vw - 0px);
width:-moz-calc(100vw - 0px);
width:calc(100vw - 0px);
;
  height: 100vh;
  background-color: #1b4130;
  overflow-y: auto;
  -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 1180px) {
  header .cfg_header .hkuad_header .header.mobile .right_container .navigation {
    top: 62px;
  }
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile .right_container .navigation {
    top: 44px;
  }
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu {
  background-color: #F8F8F8;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
  list-style: none;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #ffffff;
  padding: 0;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li > a,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li > span {
  padding-left: 20px;
  line-height: 40px;
  font-size: 16px;
  text-transform: capitalize;
  color: #000000;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 300;
  cursor: pointer;
  margin: 0;
  -lh-property: 0;
width:-webkit-calc(100% - 18px);
width:-moz-calc(100% - 18px);
width:calc(100% - 18px);
;
  display: block;
  position: relative;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li > a:hover,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li > span:hover {
  color: #9a6c0b;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li > a.is-active,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li > span.is-active {
  color: #896406;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li > a,
  header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li > span {
    font-size: 14px;
  }
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li > a.arrow-right:after,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li > span.arrow-right:after {
  font-family: "Font Awesome 5 Pro";
  content: '\f078';
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  color: #999999;
  position: absolute;
  right: 20px;
  font-weight: 300;
  height: 100%;
  top: -20px;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > a {
  text-transform: uppercase;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu {
  margin: 0;
  width: 100%;
  text-align: left;
  list-style: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
  height: 0;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li {
  padding: 0;
  background-color: #F0F0F0;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li:last-child {
  margin: 0;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > a,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > span {
  margin-left: 20px;
  margin-right: 20px;
  line-height: 40px;
  font-size: 16px;
  text-transform: capitalize;
  color: #000000;
  font-weight: 400;
  text-decoration: none;
  border-bottom: 1px solid #DBDBDB;
  display: block;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > a,
  header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > span {
    font-size: 14px;
  }
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > a.is-active,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > span.is-active {
  color: #896406;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > a.is-active:after,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > span.is-active:after {
  content: " ";
  width: 60px;
  height: 2px;
  background-color: #eab01f;
  display: block;
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > a.is-active:after,
  header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > span.is-active:after {
    width: 30px;
  }
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > a:hover,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded > ul.submenu > li > span:hover {
  color: #9a6c0b;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded.active > a.arrow-right:after,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded.active > span.arrow-right:after {
  content: '\f077';
  color: black;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded.active > ul {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  height: auto;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded.megamenu > ul > li {
  padding-top: 5px;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded.megamenu > ul > li > span,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded.megamenu > ul > li > a {
  font-weight: 500;
  line-height: 25px;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded.megamenu > ul > li > ul {
  padding-bottom: 6px;
  padding-top: 5px;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded.megamenu > ul > li > ul > li > span,
header .cfg_header .hkuad_header .header.mobile .right_container .navigation > ul.menu > li.menu-item--expanded.megamenu > ul > li > ul > li > a {
  margin-left: 7px;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation .top_links {
  background-color: #1b4130;
  padding: 0 15px;
}
@media only screen and (max-width: 1180px) {
  header .cfg_header .hkuad_header .header.mobile .right_container .navigation .top_links {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile .right_container .navigation .top_links {
    display: block;
  }
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation .top_links .menu {
  margin: 0;
  padding: 0;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation .top_links .menu > li {
  border-bottom: 1px solid #F8F8F8;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation .top_links .menu > li a {
  line-height: 40px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation .top_links .menu > li a:hover {
  color: #eab01f;
}
header .cfg_header .hkuad_header .header.mobile .right_container .navigation .top_links .menu > li:last-child {
  border-bottom: medium none;
}
@media only screen and (max-width: 1180px) {
  header .cfg_header .hkuad_header .header.mobile.minimized {
    padding: 6px 20px;
  }
}
@media only screen and (max-width: 1180px) {
  header .cfg_header .hkuad_header .header.mobile.minimized .right_container .navigation {
    top: 58px;
  }
}
@media only screen and (max-width: 767px) {
  header .cfg_header .hkuad_header .header.mobile.minimized .right_container .navigation {
    top: 40px;
  }
}
header.admin_toolbar {
  top: 39px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 999px) {
  header.admin_toolbar {
    top: 0;
  }
}
header.admin_toolbar .language_slide_menu {
  top: 39px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 999px) {
  header.admin_toolbar .language_slide_menu {
    top: 0;
  }
}
@media only screen and (min-width: 1000px) {
  body.toolbar-tray-open header {
    top: 79px;
  }
  body.toolbar-tray-open header .language_slide_menu {
    top: 79px;
  }
}
html[lang="zh-hans"] header .cfg_header .hkuad_header .header.desktop .left_container .logos .logo_text a,
html[lang="zh-hant"] header .cfg_header .hkuad_header .header.desktop .left_container .logos .logo_text a {
  font-size: 35px;
  line-height: 36px;
}
.apply-now-btn {
  position: fixed;
  top: 300px;
  right: 0px;
  padding: 0.5rem;
  word-break: break-word;
  width: 50px;
  text-align: center;
  background: #eab01f;
  color: #1b4130;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  z-index: 10;
}
.apply-now-btn .link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hide-apply-now .apply-now-btn {
  display: none;
}
.sticky-btn {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  position: fixed;
  bottom: 120px;
  right: -60px;
}
.sticky-btn.active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  right: 40px;
  z-index: 10;
}
.sticky-btn.active .back-to-top::before {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
}
.sticky-btn.active .back-to-top::after {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
}
.sticky-btn .back-to-top {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 10;
}
.sticky-btn .back-to-top::before {
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border: 2px solid black;
  border-width: 2px 2px 0 0;
  z-index: 1;
  top: calc(50% + 3px);
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  opacity: 0;
}
.sticky-btn .back-to-top:after {
  position: absolute;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-color: white;
  border: 3px solid white;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.18);
  opacity: 0;
}
.sticky-btn .back-to-top:hover::before {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-color: #eab01f;
  transform: translate(-50%, -50%) rotate(-45deg) scale(1.2);
}
.sticky-btn .back-to-top:hover::after {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  transform: translate(-50%, -50%) scale(1.2);
  border-width: 3px;
  border-color: #eab01f;
}
@media only screen and (max-width: 1180px) {
  .sticky-btn {
    bottom: 20px;
  }
  .sticky-btn.active {
    right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .sticky-btn {
    bottom: 15px;
  }
  .sticky-btn.active {
    right: 13px;
  }
  .sticky-btn .back-to-top {
    width: 40px;
    height: 40px;
  }
  .sticky-btn .back-to-top::before {
    width: 11px;
    height: 11px;
  }
  .sticky-btn .back-to-top::after {
    width: 40px;
    height: 40px;
  }
}
.page-node-type-hkuad-student-sharing footer .cfg_footer .hkuad_footer {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage footer .cfg_footer .hkuad_footer {
    margin: 0;
  }
}
footer {
  margin: 0;
}
footer .wrapper {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
footer .cfg_footer .hkuad_footer {
  padding: 0;
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  footer .cfg_footer .hkuad_footer {
    margin-top: 50px;
  }
}
footer .cfg_footer .hkuad_footer > .wrapper {
  max-width: 1500px;
  padding: 20px;
  margin: 0 auto;
  overflow: hidden;
}
footer .cfg_footer .hkuad_footer .footer_desktop {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_desktop {
    display: none;
  }
}
footer .cfg_footer .hkuad_footer .footer_mobile {
  display: none;
  text-align: center;
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_mobile {
    display: block;
  }
}
footer .cfg_footer .hkuad_footer .footer_left {
  margin-right: auto;
}
footer .cfg_footer .hkuad_footer .footer_middle {
  margin-left: 20px;
  margin-right: 20px;
}
footer .cfg_footer .hkuad_footer .footer_right {
  margin-left: auto;
}
footer .cfg_footer .hkuad_footer .footer_logo img {
  width: 300px;
  height: 58px;
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_logo {
    text-align: center;
  }
  footer .cfg_footer .hkuad_footer .footer_logo img {
    max-height: 44px;
    display: inline-block;
    max-width: 230px;
  }
}
footer .cfg_footer .hkuad_footer .footer_menu {
  position: relative;
  top: 7px;
}
footer .cfg_footer .hkuad_footer .footer_menu > ul {
  margin: 0 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
footer .cfg_footer .hkuad_footer .footer_menu > ul li {
  margin: 0 20px 0 0;
  padding: 0 0;
}
@media only screen and (min-width: 1180px) and (max-width: 1366px) {
  footer .cfg_footer .hkuad_footer .footer_menu > ul li {
    margin: 0 15px 0 0;
  }
  footer .cfg_footer .hkuad_footer .footer_menu > ul li:after {
    width: 15px;
  }
  footer .cfg_footer .hkuad_footer .footer_menu > ul li a {
    font-size: 14px;
  }
}
footer .cfg_footer .hkuad_footer .footer_menu > ul li:after {
  content: '|';
  display: inline-block;
  width: 20px;
  font-size: 15px;
  font-weight: 300;
  color: #b6b6b6;
  text-align: right;
}
footer .cfg_footer .hkuad_footer .footer_menu > ul li:last-child {
  margin: 0 0;
  border-right: medium none;
}
footer .cfg_footer .hkuad_footer .footer_menu > ul li:last-child:after {
  display: none;
}
footer .cfg_footer .hkuad_footer .footer_menu > ul li a {
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 500;
  color: #FFFFFF;
}
footer .cfg_footer .hkuad_footer .footer_menu > ul li a:hover {
  color: #896406;
}
@media only screen and (min-width: 1180px) and (max-width: 1366px), only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_menu > ul li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  footer .cfg_footer .hkuad_footer .footer_menu > ul li a {
    font-size: 12px;
  }
}
footer .cfg_footer .hkuad_footer .footer_text p {
  margin: 5px 0 0 0;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23px;
  text-align: center;
}
@media only screen and (min-width: 1180px) and (max-width: 1366px) {
  footer .cfg_footer .hkuad_footer .footer_text p {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_text {
    margin-bottom: 10px;
  }
  footer .cfg_footer .hkuad_footer .footer_text p {
    font-size: 12px;
    white-space: normal;
    line-height: 1.5em;
  }
}
footer .cfg_footer .hkuad_footer .footer_social ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 365px;
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_social ul {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 5px;
  }
}
footer .cfg_footer .hkuad_footer .footer_social ul > li {
  margin: 0 25px 0 0;
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
footer .cfg_footer .hkuad_footer .footer_social ul > li:last-child {
  margin-right: 0;
}
footer .cfg_footer .hkuad_footer .footer_social ul > li a {
  font-size: 31px;
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_social ul > li a {
    font-size: 20px;
  }
}
footer .cfg_footer .hkuad_footer .footer_social ul > li .icon-facebook {
  font-size: 31px;
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_social ul > li .icon-facebook {
    font-size: 20px;
  }
}
footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts {
  position: absolute;
  top: -4px;
  left: -20px;
  background-color: #FFFFFF;
  z-index: 1;
  border-radius: 7px;
  padding: 0 0 0 20px;
  height: 50px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1000px) {
  footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts {
    visibility: hidden;
    opacity: 0;
  }
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts {
    display: none;
  }
}
footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts:focus-visible {
  visibility: visible;
  opacity: 1;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts {
    min-width: 207px;
  }
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts {
    padding: 0 0 0 10px;
    height: 41px;
    top: -6px;
    left: -10px;
    min-width: 164px;
  }
}
footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts .sn-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts .sn-icon i {
  font-size: 31px;
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts .sn-icon i {
    font-size: 20px;
  }
}
footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts .acc-names {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 12px 23px 12px 12px;
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts .acc-names {
    padding: 5px 15px 3px 10px;
  }
}
footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts .acc-names a {
  font-size: 15px;
  font-weight: 600;
  color: #b6b6b6;
  white-space: nowrap;
  line-height: 19px;
}
@media only screen and (max-width: 1180px) {
  footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts .acc-names a {
    font-size: 13px;
    font-weight: 500;
  }
}
footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts .acc-names a:hover {
  color: #595959;
}
footer .cfg_footer .hkuad_footer .footer_social ul > li .sn_accounts a {
  font-size: 15px;
}
@media only screen and (min-width: 1000px) {
  footer .cfg_footer .hkuad_footer .footer_social ul > li:focus-visible .sn_accounts,
  footer .cfg_footer .hkuad_footer .footer_social ul > li:hover .sn_accounts {
    visibility: visible;
    opacity: 1;
  }
}
footer .cfg_footer .hkuad_footer .footer_social ul > li:not(.multiple-accounts):hover {
  margin-top: -5px;
}
table:not(.table-condensed):not(.table-style-7) {
  width: 100% !important;
}
table:not(.table-condensed) thead tr th {
  background-color: #1b4130;
  border: 2px solid #f5f9f7;
  color: white;
  padding: 1rem;
  font-weight: 300;
  font-size: 1.125rem;
}
table:not(.table-condensed) tbody tr th {
  background-color: #1b4130;
  border: 2px solid #f5f9f7;
  color: white;
  padding: 1rem;
  text-align: left;
  font-weight: 300;
  font-size: 1.125rem;
}
table:not(.table-condensed) tbody tr th p {
  color: white;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed) tbody tr th {
    display: none;
  }
}
table:not(.table-condensed) tbody tr td {
  padding: 1rem;
  background-color: white;
  border: 2px solid #f5f9f7;
  border-width: 0.1px 2px 2px 2px;
  font-size: 1rem;
  vertical-align: top;
  min-width: unset;
}
table:not(.table-condensed) tbody tr td ul {
  margin: 0;
}
table:not(.table-condensed).dark-yellow thead tr th {
  background-color: #9a6c0b;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).dark-yellow tbody td::before {
    background-color: #9a6c0b;
  }
}
table:not(.table-condensed).light-yellow thead tr th {
  background-color: #eab01f;
}
table:not(.table-condensed).style2 thead tr th {
  border: 2px solid white;
  color: white;
}
table:not(.table-condensed).style2 tbody tr td {
  background-color: #f8f8f8;
  border: 2px solid white;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed):not(.table-style-7) {
    border-width: 0;
  }
  table:not(.table-condensed):not(.table-style-7) thead {
    display: none;
  }
  table:not(.table-condensed):not(.table-style-7) tbody {
    display: block;
  }
  table:not(.table-condensed):not(.table-style-7) tbody tr {
    transform: scale(1);
    display: block;
  }
  table:not(.table-condensed):not(.table-style-7) tbody tr td {
    border-color: white;
    transform: scale(1);
    text-align: left !important;
    display: block;
    border-width: 0;
    background-color: #f8f8f8;
    width: 100% !important;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 0 1rem 1rem 1rem;
    font-size: 1rem;
  }
  table:not(.table-condensed):not(.table-style-7) tbody tr td::before {
    text-align: left;
    content: attr(data-table-header-attr);
    color: white;
    padding: 1rem;
    width: 100%;
    display: block;
    background-color: #1b4130;
    margin-bottom: 1rem;
    position: relative;
    left: -1rem;
  }
  table:not(.table-condensed).style2 tbody tr td {
    border-width: 18px;
    border-color: #f8f8f8;
  }
}
table:not(.table-condensed).table-style-1 {
  table-layout: fixed;
}
table:not(.table-condensed).table-style-1 thead tr {
  border: none;
  border-bottom: 5px solid white;
}
table:not(.table-condensed).table-style-1 thead tr th {
  background-color: #eab01f;
  padding: 0.3rem 1rem;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-1 thead {
    display: block;
  }
  table:not(.table-condensed).table-style-1 thead tr {
    display: block;
  }
  table:not(.table-condensed).table-style-1 thead tr th {
    display: block;
  }
}
table:not(.table-condensed).table-style-1 tbody tr {
  text-align: center;
}
table:not(.table-condensed).table-style-1 tbody tr td {
  background-color: #fffcf1;
  border: none;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-left: 3px solid white;
  border-right: 3px solid white;
}
table:not(.table-condensed).table-style-1 tbody tr td:nth-child(even) {
  background-color: #f8f8f8;
}
table:not(.table-condensed).table-style-1 tbody tr td:first-child {
  border-left: 0px solid white;
}
table:not(.table-condensed).table-style-1 tbody tr td:last-child {
  border-right: 0px solid white;
}
table:not(.table-condensed).table-style-1 tbody tr:nth-child(2) td {
  font-size: 1rem;
  line-height: 2;
  position: relative;
}
table:not(.table-condensed).table-style-1 tbody tr:nth-child(2) td:after {
  content: "";
  position: absolute;
  top: 0;
  width: 40px;
  border-top: 1px solid #eab01f;
  left: 50%;
  transform: translate(-50%, 0px);
}
table:not(.table-condensed).table-style-1 tbody tr:only-child {
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-1 tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  table:not(.table-condensed).table-style-1 tbody tr td {
    display: block;
    text-align: center !important;
    flex: 0 0 calc(50% - 3px);
    margin-bottom: 6px;
    padding: 0.5rem 0;
    border: 0;
    line-height: 3 !important;
  }
  table:not(.table-condensed).table-style-1 tbody tr td::before {
    content: attr(data-table-header-attr);
    color: black;
    text-align: center;
    padding: 0 0 0.5rem 0;
    height: 44px;
    width: 100%;
    background-color: inherit;
    margin-bottom: 0rem;
    position: relative;
    left: 0;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6;
  }
  table:not(.table-condensed).table-style-1 tbody tr td:nth-child(odd) {
    margin-right: 6px;
  }
  table:not(.table-condensed).table-style-1 tbody tr td:nth-child(3) {
    background-color: #f8f8f8;
  }
  table:not(.table-condensed).table-style-1 tbody tr td:nth-child(4) {
    background-color: #fffcf1;
  }
  table:not(.table-condensed).table-style-1 tbody tr:first-child {
    display: none;
  }
  table:not(.table-condensed).table-style-1 tbody tr:nth-child(2) td::after {
    top: 55px;
  }
  table:not(.table-condensed).table-style-1 tbody tr:only-child {
    display: flex;
  }
  table:not(.table-condensed).table-style-1 tbody tr:only-child td {
    flex: 0 0 100%;
  }
}
table:not(.table-condensed).table-style-1.no-mobile-title tbody tr td::before {
  display: none;
}
table:not(.table-condensed).table-style-2 thead tr th {
  background-color: #f5f9f7;
  color: #1b4130;
  font-size: 30px;
  border: 0;
  border-bottom: 2px solid white;
  text-align: center;
  font-weight: 400;
  padding: 0.5rem 1rem;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-2 thead {
    display: block;
    width: 100%;
  }
  table:not(.table-condensed).table-style-2 thead tr,
  table:not(.table-condensed).table-style-2 thead tr th {
    display: block;
  }
}
table:not(.table-condensed).table-style-2 tbody tr th {
  border: 0;
  border-bottom: 15px solid white;
  width: 300px;
}
table:not(.table-condensed).table-style-2 tbody tr td {
  border: 2px solid white;
  border-width: 2px 0;
  background-color: #f5f9f7;
  padding: 0.5rem 1rem 0.5rem 2rem;
  vertical-align: middle;
}
table:not(.table-condensed).table-style-2 tbody tr td img {
  width: auto;
}
table:not(.table-condensed).table-style-2 tbody tr td ul {
  list-style: none;
  padding: 0;
}
table:not(.table-condensed).table-style-2 tbody tr td ul li {
  margin: 0;
}
table:not(.table-condensed).table-style-2 tbody tr td ul li div {
  display: inline;
}
table:not(.table-condensed).table-style-2 tbody tr td ul li::before {
  content: "\f0da";
  color: #1b4130;
  display: inline-block;
  position: relative;
  padding-right: 1rem;
  font-weight: bold;
}
table:not(.table-condensed).table-style-2 tbody tr .border-control {
  border-top: 15px solid white;
}
table:not(.table-condensed).table-style-2 tbody tr:first-child td {
  border-top: 0px;
}
table:not(.table-condensed).table-style-2 tbody tr:last-child th {
  border-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-2 tbody tr .border-control {
    margin: 0;
    border-top: 0;
  }
  table:not(.table-condensed).table-style-2 tbody tr th {
    display: block;
    width: calc(100% - 2rem);
    border-bottom: 0;
    margin-top: 15px;
    font-size: 1rem;
  }
  table:not(.table-condensed).table-style-2 tbody tr td {
    padding: 1rem;
  }
  table:not(.table-condensed).table-style-2 tbody tr td::before,
  table:not(.table-condensed).table-style-2 tbody tr td::after {
    display: none;
  }
  table:not(.table-condensed).table-style-2 tbody tr td:not(.border-control) {
    margin: 0;
    padding: 1rem;
  }
  table:not(.table-condensed).table-style-2 tbody tr td:not(.border-control)::before {
    display: none;
  }
  table:not(.table-condensed).table-style-2 tbody tr:first-child td {
    margin-top: 0;
  }
}
table:not(.table-condensed).table-style-3 tbody tr th,
table:not(.table-condensed).table-style-3-yellow tbody tr th {
  border-width: 0 0 5px 0;
  border-color: white;
  width: 300px;
}
table:not(.table-condensed).table-style-3 tbody tr td,
table:not(.table-condensed).table-style-3-yellow tbody tr td {
  background-color: #f8f8f8;
  border-width: 0 0 5px 0;
  border-color: white;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-3 tbody tr td,
  table:not(.table-condensed).table-style-3-yellow tbody tr td {
    margin-bottom: 5px;
  }
  table:not(.table-condensed).table-style-3 tbody tr td::before,
  table:not(.table-condensed).table-style-3-yellow tbody tr td::before {
    font-size: 1.5rem;
    font-weight: 500;
  }
}
table:not(.table-condensed).table-style-3-yellow tbody tr th {
  background-color: #eab01f;
}
table:not(.table-condensed).table-style-3-yellow tbody tr td {
  background-color: #fffcf1;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-3-yellow tbody tr td::before {
    background-color: #eab01f;
  }
}
table:not(.table-condensed).table-style-4 {
  table-layout: fixed;
}
table:not(.table-condensed).table-style-4 thead tr th {
  background-color: #f5f9f7;
  color: #1b4130;
  font-weight: bold;
  padding: 1rem 1rem 0 1rem;
  font-size: 1.25rem;
}
table:not(.table-condensed).table-style-4 thead tr th:first-child {
  border: none;
  border-right: 3px solid white;
}
table:not(.table-condensed).table-style-4 tbody td {
  background-color: #f5f9f7;
  padding: 0 1rem 1rem 1rem;
}
table:not(.table-condensed).table-style-4 tbody td:first-child {
  border: none;
  border-right: 3px solid white;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-4 tbody td {
    padding: 0 1rem 1rem 1rem;
    margin-bottom: 5px;
  }
  table:not(.table-condensed).table-style-4 tbody td::before {
    background-color: #f5f9f7;
    color: #1b4130;
    font-weight: bold;
    padding: 1rem 1rem 0 1rem;
    font-size: 1.25rem;
    margin-bottom: 0;
  }
  table:not(.table-condensed).table-style-4 tbody td:first-child {
    border: none;
  }
}
table:not(.table-condensed).table-style-5 thead {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
table:not(.table-condensed).table-style-5 thead tr,
table:not(.table-condensed).table-style-5 thead tr th {
  display: block;
}
table:not(.table-condensed).table-style-5 thead th {
  font-size: 1.25rem;
  background-color: white;
  border: 1px solid #eab01f;
  border-width: 1px 20px;
  color: #c28b17;
  font-weight: bold;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-5 thead {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  table:not(.table-condensed).table-style-5 thead tr,
  table:not(.table-condensed).table-style-5 thead tr th {
    display: block;
  }
  table:not(.table-condensed).table-style-5 thead tr th {
    padding: 0.5rem 1rem;
  }
}
table:not(.table-condensed).table-style-5 tbody {
  display: block;
  width: 100%;
}
table:not(.table-condensed).table-style-5 tbody tr,
table:not(.table-condensed).table-style-5 tbody tr td {
  display: block;
}
table:not(.table-condensed).table-style-5 tbody td {
  border: 1px solid #eab01f;
  border-width: 1px 20px;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-5 tbody td {
    padding: 0.5rem 1rem;
  }
  table:not(.table-condensed).table-style-5 tbody td::before {
    display: none;
  }
}
table:not(.table-condensed).table-style-6__bg {
  border: 1.875rem solid;
  border-top-width: 1.25rem;
  border-bottom-width: 1.25rem;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-6__bg {
    border: 1rem solid;
  }
}
table:not(.table-condensed).table-style-6__bg thead tr,
table:not(.table-condensed).table-style-6__bg thead tr th {
  border: 0;
}
table:not(.table-condensed).table-style-6__bg thead tr th {
  font-size: 1.25rem;
  color: white;
  font-weight: bold;
  padding: 0 0 0.5rem;
  border-bottom: 1px solid #7e8478;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-6__bg thead {
    display: table-header-group;
  }
}
table:not(.table-condensed).table-style-6__bg tbody {
  box-sizing: border-box;
}
table:not(.table-condensed).table-style-6__bg tbody tr td,
table:not(.table-condensed).table-style-6__bg tbody tr th {
  border: 0;
}
table:not(.table-condensed).table-style-6__bg tbody tr td:first-child,
table:not(.table-condensed).table-style-6__bg tbody tr th:first-child {
  width: 25%;
  padding-left: 0;
  border-right: 1px solid #7e8478;
}
table:not(.table-condensed).table-style-6__bg tbody tr td:last-child,
table:not(.table-condensed).table-style-6__bg tbody tr th:last-child {
  width: 75%;
  padding-right: 0;
}
table:not(.table-condensed).table-style-6__bg tbody tr th {
  font-size: 1.25rem;
  font-weight: bold;
  border-bottom: 1px solid #7e8478;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-6__bg tbody tr th {
    display: table-cell;
  }
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-6__bg tbody {
    display: table-row-group;
  }
  table:not(.table-condensed).table-style-6__bg tbody tr {
    display: table-row;
  }
  table:not(.table-condensed).table-style-6__bg tbody tr td {
    display: table-cell;
    padding-top: 1rem;
  }
  table:not(.table-condensed).table-style-6__bg tbody tr th:first-child,
  table:not(.table-condensed).table-style-6__bg tbody tr td:first-child {
    width: 50% !important;
  }
  table:not(.table-condensed).table-style-6__bg tbody tr th:last-child,
  table:not(.table-condensed).table-style-6__bg tbody tr td:last-child {
    width: 50% !important;
  }
  table:not(.table-condensed).table-style-6__bg tbody td::before {
    display: none;
  }
}
table:not(.table-condensed).table-style-6__bg--yellow {
  border-color: #fffdf0;
}
table:not(.table-condensed).table-style-6__bg--yellow th,
table:not(.table-condensed).table-style-6__bg--yellow td {
  background-color: #fffdf0;
}
table:not(.table-condensed).table-style-6__bg--yellow thead tr th,
table:not(.table-condensed).table-style-6__bg--yellow thead tr td {
  color: #1b4130;
}
table:not(.table-condensed).table-style-6__bg--yellow tbody th {
  color: #9a6c0b;
}
table:not(.table-condensed).table-style-6__bg--green {
  border-color: #f6f8f7;
}
table:not(.table-condensed).table-style-6__bg--green th,
table:not(.table-condensed).table-style-6__bg--green td {
  background-color: #f6f8f7;
}
table:not(.table-condensed).table-style-6__bg--green thead tr th,
table:not(.table-condensed).table-style-6__bg--green thead tr td {
  color: #9a6c0b;
}
table:not(.table-condensed).table-style-6__bg--green tbody th {
  color: #1b4130;
}
table:not(.table-condensed).table-style-6__header thead tr,
table:not(.table-condensed).table-style-6__header thead tr th {
  border: 0;
}
table:not(.table-condensed).table-style-6__header thead tr th {
  font-size: 1.25rem;
  color: white;
  font-weight: bold;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  border-bottom: 1px solid #7e8478;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-6__header thead {
    display: table-header-group;
  }
}
table:not(.table-condensed).table-style-6__header tbody {
  display: block;
  border: 1px solid;
  border-top: 0;
  box-sizing: border-box;
  padding: 0 1.875rem 1.25rem;
  background-color: white;
}
table:not(.table-condensed).table-style-6__header tbody tr {
  display: flex;
}
table:not(.table-condensed).table-style-6__header tbody tr td,
table:not(.table-condensed).table-style-6__header tbody tr th {
  display: block;
  border: 0;
  background-color: white;
}
table:not(.table-condensed).table-style-6__header tbody tr td:first-child,
table:not(.table-condensed).table-style-6__header tbody tr th:first-child {
  width: 25%;
  padding-left: 0;
  border-right: 1px solid #7e8478;
}
table:not(.table-condensed).table-style-6__header tbody tr td:last-child,
table:not(.table-condensed).table-style-6__header tbody tr th:last-child {
  width: 75%;
  padding-right: 0;
}
table:not(.table-condensed).table-style-6__header tbody tr th {
  font-size: 1.25rem;
  font-weight: bold;
  border-bottom: 1px solid #7e8478;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-6__header tbody {
    padding: 0 1rem 1rem;
  }
  table:not(.table-condensed).table-style-6__header tbody tr th,
  table:not(.table-condensed).table-style-6__header tbody tr td {
    margin-bottom: 0 !important;
    box-sizing: content-box;
  }
  table:not(.table-condensed).table-style-6__header tbody tr th:first-child,
  table:not(.table-condensed).table-style-6__header tbody tr td:first-child {
    width: 50% !important;
  }
  table:not(.table-condensed).table-style-6__header tbody tr th:last-child,
  table:not(.table-condensed).table-style-6__header tbody tr td:last-child {
    width: 50% !important;
  }
  table:not(.table-condensed).table-style-6__header tbody tr th {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
  table:not(.table-condensed).table-style-6__header tbody tr td {
    padding-top: 1rem;
  }
  table:not(.table-condensed).table-style-6__header tbody td::before {
    display: none;
  }
}
table:not(.table-condensed).table-style-6__header--yellow thead th {
  background-color: #9a6c0b;
}
table:not(.table-condensed).table-style-6__header--yellow tbody tr th {
  color: #1b4130;
}
table:not(.table-condensed).table-style-6__header--green thead th {
  background-color: #1b4130;
}
table:not(.table-condensed).table-style-6__header--green tbody tr th {
  color: #9a6c0b;
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-normal tbody tr {
    margin-bottom: 1rem;
  }
  table:not(.table-condensed).table-style-normal tbody tr td {
    display: grid;
    grid-template-columns: calc(35% - 1rem) calc(65% - 1rem);
    column-gap: 2rem;
    padding: 1rem;
    margin: 0;
  }
  table:not(.table-condensed).table-style-normal tbody tr td::before {
    grid-column-start: 1;
    grid-column-end: 2;
    margin: 0;
    z-index: 1;
    padding: 0 1rem 1rem 1rem;
  }
  table:not(.table-condensed).table-style-normal tbody tr td::after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #1b4130;
    position: absolute;
    left: -1rem;
    top: 0;
    grid-column-start: 1;
    grid-column-end: 2;
    padding: 0 1rem;
  }
  table:not(.table-condensed).table-style-normal tbody tr td strong,
  table:not(.table-condensed).table-style-normal tbody tr td em,
  table:not(.table-condensed).table-style-normal tbody tr td s,
  table:not(.table-condensed).table-style-normal tbody tr td sup,
  table:not(.table-condensed).table-style-normal tbody tr td sub,
  table:not(.table-condensed).table-style-normal tbody tr td a,
  table:not(.table-condensed).table-style-normal tbody tr td span {
    display: contents;
  }
  table:not(.table-condensed).table-style-normal tbody tr td * {
    grid-column-start: 2;
    grid-column-end: 3;
  }
  table:not(.table-condensed).table-style-normal tbody tr td + td {
    border-top: 1px solid #b6b6b6;
  }
}
@media only screen and (max-width: 767px) {
  table:not(.table-condensed).table-style-normal.light-yellow tbody tr td {
    background-color: #fffcf1;
  }
  table:not(.table-condensed).table-style-normal.light-yellow tbody tr td::after,
  table:not(.table-condensed).table-style-normal.light-yellow tbody tr td::before {
    background-color: #eab01f;
  }
  table:not(.table-condensed).table-style-normal.light-yellow tbody tr td + td {
    border-top: 1px solid #f5f9f7;
  }
}
table.table-style-7 {
  margin: 0;
}
div.table-style-7 {
  overflow: auto;
  max-width: 100%;
  margin-bottom: 2em;
}
body {
  color: black;
}
body p {
  color: black;
}
body a {
  color: #9a6c0b;
}
body a:active {
  color: #9a6c0b;
}
body a:hover {
  color: #9a6c0b;
}
h1 {
  color: black;
}
h1 strong {
  color: black;
}
h1 > a {
  color: black;
}
h2 {
  color: black;
}
h2 strong {
  color: black;
}
h3 {
  color: black;
}
h3 strong {
  color: black;
}
h3 > a {
  color: black;
}
h4 {
  color: black;
}
h4 strong {
  color: black;
}
h4 > a {
  color: black;
}
h5 {
  color: black;
}
h5 strong {
  color: black;
}
h5 > a {
  color: black;
}
h6 {
  color: black;
}
h6 strong {
  color: black;
}
h6 > a {
  color: black;
}
blockquote {
  border-color: #AED6E4;
}
hr {
  border-color: #717171;
}
.hkuad_header .top-header {
  background-color: #003366;
  color: #ffffff;
}
.hkuad_header .top-header a {
  color: #ffffff;
}
.hkuad_header .top-header ul li a {
  color: #ffffff;
}
.hkuad_header .top-header ul li a:hover {
  color: #eab01f;
}
.hkuad_header .top-header .switch-language a i {
  color: #ffffff;
}
.hkuad_header .top-header .switch-language a i:hover {
  color: #eab01f;
}
.hkuad_header .top-header .language-switcher-language-url li {
  border-top-color: #19356C;
}
.hkuad_header .header.desktop {
  background-color: #ffffff;
}
.hkuad_header .header.mobile {
  background-color: #ffffff;
}
.hkuad_header .header.transparent.not_top {
  background-color: #ffffff;
}
.hkuad_header .navigation > ul.menu > li a {
  color: #000000;
}
.hkuad_header .navigation > ul.menu > li a:hover {
  color: #c28b17;
}
.hkuad_header .navigation > ul.menu > li.menu-item--active-trail > a,
.hkuad_header .navigation > ul.menu > li.menu-item--active-trail > span {
  color: #9a6c0b;
}
.hkuad_header .navigation > ul.menu > li span:hover {
  color: #003366;
}
.hkuad_header .navigation > ul.menu > li > ul > li {
  background-color: #FFFFFF;
}
.hkuad_header .navigation > ul.menu > li > ul > li a {
  color: #000000;
}
.hkuad_header .navigation > ul.menu > li > ul > li a:hover {
  color: #c28b17;
}
.hkuad_header .navigation > ul.menu > li > ul > li span {
  color: #0085B2;
}
.hkuad_header .navigation > ul.menu > li > ul > li span:hover {
  color: #003366;
}
.hkuad_header .search_icon a i {
  color: #ffffff;
}
.hkuad_header .search_icon a i:hover {
  color: #eab01f;
}
.breadcrumb {
  background-color: rgba(0, 0, 0, 0);
}
.breadcrumb ol li {
  color: #0085b2;
}
.breadcrumb ol li:last-of-type {
  color: #999999;
}
.breadcrumb ol li a {
  color: #0085b2;
}
.breadcrumb ol li a:hover {
  color: #333333;
}
.mtpc-block-accordian-block-title {
  color: #0085B2;
}
a.text-btn {
  background-color: #00A3DA;
  color: #FFFFFF;
}
a.text-btn:hover {
  background-color: #0085b2;
  color: #FFFFFF;
}
button {
  background-color: #00A3DA;
  color: #FFFFFF;
}
button:hover {
  background-color: #0085b2;
  color: #FFFFFF;
}
input[type=button] {
  background-color: #00A3DA;
  color: #FFFFFF;
}
input[type=button]:hover {
  background-color: #0085b2;
  color: #FFFFFF;
}
table.tbl-border th {
  border: 1px solid #666;
}
table.tbl-border td {
  border: 1px solid #666;
}
table.tbl-line thead tr th {
  background-color: #00B2B2;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
}
table.tbl-line thead tr td {
  background-color: #EEEEEE;
}
table.tbl-line tbody tr td {
  border-bottom: 1px solid #DDEAEE;
  border-top: medium none;
}
table.tbl-line tbody tr td strong {
  color: #0085B2;
}
table.tbl-line tbody tr td b {
  color: #0085B2;
}
table.tbl-line tr:nth-of-type(1) td {
  border-top: 1px solid #DDEAEE;
}
table.tbl-bg thead tr th {
  background-color: #0085b2;
  border-bottom: 2px solid #FFFFFF;
  color: #FFFFFF;
}
table.tbl-bg tbody tr td {
  border-bottom: 2px solid #FFF;
}
table.tbl-bg tbody tr td b {
  color: #0085B2;
}
table.tbl-bg tbody tr td strong {
  color: #0085B2;
}
table.tbl-bg tbody tr:nth-of-type(odd) {
  background-color: #EEEEEE;
}
table.tbl-bg tbody tr:nth-of-type(even) {
  background-color: #DDEAEE;
}
.hkuad_footer {
  background-color: #1b4130;
  border-top: 5px solid #b6b6b6;
  color: #FFFFFF;
}
.hkuad_footer p {
  color: white;
}
.hkuad_footer a {
  color: #FFFFFF;
}
.hkuad_footer a:hover {
  color: #9a6c0b;
}
.hkuad_footer .footer_social a {
  color: #FFFFFF;
}
#back-to-top {
  background-color: #ededed;
  color: #003366;
}
nav.tabs ul.tabs.primary li a {
  color: #333333;
}
nav.tabs ul.tabs.primary li a.is-active {
  background-color: #1b4130;
}
nav.tabs ul.tabs.primary li a:hover {
  background-color: #113324;
  color: #FFFFFF;
}
.padding-controller {
  box-sizing: border-box;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .padding-controller {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.padding--10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .padding--10 {
    padding-top: calc(0.625rem / 2);
    padding-bottom: calc(0.625rem / 2);
  }
}
.padding--20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .padding--20 {
    padding-top: calc(1.25rem / 2);
    padding-bottom: calc(1.25rem / 2);
  }
}
.padding--30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .padding--30 {
    padding-top: calc(1.875rem / 2);
    padding-bottom: calc(1.875rem / 2);
  }
}
.padding--40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .padding--40 {
    padding-top: calc(2.5rem / 2);
    padding-bottom: calc(2.5rem / 2);
  }
}
.padding--50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media only screen and (max-width: 767px) {
  .padding--50 {
    padding-top: calc(3.125rem / 2);
    padding-bottom: calc(3.125rem / 2);
  }
}
.padding--60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
@media only screen and (max-width: 767px) {
  .padding--60 {
    padding-top: calc(3.75rem / 2);
    padding-bottom: calc(3.75rem / 2);
  }
}
.padding--70 {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}
@media only screen and (max-width: 767px) {
  .padding--70 {
    padding-top: calc(4.375rem / 2);
    padding-bottom: calc(4.375rem / 2);
  }
}
.padding--80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
  .padding--80 {
    padding-top: calc(5rem / 2);
    padding-bottom: calc(5rem / 2);
  }
}
.padding__top--10 {
  padding-top: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .padding__top--10 {
    padding-top: calc(0.625rem / 2);
  }
}
.padding__top--20 {
  padding-top: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .padding__top--20 {
    padding-top: calc(1.25rem / 2);
  }
}
.padding__top--30 {
  padding-top: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .padding__top--30 {
    padding-top: calc(1.875rem / 2);
  }
}
.padding__top--40 {
  padding-top: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .padding__top--40 {
    padding-top: calc(2.5rem / 2);
  }
}
.padding__top--50 {
  padding-top: 3.125rem;
}
@media only screen and (max-width: 767px) {
  .padding__top--50 {
    padding-top: calc(3.125rem / 2);
  }
}
.padding__top--60 {
  padding-top: 3.75rem;
}
@media only screen and (max-width: 767px) {
  .padding__top--60 {
    padding-top: calc(3.75rem / 2);
  }
}
.padding__top--70 {
  padding-top: 4.375rem;
}
@media only screen and (max-width: 767px) {
  .padding__top--70 {
    padding-top: calc(4.375rem / 2);
  }
}
.padding__top--80 {
  padding-top: 5rem;
}
@media only screen and (max-width: 767px) {
  .padding__top--80 {
    padding-top: calc(5rem / 2);
  }
}
.padding__bot--10 {
  padding-bottom: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .padding__bot--10 {
    padding-bottom: calc(0.625rem / 2);
  }
}
.padding__bot--20 {
  padding-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .padding__bot--20 {
    padding-bottom: calc(1.25rem / 2);
  }
}
.padding__bot--30 {
  padding-bottom: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .padding__bot--30 {
    padding-bottom: calc(1.875rem / 2);
  }
}
.padding__bot--40 {
  padding-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .padding__bot--40 {
    padding-bottom: calc(2.5rem / 2);
  }
}
.padding__bot--50 {
  padding-bottom: 3.125rem;
}
@media only screen and (max-width: 767px) {
  .padding__bot--50 {
    padding-bottom: calc(3.125rem / 2);
  }
}
.padding__bot--60 {
  padding-bottom: 3.75rem;
}
@media only screen and (max-width: 767px) {
  .padding__bot--60 {
    padding-bottom: calc(3.75rem / 2);
  }
}
.padding__bot--70 {
  padding-bottom: 4.375rem;
}
@media only screen and (max-width: 767px) {
  .padding__bot--70 {
    padding-bottom: calc(4.375rem / 2);
  }
}
.padding__bot--80 {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
  .padding__bot--80 {
    padding-bottom: calc(5rem / 2);
  }
}
.padding-override--none .padding-controller {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.padding-override--10 .padding-controller {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .padding-override--10 .padding-controller {
    padding-top: calc(0.625rem / 2);
    padding-bottom: calc(0.625rem / 2);
  }
}
.padding-override--20 .padding-controller {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .padding-override--20 .padding-controller {
    padding-top: calc(1.25rem / 2);
    padding-bottom: calc(1.25rem / 2);
  }
}
.padding-override--30 .padding-controller {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .padding-override--30 .padding-controller {
    padding-top: calc(1.875rem / 2);
    padding-bottom: calc(1.875rem / 2);
  }
}
.padding-override--40 .padding-controller {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .padding-override--40 .padding-controller {
    padding-top: calc(2.5rem / 2);
    padding-bottom: calc(2.5rem / 2);
  }
}
.padding-override--50 .padding-controller {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media only screen and (max-width: 767px) {
  .padding-override--50 .padding-controller {
    padding-top: calc(3.125rem / 2);
    padding-bottom: calc(3.125rem / 2);
  }
}
.padding-override--60 .padding-controller {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
@media only screen and (max-width: 767px) {
  .padding-override--60 .padding-controller {
    padding-top: calc(3.75rem / 2);
    padding-bottom: calc(3.75rem / 2);
  }
}
.padding-override--70 .padding-controller {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}
@media only screen and (max-width: 767px) {
  .padding-override--70 .padding-controller {
    padding-top: calc(4.375rem / 2);
    padding-bottom: calc(4.375rem / 2);
  }
}
.padding-override--80 .padding-controller {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
  .padding-override--80 .padding-controller {
    padding-top: calc(5rem / 2);
    padding-bottom: calc(5rem / 2);
  }
}
.padding-override__top--none .padding-controller {
  padding-top: 0;
}
.padding-override__top--10 .padding-controller {
  padding-top: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__top--10 .padding-controller {
    padding-top: calc(0.625rem / 2);
  }
}
.padding-override__top--20 .padding-controller {
  padding-top: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__top--20 .padding-controller {
    padding-top: calc(1.25rem / 2);
  }
}
.padding-override__top--30 .padding-controller {
  padding-top: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__top--30 .padding-controller {
    padding-top: calc(1.875rem / 2);
  }
}
.padding-override__top--40 .padding-controller {
  padding-top: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__top--40 .padding-controller {
    padding-top: calc(2.5rem / 2);
  }
}
.padding-override__top--50 .padding-controller {
  padding-top: 3.125rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__top--50 .padding-controller {
    padding-top: calc(3.125rem / 2);
  }
}
.padding-override__top--60 .padding-controller {
  padding-top: 3.75rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__top--60 .padding-controller {
    padding-top: calc(3.75rem / 2);
  }
}
.padding-override__top--70 .padding-controller {
  padding-top: 4.375rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__top--70 .padding-controller {
    padding-top: calc(4.375rem / 2);
  }
}
.padding-override__top--80 .padding-controller {
  padding-top: 5rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__top--80 .padding-controller {
    padding-top: calc(5rem / 2);
  }
}
.padding-override__bot--none .padding-controller {
  padding-bottom: 0;
}
.padding-override__bot--10 .padding-controller {
  padding-bottom: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__bot--10 .padding-controller {
    padding-bottom: calc(0.625rem / 2);
  }
}
.padding-override__bot--20 .padding-controller {
  padding-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__bot--20 .padding-controller {
    padding-bottom: calc(1.25rem / 2);
  }
}
.padding-override__bot--30 .padding-controller {
  padding-bottom: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__bot--30 .padding-controller {
    padding-bottom: calc(1.875rem / 2);
  }
}
.padding-override__bot--40 .padding-controller {
  padding-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__bot--40 .padding-controller {
    padding-bottom: calc(2.5rem / 2);
  }
}
.padding-override__bot--50 .padding-controller {
  padding-bottom: 3.125rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__bot--50 .padding-controller {
    padding-bottom: calc(3.125rem / 2);
  }
}
.padding-override__bot--60 .padding-controller {
  padding-bottom: 3.75rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__bot--60 .padding-controller {
    padding-bottom: calc(3.75rem / 2);
  }
}
.padding-override__bot--70 .padding-controller {
  padding-bottom: 4.375rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__bot--70 .padding-controller {
    padding-bottom: calc(4.375rem / 2);
  }
}
.padding-override__bot--80 .padding-controller {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
  .padding-override__bot--80 .padding-controller {
    padding-bottom: calc(5rem / 2);
  }
}
.xenyo-section-item:last-child .padding--10,
.xenyo-section-item:last-child .padding--20,
.xenyo-section-item:last-child .padding--30,
.xenyo-section-item:last-child .padding--40,
.xenyo-section-item:last-child .padding--50,
.xenyo-section-item:last-child .padding--60,
.xenyo-section-item:last-child .padding--70,
.xenyo-section-item:last-child .padding--80 {
  padding-bottom: 100px !important;
}
.xenyo-section-item:last-child .padding__bot--10,
.xenyo-section-item:last-child .padding__bot--20,
.xenyo-section-item:last-child .padding__bot--30,
.xenyo-section-item:last-child .padding__bot--40,
.xenyo-section-item:last-child .padding__bot--50,
.xenyo-section-item:last-child .padding__bot--60,
.xenyo-section-item:last-child .padding__bot--70,
.xenyo-section-item:last-child .padding__bot--80 {
  padding-bottom: 100px !important;
}
.xenyo-section-item:last-child .padding-controller {
  padding-bottom: 100px !important;
}
div#sliding-popup {
  background-color: #1b4130;
  padding: 1rem 1rem 0;
}
div#sliding-popup .eu-cookie-compliance-buttons .decline-button,
div#sliding-popup .eu-cookie-compliance-buttons .agree-button {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  margin-bottom: 10px;
  background-color: #c28b17;
  border: 1px solid #eab01f;
  border-width: 0 0 2px 0;
  background-image: none;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
}
div#sliding-popup .eu-cookie-compliance-buttons .decline-button:hover,
div#sliding-popup .eu-cookie-compliance-buttons .agree-button:hover {
  color: black;
  background-color: #eab01f;
  border-color: #c28b17;
}
div#sliding-popup .eu-cookie-compliance-buttons .decline-button + button,
div#sliding-popup .eu-cookie-compliance-buttons .agree-button + button {
  margin-left: 20px;
}
.lpm-01 {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .lpm-01 .image {
    display: none;
  }
}
.lpm-01 .image .parallax-image {
  position: relative;
  pointer-events: none;
  left: 0;
  right: 0;
  z-index: -1;
}
.lpm-01 .image .parallax-image:before {
  content: '';
  position: absolute;
  top: 0;
  border-top: 11px solid #eab01f;
  width: 100%;
  height: 11px;
  z-index: 1;
}
.lpm-01 .image .parallax-image.scroll-fixed {
  position: fixed;
}
.lpm-01 .image .parallax-image.scroll-fixed ~ .bg-hidden {
  position: relative;
}
.lpm-01 .image .bg-hidden {
  position: absolute;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.lpm-01 .image .animated-image {
  position: absolute;
  z-index: 1;
}
.lpm-01 .image .animated-image--circle_bottom {
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(-50%) translateY(50%);
  -moz-transform: translateX(-50%) translateY(50%);
  -ms-transform: translateX(-50%) translateY(50%);
  -o-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
  max-width: 520px;
  width: 40vw;
}
.lpm-01 .image .animated-image--circle_bottom img {
  -webkit-animation: rotate-anticlockwise 5s linear infinite;
  -moz-animation: rotate-anticlockwise 5s linear infinite;
  -o-animation: rotate-anticlockwise 5s linear infinite;
  animation: rotate-anticlockwise 5s linear infinite;
}
.lpm-01 .image .animated-image--circle_right {
  top: 0;
  right: 0;
  -webkit-transform: translateX(50%) translateY(-50%);
  -moz-transform: translateX(50%) translateY(-50%);
  -ms-transform: translateX(50%) translateY(-50%);
  -o-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
}
.lpm-01 .image .animated-image--circle_right img {
  -webkit-animation: rotate-clockwise 5s linear infinite;
  -moz-animation: rotate-clockwise 5s linear infinite;
  -o-animation: rotate-clockwise 5s linear infinite;
  animation: rotate-clockwise 5s linear infinite;
}
.lpm-01 .image .animated-image--circle_left {
  top: 0;
  left: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.lpm-01 .image .animated-image--circle_left img {
  -webkit-animation: rotate-clockwise 5s linear infinite;
  -moz-animation: rotate-clockwise 5s linear infinite;
  -o-animation: rotate-clockwise 5s linear infinite;
  animation: rotate-clockwise 5s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-01 .image .animated-image--circle_bottom {
    display: none;
  }
  .lpm-01 .image .animated-image--circle_left {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-01 .image .animated-image--circle_right {
    display: none;
  }
  .lpm-01 .image .animated-image--circle_left {
    display: none;
  }
}
.lpm-01 .mobile-image {
  display: none;
  max-height: 880px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .lpm-01 .mobile-image {
    display: block;
  }
}
.lpm-01 .mobile-image .animated-image {
  position: absolute;
}
.lpm-01 .mobile-image .animated-image--circle_bottom {
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(65%);
  -moz-transform: translateY(65%);
  -ms-transform: translateY(65%);
  -o-transform: translateY(65%);
  transform: translateY(65%);
  width: 65vw;
  max-width: 320px;
}
.lpm-01 .mobile-image .animated-image--circle_bottom img {
  -webkit-animation: rotate-anticlockwise 5s linear infinite;
  -moz-animation: rotate-anticlockwise 5s linear infinite;
  -o-animation: rotate-anticlockwise 5s linear infinite;
  animation: rotate-anticlockwise 5s linear infinite;
}
.lpm-01 .wrapper {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 600px;
  background-color: rgba(27, 65, 48, 0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1180px) and (max-width: 1366px), only screen and (min-width: 1000px) and (max-width: 1179px) {
  .lpm-01 .wrapper {
    max-width: 500px;
  }
}
.lpm-01 .wrapper .title-type-1 {
  color: #1b4130;
  text-align: left;
  margin-top: 180px;
  margin-bottom: 60px;
  right: 80px;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (min-width: 1180px) and (max-width: 1366px), only screen and (min-width: 1000px) and (max-width: 1179px) {
  .lpm-01 .wrapper .title-type-1 {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-01 .wrapper .title-type-1 {
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-01 .wrapper .title-type-1 {
    position: absolute;
    font-size: 34px;
    left: 1rem;
    margin-top: 0;
    top: auto;
    bottom: 0;
    max-width: calc(100% - 8rem);
  }
}
.lpm-01 .wrapper .title-type-1 .highlight {
  border-color: #eab01f;
}
.lpm-01 .wrapper .title-type-1 .highlight .highlight__row {
  border-color: #eab01f;
  background-color: #eab01f;
}
.lpm-01 .wrapper .title-type-1 .highlight .highlight__row.first {
  box-shadow: -1.5rem 0 0px 0px #eab01f;
}
.lpm-01 .wrapper .title-type-1 .highlight .highlight__row.first:before {
  content: '\A';
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-01 .wrapper .title-type-1 .highlight .highlight__row.first {
    box-shadow: -1rem 0 0px 0px #eab01f;
  }
  .lpm-01 .wrapper .title-type-1 .highlight .highlight__row.first.dot {
    box-shadow: -0.2rem 0 0px 0px #eab01f;
  }
  .lpm-01 .wrapper .title-type-1 .highlight .highlight__row.first.dot .dot-hide {
    color: #eab01f;
  }
}
.lpm-01 .wrapper .title-type-1 .highlight .highlight__row.last {
  box-shadow: 1.5rem 0 0px 0px #eab01f;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-01 .wrapper .title-type-1 .highlight .highlight__row.last {
    box-shadow: 1rem 0 0px 0px #eab01f;
  }
  .lpm-01 .wrapper .title-type-1 .highlight .highlight__row.last.dot {
    box-shadow: 0.2rem 0 0px 0px #eab01f;
  }
  .lpm-01 .wrapper .title-type-1 .highlight .highlight__row.last.dot .dot-hide {
    color: #eab01f;
  }
}
.lpm-01 .wrapper .title-type-1 .highlight .highlight__row.first.last {
  box-shadow: -1.5rem 0 0px 0px #eab01f, 1.5rem 0 0px 0px #eab01f;
}
.lpm-01 .wrapper .title-type-1 .highlight .highlight__row.first.last:after {
  content: '\A';
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-01 .wrapper .title-type-1 .highlight .highlight__row.first.last {
    box-shadow: -1rem 0 0px 0px #eab01f, 1rem 0 0px 0px #eab01f;
  }
}
.lpm-01 .wrapper .description {
  margin: 0.2rem 1.5rem;
  max-width: 378px;
}
.lpm-01 .wrapper .description p {
  font-size: 1.125rem;
  color: white;
  font-weight: 300;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-01 .wrapper {
    max-width: 350px;
  }
  .lpm-01 .wrapper .description {
    margin: 0.2rem 1.5rem;
    max-width: 378px;
    font-size: 0.8rem;
    line-height: 1.2;
  }
  .lpm-01 .wrapper .description p {
    font-size: 1rem;
    color: white;
    font-weight: 300;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-01 .wrapper {
    width: 100%;
    height: 150px;
    max-width: inherit;
    top: auto !important;
    right: auto;
    bottom: 0;
  }
  .lpm-01 .wrapper .description {
    display: none;
  }
}
.lpm-01 > .wrapper {
  display: none;
}
@media only screen and (max-width: 767px) {
  .lpm-01 > .wrapper {
    display: block;
  }
}
.lpm-1-1 {
  position: relative;
}
.lpm-1-1.have-desc {
  background-color: #f5f9f7;
  background-image: url('pattern_light_green.png');
}
.lpm-1-1 .image {
  position: relative;
  width: 100%;
  max-height: 475px;
  overflow: hidden;
  box-sizing: border-box;
}
.lpm-1-1 .no-image {
  min-height: 400px;
}
.lpm-1-1 .content-wrapper {
  position: relative;
  max-width: 1140px;
  margin: auto;
  z-index: 2;
  margin-top: -5.5rem;
}
@media screen and (max-width: 1210px) {
  .lpm-1-1 .content-wrapper {
    width: calc(100% - 4rem);
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-1-1 .content-wrapper {
    margin-top: -3rem;
  }
}
.lpm-1-1 .description {
  display: flex;
  margin-top: -3rem;
  padding-top: 5rem;
  padding-bottom: 2rem;
}
.lpm-1-1 .description .container p {
  padding: 0 2rem;
  font-size: 1.625rem;
}
@media only screen and (max-width: 767px) {
  .lpm-1-1 .description .container p {
    font-size: 16px;
  }
}
.lpm-1-1 .breadcrumb {
  display: inline-block;
}
.lpm-1-1 .breadcrumb ol {
  position: relative;
  background-color: #1b4130;
  padding: 0 2rem;
  min-height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.lpm-1-1 .breadcrumb ol li {
  color: white;
  font-weight: 300;
  font-size: 0.9375rem;
  padding-right: 1rem;
  white-space: nowrap;
}
.lpm-1-1 .breadcrumb ol li a {
  color: white;
  font-weight: 300;
  font-size: 0.9375rem;
}
.lpm-1-1 .breadcrumb .title {
  min-width: 125px;
  position: relative;
  display: inline-block;
  color: white;
  font-size: 3.2rem;
}
.lpm-1-1 .breadcrumb .title span,
.lpm-1-1 .breadcrumb .title h1 {
  background-color: #1b4130;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0 2rem 0.2rem;
  position: relative;
  font-size: 3.2rem;
  color: white;
  margin: 0;
  display: inline;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-1-1 .breadcrumb .title span,
  .lpm-1-1 .breadcrumb .title h1 {
    padding: 0 1rem 0.2rem;
  }
}
.lpm-1-1 .breadcrumb li::after {
  content: '';
  border: solid white;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4.5px;
  margin-left: 0.5rem;
  transform: rotate(-45deg);
}
.lpm-1-1 .breadcrumb li::before {
  display: none;
}
.lpm-1-1 .breadcrumb li:nth-last-child(2) {
  padding-right: 0;
}
.lpm-1-1 .breadcrumb li:nth-child(2) {
  pointer-events: none;
}
.lpm-1-1 .breadcrumb li:last-child {
  display: none;
}
@media only screen and (max-width: 767px) {
  .lpm-1-1 .breadcrumb ol {
    display: none;
  }
  .lpm-1-1 .breadcrumb .title {
    font-size: 24px;
  }
}
.lpm-1-1.style-2 .breadcrumb .title span {
  background-color: #eab01f;
  color: #1b4130;
}
.bg-image.full-width .lpm-1-1 {
  z-index: 0;
}
.bg-image.full-width .lpm-1-1:after {
  pointer-events: none;
  position: absolute;
  content: '';
  top: 185px;
  height: 900px;
  width: 100%;
  z-index: -1;
  background-color: #f8f8f8;
  background-image: url('pattern_grey_green.jpg');
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .bg-image.full-width .lpm-1-1:after {
    top: 135px;
    height: 750px;
  }
}
@media only screen and (max-width: 767px) {
  .bg-image.full-width .lpm-1-1:after {
    top: 50px;
    height: 600px;
  }
}
.custom-title-block {
  text-align: center;
  padding-top: 3rem;
}
@media only screen and (max-width: 767px) {
  .custom-title-block .title-type-1,
  .custom-title-block .title-type-2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .homepage .lpm-02 .wrapper .title-type-1,
  .homepage .lpm-02 .wrapper .title-type-2 {
    font-size: 34px;
  }
}
.lpm-02 {
  position: relative;
}
.lpm-02 .bg-image {
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.lpm-02 .bg-image img {
  visibility: hidden;
  height: 100%;
  width: auto;
}
.lpm-02 .wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.lpm-02 .wrapper .title-type-1,
.lpm-02 .wrapper .title-type-2 {
  font-size: 2.875rem;
  line-height: 1.5em;
  margin: 4rem auto;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-02 .wrapper .title-type-1,
  .lpm-02 .wrapper .title-type-2 {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-02 .wrapper .title-type-1,
  .lpm-02 .wrapper .title-type-2 {
    font-size: 24px;
  }
}
.lpm-02 .wrapper .description {
  padding: 0 1.5rem;
  margin: auto;
  max-width: 800px;
  line-height: 1.2em;
}
.lpm-02 .wrapper .description p {
  font-size: 1.125rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-02 .wrapper .description p {
    font-size: 1rem;
  }
}
.lpm-02 .wrapper .description .btn-arrow {
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .lpm-02 .wrapper .title-type-1 {
    max-width: 80%;
  }
}
.lpm-02 .without-img {
  padding: 1.75rem 0;
}
.lpm-02 .wrapper.with-img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.image-column .lpm-02 {
  top: 50%;
  transform: translate(0, -50%);
  padding: 1rem 0;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .image-column .lpm-02 {
    padding: 0 0 1.5rem;
  }
}
.image-column .lpm-02 .without-img {
  padding: 0;
}
.image-column .lpm-02 .wrapper .title-type-1,
.image-column .lpm-02 .wrapper .title-type-2 {
  line-height: 1;
  margin: 3rem auto;
}
.image-column .lpm-02 .wrapper .description {
  max-width: 600px;
}
.image-column .lpm-02 .wrapper .description p {
  line-height: 1.2;
  margin-bottom: 0;
  font-size: 1rem;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .image-column .lpm-02 .wrapper .title-type-1,
  .image-column .lpm-02 .wrapper .title-type-2 {
    font-size: 2.625rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .image-column .lpm-02 .wrapper .title-type-1,
  .image-column .lpm-02 .wrapper .title-type-2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .image-column .lpm-02 {
    position: relative;
    transform: unset;
    min-height: 300px;
    background-color: white;
    width: 90%;
    margin: auto;
    padding: 0 1rem;
  }
  .image-column .lpm-02 .wrapper {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: calc(100% - 2rem);
  }
  .image-column .lpm-02 .wrapper .description {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .image-column.image-right .xenyo-2col-section-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
}
.xenyo-2col-item--1 .lpm-02 .bg-image,
.xenyo-2col-item--2 .lpm-02 .bg-image {
  max-height: 500px;
}
.xenyo-2col-item--1 .lpm-02.fade-in,
.xenyo-2col-item--2 .lpm-02.fade-in {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0;
  position: relative;
  width: 100%;
  margin-left: -100%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .xenyo-2col-item--1 .lpm-02.fade-in,
  .xenyo-2col-item--2 .lpm-02.fade-in {
    width: calc(100% - 2rem);
  }
}
.xenyo-2col-item--1 .lpm-02.fade-in.active,
.xenyo-2col-item--2 .lpm-02.fade-in.active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 1;
  margin-left: 0;
  z-index: 0;
}
.xenyo-2col-item--1 .homepage .lpm-02 .bg-image,
.xenyo-2col-item--2 .homepage .lpm-02 .bg-image {
  max-height: unset;
}
.xenyo-2col-item--2 .lpm-02.fade-in {
  margin-left: 100%;
}
.lpm-04 {
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .lpm-04 .title-type-1,
  .lpm-04 .title-type-2 {
    font-size: 24px;
  }
}
.lpm-04 .content-wrapper {
  flex-direction: column;
  margin-bottom: 2rem;
  text-align: center;
}
.lpm-04 .content-wrapper .description {
  font-size: 1.125rem;
  max-width: 800px;
  text-align: left;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .lpm-04 .content-wrapper .description {
    font-size: 16px;
  }
}
.lpm-04 .item-container {
  display: flex;
  align-items: stretch;
}
.lpm-04 .item-container > div:not(:first-child) {
  margin-left: 1rem;
}
.lpm-04 .item-container .wrapper {
  padding: 0 10px;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
}
.lpm-04 .item-container .wrapper .image {
  margin: 0 auto 15px;
  min-height: 151px;
  display: flex;
  align-items: center;
}
.lpm-04 .item-container .wrapper .image.svg-color--64A003 {
  background-color: #64a003;
}
.lpm-04 .item-container .wrapper .image.svg-color--FD6A02 {
  background-color: #FD6A02;
}
.lpm-04 .item-container .wrapper .image.svg-color--1B4130 {
  background-color: #1b4130;
}
.lpm-04 .item-container .wrapper .image.svg-color--C28B17 {
  background-color: #c28b17;
}
.lpm-04 .item-container .wrapper .image.svg-color--FFFFFF {
  background-color: white;
}
@media only screen and (max-width: 767px) {
  .lpm-04 .item-container .wrapper .image {
    min-height: 0;
  }
}
.lpm-04 .item-container .wrapper .ranking-title {
  font-size: 3.75rem;
  color: #c28b17;
  line-height: 6.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-04 .item-container .wrapper .ranking-title {
    font-size: 3rem;
    line-height: 6rem;
    margin-bottom: -0.8rem;
  }
}
.lpm-04 .item-container .wrapper .ranking-title > span.number {
  font-size: 5.375rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (min-width: 1000px) and (max-width: 1179px) {
  .lpm-04 .item-container .wrapper .ranking-title > span.number {
    font-size: 3.5rem;
  }
}
.lpm-04 .item-container .wrapper .ranking-title span > span {
  vertical-align: super;
  font-size: 0.5em;
  line-height: 0;
}
.lpm-04 .item-container .wrapper .ranking-sub-title {
  font-size: 1.375rem;
  font-weight: 500;
  color: #000;
  line-height: 1.2em;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-04 .item-container .wrapper .ranking-sub-title {
    font-size: 1.125rem;
    padding-bottom: 0.4rem;
  }
}
.lpm-04 .item-container .wrapper .ranking-description p {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.5rem;
}
.lpm-04 .item-container .wrapper .ranking-description.text-white p {
  color: white;
}
.lpm-04 .item-container .wrapper .ranking-description h6 {
  font-weight: 400;
}
.lpm-04 .item-container .with-link {
  padding-top: 1rem;
}
.lpm-04 .item-container .with-link .wrapper {
  padding-top: 0;
  height: 100%;
}
.lpm-04 .item-container .wrapper.num-of-items-1,
.lpm-04 .item-container .with-link.num-of-items-1 {
  width: 100%;
}
.lpm-04 .item-container .wrapper.num-of-items-2,
.lpm-04 .item-container .with-link.num-of-items-2 {
  width: calc(100%/2);
}
.lpm-04 .item-container .wrapper.num-of-items-3,
.lpm-04 .item-container .with-link.num-of-items-3 {
  width: calc(100%/3);
}
.lpm-04 .item-container .wrapper.num-of-items-4,
.lpm-04 .item-container .with-link.num-of-items-4 {
  width: calc(100%/4);
}
@media only screen and (max-width: 767px) {
  .lpm-04 .item-container .wrapper.num-of-items-1,
  .lpm-04 .item-container .with-link.num-of-items-1,
  .lpm-04 .item-container .wrapper.num-of-items-2,
  .lpm-04 .item-container .with-link.num-of-items-2,
  .lpm-04 .item-container .wrapper.num-of-items-3,
  .lpm-04 .item-container .with-link.num-of-items-3,
  .lpm-04 .item-container .wrapper.num-of-items-4,
  .lpm-04 .item-container .with-link.num-of-items-4 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-04 .item-container {
    flex-direction: column;
    justify-content: center;
  }
  .lpm-04 .item-container > div:not(:first-child) {
    margin-left: 0rem;
  }
  .lpm-04 .item-container .wrapper {
    padding: 1rem 0 0 0;
    margin-bottom: 1rem;
  }
  .lpm-04 .item-container .wrapper .ranking-title {
    font-size: 72px;
  }
  .lpm-04 .item-container .wrapper .ranking-sub-title {
    font-size: 18px;
  }
  .lpm-04 .item-container .wrapper .ranking-description p {
    font-size: 1rem;
  }
  .lpm-04 .item-container .with-link {
    margin-bottom: 1rem;
  }
  .lpm-04 .item-container .with-link .wrapper {
    margin-bottom: 0rem;
  }
}
.lpm-04.home-page {
  margin: 5rem auto;
}
.lpm-04.home-page .container {
  max-width: 1440px;
}
.lpm-04.home-page .item-container {
  overflow: hidden;
}
.lpm-04.home-page .item-container .wrapper {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  opacity: 0;
  top: 500px;
  padding: 0 1rem;
}
.lpm-04.home-page .item-container .wrapper .image {
  flex: 0 0 30%;
  margin: 0 20px 0 0;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-04.home-page .item-container .wrapper .image {
    flex: 0 0 40%;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-04.home-page .item-container .wrapper .image {
    max-width: 150px;
    flex: 0 0 25%;
  }
}
.lpm-04.home-page .item-container .wrapper .ranking-title {
  line-height: 5.5rem;
}
.lpm-04.home-page .item-container .wrapper .ranking-sub-title {
  font-size: 1.25rem;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-04.home-page .item-container .wrapper .ranking-sub-title {
    font-size: 1rem;
  }
}
.lpm-04.home-page .item-container .wrapper .ranking-description p {
  font-size: 0.8125rem;
}
.lpm-04.home-page .item-container .wrapper .ranking-item-wrapper {
  flex: 0 0 calc(70% - 20px);
  text-align: left;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-04.home-page .item-container .wrapper .ranking-item-wrapper {
    flex: 0 0 calc(60% - 20px);
  }
}
@media only screen and (max-width: 767px) {
  .lpm-04.home-page .item-container .wrapper .ranking-item-wrapper {
    flex: 0 0 calc(50% - 20px);
  }
}
.lpm-04.home-page .item-container .wrapper .ranking-item-wrapper p {
  text-align: left;
}
.lpm-04.home-page .item-container .wrapper .ranking-item-wrapper.no-image {
  flex: 0 0 100%;
}
.lpm-04.home-page .item-container .wrapper.active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  top: 0;
  opacity: 1;
}
.lpm-04.home-page .item-container .wrapper.active:nth-child(2) {
  transition-delay: 0.3s;
}
.lpm-04.home-page .item-container .wrapper.active:nth-child(3) {
  transition-delay: 0.6s;
}
.lpm-04.home-page .item-container .wrapper.active:nth-child(4) {
  transition-delay: 0.9s;
}
.lpm-04.home-page .item-container > div:not(:first-child) {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .lpm-04.home-page .item-container {
    overflow: unset;
  }
  .lpm-04.home-page .item-container .wrapper {
    -webkit-transition: unset;
    -moz-transition: unset;
    -o-transition: unset;
    transition: unset;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 1;
    top: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-04.home-page .item-container .with-link,
  .lpm-04.home-page .item-container .wrapper {
    -webkit-transition: unset !important;
    -moz-transition: unset !important;
    -o-transition: unset !important;
    transition: unset !important;
  }
}
.lpm-05 {
  max-width: 1140px;
  margin-bottom: 80px;
  padding: 0;
}
.lpm-05 .header-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 95px;
  z-index: 1;
  background-color: #fff;
  height: 3.5rem;
}
.lpm-05 .header-wrapper .title {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 310px;
  -ms-flex: 0 0 310px;
  flex: 0 0 310px;
  font-size: 2.125rem;
  line-height: 1em;
  width: 100%;
  color: #000;
}
.lpm-05 .header-wrapper .news-types-wrapper {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lpm-05 .header-wrapper .news-types-wrapper .news-types-dropdown {
  display: none;
}
.lpm-05 .header-wrapper .news-types-wrapper .news-types {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  font-size: 1.125rem;
}
.lpm-05 .header-wrapper .news-types-wrapper .news-types .news-type-button {
  cursor: pointer;
  line-height: 1em;
  color: #777777;
  padding: 0 25px;
  border-right: 1px solid #b6b6b6;
}
.lpm-05 .header-wrapper .news-types-wrapper .news-types .news-type-button.active {
  color: #c28b17;
}
.lpm-05 .header-wrapper .news-types-wrapper .news-types .news-type-button:last-child {
  border-right: none;
  padding-right: 0;
}
.lpm-05 .header-wrapper .news-types-wrapper .news-types .news-type-button:hover,
.lpm-05 .header-wrapper .news-types-wrapper .news-types .news-type-button:focus {
  color: #c28b17;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-05 .header-wrapper .news-types-wrapper .news-types-dropdown {
    position: relative;
    background: #1b4130;
    color: #ffffff;
    box-sizing: border-box;
    display: block;
    padding: 8px 40px 8px 20px;
    width: 100%;
    font-size: 0.875rem;
    border-radius: 5px;
  }
  .lpm-05 .header-wrapper .news-types-wrapper .news-types-dropdown:after {
    content: '\f0dd';
    position: absolute;
    right: 0;
    font-weight: 900;
    margin-right: 10px;
  }
  .lpm-05 .header-wrapper .news-types-wrapper .news-types-dropdown.active:after {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    content: '\f0de';
  }
  .lpm-05 .header-wrapper .news-types-wrapper .news-types-dropdown.active ~ .news-types {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    position: relative;
    visibility: visible;
    overflow: visible;
    max-height: 300px;
    z-index: 1;
  }
  .lpm-05 .header-wrapper .news-types-wrapper .news-types-dropdown.active ~ .news-types .news-type-button {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
  }
  .lpm-05 .header-wrapper .news-types-wrapper .news-types {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.29);
    overflow: hidden;
    visibility: hidden;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 0;
    border-radius: 5px;
  }
  .lpm-05 .header-wrapper .news-types-wrapper .news-types .news-type-button {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    border-right: 0;
    padding: 15px;
    font-size: 0.875rem;
  }
  .lpm-05 .header-wrapper .news-types-wrapper .news-types .news-type-button:not(:last-child) {
    border-bottom: 1px solid #E5E5E6;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-05 .header-wrapper {
    top: 87px;
  }
  .lpm-05 .header-wrapper .title {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    font-size: 1.875rem;
    line-height: 2em;
  }
  .lpm-05 .header-wrapper .news-types-wrapper {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    max-width: 300px;
    margin-top: 0.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-05 .header-wrapper {
    top: 81px;
    display: block;
    padding: 11.5px 0px 11.5px 0px;
    height: 100%;
  }
  .lpm-05 .header-wrapper .news-types-wrapper .news-types-dropdown {
    font-size: 1rem;
  }
  .lpm-05 .header-wrapper .title {
    font-size: 1.571rem;
    line-height: 2em;
  }
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .view-filters,
.lpm-05 .view-hkuad-home-page-whats-new .view-filters {
  display: none;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .pager,
.lpm-05 .view-hkuad-home-page-whats-new .pager {
  display: none;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 25px;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main {
  position: -webkit-sticky;
  position: sticky;
  top: 95px;
  max-width: 700px;
  height: 100%;
}
@media only screen and (min-width: 1000px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 520px;
    -ms-flex: 0 1 520px;
    flex: 0 1 520px;
  }
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .whats-new-item,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .whats-new-item {
  max-height: calc(100vh - 157px);
  position: relative;
  overflow: hidden;
  border-bottom: 5px solid #eab01f;
}
@media only screen and (max-width: 767px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .whats-new-item,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .whats-new-item {
    max-height: 100%;
  }
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .image:before,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .image:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 50%, transparent 50%, transparent 100%);
  pointer-events: none;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .image-square,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .image-square {
  display: none;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .category,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .category {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  color: #FFE7AC;
  font-weight: 700;
  padding-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .category,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .category {
    font-size: 0.8125rem;
  }
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .category span,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .category span {
  position: relative;
  font-size: 2.5rem;
  line-height: 1rem;
  height: 1.2rem;
  padding-right: 5px;
}
@media only screen and (max-width: 767px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .category span,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .category span {
    padding-right: 6px;
    font-weight: 100;
  }
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .title,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .title {
  color: #ffffff;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 2.625rem;
  line-height: 1.14285714em;
  padding-bottom: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .title,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .title {
    font-size: 1.875rem;
  }
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .description p,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .description p {
  color: #ffffff;
  line-height: 1.2em;
  font-weight: 300;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .description p,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .description p {
    font-size: 0.875rem;
  }
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .views-row,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .views-row {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper {
  padding: 0 0 40px 18%;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .image,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .image {
  display: none;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .image-square,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .image-square {
  position: relative;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .image-square:before,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .image-square:before {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  content: '';
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #eab01f;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  width: calc(100% - 22px);
  margin-top: -30px;
  margin-left: 22px;
  padding: 15px 0 0 15px;
  box-sizing: border-box;
  background-color: #ffffff;
  top: 0px;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .category,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .category {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #c28b17;
  font-weight: 700;
  padding-bottom: 0.5rem;
  font-size: 1.125rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .category,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .category {
    font-size: 0.8125rem;
  }
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .category span,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .category span {
  font-size: 2.5rem;
  line-height: 1rem;
  height: 1.2rem;
  padding-right: 5px;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .title,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .title {
  color: #000;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.625rem;
  line-height: 1.88888889rem;
  padding-bottom: 1.44444444rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .title,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .title {
    font-size: 1.125rem;
  }
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .description p,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .description p {
  color: #000;
  line-height: 1.2em;
  font-weight: 300;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .description p,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item .content-wrapper .description p {
    font-size: 0.875rem;
  }
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item:hover .image-square::before,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item:hover .image-square::before {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.7;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item:hover .content-wrapper,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .whats-new-wrapper .whats-new-item:hover .content-wrapper {
  top: -20px;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-arrow,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-arrow {
  bottom: -1.5rem;
  width: 15px;
  top: auto;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-arrow:before,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-arrow:before {
  color: #717171;
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  font-size: 2rem;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-arrow.slick-prev::before,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-arrow.slick-prev::before {
  content: "\f053";
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-arrow.slick-next::before,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-arrow.slick-next::before {
  content: "\f054";
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-next,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-next {
  right: 0;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-prev,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side.slick-slider .slick-prev {
  left: auto;
  right: 3rem;
}
.lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .whats-new-wrapper,
.lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .whats-new-wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main {
    top: 87px;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .views-row .whats-new-wrapper,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .views-row .whats-new-wrapper {
    padding: 0 0 20px 13%;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0 30px;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main {
    top: 81px;
    position: static;
    padding-bottom: 20px;
    max-width: 100%;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .category,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .category {
    font-size: 12px;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .title,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .title {
    font-size: 26px;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .description p,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__main .whats-new-wrapper .content-wrapper .description p {
    font-size: 1rem;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .views-row,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .views-row {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .views-row .whats-new-wrapper,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .views-row .whats-new-wrapper {
    padding: 0;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .views-row .whats-new-wrapper .whats-new-item .content-wrapper .category,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .views-row .whats-new-wrapper .whats-new-item .content-wrapper .category {
    font-size: 12px;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .views-row .whats-new-wrapper .whats-new-item .content-wrapper .title,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .views-row .whats-new-wrapper .whats-new-item .content-wrapper .title {
    font-size: 20px;
  }
  .lpm-05 .view-hkuad-home-page-whats-news-revision .lpm05-views-wrapper .lpm05-views-block__side .views-row .whats-new-wrapper .whats-new-item .content-wrapper .description,
  .lpm-05 .view-hkuad-home-page-whats-new .lpm05-views-wrapper .lpm05-views-block__side .views-row .whats-new-wrapper .whats-new-item .content-wrapper .description {
    display: none;
  }
}
.lpm-06 {
  background-color: #1b4130;
  color: white;
  padding-top: 1rem;
  margin-bottom: 11rem;
}
.lpm-06 .container {
  position: relative;
  top: 2.5rem;
}
.lpm-06 .container .description {
  width: 75%;
  margin: 1rem 0;
}
.lpm-06 .container .description h2 {
  color: white;
}
.lpm-06 .container .description p {
  color: white;
  line-height: 1.2;
  font-weight: 300;
  font-size: 1.125rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-06 .container .description p {
    font-size: 1rem;
  }
}
.lpm-06 .container .options {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}
.lpm-06 .container .options .views-element-container {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 765px;
  -ms-flex: 0 1 765px;
  flex: 0 1 765px;
}
.lpm-06 .container .options .views-element-container.full-width {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
.lpm-06 .container .options .views-element-container.full-width ~ .view-discipline {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 0px;
  -ms-flex: 0 0 0px;
  flex: 0 0 0px;
}
.lpm-06 .container .options .view-discipline {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  white-space: nowrap;
  font-size: 1.125rem;
  margin-left: 1rem;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.lpm-06 .container .options .view-discipline span {
  color: #eab01f;
  margin-left: 1rem;
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-06 .container .options .view-discipline span {
    font-size: 0.875rem;
  }
}
.lpm-06 .container .options .view-discipline span::before {
  content: "\f518";
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 800;
  padding-right: 10px;
}
.lpm-06 .container .highlight-title {
  font-size: 1.125rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-06 .container .highlight-title {
    position: relative;
    top: 2rem;
    font-size: 1rem;
  }
}
.lpm-06 .views-element-container .view-home-page-programme-search .view-filters label {
  display: none;
}
.lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-text {
  position: relative;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 2.125rem;
  color: black;
  padding: 1.2rem 1.5rem;
  border-radius: 0;
  background-image: none;
}
.lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-text::placeholder {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  color: #595959;
}
.lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-text:focus {
  outline: none;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-text {
    font-size: 1.5rem;
    line-height: 1.5em;
    padding: 0.5rem 1.5rem;
  }
}
.lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-type-search-api-autocomplete {
  margin: 0;
}
.lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-type-search-api-autocomplete.search:before {
  content: "\f002";
  display: block;
  position: absolute;
  color: #c28b17;
  top: 50%;
  transform: translate(0, -43%);
  z-index: 4;
  font-size: 2rem;
  right: 2rem;
  pointer-events: none;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-type-search-api-autocomplete.search:before {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-type-search-api-autocomplete.search:before {
    font-size: 1.5rem;
    right: 1rem;
  }
}
.lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-type-search-api-autocomplete.cancel:before {
  cursor: pointer;
  content: "\f00d";
  display: block;
  position: absolute;
  color: #717171;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 4;
  font-size: 1.5rem;
  right: 2rem;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-type-search-api-autocomplete.cancel:before {
    right: 1rem;
  }
}
.lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-actions input {
  display: none;
}
.lpm-06 .views-element-container .view-home-page-programme-search .view-empty {
  display: none;
}
.lpm-06 .program-slider-wrapper {
  position: relative;
  top: 3rem;
  width: calc(1140px + (100% - 1140px)/2);
  margin-left: auto;
  margin-right: 0;
}
.lpm-06 .program-slider-wrapper .program-item {
  position: relative;
  height: 100%;
  background-color: white;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.lpm-06 .program-slider-wrapper .program-item .wrapper {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  top: 0;
  padding: 1.5rem;
}
.lpm-06 .program-slider-wrapper .program-item .wrapper .faculty,
.lpm-06 .program-slider-wrapper .program-item .wrapper .program-name,
.lpm-06 .program-slider-wrapper .program-item .wrapper .degree-type {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.lpm-06 .program-slider-wrapper .program-item .wrapper .faculty {
  color: #595959;
  font-size: 1.25rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-06 .program-slider-wrapper .program-item .wrapper .faculty {
    font-size: 0.875rem;
    padding-bottom: 0.5rem;
  }
}
.lpm-06 .program-slider-wrapper .program-item .wrapper .program-name {
  color: black;
  font-size: 1.5rem;
  line-height: 1.3em;
  padding-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-06 .program-slider-wrapper .program-item .wrapper .program-name {
    font-size: 1.375rem;
  }
}
.lpm-06 .program-slider-wrapper .program-item .wrapper .degree-type {
  font-size: 1rem;
  color: #c28b17;
  padding: 0 0.5rem;
  border: 1px solid #c28b17;
  display: inline-block;
  font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-06 .program-slider-wrapper .program-item .wrapper .degree-type {
    font-size: 0.875rem;
  }
}
.lpm-06 .program-slider-wrapper .program-item .image {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
}
.lpm-06 .program-slider-wrapper .program-item .image:after {
  content: '';
  position: absolute;
  top: 0;
  border-top: 5px solid #eab01f;
  width: 100%;
  height: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-06 .program-slider-wrapper .program-item .image:after {
    width: calc(100% + 1px);
    border-top: 3px solid #eab01f;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-06 .program-slider-wrapper .program-item .image:after {
    width: calc(100% + 1px);
    border-top: 2px solid #eab01f;
  }
}
.lpm-06 .program-slider-wrapper .program-item:hover .wrapper .faculty,
.lpm-06 .program-slider-wrapper .program-item:hover .wrapper .program-name,
.lpm-06 .program-slider-wrapper .program-item:hover .wrapper .degree-type {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: white;
  border-color: white;
}
.lpm-06 .program-slider-wrapper .program-item:hover .image {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
}
.lpm-06 .program-slider-wrapper .program-item:hover .image img {
  position: relative;
}
@media screen and (max-width: 1210px) {
  .lpm-06 .program-slider-wrapper {
    width: 100%;
    padding: 0 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-06 .program-slider-wrapper {
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-06 {
    margin-bottom: 9rem;
    background-image: unset !important;
  }
  .lpm-06 .container {
    top: 0;
  }
  .lpm-06 .container .description {
    width: 100%;
  }
  .lpm-06 .container .options {
    margin: 1rem 0 0 0;
  }
  .lpm-06 .container .options .views-element-container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    width: 100%;
  }
  .lpm-06 .program-slider-wrapper .program-item .wrapper {
    position: absolute;
  }
  .lpm-06 .program-slider-wrapper .program-item .wrapper .faculty,
  .lpm-06 .program-slider-wrapper .program-item .wrapper .program-name,
  .lpm-06 .program-slider-wrapper .program-item .wrapper .degree-type {
    color: white;
    border-color: white;
  }
  .lpm-06 .program-slider-wrapper .program-item .image {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    border-top: 3px solid #eab01f;
    display: block;
  }
  .lpm-06 .program-slider-wrapper .program-item .image img {
    filter: brightness(0.5);
    position: relative;
    top: -1px;
    height: 280px;
    object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-06 {
    margin-bottom: 10rem;
  }
  .lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-text {
    font-size: 18px;
    padding: 1rem 4rem 1rem 1rem;
  }
  .lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-text::placeholder {
    font-size: 18px;
  }
  .lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-type-search-api-autocomplete.search:before {
    font-size: 1.2rem;
  }
  .lpm-06 .views-element-container .view-home-page-programme-search .view-filters .form-type-search-api-autocomplete.cancel:before {
    font-size: 1.2rem;
  }
  .lpm-06 .container .options {
    flex-direction: column;
  }
  .lpm-06 .container .options .view-discipline {
    margin-top: 1rem;
    font-size: 12px;
  }
  .lpm-06 .container .options .view-discipline span::before {
    font-size: 1rem;
  }
  .lpm-06 .container .highlight-title {
    font-size: 18px;
    position: relative;
    top: 2rem;
  }
  .lpm-06 .program-slider-wrapper .program-item {
    border-right: 0;
  }
  .lpm-06 .program-slider-wrapper .program-item .wrapper .faculty {
    font-size: 14px;
  }
  .lpm-06 .program-slider-wrapper .program-item .wrapper .program-name {
    font-size: 24px;
  }
  .lpm-06 .program-slider-wrapper .program-item .wrapper .degree-type {
    font-size: 12px;
  }
}
#ui-id-1 {
  border: none;
}
.search-api-autocomplete-suggestion {
  background-color: #f8f8f8;
  border: none;
}
.search-api-autocomplete-suggestion span {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
}
.search-api-autocomplete-suggestion span::after {
  content: "\f061";
  display: inline;
  padding-left: 5px;
  color: #ACACAC;
}
.search-api-autocomplete-search {
  max-height: 320px;
  overflow: auto;
}
.search-result-item {
  background-color: #f8f8f8;
  padding: 3px 5px;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
}
.search-result-item::after {
  content: "\f061";
  display: inline;
  padding-left: 5px;
  color: #ACACAC;
}
.search-result-item:hover {
  color: white;
  background-color: #0072b9;
}
.undergrad-course-global .lpm-06 {
  margin-bottom: 0;
  background-color: unset;
  background-image: unset !important;
  padding-top: 0;
}
.undergrad-course-global .lpm-06 .highlight-title,
.undergrad-course-global .lpm-06 .highlighted-program,
.undergrad-course-global .lpm-06 .options .view-discipline {
  display: none;
}
.undergrad-course-global .lpm-06 .container {
  top: 0;
}
.undergrad-course-global .lpm-06 .container .options .views-element-container {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.undergrad-course-global .search-api-autocomplete-search {
  -webkit-box-shadow: 0px 7px 15px -6px #000000;
  box-shadow: 0px 7px 15px -6px #000000;
}
.undergrad-course-global .search-api-autocomplete-search .search-result-item,
.undergrad-course-global .search-api-autocomplete-search .search-api-autocomplete-suggestion {
  background-color: white;
}
.undergrad-course-global .search-api-autocomplete-search .search-result-item:hover,
.undergrad-course-global .search-api-autocomplete-search .search-api-autocomplete-suggestion:hover {
  color: white;
  background-color: #0072b9;
}
.lpm-08 {
  position: relative;
}
.lpm-08 h1,
.lpm-08 h2 {
  font-size: 2.375rem;
}
@media only screen and (max-width: 767px) {
  .lpm-08 h1,
  .lpm-08 h2 {
    font-size: 1.571rem;
  }
}
.lpm-08 .student-sharing-slider {
  width: calc(1140px + (100% - 1140px)/2);
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1310px) {
  .lpm-08 .student-sharing-slider {
    width: 100%;
    padding: 0 1rem;
  }
}
.lpm-08 .student-sharing-slider .student-sharing-item {
  position: relative;
  display: flex;
  padding: 0;
}
.lpm-08 .student-sharing-slider .student-sharing-item:hover .student-image {
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}
.lpm-08 .student-sharing-slider .student-sharing-item:hover .content-wrapper .student-quote {
  left: -40px;
}
.lpm-08 .student-sharing-slider .student-sharing-item:focus {
  outline: unset;
}
.lpm-08 .student-sharing-slider .student-sharing-item .student-image {
  width: 40%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.lpm-08 .student-sharing-slider .student-sharing-item .student-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper {
  position: relative;
  width: 60%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote {
  position: relative;
  left: -80px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title {
  max-width: 500px;
  text-align: left;
  font-size: 2.625rem;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title .title-type-1 > span:not(.highlight):before {
  bottom: -26px;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title .title-type-1 > span:not(.highlight):after {
  right: -300px;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info,
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-description {
  max-width: 540px;
  margin-left: 3rem;
  margin-top: 1.5rem;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-description {
  padding-right: 1rem;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-description p {
  line-height: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 3;
  -moz-box-orient: vertical;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info {
  margin-top: 1rem;
  border: 5px solid #eab01f;
  border-width: 0 0 0 5px;
  padding-left: 10px;
  line-height: 0.85rem;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info .title {
  color: #1b4130;
  font-size: 1.375rem;
  line-height: 1em;
  margin-bottom: 5px;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info .social-media {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 20px;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info .social-media .description {
  font-size: 14px;
  color: #626262;
  margin-right: 10px;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info .info {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  color: #1b4130;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info .student-program {
  font-size: 1rem;
  margin-top: 8px;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .slide-footer {
  position: relative;
  margin-top: auto;
  padding-top: 2rem;
  width: 100%;
  max-width: 80%;
}
@media only screen and (max-width: 767px) {
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .slide-footer {
    max-width: 100%;
  }
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container {
  position: relative;
  max-width: 540px;
  margin-left: 3rem;
  margin-top: auto;
  padding-top: 2rem;
}
@media only screen and (max-width: 767px) {
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container {
    margin: 0;
    max-width: 100%;
    padding-top: 0;
  }
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number {
  font-family: 'Sanchez Regular';
  width: 82px;
  height: 50px;
  bottom: 0px;
  left: 50px;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number .current {
  position: relative;
  font-size: 2rem;
  line-height: 1.5rem;
  color: black;
  top: 0;
  left: 0;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number .total {
  position: absolute;
  bottom: 0;
  left: 50px;
  text-align: right;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #919191;
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number .total::before {
  position: absolute;
  top: -30px;
  left: -10px;
  content: "";
  display: inline-flex;
  height: 3.5rem;
  transform: rotate(45deg);
  border: 1px solid #919191;
  border-width: 0 0 0 1px;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (min-width: 1000px) and (max-width: 1179px) {
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number .current {
    font-size: 1.3rem;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number .total {
    font-size: 1rem;
    bottom: 0;
    left: 30px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number .total::before {
    left: -5px;
    height: 3rem;
    top: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number {
    position: relative;
    left: auto;
    right: 10%;
    margin-left: auto;
    margin-right: 1rem;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number .current {
    font-size: 21px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number .total {
    font-size: 16px;
    top: 20px;
    left: 30px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .number .total::before {
    left: -5px;
    height: 3rem;
    top: -20px;
  }
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .slick-prev {
  right: 80px;
}
@media only screen and (max-width: 767px) {
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .slick-prev {
    right: 40px;
  }
}
.lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .slick-next {
  right: 30px;
}
@media only screen and (max-width: 767px) {
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .button-container .slick-next {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-08 .student-sharing-slider .student-sharing-item .student-image {
    width: 50%;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper {
    width: 50%;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote {
    width: 125%;
    left: -100px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title {
    font-size: 2rem;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title .title-type-1 > span:not(.highlight):before {
    bottom: -15px;
    left: -20px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title .title-type-1 > span:not(.highlight):after {
    top: -15px;
    right: -110px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info,
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-description {
    margin-left: 1.5rem;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-description {
    top: -20px;
    position: relative;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-description p {
    -webkit-line-clamp: 2;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info {
    margin-top: 1rem;
    top: -20px;
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-08 .student-sharing-slider .student-sharing-item {
    flex-direction: column;
    padding: 0 1rem;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .student-image {
    width: 100%;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper {
    width: 100%;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote {
    left: 0px;
    top: -50px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title {
    max-width: 270px;
    font-size: 20px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title .title-type-1 > span:not(.highlight) {
    padding: 0.2rem 1rem;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title .title-type-1 > span:not(.highlight):before {
    bottom: -15px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title .title-type-1 > span:not(.highlight):after {
    right: -125px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title .highlight:before {
    left: -28px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-quote .title .highlight span {
    padding: 0.5rem 0;
    line-height: 3rem;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info,
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-description {
    max-width: unset;
    margin-left: 0;
    position: relative;
    top: -50px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info {
    margin: 1rem 0;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info .title {
    font-size: 1rem;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-info .student-program {
    font-size: 12px;
    margin-top: 2px;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-description {
    margin-top: 0;
  }
  .lpm-08 .student-sharing-slider .student-sharing-item .content-wrapper .student-description p {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.lpm-10 {
  position: relative;
  display: flex;
}
.lpm-10 .image {
  position: absolute;
  width: 50%;
  z-index: 1;
}
.lpm-10 .content-wrapper {
  position: relative;
  height: 100%;
  width: 55%;
  z-index: 0;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 1.5rem;
}
.lpm-10 .content-wrapper .title {
  font-size: 2rem;
  line-height: 1.2;
}
.lpm-10 .content-wrapper .sub-title {
  position: relative;
  color: #c28b17;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2;
  padding-top: 0.5rem;
}
.lpm-10 .content-wrapper .sub-title::before {
  position: absolute;
  content: "";
  width: 1.2rem;
  display: block;
  border-top: 2px solid #c28b17;
  top: -0.1rem;
}
.lpm-10 .content-wrapper .description {
  padding-top: 1rem;
  line-height: 1.2;
}
.lpm-10 .content-wrapper .description.no-padding {
  padding-top: 0;
}
.lpm-10 .content-wrapper .button-link {
  border-top: 1px solid #b6b6b6;
  text-align: right;
  padding-top: 0.5rem;
  line-height: 1.2;
}
.lpm-10.image-left {
  flex-direction: row;
}
.lpm-10.image-left .image {
  margin-top: 2.5rem;
}
.lpm-10.image-left .content-wrapper {
  right: 0;
  margin-left: auto;
  margin-right: 0;
}
.lpm-10.image-left .content-wrapper .title,
.lpm-10.image-left .content-wrapper .sub-title,
.lpm-10.image-left .content-wrapper .description,
.lpm-10.image-left .content-wrapper .button-link {
  margin: 0 2rem 0 6.5rem;
}
.lpm-10.image-left .content-wrapper .title {
  margin-top: 3rem;
}
.lpm-10.image-right {
  flex-direction: row-reverse;
}
.lpm-10.image-right .image {
  margin-bottom: 2.5rem;
}
.lpm-10.image-right .content-wrapper {
  left: 0;
  margin-top: 2.5rem;
}
.lpm-10.image-right .content-wrapper .title,
.lpm-10.image-right .content-wrapper .sub-title,
.lpm-10.image-right .content-wrapper .description,
.lpm-10.image-right .content-wrapper .button-link {
  margin: 0 6.5rem 0 2rem;
}
.lpm-10.image-right .content-wrapper .title {
  margin-top: 3rem;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .lpm-10 .content-wrapper .title {
    font-size: 1.8rem;
  }
  .lpm-10.image-right .content-wrapper,
  .lpm-10.image-left .content-wrapper {
    margin-top: 0;
  }
  .lpm-10.image-right .content-wrapper .title,
  .lpm-10.image-left .content-wrapper .title {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-10.image-right .content-wrapper,
  .lpm-10.image-left .content-wrapper {
    min-height: 300px;
  }
  .lpm-10.image-right .content-wrapper .title,
  .lpm-10.image-left .content-wrapper .title,
  .lpm-10.image-right .content-wrapper .sub-title,
  .lpm-10.image-left .content-wrapper .sub-title,
  .lpm-10.image-right .content-wrapper .description,
  .lpm-10.image-left .content-wrapper .description,
  .lpm-10.image-right .content-wrapper .button-link,
  .lpm-10.image-left .content-wrapper .button-link {
    margin: 0 4.5rem 0 2rem;
  }
  .lpm-10.image-right .content-wrapper .title,
  .lpm-10.image-left .content-wrapper .title {
    margin-top: 1rem;
    font-size: 1.2rem;
  }
  .lpm-10.image-right .content-wrapper .sub-title,
  .lpm-10.image-left .content-wrapper .sub-title {
    font-size: 1rem;
  }
  .lpm-10.image-right .content-wrapper .description,
  .lpm-10.image-left .content-wrapper .description {
    font-size: 0.875rem;
    min-height: 140px;
  }
  .lpm-10.image-right .content-wrapper .title,
  .lpm-10.image-right .content-wrapper .sub-title,
  .lpm-10.image-right .content-wrapper .description,
  .lpm-10.image-right .content-wrapper .button-link {
    margin: 0 4rem 0 1rem;
  }
  .lpm-10.image-right .content-wrapper .title {
    margin-top: 1rem;
  }
  .lpm-10.image-left .content-wrapper .title,
  .lpm-10.image-left .content-wrapper .sub-title,
  .lpm-10.image-left .content-wrapper .description,
  .lpm-10.image-left .content-wrapper .button-link {
    margin: 0 1rem 0 4.5rem;
  }
  .lpm-10.image-left .content-wrapper .title {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-10.image-right,
  .lpm-10.image-left {
    flex-direction: column;
  }
  .lpm-10.image-right .image,
  .lpm-10.image-left .image {
    width: 100%;
    margin: 0;
    position: relative;
  }
  .lpm-10.image-right .image::before,
  .lpm-10.image-left .image::before {
    position: absolute;
    bottom: 0;
    content: "";
    display: block;
    background-color: #f8f8f8;
    width: 100%;
    height: calc(100% + 1.5rem);
    left: -1rem;
    z-index: -1;
  }
  .lpm-10.image-right .content-wrapper,
  .lpm-10.image-left .content-wrapper {
    position: unset;
    width: 100%;
    min-height: unset;
  }
  .lpm-10.image-right .content-wrapper .title,
  .lpm-10.image-left .content-wrapper .title,
  .lpm-10.image-right .content-wrapper .sub-title,
  .lpm-10.image-left .content-wrapper .sub-title,
  .lpm-10.image-right .content-wrapper .description,
  .lpm-10.image-left .content-wrapper .description,
  .lpm-10.image-right .content-wrapper .button-link,
  .lpm-10.image-left .content-wrapper .button-link {
    margin: 0 1rem;
  }
  .lpm-10.image-right .content-wrapper .title,
  .lpm-10.image-left .content-wrapper .title {
    margin-top: 0.5rem;
    font-size: 1.5rem;
  }
  .lpm-10.image-right .content-wrapper .sub-title,
  .lpm-10.image-left .content-wrapper .sub-title {
    font-size: 1.1rem;
  }
  .lpm-10.image-right .content-wrapper .button-link,
  .lpm-10.image-left .content-wrapper .button-link {
    padding-top: 1rem;
    margin-bottom: 1rem;
  }
  .lpm-10.image-right .image {
    float: right;
    right: -1rem;
    left: auto;
  }
  .lpm-10.image-right .image::before {
    left: -1rem;
  }
  .lpm-10.image-left .image {
    left: -1rem;
  }
  .lpm-10.image-left .image::before {
    right: -1rem;
    left: auto;
  }
}
.lpm-11 {
  position: relative;
}
.lpm-11 .wrapper {
  position: absolute;
  width: 30%;
  min-height: 240px;
  padding: 2.5rem;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.lpm-11 .wrapper .title {
  font-size: 2rem;
  line-height: 1.2;
}
.lpm-11 .wrapper .title span {
  background-color: #9a6c0b;
  color: white;
  padding: 2px 8px;
  box-decoration-break: clone;
  line-height: 1.6;
}
.lpm-11 .wrapper .title span.green {
  background-color: #1b4130;
}
.lpm-11 .wrapper.content-left {
  right: 0;
}
.lpm-11 .main-image {
  position: relative;
  max-width: 570px;
  width: 60%;
  margin: auto;
  padding: 2.5rem 0;
  z-index: 1;
}
.lpm-11 .main-image::before {
  position: absolute;
  content: "";
  display: block;
  height: 15%;
  width: 50%;
  border: 1px solid #1b4130;
}
.lpm-11 .main-image::after {
  position: absolute;
  content: "";
  display: block;
  height: 15%;
  width: 50%;
  border: 1px solid #1b4130;
}
.lpm-11 .main-image.content-right::before {
  border-width: 1px 0 0 1px;
  top: 0;
  left: -2.5rem;
}
.lpm-11 .main-image.content-right::after {
  border-width: 0 1px 1px 0;
  bottom: 0;
  right: -2.5rem;
}
.lpm-11 .main-image.content-left::before {
  border-width: 0 0 1px 1px;
  bottom: 0;
  left: -2.5rem;
}
.lpm-11 .main-image.content-left::after {
  border-width: 1px 1px 0 0;
  top: 0;
  right: -2.5rem;
}
.lpm-11 .side-image {
  position: absolute;
  width: 40%;
  max-width: 330px;
  top: 0;
  margin: auto;
  z-index: 0;
}
.lpm-11 .side-image.content-right {
  right: 5rem;
}
.lpm-11 .side-image.content-left {
  left: 5rem;
}
.lpm-11.no-side-image {
  display: flex;
}
.lpm-11.no-side-image .main-image {
  right: 10%;
  left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-11.no-side-image .main-image {
    right: auto;
  }
}
.lpm-11.no-side-image.content-left {
  flex-direction: row-reverse;
}
.lpm-11.no-side-image.content-left .wrapper {
  left: auto;
  right: 10%;
}
.lpm-11.no-side-image.content-left .main-image {
  left: 10%;
  right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-11.no-side-image.content-left {
    flex-direction: column-reverse;
  }
  .lpm-11.no-side-image.content-left .wrapper {
    left: auto;
    right: auto;
  }
  .lpm-11.no-side-image.content-left .main-image {
    left: auto;
    right: auto;
  }
}
.lpm-11.no-side-image .wrapper {
  position: relative;
  z-index: 2;
  top: unset;
  transform: unset;
  height: 80%;
  margin: auto;
  left: 10%;
  right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-11.no-side-image .wrapper {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 2rem auto;
    background-color: white;
    top: auto;
    transform: translate(0, 0);
    z-index: 0;
    min-height: 0;
    left: 0;
    height: 100%;
  }
  .lpm-11.no-side-image .wrapper .title {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-11 {
    display: flex;
    flex-direction: column-reverse;
  }
  .lpm-11 .wrapper {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 2rem auto;
    background-color: white;
    top: auto;
    transform: translate(0, 0);
    z-index: 0;
    min-height: 0;
  }
  .lpm-11 .wrapper .title {
    font-size: 1.2rem;
  }
  .lpm-11 .main-image {
    width: 100%;
    max-width: 70vw;
    padding: 1.2rem 0;
  }
  .lpm-11 .main-image.content-right::before {
    height: 6rem;
    left: -1rem;
  }
  .lpm-11 .main-image.content-right::after {
    height: 2rem;
    right: -1rem;
  }
  .lpm-11 .main-image.content-left::before {
    height: 2rem;
    left: -1rem;
  }
  .lpm-11 .main-image.content-left::after {
    height: 6rem;
    right: -1rem;
  }
  .lpm-11 .side-image {
    width: 35%;
  }
  .lpm-11 .side-image.content-left {
    left: 0;
  }
  .lpm-11 .side-image.content-right {
    right: 0;
  }
}
.lpm-12 {
  position: relative;
  margin: auto;
  padding: 2rem 0;
}
.lpm-12 .student-sharing-wrapper .scrollbar {
  max-width: 1500px;
  width: 100%;
  padding: 100px 0;
  margin-right: 0;
  box-sizing: border-box;
}
.lpm-12 .student-sharing-wrapper .scrollbar .background-wrapper {
  content: '';
  position: absolute;
  top: 0;
  left: 5%;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .scrollbar .background-wrapper {
    top: 15%;
    left: 0;
  }
}
.lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1500px;
  outline: none;
  cursor: grab;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .image {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 40%;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .image {
    width: 85%;
  }
}
.lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 60%;
  -ms-flex: 0 1 60%;
  flex: 0 1 60%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 45px;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper {
    width: 85%;
  }
}
.lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper .title {
  font-size: 2.625rem;
  line-height: 1.2em;
  padding-bottom: 1rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper .title {
    font-size: 1.4285rem;
    padding-bottom: 1rem;
  }
}
.lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper .summary {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper .summary {
    margin-bottom: 1rem;
  }
  .lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper .summary p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper .summary *:last-child {
    margin-bottom: 0;
  }
}
.lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper .summary p {
  color: #FFFFFF;
}
.lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper .student-info {
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper .student-info {
    font-size: 1rem;
    padding-bottom: 0.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper .student-program {
    font-size: 1rem;
    padding-bottom: 1rem;
  }
}
.lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper > a {
  margin-top: auto;
  text-align: right;
  color: #FFFFFF;
}
.lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper > a .btn-arrow {
  color: #FFFFFF;
}
.lpm-12 .student-sharing-wrapper .scrollbar .student-sharing-item .content-wrapper > a .btn-arrow:hover {
  color: #c28b17;
}
.lpm-12 .student-sharing-wrapper .scrollbar .swiper-scrollbar {
  max-width: 40%;
  height: 1px;
  bottom: 50px;
  left: auto;
  right: 18.5%;
  cursor: grab;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .scrollbar .swiper-scrollbar {
    max-width: 85%;
    right: 8%;
  }
}
.lpm-12 .student-sharing-wrapper .scrollbar .swiper-scrollbar .swiper-scrollbar-drag {
  height: 55px;
  border-radius: 50%;
  top: -27.5px;
  position: relative;
}
.lpm-12 .student-sharing-wrapper .scrollbar .swiper-scrollbar .swiper-scrollbar-drag::before {
  content: "";
  background-image: url('lpm12_arrow_right.svg');
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center center;
  width: 55px;
  height: 55px;
  display: block;
}
.lpm-12 .student-sharing-wrapper .scrollbar .swiper-scrollbar .swiper-scrollbar-drag.center::before {
  background-image: url('lpm12_arrow_center.svg');
}
.lpm-12 .student-sharing-wrapper .scrollbar .swiper-scrollbar .swiper-scrollbar-drag.right::before {
  background-image: url('lpm12_arrow_left.svg');
}
.lpm-12 .student-sharing-wrapper .image-select {
  width: 100%;
  max-width: calc(1180px + 6rem);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .image-select {
    padding: 0 30px;
  }
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 2.5rem;
  margin: 0 3rem;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .image-select .student-sharing-item {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0 2.5rem 0 0;
  }
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .image {
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 40%;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .image img {
  position: relative;
  left: 2.5rem;
  top: 2.5rem;
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .image::before {
  content: "";
  height: 100%;
  width: 102%;
  position: absolute;
  background-color: #1b4130;
  z-index: -1;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .image::before {
    max-height: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .image::before {
    height: 95%;
    max-height: 300px;
  }
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .image.bgcolor--1B4130::before {
  background-color: #1b4130;
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .image.bgcolor--9A6C0B::before {
  background-color: #9a6c0b;
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .image.bgcolor--FFFCF1::before {
  background-color: #fffcf1;
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .image.bgcolor--F5F9F7::before {
  background-color: #f5f9f7;
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .image.bgcolor--F8F8F8::before {
  background-color: #f8f8f8;
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 60%;
  -ms-flex: 0 1 60%;
  flex: 0 1 60%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper {
  margin-left: 4rem;
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .title:not(.student-info) {
  font-size: 2.625rem;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .title:not(.student-info) {
    font-size: 1.428rem;
    line-height: 1.8em;
  }
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .title:not(.student-info) span {
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 6px 30px;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .title:not(.student-info) span {
    padding: 6px 15px;
  }
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .summary {
  padding: 30px;
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .summary p {
  line-height: 1.4em;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .summary {
    padding: 15px;
  }
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .student-info {
  font-size: 1.375rem;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .student-info {
    padding-left: 15px;
  }
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .student-program {
  padding-left: 30px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper .student-program {
    padding-left: 15px;
    margin-bottom: 20px;
  }
}
.lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper > a {
  margin-left: 30px;
  display: inline-block;
  margin-top: auto;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper > a {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-12 .student-sharing-wrapper .image-select .student-sharing-item .student-sharing-content .content-wrapper {
    margin-top: 4.5rem;
    margin-bottom: 15px;
    margin-left: 2rem;
    width: 100%;
  }
}
.lpm-12 .student-sharing-wrapper .image-select .slick-prev {
  left: 10px;
}
.lpm-12 .student-sharing-wrapper .image-select .slick-prev:focus-visible::before {
  outline: 1px solid black !important;
}
.lpm-12 .student-sharing-wrapper .image-select .slick-prev:before {
  color: #717171;
  font-weight: 100;
  font-size: 4rem;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  border: 1px solid #717171;
  border-width: 0 0 3px 3px;
  transform: rotate(45deg);
}
.lpm-12 .student-sharing-wrapper .image-select .slick-next {
  right: 15px;
}
.lpm-12 .student-sharing-wrapper .image-select .slick-next:focus-visible::before {
  outline: 1px solid black !important;
}
.lpm-12 .student-sharing-wrapper .image-select .slick-next:before {
  color: #717171;
  font-weight: 100;
  font-size: 4rem;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  border: 1px solid #717171;
  border-width: 3px 3px 0 0;
  transform: rotate(45deg);
}
.lpm-12 .student-sharing-wrapper .bgcolor--9A6C0B.scrollbar .background-wrapper {
  background-image: url('home_page_program_search_yellow.jpg');
}
.lpm-12 .student-sharing-wrapper .bgcolor--9A6C0B.scrollbar .swiper-scrollbar-drag {
  background: #FFFFFF;
}
.lpm-12 .student-sharing-wrapper .bgcolor--9A6C0B.image-select .student-sharing-image .student.active .image:after {
  border-color: #9a6c0b;
}
.lpm-12 .student-sharing-wrapper .bgcolor--9A6C0B.image-select .student-sharing-content .content-wrapper .title:not(.student-info) span {
  background-color: #9a6c0b;
  color: #FFFFFF;
}
.lpm-12 .student-sharing-wrapper .bgcolor--9A6C0B.image-select .slick-dots .slick-active button:before {
  color: #9a6c0b;
}
.lpm-12 .student-sharing-wrapper .bgcolor--1B4130.scrollbar .background-wrapper {
  background-image: url('home_page_program_search.jpg');
}
.lpm-12 .student-sharing-wrapper .bgcolor--1B4130.scrollbar .swiper-scrollbar-drag {
  background: #FFFFFF;
}
.lpm-12 .student-sharing-wrapper .bgcolor--1B4130.image-select .student-sharing-image .student.active .image:after {
  border-color: #1b4130;
}
.lpm-12 .student-sharing-wrapper .bgcolor--1B4130.image-select .student-sharing-content .content-wrapper .title:not(.student-info) span {
  background-color: #1b4130;
  color: #FFFFFF;
}
.lpm-12 .student-sharing-wrapper .bgcolor--1B4130.image-select .student-sharing-content .content-wrapper > a {
  background-color: #1b4130;
  color: #FFFFFF;
  padding: 4px;
  border-width: 0;
}
.lpm-12 .student-sharing-wrapper .bgcolor--1B4130.image-select .student-sharing-content .content-wrapper > a:hover {
  padding: 4px 8px;
}
.lpm-12 .student-sharing-wrapper .bgcolor--1B4130.image-select .slick-dots .slick-active button:before {
  color: #1b4130;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F8F8F8.scrollbar .background-wrapper {
  background-color: #f8f8f8;
  background-image: url('pattern_grey_transparent.png');
}
.lpm-12 .student-sharing-wrapper .bgcolor--F8F8F8.scrollbar .content-wrapper {
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F8F8F8.scrollbar .content-wrapper .summary p {
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F8F8F8.scrollbar .content-wrapper > a .btn-arrow {
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F8F8F8.scrollbar .swiper-scrollbar-drag {
  background: #1b4130;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F8F8F8.image-select .student-sharing-image .student.active .image:after {
  border-color: #f8f8f8;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F8F8F8.image-select .student-sharing-content .content-wrapper .title:not(.student-info) span {
  background-color: #f8f8f8;
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F8F8F8.image-select .student-sharing-content .content-wrapper > a {
  background-color: #f8f8f8;
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F8F8F8.image-select .slick-dots .slick-active button:before {
  color: #1b4130;
}
.lpm-12 .student-sharing-wrapper .bgcolor--FFFCF1.scrollbar .background-wrapper {
  background-color: #fffcf1;
  background-image: url('pattern_light_yellow.png');
}
.lpm-12 .student-sharing-wrapper .bgcolor--FFFCF1.scrollbar .content-wrapper {
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--FFFCF1.scrollbar .content-wrapper .summary p {
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--FFFCF1.scrollbar .content-wrapper > a .btn-arrow {
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--FFFCF1.scrollbar .swiper-scrollbar-drag {
  background: #1b4130;
}
.lpm-12 .student-sharing-wrapper .bgcolor--FFFCF1.image-select .student-sharing-image .student.active .image:after {
  border-color: #fffcf1;
}
.lpm-12 .student-sharing-wrapper .bgcolor--FFFCF1.image-select .student-sharing-content .content-wrapper .title:not(.student-info) span {
  background-color: #fffcf1;
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--FFFCF1.image-select .student-sharing-content .content-wrapper > a {
  background-color: #fffcf1;
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--FFFCF1.image-select .slick-dots .slick-active button:before {
  color: #1b4130;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F5F9F7.scrollbar .background-wrapper {
  background-color: #f5f9f7;
  background-image: url('pattern_light_green.png');
}
.lpm-12 .student-sharing-wrapper .bgcolor--F5F9F7.scrollbar .content-wrapper {
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F5F9F7.scrollbar .content-wrapper .summary p {
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F5F9F7.scrollbar .content-wrapper > a .btn-arrow {
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F5F9F7.scrollbar .swiper-scrollbar-drag {
  background: #1b4130;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F5F9F7.image-select .student-sharing-image .student.active .image:after {
  border-color: #f5f9f7;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F5F9F7.image-select .student-sharing-content .content-wrapper .title:not(.student-info) span {
  background-color: #f5f9f7;
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F5F9F7.image-select .student-sharing-content .content-wrapper > a {
  background-color: #f5f9f7;
  color: black;
}
.lpm-12 .student-sharing-wrapper .bgcolor--F5F9F7.image-select .slick-dots .slick-active button:before {
  color: #1b4130;
}
.lpm-13 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  position: relative;
  border: 1px solid white;
  min-height: 220px;
  transition: background-color 0.3s;
}
.lpm-13.bg-color--9A6C0B .wrapper .ranking,
.lpm-13.bg-color--1B4130 .wrapper .ranking,
.lpm-13.bg-color--9A6C0B .wrapper .sub-title,
.lpm-13.bg-color--1B4130 .wrapper .sub-title,
.lpm-13.bg-color--9A6C0B .wrapper .description,
.lpm-13.bg-color--1B4130 .wrapper .description {
  color: white !important;
}
.lpm-13.bg-color--9A6C0B .wrapper .ranking p,
.lpm-13.bg-color--1B4130 .wrapper .ranking p,
.lpm-13.bg-color--9A6C0B .wrapper .sub-title p,
.lpm-13.bg-color--1B4130 .wrapper .sub-title p,
.lpm-13.bg-color--9A6C0B .wrapper .description p,
.lpm-13.bg-color--1B4130 .wrapper .description p {
  color: white !important;
}
.lpm-13.bg-color--EAB01F.active,
.lpm-13.bg-color--EAB01F:hover {
  border: 1px solid #eab01f;
  background-color: white;
}
.lpm-13.bg-color--EAB01F.active .wrapper .ranking,
.lpm-13.bg-color--EAB01F:hover .wrapper .ranking,
.lpm-13.bg-color--EAB01F.active .wrapper .sub-title,
.lpm-13.bg-color--EAB01F:hover .wrapper .sub-title {
  color: #1b4130;
}
.lpm-13.bg-color--F5F9F7.active,
.lpm-13.bg-color--F5F9F7:hover {
  border: 1px solid #64a003;
}
.lpm-13.bg-color--FFFFFF.active,
.lpm-13.bg-color--.active,
.lpm-13.bg-color--FFFFFF:hover,
.lpm-13.bg-color--:hover {
  background-color: #9a6c0b;
}
.lpm-13.bg-color--FFFFFF.active .wrapper .ranking,
.lpm-13.bg-color--.active .wrapper .ranking,
.lpm-13.bg-color--FFFFFF:hover .wrapper .ranking,
.lpm-13.bg-color--:hover .wrapper .ranking,
.lpm-13.bg-color--FFFFFF.active .wrapper .sub-title,
.lpm-13.bg-color--.active .wrapper .sub-title,
.lpm-13.bg-color--FFFFFF:hover .wrapper .sub-title,
.lpm-13.bg-color--:hover .wrapper .sub-title,
.lpm-13.bg-color--FFFFFF.active .wrapper .description,
.lpm-13.bg-color--.active .wrapper .description,
.lpm-13.bg-color--FFFFFF:hover .wrapper .description,
.lpm-13.bg-color--:hover .wrapper .description {
  color: white;
}
.lpm-13.bg-color--FFFFFF.active .wrapper .ranking p,
.lpm-13.bg-color--.active .wrapper .ranking p,
.lpm-13.bg-color--FFFFFF:hover .wrapper .ranking p,
.lpm-13.bg-color--:hover .wrapper .ranking p,
.lpm-13.bg-color--FFFFFF.active .wrapper .sub-title p,
.lpm-13.bg-color--.active .wrapper .sub-title p,
.lpm-13.bg-color--FFFFFF:hover .wrapper .sub-title p,
.lpm-13.bg-color--:hover .wrapper .sub-title p,
.lpm-13.bg-color--FFFFFF.active .wrapper .description p,
.lpm-13.bg-color--.active .wrapper .description p,
.lpm-13.bg-color--FFFFFF:hover .wrapper .description p,
.lpm-13.bg-color--:hover .wrapper .description p {
  color: white;
}
.lpm-13.bg-color--FFFFFF.active .wrapper .ranking a,
.lpm-13.bg-color--.active .wrapper .ranking a,
.lpm-13.bg-color--FFFFFF:hover .wrapper .ranking a,
.lpm-13.bg-color--:hover .wrapper .ranking a,
.lpm-13.bg-color--FFFFFF.active .wrapper .sub-title a,
.lpm-13.bg-color--.active .wrapper .sub-title a,
.lpm-13.bg-color--FFFFFF:hover .wrapper .sub-title a,
.lpm-13.bg-color--:hover .wrapper .sub-title a,
.lpm-13.bg-color--FFFFFF.active .wrapper .description a,
.lpm-13.bg-color--.active .wrapper .description a,
.lpm-13.bg-color--FFFFFF:hover .wrapper .description a,
.lpm-13.bg-color--:hover .wrapper .description a {
  color: #FFE7AC;
}
.lpm-13.bg-color--FFFFFF.active .logo-image img,
.lpm-13.bg-color--.active .logo-image img,
.lpm-13.bg-color--FFFFFF:hover .logo-image img,
.lpm-13.bg-color--:hover .logo-image img {
  filter: invert(100%) sepia(3%) saturate(14%) hue-rotate(121deg) brightness(105%) contrast(100%) !important;
}
.lpm-13.custom-border {
  border-width: 5px;
}
@media only screen and (max-width: 767px) {
  .lpm-13.mobile-hide {
    display: none;
  }
}
.lpm-13 .bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.lpm-13 .bg-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.lpm-13 .icon-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.lpm-13 .icon {
  height: 96px;
  font-size: 6rem;
  width: auto;
  padding: 0;
  transform: translate(0, -25%);
}
.lpm-13 .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  padding: 3.5rem 1.5rem 2.4rem 1.5rem;
  text-align: center;
}
.lpm-13 .wrapper .ranking {
  font-size: 3.625rem;
  line-height: 0.8;
  margin-bottom: 10px;
}
.lpm-13 .wrapper .ranking sup {
  font-size: 2.125rem;
  top: -14px;
}
.lpm-13 .wrapper .sub-title {
  font-size: 1.375rem;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1;
}
.lpm-13 .wrapper .sub-title::after {
  content: "";
  display: block;
  position: relative;
  width: 40px;
  border-bottom: 1px solid;
  padding-top: 10px;
  margin: auto;
}
.lpm-13 .wrapper .description {
  font-size: 1rem;
  line-height: 1.5rem;
}
.lpm-13 .wrapper .ranking,
.lpm-13 .wrapper .sub-title,
.lpm-13 .wrapper .description {
  transition: color 0.3s;
}
.lpm-13 .wrapper .ranking p,
.lpm-13 .wrapper .sub-title p,
.lpm-13 .wrapper .description p {
  transition: color 0.3s;
}
@media only screen and (max-width: 767px) {
  .lpm-13 .wrapper .sub-title {
    font-size: 18px;
  }
  .lpm-13 .wrapper .description {
    font-size: 14px;
  }
}
.lpm-14 .wrapper {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.lpm-14 .wrapper::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(1140px + (100% - 1140px)/2 + 5rem);
  height: 90%;
  top: 5rem;
}
.lpm-14 .wrapper.bg-color--FFFCF1::before {
  background-color: #fffcf1;
}
.lpm-14 .wrapper.bg-color--F5F9F7::before {
  background-color: #f5f9f7;
}
.lpm-14 .wrapper.bg-color--F8F8F8::before {
  background-color: #f8f8f8;
}
.lpm-14 .wrapper .youtube-video {
  z-index: 1;
  position: relative;
  padding: 0;
  padding-bottom: 35%;
  overflow: hidden;
  width: calc(100% - 2rem);
}
.lpm-14 .wrapper .youtube-video iframe {
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-14 .wrapper .youtube-video {
    padding-bottom: 56%;
  }
}
.lpm-14 .wrapper .youku-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.lpm-14 .wrapper .youku-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lpm-14 .wrapper .container {
  margin-bottom: 5rem;
}
.lpm-15 .image-gallery .image-gallery-row {
  display: flex;
  margin-bottom: 0.5rem;
  flex-direction: row;
}
.lpm-15 .image-gallery .image-gallery-row.display-type-2 .gallery-image {
  flex: 1 1 50%;
}
.lpm-15 .image-gallery .image-gallery-row.display-type-2 .gallery-image:not(:first-child) {
  margin-left: 0.5rem;
}
.lpm-15 .image-gallery .image-gallery-row.display-type-3 .gallery-image:first-child {
  flex: 1 0 46.3%;
}
.lpm-15 .image-gallery .image-gallery-row.display-type-3 .gallery-image:not(:first-child) {
  margin-left: 0.5rem;
}
.lpm-15 .image-gallery .image-gallery-row.display-type-5 .gallery-image-column {
  display: flex;
  flex-direction: column;
}
.lpm-15 .image-gallery .image-gallery-row.display-type-5 .gallery-image-column .gallery-image:first-child {
  margin-bottom: 0.5rem;
}
.lpm-15 .image-gallery .image-gallery-row.display-type-5 > .gallery-image {
  flex: 0 0 49.65%;
  margin: 0 0.5rem;
}
@media only screen and (max-width: 767px) {
  .lpm-15 .image-gallery .image-gallery-row.display-type-2 {
    flex-direction: column;
  }
  .lpm-15 .image-gallery .image-gallery-row.display-type-2 .gallery-image:not(:first-child) {
    margin-left: 0rem;
    margin-top: 0.5rem;
  }
  .lpm-15 .image-gallery .image-gallery-row.display-type-3 {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .lpm-15 .image-gallery .image-gallery-row.display-type-3 .gallery-image:first-child {
    flex: 1 1 100%;
    margin-bottom: 0.5rem;
  }
  .lpm-15 .image-gallery .image-gallery-row.display-type-3 .gallery-image:not(:first-child) {
    margin-left: 0rem;
    flex: 0 0 48.5%;
  }
  .lpm-15 .image-gallery .image-gallery-row.display-type-5 {
    flex-direction: column;
  }
  .lpm-15 .image-gallery .image-gallery-row.display-type-5 .gallery-image-column {
    flex-direction: row;
    justify-content: space-between;
  }
  .lpm-15 .image-gallery .image-gallery-row.display-type-5 .gallery-image-column .gallery-image {
    flex: 0 0 48.5%;
  }
  .lpm-15 .image-gallery .image-gallery-row.display-type-5 .gallery-image-column .gallery-image:first-child {
    margin-bottom: 0rem;
  }
  .lpm-15 .image-gallery .image-gallery-row.display-type-5 > .gallery-image {
    flex: 0 0 100%;
    margin: 0.5rem 0;
  }
}
.lpm-17 .tab-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 2rem;
  margin-bottom: 2rem;
  overflow-x: auto;
  /* Handle */
  /* Handle on hover */
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
  scrollbar-face-color: #ccc;
  scrollbar-arrow-color: white;
  scrollbar-track-color: white;
  scrollbar-shadow-color: transparent;
  scrollbar-highlight-color: #ccc;
  scrollbar-3dlight-color: transparent;
  scrollbar-darkshadow-Color: transparent;
  flex-wrap: wrap;
  justify-content: center;
}
.lpm-17 .tab-wrapper::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  -webkit-appearance: none;
}
.lpm-17 .tab-wrapper::-webkit-scrollbar:vertical {
  width: 5px;
}
.lpm-17 .tab-wrapper::-webkit-scrollbar:horizontal {
  height: 5px;
}
.lpm-17 .tab-wrapper::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
  cursor: grab;
}
.lpm-17 .tab-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
}
.lpm-17 .tab-wrapper::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-17 .tab-wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-17 .tab-wrapper::-webkit-scrollbar {
    display: none;
  }
  .lpm-17 .tab-wrapper .example {
    -ms-overflow-style: none;
  }
}
.lpm-17 .tab-wrapper .tab-name {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
  z-index: 1;
  padding: 1.25rem 1rem;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .lpm-17 .tab-wrapper .tab-name {
    padding: 0.6rem 1rem;
  }
}
.lpm-17 .tab-wrapper .tab-name:after {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  top: 70%;
  left: 0;
  margin: 0 1rem;
}
.lpm-17 .tab-wrapper .tab-name:hover:after {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: calc(100% - 2rem);
}
.lpm-17 .tab-wrapper .tab-name.active {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.lpm-17 .tab-wrapper .tab-name.active,
.lpm-17 .tab-wrapper .tab-name:hover {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.lpm-17 .tab-content-wrapper {
  position: relative;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  max-width: 800px;
}
.lpm-17 .tab-content-wrapper .tab-content-item {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  margin-left: 100%;
}
.lpm-17 .tab-content-wrapper .tab-content-item .image-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .lpm-17 .tab-content-wrapper .tab-content-item .image-section {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.lpm-17 .tab-content-wrapper .tab-content-item .image-section .image {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 45%;
  -ms-flex: 0 1 45%;
  flex: 0 1 45%;
}
.lpm-17 .tab-content-wrapper .tab-content-item .image-section .summary {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 55%;
  -ms-flex: 0 1 55%;
  flex: 0 1 55%;
  padding: 1.5rem;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .lpm-17 .tab-content-wrapper .tab-content-item .image-section .summary {
    padding: 1rem 0 0;
  }
}
.lpm-17 .tab-content-wrapper .tab-content-item .description {
  margin-top: 1rem;
}
@media only screen and (max-width: 767px) {
  .lpm-17 .tab-content-wrapper .tab-content-item .description {
    margin-top: 0;
  }
}
.lpm-17 .tab-content-wrapper .tab-content-item.active {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  position: relative;
  margin-left: 0;
}
.lpm-17.bg-color--1B4130 .tab-wrapper {
  background-color: #f5f9f7;
}
.lpm-17.bg-color--1B4130 .tab-wrapper .tab-name.active,
.lpm-17.bg-color--1B4130 .tab-wrapper .tab-name:after {
  background-color: #1b4130;
  color: white;
}
.lpm-17.bg-color--1B4130.reverse .tab-wrapper {
  background-color: #1b4130;
}
.lpm-17.bg-color--1B4130.reverse .tab-wrapper .tab-name {
  color: white;
}
.lpm-17.bg-color--1B4130.reverse .tab-wrapper .tab-name.active,
.lpm-17.bg-color--1B4130.reverse .tab-wrapper .tab-name:after {
  background-color: #f5f9f7;
  color: black;
}
.lpm-17.bg-color--9A6C0B .tab-wrapper {
  background-color: #fffcf1;
}
.lpm-17.bg-color--9A6C0B .tab-wrapper .tab-name.active,
.lpm-17.bg-color--9A6C0B .tab-wrapper .tab-name:after {
  background-color: #9a6c0b;
  color: white;
}
.lpm-17.bg-color--9A6C0B.reverse .tab-wrapper {
  background-color: #9a6c0b;
}
.lpm-17.bg-color--9A6C0B.reverse .tab-wrapper .tab-name {
  color: white;
}
.lpm-17.bg-color--9A6C0B.reverse .tab-wrapper .tab-name.active,
.lpm-17.bg-color--9A6C0B.reverse .tab-wrapper .tab-name:after {
  background-color: #fffcf1;
  color: black;
}
.lpm-17 .lpm-23.padding-controller {
  padding-top: 0;
}
.lpm-18 .sec-title {
  font-size: 2.625rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.lpm-18 > .description {
  margin: auto;
  max-width: 800px;
  margin-bottom: 2rem;
}
.lpm-18 .remarks {
  margin-top: 1rem;
}
.lpm-18 .accordion .accordion-item {
  position: relative;
  padding: 1rem 3.75rem 1rem 3.75rem;
  border: 1px solid #E5E5E6;
  border-width: 1px 0 1px 0;
  margin: -1px 0;
}
.lpm-18 .accordion .accordion-item .symbol {
  position: absolute;
}
.lpm-18 .accordion .accordion-item .symbol::before {
  cursor: pointer;
  content: "\f067";
  font-weight: 300;
  position: absolute;
  margin-right: 1rem;
  left: -2rem;
  top: 3px;
}
.lpm-18 .accordion .accordion-item .accordion-title {
  cursor: pointer;
  position: relative;
  font-size: 1.2rem;
}
.lpm-18 .accordion .accordion-item .accordion-description {
  max-height: 0px;
  height: auto;
  overflow: hidden;
  transition: max-height 0.1s ease-out;
}
.lpm-18 .accordion .accordion-item.active {
  z-index: 1;
  background-color: white;
  border-color: #1b4130;
}
.lpm-18 .accordion .accordion-item.active.active-bg-color--FFFFFF {
  background-color: white;
}
.lpm-18 .accordion .accordion-item.active.active-bg-color--F5F9F7 {
  background-color: #f5f9f7;
}
.lpm-18 .accordion .accordion-item.active .symbol::before {
  content: "\f068";
}
.lpm-18 .accordion .accordion-item.active .accordion-title {
  color: #1b4130;
}
.lpm-18 .accordion .accordion-item.active .accordion-description {
  margin-top: 10px;
  max-height: 9999px;
  transition: max-height 1s ease-in;
}
@media only screen and (max-width: 767px) {
  .lpm-18 .accordion .accordion-item {
    padding: 1rem 0.5rem;
  }
  .lpm-18 .accordion .accordion-item .accordion-title {
    padding-left: 2.25rem;
  }
  .lpm-18 .accordion .accordion-item .symbol::before {
    left: 0;
  }
}
.accordion-small .lpm-18 {
  max-width: 800px;
}
.lpm-19 {
  margin-top: 6rem;
  background-color: #fffcf1;
}
.lpm-19.no-image {
  margin-top: 0;
}
.lpm-19 .container {
  display: flex;
  flex-direction: row;
}
.lpm-19 .container .image-wrapper {
  position: relative;
}
.lpm-19 .container .image-wrapper .image {
  position: relative;
  top: -2.5rem;
}
.lpm-19 .container .image-wrapper .wrapper {
  display: none;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.lpm-19 .container .image-wrapper .wrapper .image-title {
  color: white;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.lpm-19 .container .image-wrapper:hover .image {
  filter: brightness(0.5);
}
@media only screen and (max-width: 767px) {
  .lpm-19 .container .image-wrapper:hover .image {
    filter: brightness(1);
  }
}
.lpm-19 .container .image-wrapper:hover .wrapper {
  display: block;
}
.lpm-19 .container .content-wrapper {
  max-width: 700px;
  padding: 2rem;
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lpm-19 .container .content-wrapper p {
  line-height: 1.2;
}
.lpm-19 .container .content-wrapper .further-info .further-title {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  color: unset;
}
.lpm-19 .container .content-wrapper .further-info .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.lpm-19 .container .content-wrapper .further-info .wrapper .phone,
.lpm-19 .container .content-wrapper .further-info .wrapper .email,
.lpm-19 .container .content-wrapper .further-info .wrapper .website,
.lpm-19 .container .content-wrapper .further-info .wrapper .facebook,
.lpm-19 .container .content-wrapper .further-info .wrapper .instagram,
.lpm-19 .container .content-wrapper .further-info .wrapper .youtube,
.lpm-19 .container .content-wrapper .further-info .wrapper .twitter {
  padding-right: 2rem;
}
.lpm-19 .container .content-wrapper .further-info .wrapper .phone a,
.lpm-19 .container .content-wrapper .further-info .wrapper .email a,
.lpm-19 .container .content-wrapper .further-info .wrapper .website a,
.lpm-19 .container .content-wrapper .further-info .wrapper .facebook a,
.lpm-19 .container .content-wrapper .further-info .wrapper .instagram a,
.lpm-19 .container .content-wrapper .further-info .wrapper .youtube a,
.lpm-19 .container .content-wrapper .further-info .wrapper .twitter a {
  color: unset;
  text-decoration: underline;
}
.lpm-19 .container .no-image {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-19 .container .content-wrapper .further-info .further-title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-19 .container {
    flex-direction: column;
    padding-bottom: 2rem;
  }
  .lpm-19 .container .image-wrapper {
    width: 90%;
    margin: auto;
  }
  .lpm-19 .container .image-wrapper .wrapper {
    display: block;
    position: relative;
    top: unset;
  }
  .lpm-19 .container .image-wrapper .wrapper .image-title {
    margin: 0.5rem 0;
    font-size: 1.5rem;
    color: black;
  }
  .lpm-19 .container .no-image {
    margin-top: 2rem;
  }
  .lpm-19 .container .content-wrapper {
    padding: 0;
    width: 100%;
  }
  .lpm-19 .container .content-wrapper .further-info .further-title {
    font-size: 1.8rem;
  }
  .lpm-19 .container .content-wrapper .further-info .wrapper {
    flex-direction: column;
  }
  .lpm-19 .container .content-wrapper .further-info .program,
  .lpm-19 .container .content-wrapper .further-info .phone,
  .lpm-19 .container .content-wrapper .further-info .email,
  .lpm-19 .container .content-wrapper .further-info .website {
    margin-bottom: 5px;
  }
}
.lpm-20 {
  max-width: 800px;
}
.lpm-20.full-width {
  max-width: unset;
}
.lpm-20 .bullet-point-item:first-child .bullet-point::after {
  content: "";
  display: block;
  position: absolute;
  left: 1.25rem;
  top: calc(-1*(2rem - 10px));
  z-index: 0;
  background-image: linear-gradient(black 33%, rgba(255, 255, 255, 0) 0%);
  background-size: 1px 15px;
  background-position: center;
  height: 2rem;
  width: 1px;
}
.lpm-20 .bullet-point-item {
  display: flex;
}
.lpm-20 .bullet-point-item .bullet-point {
  position: relative;
  width: 10%;
  min-width: 50px;
}
.lpm-20 .bullet-point-item .bullet-point::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 1px;
  left: 1.25rem;
  z-index: 0;
  top: 2rem;
  background-image: linear-gradient(#595959 33%, white 0%);
  background-size: 1px 15px;
  background-position: center;
}
.lpm-20 .bullet-point-item .bullet-point .point-name {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 2rem;
  color: #1b4130;
  background-color: #f5f9f7;
  border-radius: 35px;
  z-index: 1;
  position: relative;
  top: 10px;
}
.lpm-20 .bullet-point-item .wrapper {
  width: 90%;
  padding-bottom: 1rem;
}
.lpm-20 .bullet-point-item .wrapper .title {
  position: relative;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.lpm-20 .bullet-point-item .wrapper .title::before {
  content: "";
  display: block;
  width: 1rem;
  border: 1px solid #eab01f;
  position: absolute;
  bottom: -5px;
}
.lpm-20 .bullet-point-item .wrapper .title.highlight {
  margin-top: 4px;
}
.lpm-20 .bullet-point-item .wrapper .title.highlight::before {
  bottom: -8px;
}
.lpm-20 .bullet-point-item .wrapper .title.highlight span {
  background-color: #9a6c0b;
  color: white;
  padding: 2px 8px;
  box-decoration-break: clone;
}
.lpm-20 .bullet-point-item .wrapper ul {
  margin-left: 0;
}
.lpm-20 .bullet-point-item .wrapper p + ul {
  margin-top: -10px;
}
.lpm-23 > .title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.lpm-23 .accordion-toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  padding: 0;
  max-width: 800px;
  margin: 1.5rem auto 0;
}
.lpm-23 .accordion-toggle div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin: 1rem 0;
  color: #7A7A7A;
  font-weight: bold;
}
.lpm-23 .accordion-toggle div svg {
  height: 20px;
  fill: #7A7A7A;
  margin-left: 0.5rem;
}
.lpm-23 .accordion-toggle.expanded div {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.lpm-23 .accordion-toggle.expanded .expand {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.lpm-23 .accordion-toggle.expanded .collapse {
  position: relative;
  opacity: 1;
  visibility: visible;
}
.lpm-23 .accordion-toggle .collapse {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.lpm-23 .wrapper {
  padding: 0 1rem;
  max-width: 800px;
  margin: auto;
  margin-top: 1rem;
}
.lpm-23 .wrapper .agenda-item {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lpm-23 .wrapper .agenda-item .date-wrapper {
  position: relative;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 120px;
  padding-bottom: 10px;
}
.lpm-23 .wrapper .agenda-item .date-wrapper::before {
  position: absolute;
  content: "";
  display: block;
  background-color: #b6b6b6;
  width: 30px;
  height: 2px;
  top: 50%;
  right: -40px;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
@media only screen and (max-width: 767px) {
  .lpm-23 .wrapper .agenda-item .date-wrapper::before {
    top: auto;
    bottom: -15px;
    right: 50%;
    width: 2px;
    height: 15px;
  }
}
.lpm-23 .wrapper .agenda-item .date-wrapper .yeardate {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1b4130;
  padding: 15px;
}
.lpm-23 .wrapper .agenda-item .date-wrapper .date {
  position: relative;
  font-weight: 100;
  font-size: 1.25rem;
  color: white;
  line-height: 1;
  text-align: center;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.lpm-23 .wrapper .agenda-item .date-wrapper .date:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 1px;
  background-color: #9a6c0b;
}
.lpm-23 .wrapper .agenda-item .date-wrapper .year {
  color: white;
  font-weight: 100;
  font-size: 1.25rem;
  line-height: 1;
  width: 100%;
  text-align: center;
}
.lpm-23 .wrapper .agenda-item .content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 170px);
  position: relative;
  margin-left: auto;
}
.lpm-23 .wrapper .agenda-item .content-wrapper::before {
  position: absolute;
  content: "";
  background-color: #b6b6b6;
  width: 2px;
  height: 100%;
  top: 0;
  left: -10px;
}
@media only screen and (max-width: 767px) {
  .lpm-23 .wrapper .agenda-item .content-wrapper::before {
    height: 2px;
    width: 100%;
    top: -15px;
    left: 0;
  }
}
.lpm-23 .wrapper .agenda-item .content-wrapper .title {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  cursor: pointer;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  background-color: #9a6c0b;
  width: 100%;
}
.lpm-23 .wrapper .agenda-item .content-wrapper .title span {
  display: inline-block;
  font-size: 1.2rem;
  padding: 0.65rem 1rem;
  color: white;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.lpm-23 .wrapper .agenda-item .content-wrapper .title::after {
  content: "\f078";
  color: white;
  font-weight: 300;
  font-size: 1rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
.lpm-23 .wrapper .agenda-item .content-wrapper .description {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  height: 100%;
  max-height: 0;
  overflow: hidden;
  line-height: 1.2;
}
.lpm-23 .wrapper .agenda-item .content-wrapper .description p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .lpm-23 .wrapper .agenda-item.expanded .content-wrapper {
    margin-top: 25px;
  }
}
.lpm-23 .wrapper .agenda-item.expanded .content-wrapper .title {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #eab01f;
}
.lpm-23 .wrapper .agenda-item.expanded .content-wrapper .title span {
  color: black;
}
.lpm-23 .wrapper .agenda-item.expanded .content-wrapper .title::after {
  content: "\f077";
  color: black;
}
.lpm-23 .wrapper .agenda-item.expanded .content-wrapper .description {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .lpm-23 .wrapper .agenda-item.expanded .content-wrapper::before {
    background-color: #eab01f;
    height: 10px;
    top: -25px;
  }
}
.lpm-23 .wrapper .agenda-item.no-description .content-wrapper .title {
  background-color: #9a6c0b;
  cursor: unset;
}
.lpm-23 .wrapper .agenda-item.no-description .content-wrapper .title span {
  color: white;
}
.lpm-23 .wrapper .agenda-item.no-description .content-wrapper .title::after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .lpm-23 .wrapper .agenda-item {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 15px;
  }
  .lpm-23 .wrapper .agenda-item .date-wrapper {
    padding-bottom: 15px;
  }
  .lpm-23 .wrapper .agenda-item .content-wrapper {
    width: 100%;
    margin-top: calc(3rem + 5px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 15px;
  }
}
.lpm-25 .title-section {
  text-align: center;
}
.lpm-25 .read-more-slider {
  margin-top: 2rem;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.lpm-25 .read-more-slider .read-more-item {
  display: flex;
  flex-direction: row;
  height: 383px;
}
@media only screen and (max-width: 767px) {
  .lpm-25 .read-more-slider .read-more-item {
    height: unset;
  }
}
.lpm-25 .read-more-slider .read-more-item .image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.lpm-25 .read-more-slider .read-more-item .image::before {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0.7;
  display: none;
}
.lpm-25 .read-more-slider .read-more-item .image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  transition: 0.3s;
}
.lpm-25 .read-more-slider .read-more-item .content-wrapper {
  position: relative;
  width: 50%;
}
.lpm-25 .read-more-slider .read-more-item .content-wrapper .wrapper {
  padding: 3rem;
}
.lpm-25 .read-more-slider .read-more-item .content-wrapper .category {
  color: #c28b17;
  font-size: 1.125rem;
  font-weight: bold;
}
.lpm-25 .read-more-slider .read-more-item .content-wrapper .title {
  color: black;
  font-size: 2.375rem;
  line-height: 1.1;
}
.lpm-25 .read-more-slider .read-more-item .content-wrapper .date {
  color: black;
  font-size: 1.125rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
.lpm-25 .read-more-slider .read-more-item .content-wrapper .description {
  font-weight: 300;
  margin-bottom: 2.25rem;
}
.lpm-25 .read-more-slider .read-more-item .content-wrapper .description p {
  margin: 0;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.lpm-25 .read-more-slider .read-more-item .content-wrapper .link {
  text-align: right;
  font-size: 1.125rem;
  position: absolute;
  bottom: 23px;
  right: 3rem;
}
@media only screen and (max-width: 767px) {
  .lpm-25 .read-more-slider .read-more-item {
    flex-direction: column;
  }
  .lpm-25 .read-more-slider .read-more-item .image {
    width: 100%;
  }
  .lpm-25 .read-more-slider .read-more-item .content-wrapper {
    width: 88%;
    margin: auto;
  }
  .lpm-25 .read-more-slider .read-more-item .content-wrapper .wrapper {
    padding: 3rem 0;
  }
  .lpm-25 .read-more-slider .read-more-item .content-wrapper .link {
    right: 0;
  }
}
.lpm-25 .read-more-slider .read-more-item:hover {
  cursor: pointer;
}
.lpm-25 .read-more-slider .read-more-item:hover .image img {
  transform: scale(1.1);
}
.lpm-25 .read-more-slider .read-more-item:hover .image::before {
  background-color: #eab01f;
  opacity: 0.7;
}
.lpm-25 .read-more-slider .read-more-item:hover .link .btn-arrow {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #c28b17;
  background-color: white;
  border: 1px solid;
  border-width: 1px 0;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.lpm-25 .read-more-slider .slick-dots li:only-child {
  display: none;
}
.lpm-26.container {
  text-align: center;
  padding: 0;
}
.lpm-26 .view-filters {
  display: none;
}
.lpm-26 .program-wrapper {
  margin-top: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lpm-26 .program-wrapper .wrapper {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
@media only screen and (max-width: 767px) {
  .lpm-26 .program-wrapper .wrapper {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.lpm-26 .program-wrapper .wrapper:nth-child(odd) .program-item {
  padding-right: 10px;
}
.lpm-26 .program-wrapper .wrapper:nth-child(even) .program-item {
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .lpm-26 .program-wrapper .wrapper .program-item {
    padding: 0 !important;
  }
}
.lpm-26 .program-wrapper .wrapper .program-item .image {
  position: relative;
}
.lpm-26 .program-wrapper .wrapper .program-item .image .cover-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper {
  position: relative;
  margin-top: -3rem;
  width: calc(100% - 6rem);
  background: white;
  text-align: left;
  margin-left: auto;
  padding: 2rem 1rem calc(2rem + 38px) 2rem;
  border-top: 3px solid #eab01f;
  min-height: calc(365px - 4rem);
}
@media only screen and (max-width: 767px) {
  .lpm-26 .program-wrapper .wrapper .program-item .content-wrapper {
    margin-top: -2rem;
    width: calc(100% - 2rem);
    padding: 1rem 0 1rem 1rem;
  }
}
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .location {
  font-size: 1.125rem;
  font-weight: 300;
  color: #595959;
}
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .program-title {
  position: relative;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .program-title:after {
  content: '';
  position: absolute;
  width: 2rem;
  height: 1px;
  background: black;
  bottom: 0;
  left: 0;
}
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .summary {
  font-weight: 300;
}
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .discipline-title,
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .period-title {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  color: white;
  padding: 0 10px;
  background-color: #c28b17;
}
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .discipline,
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .period {
  font-size: 0.9375rem;
  font-weight: 300;
}
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .discipline-wrapper {
  display: flex;
}
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .discipline-wrapper .discipline {
  padding-right: 1rem;
  flex-wrap: wrap;
}
.lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .explore-more {
  font-size: 1.125rem;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .lpm-26 .program-wrapper .wrapper .program-item .content-wrapper .explore-more {
    right: 0;
  }
}
.lpm-27 {
  position: relative;
}
.lpm-27 .tab-wrapper {
  z-index: 1;
  position: absolute;
  background-color: white;
  width: 40%;
  top: 15%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.lpm-27 .tab-wrapper .tab-item,
.lpm-27 .tab-wrapper a > div {
  padding: 1rem;
  border: 1px solid #919191;
  margin: -1px auto;
  font-size: 1.2rem;
}
.lpm-27 .tab-wrapper .tab-item:hover,
.lpm-27 .tab-wrapper a > div:hover {
  cursor: pointer;
  background-color: #b6b6b6;
}
.lpm-27 .tab-wrapper .tab-item.active,
.lpm-27 .tab-wrapper a > div.active {
  color: white;
  background-color: #1b4130;
  border-width: 0 5px 0 0;
  border-color: #eab01f;
}
.lpm-27 .content-wrapper {
  position: relative;
  width: 65%;
  margin-right: 0;
  margin-left: auto;
}
.lpm-27 .content-wrapper .item-content {
  position: relative;
}
.lpm-27 .content-wrapper .item-content .image {
  display: none;
  filter: brightness(40%);
}
.lpm-27 .content-wrapper .item-content .wrapper {
  display: none;
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 80%;
  margin: auto;
  padding-left: 3rem;
}
.lpm-27 .content-wrapper .item-content .wrapper .title {
  color: white;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.lpm-27 .content-wrapper .item-content .wrapper .description p {
  color: white;
  line-height: 1.2;
}
.lpm-27 .content-wrapper .item-content.active .image {
  display: block;
}
.lpm-27 .content-wrapper .item-content.active .wrapper {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-27 .title {
    margin-bottom: 2rem;
  }
  .lpm-27 .tab-wrapper {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 90%;
    box-shadow: none;
  }
  .lpm-27 .tab-wrapper .tab-item,
  .lpm-27 .tab-wrapper a > div {
    position: relative;
    display: none;
    padding: 1rem 2rem 1rem 1rem;
    color: black;
  }
  .lpm-27 .tab-wrapper .tab-item.active.arrow-down::after,
  .lpm-27 .tab-wrapper a > div.active.arrow-down::after {
    content: "\f0d7";
    display: block;
    position: absolute;
    font-weight: 1000;
    right: 1rem;
    top: 50%;
    transform: translate(0, -50%);
  }
  .lpm-27 .tab-wrapper .tab-item.active.arrow-up::after,
  .lpm-27 .tab-wrapper a > div.active.arrow-up::after {
    content: "\f0de";
    display: block;
    position: absolute;
    font-weight: 1000;
    right: 1rem;
    top: 50%;
    transform: translate(0, -30%);
  }
  .lpm-27 .tab-wrapper .tab-item.mobile-show,
  .lpm-27 .tab-wrapper a > div.mobile-show {
    display: block;
  }
  .lpm-27 .content-wrapper {
    width: 100%;
  }
  .lpm-27 .content-wrapper .item-content .wrapper {
    padding: 0;
  }
  .lpm-27 .content-wrapper .item-content .wrapper .title {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-27 {
    padding-left: 0;
    padding-right: 0;
  }
  .lpm-27 .tab-wrapper {
    top: 0;
    width: 100%;
    padding: 0 1rem;
    box-sizing: border-box;
    background: transparent;
  }
  .lpm-27 .tab-wrapper .tab-item,
  .lpm-27 .tab-wrapper a > div {
    font-size: 1rem;
    line-height: 1.2;
    background-color: white;
  }
  .lpm-27 .tab-wrapper .tab-item a .mobile-show,
  .lpm-27 .tab-wrapper a > div a .mobile-show {
    background-color: white;
  }
  .lpm-27 .content-wrapper .item-content .image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .lpm-27 .content-wrapper .item-content .image img {
    width: auto;
    margin: auto;
  }
  .lpm-27 .content-wrapper .item-content .wrapper {
    position: relative;
    width: 100%;
    padding: 2.5rem 2.5rem 1rem;
    box-sizing: border-box;
  }
  .lpm-27 .content-wrapper .item-content .wrapper .title {
    font-size: 1.4285rem;
  }
  .lpm-27 .content-wrapper .item-content .wrapper .description {
    font-size: 1rem;
    line-height: 0;
  }
}
.lpm-33 .title {
  color: #1b4130;
  font-size: 1.75rem;
  text-align: center;
  margin-bottom: 1rem;
}
.lpm-33 .content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-33 .content-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.lpm-33 .content-wrapper .content-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 190px;
  -ms-flex: 0 1 190px;
  flex: 0 1 190px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .lpm-33 .content-wrapper .content-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 33.33%;
    -ms-flex: 0 1 33.33%;
    flex: 0 1 33.33%;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-33 .content-wrapper .content-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
.lpm-33 .content-wrapper .content-item .image {
  min-height: 270px;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .lpm-33 .content-wrapper .content-item .image {
    height: 200px;
    min-height: 200px;
    overflow: hidden;
  }
}
.lpm-33 .content-wrapper .content-item .image:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.lpm-33 .content-wrapper .content-item .content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.lpm-33 .content-wrapper .content-item .content span:not(.level) {
  display: block;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2rem;
}
.lpm-33 .content-wrapper .content-item .content span:not(.level):after {
  content: '-';
  display: block;
}
.lpm-33 .content-wrapper .content-item .content .level {
  display: block;
  font-size: 1.625rem;
}
.lpm-33 .content-wrapper .content-item:nth-child(odd) .image:before {
  opacity: 0.78;
  background: #eab01f;
}
.lpm-33 .content-wrapper .content-item:nth-child(odd) .content {
  color: #1b4130;
}
.lpm-33 .content-wrapper .content-item:nth-child(even) .image:before {
  opacity: 0.78;
  background: #1b4130;
}
.lpm-33 .content-wrapper .content-item:nth-child(even) .content {
  color: white;
}
.image-block {
  overflow: hidden;
  height: 100%;
}
.image-block img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.image-block.fade-in {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0;
  position: relative;
  top: 0;
  width: 100%;
  margin-left: 100%;
  z-index: -1;
}
.image-block.fade-in.active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 1;
  top: 0;
  margin-left: 0;
  z-index: 0;
}
.page-node-type-news .image-block {
  max-width: 800px;
  margin: auto;
}
.page-node-type-news .image-block.fade-in.active {
  margin-left: auto;
}
.xenyo-2col-item--1 .image-block.fade-in {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0;
  position: relative;
  top: 0;
  width: 100%;
  margin-left: -100%;
  z-index: -1;
}
.xenyo-2col-item--1 .image-block.fade-in.active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 1;
  top: 0;
  margin-left: 0;
  z-index: 0;
}
.xenyo-2col-item--2 .image-block.fade-in {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0;
  position: relative;
  top: 0;
  width: 100%;
  margin-left: 100%;
  z-index: -1;
}
.xenyo-2col-item--2 .image-block.fade-in.active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 1;
  top: 0;
  margin-left: 0;
  z-index: 0;
}
.body-block {
  max-width: 800px;
  margin: auto;
}
.body-block.full-width {
  max-width: 1140px;
}
.body-block .title {
  font-size: 2rem;
  margin: 1rem 0;
}
.body-block .body {
  padding-bottom: 1px;
}
.body-block .body p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .body-block h1 {
    font-size: 1.571rem !important;
  }
  .body-block h2 {
    font-size: 1.4285rem !important;
  }
}
.page-node-type-programme .body-block {
  padding: 1rem 0 2rem;
}
.page-node-type-programme .body-block .btn-dark-yellow {
  margin-bottom: 0;
}
.page-nav-bar {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 0 1rem 1.5rem 1rem;
}
.page-nav-bar::-webkit-scrollbar {
  display: none;
}
.page-nav-bar::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 100%;
  width: calc(1140px + (100% - 1140px)/2);
  background-color: #f8f8f8;
  left: -2rem;
  bottom: -1.5rem;
  z-index: 0;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .page-nav-bar::before {
    width: 100%;
    min-width: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .page-nav-bar::before {
    bottom: -1rem;
  }
}
.page-nav-bar .container {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  display: flex;
  flex: 1 0;
  flex-wrap: wrap;
  background-color: #1b4130;
  justify-content: center;
  padding: 1rem 0;
  z-index: 1;
  width: 100%;
  overflow-x: auto;
}
.page-nav-bar .container .item {
  position: relative;
  padding: 0 1rem;
  font-size: 1.125rem;
  white-space: nowrap;
}
.page-nav-bar .container .item a {
  color: white;
}
.page-nav-bar .container .item a:hover {
  color: #eab01f;
}
.page-nav-bar .container .item:not(:last-child)::after {
  position: absolute;
  content: "";
  display: inline-block;
  height: 40%;
  border-right: 1px solid white;
  width: 5px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .page-nav-bar .container {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .page-nav-bar .container {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .page-nav-bar .container {
    padding: 0.5rem 0rem;
  }
  .page-nav-bar .container .item {
    font-size: 1rem;
  }
}
.page-nav-bar.scroll-fixed {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: fixed;
  z-index: 10;
  padding: 0;
  width: 100%;
}
.page-nav-bar.scroll-fixed > .container {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  max-width: 100%;
}
.photo-slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.photo-slider .slides {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2rem;
}
.photo-slider .slides .gallery-image {
  padding: 0 0.2rem;
}
.photo-slider .slides .gallery-image img {
  height: 340px;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .photo-slider .slides .gallery-image img {
    height: 300px;
  }
}
.photo-slider .slick-dots {
  bottom: -3rem;
}
.photo-slider .slick-dots button:before {
  font-size: 0.875rem;
}
.photo-slider .slick-dots .slick-active button:before {
  color: #eab01f;
}
.photo-slider .slick-prev:focus-visible::before {
  outline: 1px solid black !important;
}
.photo-slider .slick-prev:before {
  color: #717171;
  font-weight: 100;
  font-size: 4rem;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  border: 1px solid #717171;
  border-width: 0 0 3px 3px;
  transform: rotate(45deg);
}
.photo-slider .slick-next:focus-visible::before {
  outline: 1px solid black !important;
}
.photo-slider .slick-next:before {
  color: #717171;
  font-weight: 100;
  font-size: 4rem;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  border: 1px solid #717171;
  border-width: 3px 3px 0 0;
  transform: rotate(45deg);
}
.full-width .paragraph--type--hkuad-photo-slider {
  max-width: calc(1140px + 4rem);
  margin-left: auto;
  margin-right: auto;
}
.video-with-description {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 3rem;
}
.video-with-description.flip .wrapper::after {
  left: 100%;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
}
.video-with-description .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1140px;
  width: 100%;
  margin: auto;
  position: relative;
  border-top: 3px solid #eab01f;
}
@media only screen and (max-width: 767px) {
  .video-with-description .wrapper {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.video-with-description .wrapper:after {
  content: '';
  position: absolute;
  top: -3px;
  z-index: 0;
  width: calc((100vw - 1140px)/2);
  height: 100%;
  border-top: 3px solid #eab01f;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.video-with-description .field--name-field-hkuad-bili-bili-video,
.video-with-description .youtube-video {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 60%;
  -ms-flex: 0 1 60%;
  flex: 0 1 60%;
  position: relative;
  top: -3rem;
}
@media only screen and (max-width: 767px) {
  .video-with-description .field--name-field-hkuad-bili-bili-video,
  .video-with-description .youtube-video {
    padding: 0 1rem;
  }
}
.video-with-description .field--name-field-hkuad-bili-bili-video iframe,
.video-with-description .youtube-video iframe {
  min-height: 370px;
}
@media only screen and (max-width: 767px) {
  .video-with-description .field--name-field-hkuad-bili-bili-video iframe,
  .video-with-description .youtube-video iframe {
    min-height: 200px;
  }
}
.video-with-description .field--name-field-hkuad-bili-bili-video iframe {
  width: 100%;
}
.video-with-description .video {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 660px;
  -ms-flex: 0 1 660px;
  flex: 0 1 660px;
  position: relative;
  top: -3rem;
}
@media only screen and (max-width: 767px) {
  .video-with-description .video {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 330px;
    -ms-flex: 0 1 330px;
    flex: 0 1 330px;
  }
}
.video-with-description .content-wrapper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 30%;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
  position: relative;
  z-index: 1;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .video-with-description .content-wrapper {
    top: -1rem;
    padding: 0 1rem;
  }
}
.video-with-description .content-wrapper .title {
  font-size: 2.175rem;
  padding-bottom: 0.5rem;
  line-height: 1em;
}
.video-with-description.bg-color--F8F8F8 {
  background-color: #f8f8f8;
}
.video-with-description.bg-color--F8F8F8 .wrapper:after {
  background-color: #f8f8f8;
}
.video-with-description.bg-color--FFFCF1 {
  background-color: #fffcf1;
}
.video-with-description.bg-color--FFFCF1 .wrapper:after {
  background-color: #fffcf1;
}
.video-with-description.bg-color--F5F9F7 {
  background-color: #f5f9f7;
}
.video-with-description.bg-color--F5F9F7 .wrapper:after {
  background-color: #f5f9f7;
}
html[lang="zh-hant"] .video-with-description .content-wrapper .description p,
html[lang="zh-hans"] .video-with-description .content-wrapper .description p {
  line-height: 1.3;
}
.undergradute-program-wrapper {
  padding-bottom: 3.75rem;
  position: relative;
}
.undergradute-program-wrapper .filter-header {
  margin-bottom: 2rem;
}
.undergradute-program-wrapper .filter-header .total-program {
  text-align: center;
  font-size: 2.125rem;
  line-height: 1.2em;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .filter-header .total-program {
    font-size: 1.571rem;
  }
}
.undergradute-program-wrapper .filter-header .question {
  text-align: center;
  font-size: 1.625rem;
  line-height: 1.2em;
  color: #1b4130;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .filter-header .question {
    font-size: 1.428rem;
  }
}
.undergradute-program-wrapper .view-header {
  font-size: 1.25rem;
  font-weight: 100;
  text-align: center;
  margin-bottom: 1rem;
}
.undergradute-program-wrapper .view-filters {
  position: relative;
  background-color: white;
  border-top: 5px solid #1b4130;
  box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.3);
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset {
  -webkit-transition: all 0.4s, background-color 0s;
  -moz-transition: all 0.4s, background-color 0s;
  -o-transition: all 0.4s, background-color 0s;
  transition: all 0.4s, background-color 0s;
  position: relative;
  margin: 0;
  padding: 1.5rem;
  border-left: 1px solid #e6e6e7;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset {
    padding: 0 1.5rem;
    margin: 1.5rem 0;
    border-left: 0;
  }
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset legend {
  position: absolute;
  display: block;
  top: 1.5rem;
  color: #c28b17;
  font-weight: 700;
  display: flex;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset legend span {
  padding-right: 6px;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset legend {
    position: relative;
    top: 0;
  }
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset legend:after {
  content: '';
  position: absolute;
  width: 1.2rem;
  height: 2px;
  background: #eab01f;
  bottom: 0;
  left: 0;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset .fieldset-wrapper {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset .fieldset-wrapper {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 100%;
    margin-top: 0.5rem;
  }
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset .fieldset-wrapper .form-type-checkbox label {
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.2em;
  padding: 0 0 0 1.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset .fieldset-wrapper .form-type-checkbox label {
    padding-bottom: 0.5rem;
  }
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset .fieldset-wrapper .form-type-checkbox label:before {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 0.3rem;
  left: 0;
  content: '';
  width: 8px;
  height: 8px;
  border: 1px solid #1b4130;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset .fieldset-wrapper .form-type-checkbox .form-checkbox {
  opacity: 0;
  position: absolute;
  top: 0.25rem;
  cursor: pointer;
  width: 12px;
  height: 12px;
  z-index: 0;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset .fieldset-wrapper .form-type-checkbox input:checked ~ label:before {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #eab01f;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset .form-checkboxes {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset .form-checkboxes {
    display: none;
  }
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active {
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
  margin: 0;
  padding: 0;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active legend {
  display: none;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active .undergradute-program-mobile-filter {
  cursor: pointer;
  padding: 1rem;
  border-radius: 5px 5px 0 0;
  background-color: #F0F0F0;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active .undergradute-program-mobile-filter:after {
  content: '\f0d8';
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active .fieldset-wrapper {
  position: fixed;
  z-index: 10;
  top: 10vh;
  left: 1rem;
  background-color: white;
  width: calc(100% - 2rem);
  height: 80vh;
  border-radius: 5px;
  margin: 0;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active .fieldset-wrapper {
    top: 110px;
    height: calc(100vh - 130px);
  }
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active .fieldset-wrapper .form-checkboxes {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active .fieldset-wrapper .form-checkboxes .form-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin: 1rem;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active .fieldset-wrapper .form-checkboxes .form-item label {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active .fieldset-wrapper .form-checkboxes .form-item label:before {
  top: 0.15rem;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset.mobile-filter-active .fieldset-wrapper .form-checkboxes .form-item .form-checkbox {
  top: 0.15rem;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset[data-drupal-selector="edit-field-hkuad-discipline-target-id"] {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset[data-drupal-selector="edit-field-hkuad-faculty-target-id"] {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset[data-drupal-selector="edit-field-hkuad-curriculum-target-id"] {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline .undergradute-program-mobile-filter {
  display: none;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline .undergradute-program-mobile-filter {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F0F0F0;
    width: 100%;
    padding: 0.8rem 1rem;
    box-sizing: border-box;
  }
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline .undergradute-program-mobile-filter:after {
    content: '\f0d7';
    font-weight: 900;
    margin-left: auto;
  }
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset[data-drupal-selector="edit-field-hkuad-discipline-target-id"] .form-checkboxes {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset[data-drupal-selector="edit-field-hkuad-discipline-target-id"] .form-checkboxes {
    display: none;
  }
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset[data-drupal-selector="edit-field-hkuad-discipline-target-id"] .form-checkboxes .form-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 calc(50% - 7.5px);
  -ms-flex: 0 1 calc(50% - 7.5px);
  flex: 0 1 calc(50% - 7.5px);
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset[data-drupal-selector="edit-field-hkuad-discipline-target-id"] .form-checkboxes .form-item:nth-child(2n+1) {
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset[data-drupal-selector="edit-field-hkuad-discipline-target-id"] {
    margin-bottom: 0;
  }
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset[data-drupal-selector="edit-field-hkuad-faculty-target-id"] {
    margin-top: 0;
    margin-bottom: 0;
  }
  .undergradute-program-wrapper .view-filters .views-exposed-form .form--inline fieldset[data-drupal-selector="edit-field-hkuad-curriculum-target-id"] {
    margin-top: 0;
  }
}
.undergradute-program-wrapper .view-filters .views-exposed-form .form-actions {
  display: none;
}
.undergradute-program-wrapper .filter-footer {
  position: relative;
  margin: 1.5rem 0 2.5rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .filter-footer {
    margin: 1.5rem 0;
  }
}
.undergradute-program-wrapper .filter-footer .total-program {
  display: inline;
  position: relative;
  text-align: center;
  font-size: 1.625rem;
  padding-bottom: 8px;
  background-image: linear-gradient(rgba(255, 0, 0, 0) 95%, #eab01f 5%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .filter-footer .total-program {
    font-size: 1.428rem;
    width: 80%;
  }
}
.undergradute-program-wrapper .filter-footer .reset-filter {
  position: absolute;
  right: 0;
  top: 0.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .undergradute-program-wrapper .filter-footer .reset-filter {
    top: unset;
  }
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .filter-footer .reset-filter {
    position: static;
    margin-top: 1rem;
  }
}
.undergradute-program-wrapper .filter-footer .reset-filter button {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #7D7D7D;
  font-size: 1.125rem;
  background-color: transparent;
  padding: 4px 0 4px 1.5rem;
}
.undergradute-program-wrapper .filter-footer .reset-filter button:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #c28b17;
  background-color: white;
  border: 1px solid;
  border-width: 1px 0;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.undergradute-program-wrapper .filter-footer .reset-filter button:before {
  content: '\f01e';
  position: absolute;
  left: 0;
}
.undergradute-program-wrapper .filter-footer .reset-filter button:hover {
  padding: 4px 8px 4px calc(1.5rem + 8px);
}
.undergradute-program-wrapper .filter-footer .reset-filter button:hover::before {
  left: 8px;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .filter-footer .reset-filter button {
    position: relative;
    font-size: 1rem;
  }
}
.undergradute-program-wrapper .view-content .views-row {
  cursor: pointer;
  border-top: 1px solid #E5E5E6;
}
.undergradute-program-wrapper .view-content .views-row .program-list-item {
  position: relative;
  overflow: hidden;
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 1.5rem 2.5rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content {
    padding: 1rem 1rem 1.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-title {
    -webkit-box-ordinal-group: -2;
    -moz-box-ordinal-group: -2;
    -ms-flex-order: -2;
    -webkit-order: -2;
    order: -2;
  }
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .faculty {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .link-to-program {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  right: 2.5rem;
  top: 50px;
  transform: translate(0, -50%);
  z-index: 5;
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .link-to-program .arrow-img {
  background-image: url('explore_more.svg');
  padding: 13.5px;
  background-repeat: no-repeat;
  opacity: 0.7;
  top: 5px;
  position: relative;
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .link-to-program .arrow-img:hover {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .link-to-program {
    right: 1rem;
    top: auto;
    bottom: -20px;
  }
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .link-to-program .arrow-img {
    padding: 10px;
  }
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content > .faculty {
  color: #9a6c0b;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content > .faculty {
    position: relative;
  }
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content > .faculty:after {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1px;
    background: black;
    bottom: -0.2rem;
    left: 0;
  }
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-title {
  position: relative;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 0.8rem;
  line-height: 1.2em;
  color: #1b4130;
  width: 85%;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-title {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-title {
    font-size: 1.428rem;
    margin-bottom: 0;
    padding-right: 2rem;
    width: 100%;
  }
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-title:after {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1px;
  background: black;
  bottom: -0.5rem;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-title:after {
    display: none;
  }
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-major-title {
  font-size: 0.875rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-major-title {
    margin-top: 1rem;
  }
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-major {
  font-size: 0.9375rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-major {
    margin-bottom: 0;
  }
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-info-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  position: relative;
  top: 0;
  width: 100%;
  height: 0;
  margin-left: 100%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-info-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-info-wrapper .program-info-col {
  padding-right: 4rem;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-info-wrapper .program-info-col {
    padding: 0 0 0.5rem;
  }
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-info-wrapper .program-info-col:nth-child(odd) {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
  }
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-info-wrapper .program-info-col:nth-child(even) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
  }
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-info-wrapper .program-info-col .content-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #9a6c0b;
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-info-wrapper .program-info-col .content {
  font-size: 0.9375rem;
  font-weight: 300;
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-content .program-info-wrapper .program-info-col:last-child {
  padding-right: 0;
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-summary {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  padding: 0 2.5rem;
  max-height: 0px;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row .program-list-item .program-summary {
    padding: 0 1rem;
  }
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-summary * {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  top: 0;
  width: 100%;
  height: 0;
  margin-left: 100%;
  z-index: -1;
}
.undergradute-program-wrapper .view-content .views-row .program-list-item .program-summary *:last-child {
  margin-bottom: 0;
}
.undergradute-program-wrapper .view-content .views-row:last-child {
  border-bottom: 1px solid #E5E5E6;
}
.undergradute-program-wrapper .view-content .views-row.active {
  cursor: auto;
  border-top: 1px solid #1b4130;
  border-bottom: 1px solid #1b4130;
}
.undergradute-program-wrapper .view-content .views-row.active .program-list-item {
  cursor: pointer;
}
.undergradute-program-wrapper .view-content .views-row.active .program-list-item .program-content {
  background-color: #f5f9f7;
}
.undergradute-program-wrapper .view-content .views-row.active .program-list-item .program-content .program-info-wrapper {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  top: 0;
  margin-left: 0;
  padding-top: 0.5em;
  height: auto;
  z-index: 0;
}
.undergradute-program-wrapper .view-content .views-row.active .program-list-item .program-content .link-to-program {
  top: 50px;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row.active .program-list-item .program-content .link-to-program {
    top: auto;
  }
}
.undergradute-program-wrapper .view-content .views-row.active .program-list-item .program-content .link-to-program .arrow-img {
  animation: bounce 1000ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  opacity: 1;
}
.undergradute-program-wrapper .view-content .views-row.active .program-list-item .program-summary {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  visibility: visible;
  padding: 1.5rem 2.5rem;
  background-color: #EAF3EF;
  max-height: 300px;
}
@media only screen and (max-width: 767px) {
  .undergradute-program-wrapper .view-content .views-row.active .program-list-item .program-summary {
    padding: 1rem;
  }
}
.undergradute-program-wrapper .view-content .views-row.active .program-list-item .program-summary * {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  height: auto;
  top: 0;
  margin-left: 0;
  z-index: 0;
}
.undergradute-program-wrapper .view-content .views-row:hover .program-list-item .program-content {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #f5f9f7;
}
.full-width-background .lpm-1-1 {
  z-index: 0;
}
.full-width-background .lpm-1-1:after {
  content: '';
  position: absolute;
  top: 33%;
  width: 100vw;
  height: 800px;
  background-image: url('pattern_light_green.png');
  background-color: #f8f8f8;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .full-width-background .lpm-1-1:after {
    top: 40%;
    height: 600px;
  }
}
.block-international-qualification-admission-standard-block {
  padding: 3.75rem 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > hr {
  border-color: #E5E5E6;
  max-width: 900px;
  margin: 0 auto;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.625rem;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .current-country {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: #1b4130;
  border-bottom: 1px solid #1b4130;
  min-width: 200px;
  margin: 0 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .current-country:before {
  content: '\f3c5';
  font-weight: 700;
  padding: 0 0.5rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .current-country:after {
  content: '\f0d7';
  font-weight: 700;
  padding: 0 0.5rem;
  font-size: 0.7em;
  margin-left: auto;
  position: relative;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top span.active ~ .current-country:after {
  content: '\f0de';
  top: 5px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown {
  position: relative;
  top: -1px;
  height: 100%;
  max-height: 999px;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  border-top: 1px solid #1b4130;
  background-color: white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.43);
  text-align: left;
  max-width: 900px;
  margin: 0 auto;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown.fade-enter-active,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown.fade-leave-active {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown.fade-enter,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown.fade-leave-to {
  opacity: 0;
  max-height: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
  font-size: 1.125rem;
  padding: 0 1.625rem 0 0.625rem;
  flex-wrap: wrap;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-wrapper .tab-selector {
  cursor: pointer;
  color: #626262;
  padding: 0.625rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-wrapper .tab-selector.active {
  color: #1b4130;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-item-wrapper {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  margin: 0 auto;
  padding: 1rem 1.25rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-item-wrapper .tab-item {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -10px;
  width: 100%;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-item-wrapper .tab-item:first-child .alaphbatic-item:first-child {
  margin-top: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-item-wrapper .tab-item .alaphbatic-item {
  margin-top: 0.5rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-item-wrapper .tab-item .alaphbatic-item .letter {
  color: #c28b17;
  font-size: 1.125rem;
  font-weight: 300;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-item-wrapper .tab-item .alaphbatic-item .country {
  font-size: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-item-wrapper .tab-item .alaphbatic-item .country ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-item-wrapper .tab-item .alaphbatic-item .country ul li {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  margin: 0;
  margin-right: 0.8rem;
  opacity: 0.6;
  background-image: linear-gradient(rgba(255, 0, 0, 0) 95%, black 5%);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-position: center;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-item-wrapper .tab-item .alaphbatic-item .country ul li:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-size: 100% 100%;
  opacity: 1;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .top .country-select-dropdown .tab-item-wrapper .tab-item.active {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  position: relative;
  top: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .countryDescription {
  max-width: 800px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-top: 2rem;
}
@media only screen and (max-width: 767px) {
  .block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .countryDescription {
    width: 90%;
  }
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper {
  max-width: 800px;
  margin: 2rem auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper > div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .list-enter-active,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .list-leave-active {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .list-enter,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .qualification-option {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  width: calc(25% - 4px);
  background-color: #f8f8f8;
  padding: 1.5rem 0;
  margin: 2px;
}
@media only screen and (max-width: 767px) {
  .block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .qualification-option {
    width: calc(50% - 4px);
  }
  .block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .qualification-option.active {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background-color: #1b4130;
  }
  .block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .qualification-option.active span {
    color: white;
  }
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .qualification-option span {
  display: block;
  color: #626262;
  padding: 0 1rem;
  text-align: center;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .qualification-option:hover,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .qualification-option.active {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: #1b4130;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .qualification-option:hover span,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-option-wrapper .qualification-option.active span {
  color: white;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-name {
  max-width: 800px;
  margin: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-name > div {
  padding: 1rem;
  background-color: #1b4130;
  color: white;
  display: inline-block;
  margin: 2px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-description {
  max-width: 800px;
  margin: 1rem auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-description.fade-enter-active,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-description.fade-leave-active {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-description.fade-enter,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .qualification-description.fade-leave-to {
  opacity: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom {
  text-align: center;
  margin: 1rem 0;
  padding-left: 1rem;
  padding-right: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .text {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  color: #1b4130;
  line-height: 1.2em;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .show-full-qualification-list {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  opacity: 1;
  cursor: pointer;
  display: inline-block;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  color: #7A7A7A;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .show-full-qualification-list:after {
  content: '';
  background-image: url('arrow_show.svg');
  background-repeat: no-repeat;
  width: 12px;
  height: 9px;
  display: inline-block;
  margin-left: 5px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .show-full-qualification-list.shown:after {
  background-image: url('arrow_hide.svg');
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list {
  position: relative;
  height: 100%;
  max-height: 2000px;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  background-color: white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.43);
  text-align: left;
  margin: 0 auto;
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list.fade-enter-active,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list.fade-leave-active {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list.fade-enter,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list.fade-leave-to {
  opacity: 0;
  max-height: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-wrapper-border {
  width: 100%;
  border-bottom: 1px solid #E5E5E6;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 800px;
  font-size: 1.125rem;
  padding: 0 0.625rem;
  margin: 0 auto;
  flex-wrap: wrap;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-wrapper .tab-selector {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  color: #626262;
  padding: 0.625rem;
  background-image: linear-gradient(rgba(255, 0, 0, 0) 95%, #eab01f 5%);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-position: center;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-wrapper .tab-selector.active,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-wrapper .tab-selector:hover {
  color: #c28b17;
  background-size: 40% 100%;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .question-answer {
  position: absolute;
  right: 10px;
  top: 10px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-item-wrapper {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  max-width: 780px;
  padding: 1rem 1.25rem;
  margin: 0 auto;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-item-wrapper .tab-item {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -10px;
  width: 100%;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-item-wrapper .tab-item:first-child .alaphbatic-item:first-child {
  margin-top: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-item-wrapper .tab-item .alaphbatic-item {
  margin-top: 0.5rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-item-wrapper .tab-item .alaphbatic-item .letter {
  color: #c28b17;
  font-size: 1.125rem;
  font-weight: 300;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-item-wrapper .tab-item .alaphbatic-item .qualification {
  font-size: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-item-wrapper .tab-item .alaphbatic-item .qualification ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-item-wrapper .tab-item .alaphbatic-item .qualification ul li {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  margin: 0;
  margin-right: 0.8rem;
  opacity: 0.6;
  background-image: linear-gradient(rgba(255, 0, 0, 0) 95%, black 5%);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-position: center;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-item-wrapper .tab-item .alaphbatic-item .qualification ul li:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-size: 100% 100%;
  opacity: 1;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .tab-item-wrapper .tab-item.active {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  position: relative;
  top: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list .show-full-qualification-list {
  width: 100%;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list ~ .text {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom hr {
  max-width: 800px;
  margin: 0 auto;
  border-color: #E5E5E6;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list ~ .show-full-qualification-list {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
  visibility: hidden;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .qualification .bottom .full-qualification-list ~ hr {
  display: none;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme {
  display: none;
  padding: 2.25rem 0rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .top {
  max-width: 800px;
  margin: 0 auto;
  color: #1b4130;
  font-size: 1.625rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .search-wrapper {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  padding: 0 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .search-wrapper .programme-search-input {
  width: 100%;
  min-height: 60px;
  border: 0;
  padding: 0 4rem 0 2rem;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .search-wrapper .fa-search {
  cursor: pointer;
  display: block;
  position: absolute;
  color: #c28b17;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 1.375rem;
  line-height: 1em;
  right: 1.8rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .programme-search-autocomplete-results {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  list-style: none;
  box-sizing: border-box;
  border: 1px solid #b6b6b6;
  background-color: white;
  padding: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .programme-search-autocomplete-results li {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  margin: 0;
  padding: 0.5rem 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .programme-search-autocomplete-results li:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #f8f8f8;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  text-align: center;
  border-bottom: 1px solid #E5E5E6;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .show-full-programme-list {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 1;
  cursor: pointer;
  display: inline-block;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  color: #7A7A7A;
  line-height: 1.2em;
  text-align: center;
  margin: 1rem 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .show-full-programme-list:after {
  content: '';
  background-image: url('arrow_show.svg');
  background-repeat: no-repeat;
  width: 12px;
  height: 9px;
  display: inline-block;
  margin-left: 5px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .show-full-programme-list.shown:after {
  background-image: url('arrow_hide.svg');
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list.fade-enter-active {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list.fade-enter,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list.fade-leave-to {
  opacity: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .faculty-select-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 1140px;
  margin: 2rem auto;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .faculty-select-wrapper .faculty-select {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 1rem;
  margin: 0 2.5px;
  border: 1px solid #1b4130;
  max-width: 300px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .faculty-select-wrapper .faculty-select {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .faculty-select-wrapper .faculty-select.active {
  background-color: #1b4130;
  color: white;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .faculty-select-wrapper .faculty-select:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: #1b4130;
  color: white;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .programme-list-wrapper {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .programme-list-wrapper .faculty-name {
  color: #1b4130;
  font-size: 1.25rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  padding: 1rem;
  border-bottom: 1px solid #E5E5E6;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  background-color: white;
  border-radius: 1px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row:hover .programme-name {
  color: #1b4130;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row:hover .view-detail a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: inline;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row:hover .view-detail a::after {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "\f178";
  padding-left: 10px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row .programme-name {
  font-size: 1.125rem;
  font-weight: 300;
  color: #1b4130;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row .view-detail a {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.125rem;
  color: #717171;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list-mobile .faculty-wrapper {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list-mobile .faculty-wrapper .faculty-name {
  color: #1b4130;
  font-size: 1.25rem;
  border-bottom: 1px solid #717171;
  margin: 0 1rem;
  padding: 1rem;
  text-align: left;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  z-index: 3;
  position: relative;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list-mobile .faculty-wrapper .program-list {
  margin: 0 1rem;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  max-height: 999px;
  opacity: 1;
  z-index: 2;
  position: relative;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list-mobile .faculty-wrapper .program-list .programme-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  padding: 1rem 1rem 1rem 2rem;
  border-bottom: 1px solid #E5E5E6;
  text-align: left;
  background-color: white;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list-mobile .faculty-wrapper .program-list .programme-row .programme-name {
  font-size: 1.125rem;
  font-weight: 300;
  color: #1b4130;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list-mobile .faculty-wrapper .program-list.hideheight {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  max-height: 0px;
  opacity: 0;
  z-index: 1;
  position: relative;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme .bottom .full-programme-list-mobile .faculty-wrapper.active .faculty-name {
  border-color: black;
  background-color: #1b4130;
  color: white;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .select-programme span.active ~ .bottom {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: #f8f8f8;
  padding: 3rem 0;
  margin-top: -30px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper {
  max-width: 1140px;
  margin: 0 auto;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .view-detail {
  text-align: right;
  display: inline-block;
  float: right;
  padding-bottom: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .view-detail a {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.125rem;
  color: #eab01f;
  font-weight: 500;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .view-detail a::after {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "";
  position: relative;
  display: inline-block;
  color: #eab01f;
  font-size: 1.125rem;
  padding-left: 0px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .view-detail:hover a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: inline;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .view-detail:hover a::after {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "\f178";
  padding-left: 10px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .programme-name {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .programme-faculty {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  color: #575757;
  font-weight: 300;
  font-size: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .qualification-message {
  margin-top: 1rem;
  padding: 10px 1rem;
  background-color: #f5f9f7;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .qualification-message p {
  font-size: 1rem;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  margin-bottom: 0;
  line-height: 1.6;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .info {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  text-align: left;
  padding: 1rem 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .top .info table {
  margin-bottom: 20px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .bottom {
  text-align: right;
  padding-right: 1rem;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .bottom .select-another-programme {
  display: inline-block;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid transparent;
  border-width: 1px 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #7d7d7d;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .bottom .select-another-programme:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #c28b17;
  background-color: white;
  border: 1px solid;
  border-width: 1px 0;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail .wrapper .bottom .select-another-programme::before {
  content: "\f060";
  padding-right: 10px;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail.fade-enter-active,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail.fade-leave-active {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail.fade-enter,
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper > .programme-detail.fade-leave-to {
  opacity: 0;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .wrapper .show-searchbar ~ .select-programme {
  display: block;
}
.block-international-qualification-admission-standard-block .international-qualifications-wrapper .title-type-1 {
  margin-left: auto;
  margin-right: auto;
}
.block-hkdse-admission-standard-block {
  padding: 3.75rem 0;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .top {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  color: #1b4130;
  text-align: center;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .top .title {
  font-size: 1.75rem;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .top .second {
  font-size: 1.625rem;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .search {
  margin: 0.5rem 0;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .search .search-wrapper {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .search .search-wrapper {
    padding: 0 1rem;
  }
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .search .search-wrapper .programme-search-input {
  width: 100%;
  min-height: 60px;
  border: 0;
  padding: 0 4rem 0 2rem;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  font-size: 1.25rem;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  color: #444;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .search .search-wrapper .fa-search {
  cursor: pointer;
  display: block;
  position: absolute;
  color: #c28b17;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 1.375rem;
  line-height: 1em;
  right: 1.8rem;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .search .programme-search-autocomplete-results {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  list-style: none;
  box-sizing: border-box;
  border: 1px solid #b6b6b6;
  background-color: white;
  padding: 0;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .search .programme-search-autocomplete-results li {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  margin: 0;
  padding: 0.5rem 1rem;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .search .programme-search-autocomplete-results li:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #f8f8f8;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1rem 0;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .show-full-programme-list {
  cursor: pointer;
  color: #7a7a7a;
  margin-top: 20px;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .show-full-programme-list:after {
  content: '';
  background-image: url('arrow_show.svg');
  background-repeat: no-repeat;
  width: 12px;
  height: 9px;
  display: inline-block;
  margin-left: 5px;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .show-full-programme-list.shown:after {
  background-image: url('arrow_hide.svg');
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list {
  width: 100%;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list.fade-enter-active {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list.fade-enter,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list.fade-leave-to {
  opacity: 0;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .faculty-select-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 1140px;
  margin: 2rem auto;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .faculty-select-wrapper .faculty-select {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 1rem;
  margin: 0 2.5px;
  border: 1px solid #1b4130;
  max-width: 300px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .faculty-select-wrapper .faculty-select {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .faculty-select-wrapper .faculty-select.active {
  background-color: #1b4130;
  color: white;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .faculty-select-wrapper .faculty-select:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: #1b4130;
  color: white;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .programme-list-wrapper {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .programme-list-wrapper .faculty-name {
  color: #1b4130;
  font-size: 1.25rem;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  padding: 1rem;
  border-bottom: 1px solid #E5E5E6;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  background-color: white;
  border-radius: 1px;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row:hover .programme-name {
  color: #1b4130;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row:hover .view-detail a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: inline;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row:hover .view-detail a::after {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "\f178";
  padding-left: 10px;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row .programme-name {
  font-size: 1.125rem;
  font-weight: 300;
  color: black;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row .view-detail a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.125rem;
  color: #717171;
  display: none;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list .programme-list-wrapper .programme-list .programme-row .view-detail a::after {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "";
  position: relative;
  display: inline-block;
  color: #717171;
  font-size: 1.125rem;
  padding-left: 0px;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list-mobile {
  width: 100%;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list-mobile .faculty-wrapper {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list-mobile .faculty-wrapper .faculty-name {
  color: #1b4130;
  font-size: 1.25rem;
  border-bottom: 1px solid #717171;
  margin: 0 1rem;
  padding: 1rem;
  text-align: left;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  z-index: 3;
  position: relative;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list-mobile .faculty-wrapper .program-list {
  margin: 0 1rem;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  max-height: 999px;
  opacity: 1;
  z-index: 2;
  position: relative;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list-mobile .faculty-wrapper .program-list .programme-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  padding: 1rem 1rem 1rem 2rem;
  border-bottom: 1px solid #E5E5E6;
  text-align: left;
  background-color: white;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list-mobile .faculty-wrapper .program-list .programme-row .programme-name {
  font-size: 1.125rem;
  font-weight: 300;
  color: #1b4130;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list-mobile .faculty-wrapper .program-list.hideheight {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  max-height: 0px;
  opacity: 0;
  z-index: 1;
  position: relative;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .bottom .full-programme-list-mobile .faculty-wrapper.active .faculty-name {
  border-color: black;
  background-color: #1b4130;
  color: white;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper {
  max-width: 1140px;
  margin: 0 auto;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top {
  text-align: center;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .title {
  font-size: 1.625rem;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .programme-name {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .programme-faculty {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  color: #575757;
  font-weight: 300;
  font-size: 1rem;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .view-detail {
  text-align: right;
  display: inline-block;
  float: right;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .view-detail {
    padding-right: 1rem;
  }
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .view-detail a {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.125rem;
  color: #eab01f;
  font-weight: 500;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .view-detail a::after {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "";
  position: relative;
  display: inline-block;
  color: #eab01f;
  font-size: 1.125rem;
  padding-left: 0px;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .view-detail:hover a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: inline;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .view-detail:hover a::after {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "\f178";
  padding-left: 10px;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .info,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .special-info {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  text-align: left;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .info table tr td,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .special-info table tr td {
  font-size: 1rem;
  font-weight: 300;
  overflow-wrap: unset;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .info table tr td p,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .special-info table tr td p {
  margin: 0;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .info .lpm-18 .accordion .accordion-item:nth-child(1) .accordion-description table:nth-child(2) tr td,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .special-info .lpm-18 .accordion .accordion-item:nth-child(1) .accordion-description table:nth-child(2) tr td,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .info .lpm-18 .accordion .accordion-item:nth-child(2) .accordion-description table:nth-child(4) tr td,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .special-info .lpm-18 .accordion .accordion-item:nth-child(2) .accordion-description table:nth-child(4) tr td,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .info .lpm-18 .accordion .accordion-item:nth-child(3) .accordion-description table:nth-child(2) tr td,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .special-info .lpm-18 .accordion .accordion-item:nth-child(3) .accordion-description table:nth-child(2) tr td {
  text-align: center;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .top .special-info {
  max-width: 800px;
  margin: auto;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .bottom {
  text-align: right;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .bottom .select-another-programme {
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: bold;
  color: #7d7d7d;
}
@media only screen and (max-width: 767px) {
  .block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .bottom .select-another-programme {
    padding-right: 1rem;
  }
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .bottom .select-another-programme:before {
  content: '\f060';
  padding-right: 0.5rem;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail .wrapper .info .body-block {
  max-width: 1280px;
  padding: 0 !important;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail.fade-enter-active,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail.fade-leave-active {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail.fade-enter,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper > .programme-detail.fade-leave-to {
  opacity: 0;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper span.active ~ .bottom {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: #f8f8f8;
  padding: 3rem 0;
  margin-top: -35px;
}
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper span.opened-programme ~ .search,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper span.opened-programme ~ .bottom,
.block-hkdse-admission-standard-block .hkdse-wrapper #hkdse-admission-standard-programme-specific > .wrapper span.opened-programme ~ .top .second {
  display: none;
}
.jupas .admission-standards .entrance-requirement {
  cursor: pointer;
  text-align: center;
  font-size: 1.75rem;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  color: #1b4130;
}
.jupas .admission-standards .entrance-requirement span {
  font-size: 1.25rem;
  color: #c28b17;
}
.jupas .admission-standards .entrance-requirement span::after {
  content: '\f322';
  width: 12px;
  height: 9px;
  display: inline-block;
  margin-left: 5px;
  font-size: 1rem;
  font-weight: 300;
  color: #c28b17;
}
.jupas .admission-standards .entrance-requirement span.hide-detail {
  opacity: 0;
  display: none;
}
.jupas .admission-standards .field .field__item:nth-child(4) .lpm-18,
.jupas .admission-standards .requirement {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  max-height: 0;
  overflow: hidden;
  padding: 0;
}
.jupas .admission-standards.active .entrance-requirement span.hide-detail {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  opacity: 1;
}
.jupas .admission-standards.active .entrance-requirement span.view-detail {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: none;
  opacity: 0;
}
.jupas .admission-standards.active .entrance-requirement span::after {
  content: '\f325';
}
.jupas .admission-standards.active .field .field__item:nth-child(4) .lpm-18,
.jupas .admission-standards.active .requirement {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  max-height: 1500px;
  padding: inherit;
}
.hkdse-jupas-cal {
  --program-list-btn-width: 326px;
  position: relative;
  margin-top: -50px;
  min-height: 600px;
}
@media only screen and (max-width: 767px) {
  .hkdse-jupas-cal {
    --program-list-btn-width: 250px;
  }
}
.hkdse-jupas-cal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 280px;
  background-image: url('pattern_grey_green.jpg');
}
.hkdse-jupas-cal__container {
  position: relative;
  margin: 0 auto;
  padding: 90px 32px 0;
  max-width: 1500px;
}
@media only screen and (max-width: 767px) {
  .hkdse-jupas-cal__container {
    padding: 90px 28px 0;
  }
}
.hkdse-jupas-cal__filter-wrapper {
  padding: 60px 110px;
  background-color: #1b4130;
  text-align: center;
  color: white;
  background-image: url('home_page_program_search.jpg');
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .hkdse-jupas-cal__filter-wrapper {
    padding: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__filter-wrapper {
    padding: 30px;
  }
}
.hkdse-jupas-cal__sub-title {
  color: #eab01f;
  font-size: 18px;
}
.hkdse-jupas-cal__title {
  font-size: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__title {
    font-size: 24px;
  }
}
.hkdse-jupas-cal__description {
  max-width: 750px;
  margin: 20px auto;
  font-size: 18px;
}
.hkdse-jupas-cal__description span {
  color: #eab01f;
}
@media only screen and (max-width: 767px) {
  .hkdse-jupas-cal__description {
    font-size: 16px;
    line-height: 1.2;
  }
}
.hkdse-jupas-cal__input-wrapper {
  display: flex;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__input-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.hkdse-jupas-cal__search {
  color: black;
  flex: 1;
  font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__search {
    position: relative;
    height: 60px;
    flex: unset;
    width: 100%;
    font-size: 18px;
  }
}
.hkdse-jupas-cal__search-input {
  width: 100%;
  height: 100%;
  padding: 0 60px 0 40px;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  border-radius: 10px 0 0 10px;
  border: 1px solid #eab01f;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__search-input {
    border-radius: 10px;
    padding: 0 20px;
  }
}
.hkdse-jupas-cal__search-input::placeholder {
  color: #1b4130;
}
.hkdse-jupas-cal__search-result-item {
  color: #7f7f7f;
  cursor: pointer;
}
.hkdse-jupas-cal__search-result-item::before {
  content: "\f061";
  display: inline-block;
  margin-right: 18px;
  font-weight: 300;
}
.hkdse-jupas-cal__search-result-item:hover {
  color: #1b4130;
}
.hkdse-jupas-cal__or {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  right: calc(var(--program-list-btn-width) + 30px);
  font-size: 18px;
  color: #979797;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__or {
    position: relative;
    top: unset;
    right: unset;
    transform: unset;
    margin: 10px 0;
  }
}
.hkdse-jupas-cal__select {
  width: var(--program-list-btn-width);
  background-color: #eab01f;
  font-size: 20px;
  color: #1b4130;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__select {
    position: relative;
    border-radius: 10px;
    font-size: 18px;
  }
  .hkdse-jupas-cal__select.full-width {
    width: 100%;
  }
}
.hkdse-jupas-cal__select-btn {
  padding: 24px 0;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__select-btn {
    padding: 14px 0;
  }
}
.hkdse-jupas-cal__select-btn::before {
  content: "\f03a";
  margin-right: 15px;
  font-weight: 300;
}
.hkdse-jupas-cal__select-result-faculty + .hkdse-jupas-cal__select-result-faculty {
  margin-top: 30px;
}
.hkdse-jupas-cal__select-result-faculty-name {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  color: #A77305;
  border-bottom: 2px solid #A77305;
  cursor: default;
}
.hkdse-jupas-cal__details-info .body-block {
  max-width: 1280px;
  padding: 0 !important;
}
.hkdse-jupas-cal__details-info .body-block .body {
  display: flex;
  flex-direction: column;
}
.hkdse-jupas-cal__details-special-info {
  max-width: 1280px;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__details-special-info {
    padding: 0;
  }
}
.hkdse-jupas-cal__details-view-detail {
  margin: 40px 0;
  text-align: center;
}
.hkdse-jupas-cal__details-view-detail .btn-new-yellow::after {
  display: inline-block;
  content: "\f061";
  margin-left: 10px;
  position: relative;
  font-weight: 300;
  top: 1px;
}
.hkdse-jupas-cal__details-programme-name {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__details-programme-name {
    margin-top: 20px;
  }
}
.hkdse-jupas-cal__details-programme-faculty {
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal__details-programme-faculty {
    margin-bottom: 20px;
  }
}
.hkdse-jupas-cal .custom-dropdown-wrapper {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  text-align: left;
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  padding: 30px 40px;
  box-sizing: border-box;
  font-size: 20px;
  z-index: 3;
  border-radius: 10px;
  max-height: 300px;
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  scrollbar-width: thin;
  scrollbar-color: #979797 transparent;
  scrollbar-face-color: #979797;
  scrollbar-arrow-color: #979797;
  scrollbar-track-color: #979797;
  scrollbar-shadow-color: transparent;
  scrollbar-highlight-color: #979797;
  scrollbar-3dlight-color: transparent;
  scrollbar-darkshadow-Color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .hkdse-jupas-cal .custom-dropdown-wrapper {
    padding: 20px;
  }
}
.hkdse-jupas-cal .custom-dropdown-wrapper::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  -webkit-appearance: none;
}
.hkdse-jupas-cal .custom-dropdown-wrapper::-webkit-scrollbar:vertical {
  width: 5px;
}
.hkdse-jupas-cal .custom-dropdown-wrapper::-webkit-scrollbar:horizontal {
  height: 5px;
}
.hkdse-jupas-cal .custom-dropdown-wrapper::-webkit-scrollbar-thumb {
  background: #979797;
  border-radius: 10px;
  cursor: grab;
}
.hkdse-jupas-cal .custom-dropdown-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
}
.hkdse-jupas-cal .custom-dropdown-wrapper::-webkit-scrollbar-thumb:hover {
  background: #7e7e7e;
}
@media only screen and (max-width: 767px) {
  .hkdse-jupas-cal .custom-dropdown-wrapper .dropdown-item {
    font-size: 16px;
    line-height: 1.4;
  }
}
.hkdse-jupas-cal .custom-dropdown-wrapper .dropdown-item + .dropdown-item {
  margin-top: 10px;
}
.hkdse-jupas-cal .sectionName:first-child {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  display: inline-block;
  padding: 0rem 3rem;
  font-size: 2.875rem;
  text-align: center;
  margin: 2rem auto 4rem;
  position: relative;
  padding-bottom: 0.2rem;
  color: #1b4130;
  border-color: #1b4130;
}
@media only screen and (max-width: 767px) {
  .hkdse-jupas-cal .sectionName:first-child {
    font-size: 24px;
    padding: 0 2rem;
  }
}
.hkdse-jupas-cal .sectionName:first-child::before {
  position: absolute;
  display: inline-block;
  content: "";
  border: 1px solid #1b4130;
  border-width: 0 1px 1px 1px;
  border-color: inherit;
  width: calc(100% - 10rem);
  height: 1rem;
  left: 5rem;
  bottom: -25px;
}
.hkdse-jupas-cal .sectionName:first-child::after {
  position: absolute;
  display: inline-block;
  content: "";
  border: 1px solid #1b4130;
  border-width: 1px 1px 0 1px;
  border-color: inherit;
  width: calc(100% - 10rem);
  height: 1rem;
  left: 5rem;
  top: -25px;
}
@media only screen and (max-width: 767px) {
  .hkdse-jupas-cal .sectionName:first-child::before {
    width: calc(100% - 4rem);
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .hkdse-jupas-cal .sectionName:first-child::after {
    width: calc(100% - 4rem);
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
.hkdse-jupas-cal .sectionName:first-child.title-color--FFFFFF {
  color: #ffffff;
}
.hkdse-jupas-cal .sectionName:first-child.title-color--1B4130 {
  color: #1b4130;
}
.hkdse-jupas-cal .sectionName:first-child.title-color--000000 {
  color: #000000;
}
.hkdse-jupas-cal .sectionName:first-child.title-bgcolor--1B4130 {
  background-color: #1b4130;
}
.hkdse-jupas-cal .sectionName:first-child.title-bgcolor--9A6C0B {
  background-color: #9a6c0b;
}
.hkdse-jupas-cal .sectionName:first-child.title-bgcolor--EAB01F {
  background-color: #eab01f;
}
.hkdse-jupas-cal .sectionName:first-child.title-bordercolor--1B4130 {
  border-color: #1b4130;
}
.hkdse-jupas-cal .sectionName:first-child.title-bordercolor--EAB01F {
  border-color: #eab01f;
}
@media only screen and (max-width: 767px) {
  .hkdse-jupas-cal .sectionName:first-child {
    padding: 0;
  }
}
.hkdse-jupas-cal .sectionName:first-child span {
  font-size: 44px !important;
}
@media only screen and (max-width: 767px) {
  .hkdse-jupas-cal .sectionName:first-child span {
    font-size: 24px !important;
  }
}
.jupas-calculator {
  padding: 80px 0;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .jupas-calculator {
    padding: 40px 0;
  }
}
.jupas-calculator * {
  box-sizing: border-box;
}
.jupas-calculator__bg {
  position: absolute;
  height: 100%;
  width: calc(100% + 64px);
  left: -32px;
  background-image: url('pattern_grey_green.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
}
@media only screen and (min-width: 1344px) {
  .jupas-calculator__bg {
    left: calc(-1 * (100vw - 1280px)/2);
    width: 100vw;
  }
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__bg {
    width: calc(100% + 56px);
    left: -28px;
  }
}
.jupas-calculator__title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
  position: relative;
}
.jupas-calculator__title {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  display: inline-block;
  padding: 0rem 3rem;
  font-size: 2.875rem;
  text-align: center;
  margin: 2rem auto 4rem;
  position: relative;
  padding-bottom: 0.2rem;
  color: #1b4130;
  border-color: #1b4130;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__title {
    font-size: 24px;
    padding: 0 2rem;
  }
}
.jupas-calculator__title::before {
  position: absolute;
  display: inline-block;
  content: "";
  border: 1px solid #1b4130;
  border-width: 0 1px 1px 1px;
  border-color: inherit;
  width: calc(100% - 10rem);
  height: 1rem;
  left: 5rem;
  bottom: -25px;
}
.jupas-calculator__title::after {
  position: absolute;
  display: inline-block;
  content: "";
  border: 1px solid #1b4130;
  border-width: 1px 1px 0 1px;
  border-color: inherit;
  width: calc(100% - 10rem);
  height: 1rem;
  left: 5rem;
  top: -25px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__title::before {
    width: calc(100% - 4rem);
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .jupas-calculator__title::after {
    width: calc(100% - 4rem);
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
.jupas-calculator__title.title-color--FFFFFF {
  color: #ffffff;
}
.jupas-calculator__title.title-color--1B4130 {
  color: #1b4130;
}
.jupas-calculator__title.title-color--000000 {
  color: #000000;
}
.jupas-calculator__title.title-bgcolor--1B4130 {
  background-color: #1b4130;
}
.jupas-calculator__title.title-bgcolor--9A6C0B {
  background-color: #9a6c0b;
}
.jupas-calculator__title.title-bgcolor--EAB01F {
  background-color: #eab01f;
}
.jupas-calculator__title.title-bordercolor--1B4130 {
  border-color: #1b4130;
}
.jupas-calculator__title.title-bordercolor--EAB01F {
  border-color: #eab01f;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__title {
    padding: 0;
  }
}
.jupas-calculator__title span {
  font-size: 44px !important;
}
.jupas-calculator__message {
  font-size: 18px;
}
.jupas-calculator__section + .jupas-calculator__section {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__section + .jupas-calculator__section {
    margin-top: 50px;
  }
}
.jupas-calculator__remark-message {
  margin: 15px 0;
  background-color: rgba(234, 176, 31, 0.5);
  border-radius: 10px;
  padding: 15px 30px;
}
.jupas-calculator__remark-message.hidden {
  padding: 0px 30px;
}
.jupas-calculator__error-message ul {
  margin: 15px 0;
  background-color: rgba(242, 102, 73, 0.5);
  border-radius: 10px;
  padding: 15px 30px;
}
.jupas-calculator__error-message ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jupas-calculator__error-message ul li + li {
  margin-top: 10px;
}
.jupas-calculator__actions {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.jupas-calculator__result-wrapper {
  display: flex;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 999px) {
  .jupas-calculator__result-wrapper {
    flex-direction: column;
  }
}
.jupas-calculator__result-summary {
  flex: 1;
  background-color: #1b4130;
  background-image: url('home_page_program_search.jpg');
  color: white;
}
.jupas-calculator__result-score {
  flex: 0 0 230px;
  background-color: #eab01f;
  color: black;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.jupas-calculator__result-score.expected-entry {
  display: none !important;
  color: white;
  background-color: #1b4130;
  background-image: url('home_page_program_search.jpg');
  background-position: top center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 999px) {
  .jupas-calculator__result-score.expected-entry {
    margin: 5px 0;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 999px) {
  .jupas-calculator__result-score {
    padding: 15px;
    flex: unset;
  }
}
.jupas-calculator__result-score .calc-expected-entry-label,
.jupas-calculator__result-score .calc-total-score-title {
  font-size: 18px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 999px) {
  .jupas-calculator__result-score .calc-expected-entry-label,
  .jupas-calculator__result-score .calc-total-score-title {
    font-size: 16px;
  }
}
.jupas-calculator__result-score .calc-expected-entry-score,
.jupas-calculator__result-score .calc-total-score {
  text-align: right;
  font-size: 120px;
  line-height: 1;
  margin-top: 30px;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 999px) {
  .jupas-calculator__result-score .calc-expected-entry-score,
  .jupas-calculator__result-score .calc-total-score {
    margin-top: 10px;
    font-size: 60px;
  }
}
.jupas-calculator__result-header {
  padding: 30px 80px;
}
@media only screen and (min-width: 1000px) {
  .jupas-calculator__result-header {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .jupas-calculator__result-header {
    padding: 15px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__result-header {
    padding: 15px;
  }
}
.jupas-calculator__result-header .calc-selected-programme-name {
  font-size: 30px;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__result-header .calc-selected-programme-name {
    font-size: 24px;
  }
}
.jupas-calculator__result-content {
  display: flex;
  justify-content: space-between;
  padding: 30px 80px;
}
@media only screen and (min-width: 1000px) {
  .jupas-calculator__result-content {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .jupas-calculator__result-content {
    padding: 15px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__result-content {
    padding: 15px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__result-content .calc-result-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
.jupas-calculator__result-content .calc-result-item .calc-total-score-item {
  font-size: 30px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__result-content .calc-result-item .calc-total-score-item {
    font-size: 24px;
  }
}
.jupas-calculator__result-content .calc-result-item .calc-total-score-item.calc-total-label {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__result-content .calc-result-item .calc-total-score-item.calc-total-label {
    margin-right: 15px;
    min-width: 250px;
  }
}
.jupas-calculator__result-content .calc-result-item + .calc-result-item {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator__result-content .calc-result-item + .calc-result-item {
    margin-left: 0;
    margin-top: 5px;
  }
}
.jupas-calculator__remarks {
  position: relative;
  margin-top: 30px;
  font-size: 12px;
}
.jupas-calculator form {
  position: relative;
}
.jupas-calculator input[type="button"] {
  display: none;
}
.jupas-calculator label {
  cursor: pointer;
}
.jupas-calculator select {
  border: 1px solid #1b4130;
  padding: 12px 45px 12px 30px;
  height: 100%;
  width: 100%;
  appearance: none;
  max-width: 750px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  background-color: transparent;
  border-radius: 10px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .jupas-calculator select {
    padding: 0px 30px 0px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .jupas-calculator select {
    min-height: 34px;
    background-color: white;
    z-index: 0;
  }
}
.jupas-calculator select.item-error {
  border-color: red;
}
.jupas-calculator select.calc-item-level {
  text-align: center;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator select.calc-item-level {
    padding: 0 15px;
    font-size: 14px;
  }
}
.jupas-calculator select option:first-child {
  color: #1b4130;
}
.jupas-calculator #calc-core-subject .calc-row:last-child > .calc-item:nth-child(1),
.jupas-calculator #calc-elective-subject .calc-row > .calc-item:nth-child(1),
.jupas-calculator #calc-other-language-subject .calc-row > .calc-item:nth-child(1),
.jupas-calculator .calc-row > .calc-item:nth-child(2) {
  background-color: white;
  position: relative;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator #calc-core-subject .calc-row:last-child > .calc-item:nth-child(1),
  .jupas-calculator #calc-elective-subject .calc-row > .calc-item:nth-child(1),
  .jupas-calculator #calc-other-language-subject .calc-row > .calc-item:nth-child(1),
  .jupas-calculator .calc-row > .calc-item:nth-child(2) {
    background-color: transparent;
  }
}
.jupas-calculator #calc-core-subject .calc-row:last-child > .calc-item:nth-child(1)::after,
.jupas-calculator #calc-elective-subject .calc-row > .calc-item:nth-child(1)::after,
.jupas-calculator #calc-other-language-subject .calc-row > .calc-item:nth-child(1)::after,
.jupas-calculator .calc-row > .calc-item:nth-child(2)::after {
  content: "\f0d7";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
  color: #1b4130;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .jupas-calculator #calc-core-subject .calc-row:last-child > .calc-item:nth-child(1)::after,
  .jupas-calculator #calc-elective-subject .calc-row > .calc-item:nth-child(1)::after,
  .jupas-calculator #calc-other-language-subject .calc-row > .calc-item:nth-child(1)::after,
  .jupas-calculator .calc-row > .calc-item:nth-child(2)::after {
    right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-row.calc-row > .calc-item:nth-child(1) {
    margin-bottom: 8px;
    font-size: 16px;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-row > .calc-item:nth-child(2) {
    display: flex;
    flex-direction: column;
  }
  .jupas-calculator .calc-row > .calc-item:nth-child(2)::before {
    content: "Level";
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 12px;
  }
  .jupas-calculator .calc-row > .calc-item:nth-child(2)::after {
    top: unset;
    bottom: 3px;
    transform: unset;
  }
}
.jupas-calculator .calc-header,
.jupas-calculator .calc-row {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-header,
  .jupas-calculator .calc-row {
    flex-wrap: wrap;
  }
}
.jupas-calculator .calc-header .calc-item,
.jupas-calculator .calc-row .calc-item {
  flex: 0 0 15%;
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-header .calc-item,
  .jupas-calculator .calc-row .calc-item {
    flex: 0 1 calc(50% - 5px);
    margin-left: 0;
  }
}
.jupas-calculator .calc-header .calc-item:first-child,
.jupas-calculator .calc-row .calc-item:first-child {
  flex: 0 1 70%;
  margin-right: auto;
  margin-left: 0px;
  max-width: 750px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-header .calc-item:first-child,
  .jupas-calculator .calc-row .calc-item:first-child {
    text-align: center;
    flex: 0 0 100%;
    margin-bottom: 5px;
  }
}
.jupas-calculator .calc-header .calc-item + .level-span-3,
.jupas-calculator .calc-row .calc-item + .level-span-3 {
  flex: 0 0 calc(30% + 15px);
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-header .calc-item + .level-span-3,
  .jupas-calculator .calc-row .calc-item + .level-span-3 {
    flex: 1;
  }
}
.jupas-calculator .calc-header + .calc-header,
.jupas-calculator .calc-row + .calc-header,
.jupas-calculator .calc-header + .calc-row,
.jupas-calculator .calc-row + .calc-row {
  margin-top: 5px;
  min-height: 60px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-header + .calc-header,
  .jupas-calculator .calc-row + .calc-header,
  .jupas-calculator .calc-header + .calc-row,
  .jupas-calculator .calc-row + .calc-row {
    margin-top: 40px;
  }
}
.jupas-calculator .calc-header {
  color: #777777;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-header {
    margin-bottom: 5px;
  }
  .jupas-calculator .calc-header + .calc-row {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-header .calc-item {
    text-align: center;
    color: #1b4130;
    font-weight: bold;
  }
}
.jupas-calculator .calc-header .calc-item:not(:first-child) {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-header .calc-item:not(:first-child) {
    display: none;
  }
}
.jupas-calculator .calc-row {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: black;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-row {
    font-size: 18px;
  }
}
.jupas-calculator .calc-row .calc-item-score,
.jupas-calculator .calc-row .core-subject-score {
  border-radius: 10px;
  border: 1px solid #b6b6b6;
  text-align: center;
  padding: 12px;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-row .calc-item-score,
  .jupas-calculator .calc-row .core-subject-score {
    margin-left: 10px;
    padding: 0;
    border: unset;
    position: relative;
    z-index: 1;
    font-size: 14px;
  }
  .jupas-calculator .calc-row .calc-item-score::before,
  .jupas-calculator .calc-row .core-subject-score::before {
    content: "Score";
    display: block;
    margin-bottom: 11px;
    font-weight: 500;
    font-size: 12px;
    text-align: left;
  }
  .jupas-calculator .calc-row .calc-item-score::after,
  .jupas-calculator .calc-row .core-subject-score::after {
    content: "";
    width: calc(100% - 24px);
    padding: 0 12px;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #b6b6b6;
    height: 32px;
    transition: 0.3s;
    z-index: -1;
  }
}
.jupas-calculator .calc-row .calc-item-score.selected-score,
.jupas-calculator .calc-row .core-subject-score.selected-score {
  border-color: #eab01f;
  background-color: #eab01f;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .calc-row .calc-item-score.selected-score,
  .jupas-calculator .calc-row .core-subject-score.selected-score {
    border-color: unset;
    background-color: unset;
  }
  .jupas-calculator .calc-row .calc-item-score.selected-score::after,
  .jupas-calculator .calc-row .core-subject-score.selected-score::after {
    border-color: #eab01f;
    background-color: #eab01f;
  }
}
@media only screen and (max-width: 767px) {
  .jupas-calculator #calc-core-subject .calc-row + .calc-row {
    margin-top: 25px;
  }
  .jupas-calculator #calc-core-subject .calc-row.calc-row > .calc-item:nth-child(1) {
    margin-bottom: 3px;
  }
}
.jupas-calculator .btn-new-yellow {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .btn-new-yellow {
    font-size: 16px;
  }
}
.jupas-calculator .btn-text-green {
  color: #1b4130;
  font-weight: bold;
  display: inline-block;
  margin-top: 15px;
}
.jupas-calculator .btn-reset {
  color: #979797;
  display: flex;
  align-items: center;
  margin-right: 35px;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .btn-reset {
    font-size: 14px;
  }
}
.jupas-calculator .btn-reset::before {
  content: "\f01e";
  display: inline-block;
  margin-right: 10px;
}
.jupas-calculator .btn-select-other {
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
  color: #1b4130;
  font-size: 16px;
  margin-top: 30px;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .jupas-calculator .btn-select-other {
    font-size: 14px;
  }
}
.jupas-calculator .btn-select-other::before {
  content: "\f062";
  display: inline-block;
  margin-right: 10px;
}
.hover-module {
  position: relative;
  z-index: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.hover-module .image {
  height: 430px;
  overflow: hidden;
  z-index: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.hover-module .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  margin: auto;
}
.hover-module .image::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  position: absolute;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.hover-module .content-wrapper {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80%;
  text-align: left;
}
.hover-module .content-wrapper .content-title {
  color: white;
  font-size: 2.25rem;
  font-weight: 500;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  line-height: 1.2;
  position: relative;
}
.hover-module .content-wrapper .content-title::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  border-top: 2px solid white;
  bottom: -10px;
}
.hover-module .content-wrapper .description,
.hover-module .content-wrapper .link {
  display: none;
  font-size: 1.125rem;
}
.hover-module .content-wrapper .description .btn-arrow,
.hover-module .content-wrapper .link .btn-arrow {
  color: black;
}
.hover-module .content-wrapper .description .hyphen,
.hover-module .content-wrapper .link .hyphen {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  position: relative;
}
.hover-module .content-wrapper .description .hyphen::before,
.hover-module .content-wrapper .link .hyphen::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 0px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0);
  border-top: 2px solid black;
}
.hover-module:hover {
  z-index: 3;
}
.hover-module:hover .image {
  z-index: 3;
}
.hover-module:hover .image::before {
  background-image: url('pattern_light_yellow.png');
  background-color: #9a6c0b;
  opacity: 1;
}
.hover-module:hover .content-wrapper {
  bottom: 20%;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .hover-module .image {
    height: 280px;
  }
  .hover-module .content-wrapper .content-title {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .hover-module {
    margin: 0;
    -webkit-tap-highlight-color: transparent;
  }
  .hover-module .image {
    height: 120px;
    transition: height 0.4s;
  }
  .hover-module .image img {
    width: 100%;
  }
  .hover-module .content-wrapper {
    bottom: 25px;
  }
  .hover-module.clicked {
    z-index: 3;
  }
  .hover-module.clicked .image {
    z-index: 3;
  }
  .hover-module.clicked .image::before {
    background-image: url('pattern_light_yellow.png');
    background-color: #9a6c0b;
    opacity: 1;
  }
}
@media screen and (max-width: 450px) {
  .hover-module.clicked {
    z-index: 3;
  }
  .hover-module.clicked .image {
    z-index: 3;
  }
  .hover-module.clicked .image img {
    width: 450px;
  }
}
.notification-block {
  background-color: #f8f8f8;
  position: relative;
  z-index: 6;
  position: fixed;
  width: 100%;
  top: 115px;
}
.notification-block .container {
  position: relative;
}
.notification-block .cross {
  cursor: pointer;
  position: absolute;
  padding: 1.2rem;
  right: -1.2rem;
  top: 20px;
  z-index: 4;
}
.notification-block .cross::after {
  content: "✕";
  position: absolute;
  display: block;
  color: #717171;
  font-size: 1.5rem;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .notification-block .cross {
    right: 1.5rem;
  }
}
.notification-block .notification-item-wrapper {
  position: relative;
  padding: 20px 4rem 2rem 2rem;
  z-index: 0;
  min-height: 160px;
}
.notification-block .notification-item-wrapper .notification-item {
  padding: 0 10px;
}
.notification-block .notification-item-wrapper .notification-item .title {
  font-size: 1.5rem;
}
.notification-block .notification-item-wrapper .slick-prev::before,
.notification-block .notification-item-wrapper .slick-next::before {
  position: relative;
  color: #717171;
  font-weight: 100;
  font-size: 4rem;
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  border: 1px solid #717171;
  transform: rotate(45deg);
}
.notification-block .notification-item-wrapper .slick-prev::before {
  border-width: 0 0 2px 2px;
}
.notification-block .notification-item-wrapper .slick-next::before {
  border-width: 2px 2px 0 0;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .notification-block .notification-item-wrapper .slick-prev::before {
    left: 1.5rem;
  }
  .notification-block .notification-item-wrapper .slick-next::before {
    right: 1.5rem;
  }
}
.notification-block.type-1 .slick-prev {
  left: -1rem;
}
.notification-block.type-1 .slick-next {
  right: -1rem;
}
.notification-block.type-2 {
  z-index: 11;
  width: 800px;
  min-height: 300px;
  border-top: 4px solid #eab01f;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.notification-block.type-2 .cross {
  right: 30px;
  top: 2rem;
}
.notification-block.type-2 .notification-item-wrapper {
  padding-top: 2rem;
  padding-bottom: 4rem;
}
.notification-block.type-2 .notification-item-wrapper .slick-prev,
.notification-block.type-2 .notification-item-wrapper .slick-next {
  bottom: 7%;
  top: auto;
}
.notification-block.type-2 .notification-item-wrapper .slick-next {
  right: 2rem;
}
.notification-block.type-2 .notification-item-wrapper .slick-prev {
  left: auto;
  right: 5rem;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .notification-block.type-2 .notification-item-wrapper {
    padding: 3rem 1rem 4rem;
  }
  .notification-block.type-2 .notification-item-wrapper .slick-prev {
    right: 5rem;
  }
  .notification-block.type-2 .notification-item-wrapper .slick-next {
    right: 0rem;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 999px) {
  .notification-block.type-2 {
    width: 90%;
    min-height: 250px;
  }
}
.contact-us .container {
  padding-bottom: 80px;
}
.contact-us .title-section {
  padding-top: 75px;
  padding-bottom: 30px;
  text-align: center;
}
.contact-us .enquiry-type .question {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 30px;
}
.contact-us .enquiry-type .type {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: calc(100% - 30px);
  margin: auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contact-us .enquiry-type .type {
    width: calc(100% - 2rem + 10px);
    margin: 0;
  }
}
.contact-us .enquiry-type .type .item {
  display: flex;
  flex: 0 0 calc(25% - 4px);
  background-color: white;
  color: #626262;
  height: 60px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.contact-us .enquiry-type .type .item.active {
  background-color: #1b4130;
  color: white;
}
.contact-us .enquiry-type .type .item:not(:first-child) {
  margin-left: 5px;
}
.contact-us .result {
  max-width: 800px;
  margin: auto;
  margin-top: 40px;
}
.contact-us .result form label,
.contact-us .result form legend span {
  font-weight: 400;
}
.contact-us .result form input,
.contact-us .result form textarea {
  border-width: 0px !important;
}
.contact-us .result form .form-required::after {
  content: "*";
  position: relative;
  display: inline;
  color: red;
  font-size: 1rem;
  vertical-align: text-top;
  background-image: unset;
}
.contact-us .result form .fieldset-wrapper {
  width: 100% !important;
}
.contact-us .result form .webform-options-display-two-columns {
  display: flex;
  flex-wrap: wrap;
}
.contact-us .result form .webform-options-display-two-columns .js-form-type-radio {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  flex: 0 0 calc(100%/3 - 5px);
  margin-right: 5px !important;
  margin-bottom: 5px !important;
  background-color: white;
}
.contact-us .result form .webform-options-display-two-columns .js-form-type-radio:hover {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #f8f8f8;
}
.contact-us .result form .webform-options-display-two-columns .js-form-type-radio input {
  display: none;
}
.contact-us .result form .webform-options-display-two-columns .js-form-type-radio label {
  cursor: pointer;
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.contact-us .result form .webform-options-display-two-columns .js-form-type-radio label.active {
  background-color: #1b4130;
  color: white;
}
.contact-us .result form #edit-hkuad-note {
  font-size: 0.875rem;
}
.contact-us .result form #edit-actions {
  text-align: right;
}
.contact-us .result form #edit-actions .webform-button--submit {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  padding: 0.5rem 2.5rem;
  display: inline-block;
  background-color: #c28b17;
  border-bottom: 2px solid #eab01f !important;
  font-size: 1.125rem;
  border-radius: 0px;
}
.contact-us .result form #edit-actions .webform-button--submit:hover {
  color: white;
  background-color: #1b4130;
  border-color: #69B297 !important;
}
.contact-us .result .description {
  text-align: center;
  font-size: 1.125rem;
}
.contact-us .result .description a {
  text-decoration: underline;
}
.contact-us .result .require {
  font-size: 0.875rem;
  font-weight: 500;
}
.contact-us .result .require span {
  color: red;
  vertical-align: text-top;
}
.contact-us .result .international .description {
  margin-bottom: 1.5rem;
}
iframe#unibuddy-popcard-iframe {
  left: 0;
}
.contact-us-listing {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.contact-us-listing .people__wrapper {
  --gap: 40px;
  flex: 0 0 calc(25% - var(--gap)*3/4);
  position: relative;
  margin-bottom: var(--gap);
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .contact-us-listing .people__wrapper {
    --gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-us-listing .people__wrapper {
    --gap: 20px;
    flex: 0 0 100%;
  }
}
.contact-us-listing .people__wrapper + .item {
  margin-left: var(--gap);
}
@media only screen and (max-width: 767px) {
  .contact-us-listing .people__wrapper + .item {
    margin-left: 0;
  }
}
.contact-us-listing .people__wrapper:nth-child(4n+1) {
  margin-left: 0;
}
.contact-us-listing .people__content {
  z-index: 1;
  position: relative;
  margin-top: -25px;
  padding: 20px;
  background-color: white;
  width: calc(100% - 60px);
}
.contact-us-listing .people__name {
  font-size: 1.375rem;
  color: black;
}
.contact-us-listing .people__title {
  font-size: 0.875rem;
  color: #c28b17;
  padding-bottom: 10px;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .contact-us-listing .people__title {
    font-size: 1rem;
  }
}
.contact-us-listing .people__email,
.contact-us-listing .people__phone {
  font-size: 0.875rem;
  color: #717171;
}
@media only screen and (max-width: 767px) {
  .contact-us-listing .people__email,
  .contact-us-listing .people__phone {
    font-size: 1rem;
  }
}
.contact-us-listing .people__email a,
.contact-us-listing .people__phone a {
  color: #717171;
}
.contact-us-listing .people__email a {
  position: relative;
  padding-bottom: 3px;
}
.contact-us-listing .people__email a::before {
  content: "\f0e0";
  display: inline;
  padding-right: 8px;
}
.contact-us-listing .people__email a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid #717171;
  width: 100%;
}
.contact-us-listing .people__email a:hover {
  color: #64a003;
}
.contact-us-listing .people__email a:hover::after {
  border-color: #64a003;
}
.faculty-block-section {
  padding: 12px 20px;
}
.faculty-block-section.vertical .faculty-block-section-wrapper {
  flex-direction: column;
  gap: 40px;
  width: fit-content;
  transition: 0.3s;
}
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item {
  flex: unset;
}
@media only screen and (max-width: 1140px) {
  .faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item {
    flex: unset;
  }
}
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item:nth-child(even) .faculty-block,
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item:nth-child(odd) .faculty-block {
  box-shadow: unset;
}
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item.faculty-block-section-item-9 .faculty-block,
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item.faculty-block-section-item-7 .faculty-block,
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item.faculty-block-section-item-5 .faculty-block,
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item.faculty-block-section-item-3 .faculty-block,
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item.faculty-block-section-item-1 .faculty-block {
  -webkit-box-shadow: 10px 10px 0px 0px #1b4130;
  -moz-box-shadow: 10px 10px 0px 0px #1b4130;
  box-shadow: 10px 10px 0px 0px #1b4130;
}
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item.faculty-block-section-item-10 .faculty-block,
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item.faculty-block-section-item-8 .faculty-block,
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item.faculty-block-section-item-6 .faculty-block,
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item.faculty-block-section-item-4 .faculty-block,
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block-section-item.faculty-block-section-item-2 .faculty-block {
  -webkit-box-shadow: 10px 10px 0px 0px #eab01f;
  -moz-box-shadow: 10px 10px 0px 0px #eab01f;
  box-shadow: 10px 10px 0px 0px #eab01f;
}
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block {
  height: unset;
  aspect-ratio: unset;
  justify-content: flex-start;
}
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block .wrapper {
  width: 100%;
  flex-direction: unset;
  gap: 20px;
  padding: 10px 30px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block .wrapper .logo-image {
  margin-bottom: 0 !important;
}
.faculty-block-section.vertical .faculty-block-section-wrapper .faculty-block .wrapper .hover-text {
  display: none !important;
}
.faculty-block-section.vertical .faculty-block-section-pop-up-wrapper.active {
  padding: 20px 0 0;
}
.faculty-block-section .faculty-block-section-wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  transition: all 0.3s;
}
.faculty-block-section .faculty-block-section-wrapper .faculty-block-section-item {
  flex: 0 0 calc((100% - 80px) / 5);
}
@media only screen and (max-width: 1140px) {
  .faculty-block-section .faculty-block-section-wrapper .faculty-block-section-item {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
.faculty-block-section .faculty-block-section-wrapper .faculty-block-section-item:nth-child(odd) .faculty-block {
  -webkit-box-shadow: 10px 10px 0px 0px #1b4130;
  -moz-box-shadow: 10px 10px 0px 0px #1b4130;
  box-shadow: 10px 10px 0px 0px #1b4130;
}
.faculty-block-section .faculty-block-section-wrapper .faculty-block-section-item:nth-child(even) .faculty-block {
  -webkit-box-shadow: 10px 10px 0px 0px #eab01f;
  -moz-box-shadow: 10px 10px 0px 0px #eab01f;
  box-shadow: 10px 10px 0px 0px #eab01f;
}
.faculty-block-section .faculty-block-section-pop-up-wrapper {
  align-items: stretch;
  max-width: 1140px;
  margin: 0 auto;
  transition: all 0.3s;
  height: 0;
  display: none;
  flex-direction: column;
  width: 100%;
  background-color: #fffcf1;
  border-left: 3px solid #eab01f;
}
.faculty-block-section .faculty-block-section-pop-up-wrapper .wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.faculty-block-section .faculty-block-section-pop-up-wrapper .wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.faculty-block-section .faculty-block-section-pop-up-wrapper .wrapper ul li {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: black;
  padding: 0 20px 20px;
  position: relative;
  margin-bottom: 0;
}
.faculty-block-section .faculty-block-section-pop-up-wrapper .wrapper ul li + li {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .faculty-block-section .faculty-block-section-pop-up-wrapper .wrapper ul li + li {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .faculty-block-section .faculty-block-section-pop-up-wrapper .wrapper ul li {
    font-size: 16px;
    line-height: 20px;
    padding: 0 15px 15px;
  }
}
.faculty-block-section .faculty-block-section-pop-up-wrapper .wrapper ul li:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: black;
  opacity: 15%;
  content: " ";
  left: 0;
  bottom: 0;
}
.faculty-block-section .faculty-block-section-pop-up-wrapper .link {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.faculty-block-section .faculty-block-section-pop-up-wrapper .link a {
  padding: 0 20px;
  color: dimgray;
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .faculty-block-section .faculty-block-section-pop-up-wrapper .link a {
    font-size: 14px;
    line-height: 18px;
    padding: 0 10px;
  }
}
.faculty-block-section .faculty-block-section-pop-up-wrapper .link a i {
  font-size: 14px;
  line-height: 20px;
  color: dimgray;
}
@media only screen and (max-width: 767px) {
  .faculty-block-section .faculty-block-section-pop-up-wrapper .link a i {
    font-size: 12px;
    line-height: 16px;
  }
}
.faculty-block-section .faculty-block-section-pop-up-wrapper .link a:hover {
  transition: 0.5s;
  color: #c28b17;
  background-color: white;
  border: 1px solid;
  border-width: 1px 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.faculty-block-section .faculty-block-section-pop-up-wrapper .link a:hover i {
  color: #c28b17;
}
.faculty-block-section .faculty-block-section-pop-up-wrapper.active {
  display: flex;
  height: auto;
  padding: 50px 0;
}
@media only screen and (max-width: 767px) {
  .faculty-block-section .faculty-block-section-pop-up-wrapper.active {
    padding: 20px 0;
  }
}
.faculty-block {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  position: relative;
  border: 1px solid;
  transition: background-color 0.3s;
  aspect-ratio: 1 / 1;
  min-height: unset;
  cursor: pointer;
}
.faculty-block .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  text-align: center;
  transition: all 0.3s;
  padding: 0;
}
.faculty-block .wrapper .logo-image {
  height: 75px;
  width: 75px;
  padding: 0;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .faculty-block .wrapper .logo-image {
    height: 50px;
    width: 50px;
    margin-bottom: 5px;
  }
}
.faculty-block .wrapper .logo-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.faculty-block .wrapper .sub-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}
@media only screen and (max-width: 767px) {
  .faculty-block .wrapper .sub-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.faculty-block .wrapper .sub-title:after {
  width: 30px;
  padding-top: 5px;
}
.faculty-block .wrapper .hover-text {
  height: 0;
  overflow: hidden;
  transition: 0.3s;
  position: relative;
  font-size: 14px;
  color: white;
  line-height: 18px;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .faculty-block .wrapper .hover-text {
    font-size: 14px;
    line-height: 16px;
  }
}
.faculty-block .wrapper .hover-text:after {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  content: "\f063";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .faculty-block .wrapper .hover-text:after {
    font-size: 14px;
    line-height: 16px;
  }
}
.faculty-block .description {
  display: none;
}
.faculty-block.bg-color--52A057.active,
.faculty-block.bg-color--52A057:hover {
  background-color: white;
}
.faculty-block.bg-color--52A057.active .wrapper .sub-title,
.faculty-block.bg-color--52A057:hover .wrapper .sub-title {
  color: #52A057;
}
.faculty-block.bg-color--52A057.active .wrapper .sub-title p,
.faculty-block.bg-color--52A057:hover .wrapper .sub-title p {
  color: #52A057;
}
.faculty-block.bg-color--52A057.active .wrapper .sub-title a,
.faculty-block.bg-color--52A057:hover .wrapper .sub-title a {
  color: #FFE7AC;
}
.faculty-block.bg-color--52A057.active .logo-image img,
.faculty-block.bg-color--52A057:hover .logo-image img {
  filter: invert(53%) sepia(14%) saturate(1400%) hue-rotate(74deg) brightness(101%) contrast(90%);
}
.faculty-block.bg-color--0092C8.active,
.faculty-block.bg-color--0092C8:hover {
  background-color: white;
}
.faculty-block.bg-color--0092C8.active .wrapper .sub-title,
.faculty-block.bg-color--0092C8:hover .wrapper .sub-title {
  color: #0092C8;
}
.faculty-block.bg-color--0092C8.active .wrapper .sub-title p,
.faculty-block.bg-color--0092C8:hover .wrapper .sub-title p {
  color: #0092C8;
}
.faculty-block.bg-color--0092C8.active .wrapper .sub-title a,
.faculty-block.bg-color--0092C8:hover .wrapper .sub-title a {
  color: #FFE7AC;
}
.faculty-block.bg-color--0092C8.active .logo-image img,
.faculty-block.bg-color--0092C8:hover .logo-image img {
  filter: invert(21%) sepia(79%) saturate(1818%) hue-rotate(253deg) brightness(85%) contrast(81%);
}
.faculty-block.bg-color--0056A4.active,
.faculty-block.bg-color--0056A4:hover {
  background-color: white;
}
.faculty-block.bg-color--0056A4.active .wrapper .sub-title,
.faculty-block.bg-color--0056A4:hover .wrapper .sub-title {
  color: #0056A4;
}
.faculty-block.bg-color--0056A4.active .wrapper .sub-title p,
.faculty-block.bg-color--0056A4:hover .wrapper .sub-title p {
  color: #0056A4;
}
.faculty-block.bg-color--0056A4.active .wrapper .sub-title a,
.faculty-block.bg-color--0056A4:hover .wrapper .sub-title a {
  color: #FFE7AC;
}
.faculty-block.bg-color--0056A4.active .logo-image img,
.faculty-block.bg-color--0056A4:hover .logo-image img {
  filter: invert(63%) sepia(54%) saturate(5832%) hue-rotate(181deg) brightness(89%) contrast(81%);
}
.faculty-block.bg-color--C61D23.active,
.faculty-block.bg-color--C61D23:hover {
  background-color: white;
}
.faculty-block.bg-color--C61D23.active .wrapper .sub-title,
.faculty-block.bg-color--C61D23:hover .wrapper .sub-title {
  color: #C61D23;
}
.faculty-block.bg-color--C61D23.active .wrapper .sub-title p,
.faculty-block.bg-color--C61D23:hover .wrapper .sub-title p {
  color: #C61D23;
}
.faculty-block.bg-color--C61D23.active .wrapper .sub-title a,
.faculty-block.bg-color--C61D23:hover .wrapper .sub-title a {
  color: #FFE7AC;
}
.faculty-block.bg-color--C61D23.active .logo-image img,
.faculty-block.bg-color--C61D23:hover .logo-image img {
  filter: invert(39%) sepia(22%) saturate(6640%) hue-rotate(155deg) brightness(93%) contrast(88%);
}
.faculty-block.bg-color--597A5C.active,
.faculty-block.bg-color--597A5C:hover {
  background-color: white;
}
.faculty-block.bg-color--597A5C.active .wrapper .sub-title,
.faculty-block.bg-color--597A5C:hover .wrapper .sub-title {
  color: #597A5C;
}
.faculty-block.bg-color--597A5C.active .wrapper .sub-title p,
.faculty-block.bg-color--597A5C:hover .wrapper .sub-title p {
  color: #597A5C;
}
.faculty-block.bg-color--597A5C.active .wrapper .sub-title a,
.faculty-block.bg-color--597A5C:hover .wrapper .sub-title a {
  color: #FFE7AC;
}
.faculty-block.bg-color--597A5C.active .logo-image img,
.faculty-block.bg-color--597A5C:hover .logo-image img {
  filter: invert(39%) sepia(22%) saturate(6640%) hue-rotate(155deg) brightness(93%) contrast(88%);
}
.faculty-block.bg-color--2B3991.active,
.faculty-block.bg-color--2B3991:hover {
  background-color: white;
}
.faculty-block.bg-color--2B3991.active .wrapper .sub-title,
.faculty-block.bg-color--2B3991:hover .wrapper .sub-title {
  color: #2B3991;
}
.faculty-block.bg-color--2B3991.active .wrapper .sub-title p,
.faculty-block.bg-color--2B3991:hover .wrapper .sub-title p {
  color: #2B3991;
}
.faculty-block.bg-color--2B3991.active .wrapper .sub-title a,
.faculty-block.bg-color--2B3991:hover .wrapper .sub-title a {
  color: #FFE7AC;
}
.faculty-block.bg-color--2B3991.active .logo-image img,
.faculty-block.bg-color--2B3991:hover .logo-image img {
  filter: invert(56%) sepia(47%) saturate(468%) hue-rotate(44deg) brightness(94%) contrast(86%);
}
.faculty-block.bg-color--BF7C2A.active,
.faculty-block.bg-color--BF7C2A:hover {
  background-color: white;
}
.faculty-block.bg-color--BF7C2A.active .wrapper .sub-title,
.faculty-block.bg-color--BF7C2A:hover .wrapper .sub-title {
  color: #BF7C2A;
}
.faculty-block.bg-color--BF7C2A.active .wrapper .sub-title p,
.faculty-block.bg-color--BF7C2A:hover .wrapper .sub-title p {
  color: #BF7C2A;
}
.faculty-block.bg-color--BF7C2A.active .wrapper .sub-title a,
.faculty-block.bg-color--BF7C2A:hover .wrapper .sub-title a {
  color: #FFE7AC;
}
.faculty-block.bg-color--BF7C2A.active .logo-image img,
.faculty-block.bg-color--BF7C2A:hover .logo-image img {
  filter: invert(45%) sepia(91%) saturate(338%) hue-rotate(1deg) brightness(95%) contrast(92%);
}
.faculty-block.bg-color--23BDAC.active,
.faculty-block.bg-color--23BDAC:hover {
  background-color: white;
}
.faculty-block.bg-color--23BDAC.active .wrapper .sub-title,
.faculty-block.bg-color--23BDAC:hover .wrapper .sub-title {
  color: #23BDAC;
}
.faculty-block.bg-color--23BDAC.active .wrapper .sub-title p,
.faculty-block.bg-color--23BDAC:hover .wrapper .sub-title p {
  color: #23BDAC;
}
.faculty-block.bg-color--23BDAC.active .wrapper .sub-title a,
.faculty-block.bg-color--23BDAC:hover .wrapper .sub-title a {
  color: #FFE7AC;
}
.faculty-block.bg-color--23BDAC.active .logo-image img,
.faculty-block.bg-color--23BDAC:hover .logo-image img {
  filter: invert(48%) sepia(79%) saturate(4236%) hue-rotate(348deg) brightness(88%) contrast(90%);
}
.faculty-block.bg-color--056839.active,
.faculty-block.bg-color--056839:hover {
  background-color: white;
}
.faculty-block.bg-color--056839.active .wrapper .sub-title,
.faculty-block.bg-color--056839:hover .wrapper .sub-title {
  color: #056839;
}
.faculty-block.bg-color--056839.active .wrapper .sub-title p,
.faculty-block.bg-color--056839:hover .wrapper .sub-title p {
  color: #056839;
}
.faculty-block.bg-color--056839.active .wrapper .sub-title a,
.faculty-block.bg-color--056839:hover .wrapper .sub-title a {
  color: #FFE7AC;
}
.faculty-block.bg-color--056839.active .logo-image img,
.faculty-block.bg-color--056839:hover .logo-image img {
  filter: invert(33%) sepia(43%) saturate(569%) hue-rotate(347deg) brightness(95%) contrast(92%);
}
.faculty-block.bg-color--F16F36.active,
.faculty-block.bg-color--F16F36:hover {
  background-color: white;
}
.faculty-block.bg-color--F16F36.active .wrapper .sub-title,
.faculty-block.bg-color--F16F36:hover .wrapper .sub-title {
  color: #F16F36;
}
.faculty-block.bg-color--F16F36.active .wrapper .sub-title p,
.faculty-block.bg-color--F16F36:hover .wrapper .sub-title p {
  color: #F16F36;
}
.faculty-block.bg-color--F16F36.active .wrapper .sub-title a,
.faculty-block.bg-color--F16F36:hover .wrapper .sub-title a {
  color: #FFE7AC;
}
.faculty-block.bg-color--F16F36.active .logo-image img,
.faculty-block.bg-color--F16F36:hover .logo-image img {
  filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(226deg) brightness(89%) contrast(102%);
}
.faculty-block.bg-color:not(.bg-color--FFFFFF) .wrapper .sub-title,
.faculty-block.bg-color:not(.bg-color--) .wrapper .sub-title {
  color: white;
}
.faculty-block.bg-color:not(.bg-color--FFFFFF) .wrapper .sub-title p,
.faculty-block.bg-color:not(.bg-color--) .wrapper .sub-title p {
  color: white;
}
.faculty-block.bg-color:not(.bg-color--FFFFFF) .logo-image img,
.faculty-block.bg-color:not(.bg-color--) .logo-image img {
  filter: invert(100%) sepia(3%) saturate(14%) hue-rotate(121deg) brightness(105%) contrast(100%);
}
.faculty-block.bg-color--FFFFFF.active,
.faculty-block.bg-color--.active,
.faculty-block.bg-color--FFFFFF:hover,
.faculty-block.bg-color--:hover {
  background-color: #9a6c0b;
}
.faculty-block.bg-color--FFFFFF.active .wrapper .sub-title,
.faculty-block.bg-color--.active .wrapper .sub-title,
.faculty-block.bg-color--FFFFFF:hover .wrapper .sub-title,
.faculty-block.bg-color--:hover .wrapper .sub-title {
  color: white;
}
.faculty-block.bg-color--FFFFFF.active.border-color--52A057,
.faculty-block.bg-color--.active.border-color--52A057,
.faculty-block.bg-color--FFFFFF:hover.border-color--52A057,
.faculty-block.bg-color--:hover.border-color--52A057 {
  background-color: #52A057;
}
.faculty-block.bg-color--FFFFFF.active.border-color--0092C8,
.faculty-block.bg-color--.active.border-color--0092C8,
.faculty-block.bg-color--FFFFFF:hover.border-color--0092C8,
.faculty-block.bg-color--:hover.border-color--0092C8 {
  background-color: #0092C8;
}
.faculty-block.bg-color--FFFFFF.active.border-color--0056A4,
.faculty-block.bg-color--.active.border-color--0056A4,
.faculty-block.bg-color--FFFFFF:hover.border-color--0056A4,
.faculty-block.bg-color--:hover.border-color--0056A4 {
  background-color: #0056A4;
}
.faculty-block.bg-color--FFFFFF.active.border-color--C61D23,
.faculty-block.bg-color--.active.border-color--C61D23,
.faculty-block.bg-color--FFFFFF:hover.border-color--C61D23,
.faculty-block.bg-color--:hover.border-color--C61D23 {
  background-color: #C61D23;
}
.faculty-block.bg-color--FFFFFF.active.border-color--597A5C,
.faculty-block.bg-color--.active.border-color--597A5C,
.faculty-block.bg-color--FFFFFF:hover.border-color--597A5C,
.faculty-block.bg-color--:hover.border-color--597A5C {
  background-color: #597A5C;
}
.faculty-block.bg-color--FFFFFF.active.border-color--2B3991,
.faculty-block.bg-color--.active.border-color--2B3991,
.faculty-block.bg-color--FFFFFF:hover.border-color--2B3991,
.faculty-block.bg-color--:hover.border-color--2B3991 {
  background-color: #2B3991;
}
.faculty-block.bg-color--FFFFFF.active.border-color--BF7C2A,
.faculty-block.bg-color--.active.border-color--BF7C2A,
.faculty-block.bg-color--FFFFFF:hover.border-color--BF7C2A,
.faculty-block.bg-color--:hover.border-color--BF7C2A {
  background-color: #BF7C2A;
}
.faculty-block.bg-color--FFFFFF.active.border-color--23BDAC,
.faculty-block.bg-color--.active.border-color--23BDAC,
.faculty-block.bg-color--FFFFFF:hover.border-color--23BDAC,
.faculty-block.bg-color--:hover.border-color--23BDAC {
  background-color: #23BDAC;
}
.faculty-block.bg-color--FFFFFF.active.border-color--056839,
.faculty-block.bg-color--.active.border-color--056839,
.faculty-block.bg-color--FFFFFF:hover.border-color--056839,
.faculty-block.bg-color--:hover.border-color--056839 {
  background-color: #056839;
}
.faculty-block.bg-color--FFFFFF.active.border-color--F16F36,
.faculty-block.bg-color--.active.border-color--F16F36,
.faculty-block.bg-color--FFFFFF:hover.border-color--F16F36,
.faculty-block.bg-color--:hover.border-color--F16F36 {
  background-color: #F16F36;
}
.faculty-block.bg-color--FFFFFF.active .logo-image img,
.faculty-block.bg-color--.active .logo-image img,
.faculty-block.bg-color--FFFFFF:hover .logo-image img,
.faculty-block.bg-color--:hover .logo-image img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(14%) hue-rotate(121deg) brightness(105%) contrast(100%) !important;
}
.faculty-block.active .wrapper .hover-text {
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .faculty-block.active .wrapper .hover-text {
    padding-top: 10px;
  }
}
.faculty-block.active .wrapper .hover-text:after {
  content: "\f062";
}
.faculty-block.not-active {
  opacity: 35%;
}
.faculty-block.not-active:hover {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .home-new-banner__swiper {
    height: calc(100vh - 90px);
  }
}
.home-new-banner .swiper-pagination.swiper-pagination {
  max-width: 1500px;
  width: calc(100% - 50px - 60px);
  text-align: right;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 40px;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .home-new-banner .swiper-pagination.swiper-pagination {
    bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .home-new-banner .swiper-pagination.swiper-pagination {
    bottom: 30px;
    text-align: left;
    justify-content: flex-start;
    width: calc(100% - 60px);
    gap: 15px;
  }
}
.home-new-banner .swiper-pagination.swiper-pagination .swiper-pagination-bullet {
  background-color: #E3E3E3;
  width: 15px;
  height: 15px;
  margin: 0;
  opacity: 0.6;
}
.home-new-banner .swiper-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #eab01f;
  opacity: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 999px) {
  .home-new-banner .swiper-pagination.swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}
.home-new-banner .animated-image {
  position: absolute;
  z-index: 1;
}
.home-new-banner .animated-image--circle_bottom {
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(-50%) translateY(50%);
  -moz-transform: translateX(-50%) translateY(50%);
  -ms-transform: translateX(-50%) translateY(50%);
  -o-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
  max-width: 520px;
  width: 40vw;
}
.home-new-banner .animated-image--circle_bottom img {
  -webkit-animation: rotate-anticlockwise 5s linear infinite;
  -moz-animation: rotate-anticlockwise 5s linear infinite;
  -o-animation: rotate-anticlockwise 5s linear infinite;
  animation: rotate-anticlockwise 5s linear infinite;
}
.home-new-banner .animated-image--circle_right {
  top: 0;
  right: 0;
  -webkit-transform: translateX(50%) translateY(-50%);
  -moz-transform: translateX(50%) translateY(-50%);
  -ms-transform: translateX(50%) translateY(-50%);
  -o-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
}
.home-new-banner .animated-image--circle_right img {
  -webkit-animation: rotate-clockwise 5s linear infinite;
  -moz-animation: rotate-clockwise 5s linear infinite;
  -o-animation: rotate-clockwise 5s linear infinite;
  animation: rotate-clockwise 5s linear infinite;
}
.home-new-banner .animated-image--circle_left {
  top: 0;
  left: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.home-new-banner .animated-image--circle_left img {
  -webkit-animation: rotate-clockwise 5s linear infinite;
  -moz-animation: rotate-clockwise 5s linear infinite;
  -o-animation: rotate-clockwise 5s linear infinite;
  animation: rotate-clockwise 5s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .home-new-banner .animated-image--circle_bottom {
    display: none;
  }
  .home-new-banner .animated-image--circle_left {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .home-new-banner .animated-image--circle_right {
    display: none;
  }
  .home-new-banner .animated-image--circle_left {
    display: none;
  }
}
.home-new-banner-item {
  position: relative;
  aspect-ratio: 16/5;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .home-new-banner-item {
    min-height: 350px;
    background-color: black;
  }
}
.home-new-banner-item .cover-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.home-new-banner-item__banner-video {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: black;
}
.home-new-banner-item__banner-video video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  aspect-ratio: unset;
  object-fit: cover;
}
.home-new-banner-item__banner-wrapper {
  position: relative;
}
.home-new-banner-item__banner-wrapper.hide-circle .animated-image {
  display: none;
}
.home-new-banner-item__banner-mobile,
.home-new-banner-item__banner-desktop,
.home-new-banner-item__banner-wrapper {
  --align: center;
  width: 100%;
  height: 100%;
}
.home-new-banner-item__banner-mobile img,
.home-new-banner-item__banner-desktop img,
.home-new-banner-item__banner-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--align);
}
.home-new-banner-item__banner-mobile.align-left,
.home-new-banner-item__banner-desktop.align-left,
.home-new-banner-item__banner-wrapper.align-left {
  --align: left;
}
.home-new-banner-item__banner-mobile.align-right,
.home-new-banner-item__banner-desktop.align-right,
.home-new-banner-item__banner-wrapper.align-right {
  --align: right;
}
.home-new-banner-item__banner-mobile::before,
.home-new-banner-item__banner-desktop::before,
.home-new-banner-item__banner-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  right: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 70%, #000000 100%);
}
@media only screen and (max-width: 767px) {
  .home-new-banner-item__banner-mobile::before,
  .home-new-banner-item__banner-desktop::before,
  .home-new-banner-item__banner-wrapper::before {
    background: linear-gradient(235deg, rgba(255, 255, 255, 0) 70%, #000000 100%);
  }
}
.home-new-banner-item__banner-mobile.no-text::before,
.home-new-banner-item__banner-desktop.no-text::before,
.home-new-banner-item__banner-wrapper.no-text::before {
  display: none;
}
.home-new-banner-item__banner-desktop {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.home-new-banner-item__banner-mobile {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
@media only screen and (max-width: 767px) {
  .home-new-banner-item__banner-mobile {
    display: block;
  }
}
.home-new-banner-item__banner-content {
  position: absolute;
  z-index: 1;
  bottom: 110px;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 1500px;
  width: calc(100% - 50px - 60px);
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px) {
  .home-new-banner-item__banner-content {
    bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .home-new-banner-item__banner-content {
    align-items: flex-start;
    bottom: 70px;
    width: calc(100% - 60px);
  }
}
.home-new-banner-item__title {
  font-size: 56px;
}
.home-new-banner-item__title.no-btn {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1000px) {
  .home-new-banner-item__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px) {
  .home-new-banner-item__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .home-new-banner-item__title {
    font-size: 36px;
  }
}
.home-new-banner-item__btn {
  margin: 15px 40px 0 0;
  color: white;
}
@media only screen and (max-width: 767px) {
  .home-new-banner-item__btn {
    margin: 20px 0 0 0;
  }
}
.video-slider__wrapper {
  --swiper-navigation-size: 40px;
  --swiper-navigation-color: #717171;
  --swiper-navigation-sides-offset: -15px;
  position: relative;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .video-slider__wrapper {
    --swiper-navigation-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .video-slider__wrapper {
    --swiper-navigation-size: 24px;
    padding: 0 15px;
  }
}
.video-slider__wrapper .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset);
}
.video-slider__wrapper .swiper-button-next {
  right: var(--swiper-navigation-sides-offset);
}
.video-slider__item {
  position: relative;
}
.video-slider__item:hover img {
  transform: scale(1.1);
}
.video-slider__item .cover-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video-slider__item--thumbnail {
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
}
.video-slider__item--thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.video-slider__item--thumbnail::before {
  content: "\f04b";
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  pointer-events: none;
  z-index: 1;
  text-shadow: 0px 0px 10px black;
}
.video-slider__item--title {
  margin-top: 20px;
  font-size: 20px;
  text-align: center;
}
.icon-block__wrapper {
  --gap: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .icon-block__wrapper {
    --gap: 15px;
  }
}
.icon-block__item {
  flex: 0 0 calc(20% - var(--gap)*4/5);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .icon-block__item {
    flex: 0 0 calc(33.33% - var(--gap)*2/3);
  }
}
.icon-block__item:nth-child(2n) .icon-block__item--thumbnail {
  background-image: url('pin_green.png');
}
.icon-block__item--thumbnail {
  background-image: url('pin_yellow.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
}
.icon-block__item--wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  top: 18px;
}
@media only screen and (max-width: 767px) {
  .icon-block__item--wrapper {
    width: 90%;
    height: 30px;
    top: 26px;
  }
}
.icon-block__item--wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.icon-block__item--title {
  margin-top: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #1b4130;
}
@media only screen and (max-width: 767px) {
  .icon-block__item--title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1180px) and (max-width: 1366px), only screen and (min-width: 1367px) {
  .lpm-08 .slick-list {
    padding: 0 15% 0 0 !important;
  }
}
.lpm-08 .slick-prev,
.lpm-08 .slick-next {
  top: auto;
  bottom: 8px;
  left: auto;
}
.lpm-08 .slick-prev:focus-visible::before,
.lpm-08 .slick-next:focus-visible::before {
  outline: 1px solid black !important;
}
.lpm-08 .slick-prev {
  right: 130px;
}
.lpm-08 .slick-next {
  right: 70px;
}
.lpm-08 .slick-prev::before,
.lpm-08 .slick-next::before {
  color: #717171;
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  font-size: 4rem;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  border: 1px solid #717171;
  transform: rotate(45deg);
}
.lpm-08 .slick-prev::before {
  border-width: 0 0 3px 3px;
}
.lpm-08 .slick-next::before {
  border-width: 3px 3px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (min-width: 1000px) and (max-width: 1179px) {
  .lpm-08 .slick-prev {
    right: 10%;
    left: auto;
  }
  .lpm-08 .slick-next {
    right: 6%;
    left: auto;
  }
  .lpm-08 .slick-prev::before,
  .lpm-08 .slick-next::before {
    width: 1.2rem;
    height: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .lpm-08 .slick-prev,
  .lpm-08 .slick-next {
    bottom: 10px;
  }
  .lpm-08 .slick-prev {
    right: 42px;
    left: auto;
  }
  .lpm-08 .slick-prev:before {
    border-width: 0 0 2px 2px;
  }
  .lpm-08 .slick-next {
    right: 12px;
    left: auto;
  }
  .lpm-08 .slick-next:before {
    border-width: 2px 2px 0 0;
  }
  .lpm-08 .slick-prev::before,
  .lpm-08 .slick-next::before {
    width: 1rem;
    height: 1rem;
  }
}
.lpm-06 .slick-dots,
.view-content .slick-dots,
.lpm-25 .slick-dots,
.lpm-04.home-page .slick-dots {
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -50px;
}
.lpm-06 .slick-dots li button::before,
.view-content .slick-dots li button::before,
.lpm-25 .slick-dots li button::before,
.lpm-04.home-page .slick-dots li button::before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  font-size: 0.7rem;
  opacity: 0.15;
}
.lpm-06 .slick-dots li button:focus-visible,
.view-content .slick-dots li button:focus-visible,
.lpm-25 .slick-dots li button:focus-visible,
.lpm-04.home-page .slick-dots li button:focus-visible {
  outline: 1px solid black !important;
}
.lpm-06 .slick-dots li.slick-active button::before,
.view-content .slick-dots li.slick-active button::before,
.lpm-25 .slick-dots li.slick-active button::before,
.lpm-04.home-page .slick-dots li.slick-active button::before {
  color: #eab01f;
  opacity: 1;
}
@media only screen and (min-width: 1367px) {
  .lpm-06 .slick-dots {
    left: 40%;
  }
}
.lpm-25 .slick-dots {
  width: 15%;
  left: calc(50% + 4.5rem);
  bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .lpm-25 .slick-dots {
    bottom: -35px;
    left: 50%;
    width: 20%;
  }
}
body.homepage .xenyo-section-item {
  background-color: white;
}
body.homepage .padding-controller {
  padding: 0;
}
body.homepage .lpm-05 {
  margin-bottom: 0;
  padding-bottom: 80px;
}
body.homepage .paragraph--type--lpm-04,
body.homepage .paragraph--type--lpm-08,
body.homepage .paragraph--type--home-page-program-filter,
body.homepage .paragraph--type--hkuad-notification-block {
  overflow: hidden;
}
body.homepage footer {
  position: relative;
  overflow: hidden;
  background-color: white;
}
div.page-node-type-news > .breadcrumb {
  background-color: #1b4130;
  margin-top: 115px;
  z-index: 2;
}
div.page-node-type-news > .breadcrumb .field__label {
  display: none;
}
div.page-node-type-news > .breadcrumb nav.breadcrumb {
  position: relative;
  top: -70px;
  margin-bottom: -70px;
}
div.page-node-type-news > .breadcrumb ol {
  background-color: #f8f8f8;
  padding: 0 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}
div.page-node-type-news > .breadcrumb ol li {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
  padding-right: 1rem;
}
div.page-node-type-news > .breadcrumb ol li a {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
}
div.page-node-type-news > .breadcrumb .title {
  background-color: #f8f8f8;
  padding: 0 2rem 0.2rem;
  font-size: 3rem;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.6;
}
div.page-node-type-news > .breadcrumb li::after {
  content: '';
  border: solid #595959;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4.5px;
  transform: rotate(-45deg);
}
div.page-node-type-news > .breadcrumb li:nth-last-child(2) {
  padding-right: 0;
}
div.page-node-type-news > .breadcrumb li::before {
  display: none;
}
div.page-node-type-news > .breadcrumb li:nth-child(2) {
  pointer-events: none;
}
div.page-node-type-news > .breadcrumb li:last-child {
  display: none;
}
div.page-node-type-news > .breadcrumb .date_cat_wrapper {
  margin-top: 20px;
  padding-left: 30px;
}
div.page-node-type-news > .breadcrumb .date_cat_wrapper .date {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 7px;
  text-transform: uppercase;
}
div.page-node-type-news > .breadcrumb .date_cat_wrapper .date:before {
  content: " ";
  display: block;
  width: 20px;
  border-top: 2px solid #ffffff;
  margin-bottom: 7px;
}
div.page-node-type-news > .breadcrumb .date_cat_wrapper .category-container {
  list-style: none;
  margin-bottom: 35px;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
div.page-node-type-news > .breadcrumb .date_cat_wrapper .category-container .category-wrapper {
  list-style: none;
  margin: 0 5px 0 0;
  padding: 2px 15px;
  background-color: #E5E5E6;
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  border-radius: 5px;
}
div.page-node-type-news > .breadcrumb .date_cat_wrapper .category-container .category-wrapper:last-child {
  margin: 0;
}
div.page-node-type-news .single-image,
div.page-node-type-news .image-gallery {
  margin-top: 115px;
  margin-bottom: 130px;
}
div.page-node-type-news .single-image .field__label,
div.page-node-type-news .image-gallery .field__label {
  display: none;
}
div.page-node-type-news .single-image .image-block,
div.page-node-type-news .image-gallery .image-block {
  margin-top: 1rem;
}
div.page-node-type-news .body {
  max-width: 800px;
  margin: 80px auto;
  overflow: hidden;
}
div.page-node-type-news .body a {
  color: #9a6c0b;
}
div.page-node-type-news .paragraphs .field__label {
  display: none;
}
div.page-node-type-news .more-news {
  background-color: #f5f9f7;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 100px;
  background-repeat: no-repeat;
}
div.page-node-type-news .more-news .title {
  font-size: 3.375rem;
}
div.page-node-type-news .more-news .title span {
  background-color: rgba(0, 0, 0, 0);
  border-color: #1b4130;
}
div.page-node-type-news .more-news .title span:before {
  left: -20px;
}
div.page-node-type-news .more-news .title span:after {
  right: -20px;
}
div.page-node-type-news .more-news .news-wrapper {
  text-align: left;
  margin-top: 2rem;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
  opacity: 0;
}
div.page-node-type-news .more-news .news-wrapper.active {
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
  opacity: 1;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row {
  display: inline-block;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row:focus,
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row:active {
  outline: 0;
  border: none;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .views-field:focus,
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .views-field:active {
  outline: 0;
  border: none;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item {
  background-color: #FFFFFF;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  margin-right: 20px;
  min-height: 570px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item {
    margin-right: 0;
  }
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .item_overlay_link {
  display: inline-block;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .thumbnail {
  display: block;
  width: 100%;
  margin-right: 0;
  background-color: #eab01f;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .thumbnail img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .content-wrapper {
  display: block;
  padding: 0 20px;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .content-wrapper .date {
  color: #113324;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  padding-top: 25px;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .content-wrapper .date:before {
  content: " ";
  display: block;
  width: 20px;
  border-top: 2px solid #113324;
  margin-bottom: 7px;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .content-wrapper .news-title {
  margin-bottom: 10px;
  color: #000000;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .content-wrapper .category {
  margin-bottom: 15px;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .content-wrapper .category ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .content-wrapper .category li {
  list-style: none;
  margin: 0 5px 5px 0;
  padding: 2px 15px;
  background-color: #113324;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 300;
  border-radius: 5px;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .content-wrapper .summary {
  color: #000000;
  font-size: 16px;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .content-wrapper .explore_more {
  display: none;
  margin: 55px 0 0;
  padding: 15px;
  text-align: right;
  opacity: 0;
  visibility: hidden;
  border-top: 1px solid #E5E5E6;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid #eab01f;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item:hover .thumbnail img {
  opacity: 0.3;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item:hover .content-wrapper {
  margin-top: -25px;
}
div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item:hover .content-wrapper .explore_more {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  }
  div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .view-content .views-row .news-item .content-wrapper .explore_more {
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  div.page-node-type-news .more-news .news-wrapper .view-hkuad-news-more .views-field {
    padding: 1rem;
  }
}
div.page-node-type-news .lpm-02 .wrapper .description p {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  div.page-node-type-news > .breadcrumb {
    margin-top: 50px;
  }
  div.page-node-type-news > .breadcrumb ol {
    display: none;
  }
  div.page-node-type-news > .breadcrumb nav.breadcrumb {
    top: -70px;
    margin-bottom: -40px;
  }
  div.page-node-type-news > .breadcrumb .title {
    font-size: 1.7rem;
    line-height: 1.6;
    padding: 0 1rem 0.2rem;
  }
}
body.page-node-type-hkuad-news footer .cfg_footer .hkuad_footer {
  margin-top: 0;
}
div.page-node-type-events > .breadcrumb {
  background-color: #1b4130;
  margin-top: 115px;
  z-index: 2;
  padding-bottom: 0;
  margin-bottom: 80px;
}
div.page-node-type-events > .breadcrumb .field__label {
  display: none;
}
div.page-node-type-events > .breadcrumb nav.breadcrumb {
  position: relative;
  top: -70px;
  margin-bottom: -70px;
}
div.page-node-type-events > .breadcrumb ol {
  background-color: #f8f8f8;
  padding: 0 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}
div.page-node-type-events > .breadcrumb ol li {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
  padding-right: 1rem;
}
div.page-node-type-events > .breadcrumb ol li a {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
}
div.page-node-type-events > .breadcrumb .title {
  background-color: #f8f8f8;
  padding: 0 2rem;
  font-size: 3rem;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.6;
}
div.page-node-type-events > .breadcrumb li::after {
  content: '';
  border: solid #595959;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4.5px;
  transform: rotate(-45deg);
}
div.page-node-type-events > .breadcrumb li:nth-last-child(2) {
  padding-right: 0;
}
div.page-node-type-events > .breadcrumb li::before {
  display: none;
}
div.page-node-type-events > .breadcrumb li:nth-child(2) {
  pointer-events: none;
}
div.page-node-type-events > .breadcrumb li:last-child {
  display: none;
}
div.page-node-type-events > .breadcrumb .date-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px auto;
}
div.page-node-type-events > .breadcrumb .date-content-wrapper > .event_info {
  color: #ffffff;
  font-size: 16px;
  margin-right: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
div.page-node-type-events > .breadcrumb .date-content-wrapper > .event_info i {
  margin-right: 9px;
}
div.page-node-type-events > .breadcrumb .date-content-wrapper > .event_info.location {
  margin-right: 0;
}
div.page-node-type-events > .breadcrumb .banner {
  overflow: hidden;
  display: block;
}
div.page-node-type-events > .breadcrumb .banner img {
  object-fit: cover;
}
div.page-node-type-events .body {
  max-width: 800px;
  margin: 40px auto;
  overflow: hidden;
}
div.page-node-type-events .body a {
  color: #9a6c0b;
}
div.page-node-type-events .body a.btn-dark-yellow-green,
div.page-node-type-events .body a.btn-dark-yellow,
div.page-node-type-events .body a.btn-primary {
  color: white;
}
div.page-node-type-events .register-link {
  max-width: 800px;
  margin: 0 auto 30px;
  text-align: center;
}
div.page-node-type-events .paragraphs .field__label {
  display: none;
}
div.page-node-type-events .more-events {
  background-color: #f5f9f7;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 100px;
}
div.page-node-type-events .more-events .title {
  font-size: 3.375rem;
}
div.page-node-type-events .more-events .title span {
  background-color: rgba(0, 0, 0, 0);
  border-color: #1b4130;
}
div.page-node-type-events .more-events .title span:before {
  left: -20px;
}
div.page-node-type-events .more-events .title span:after {
  right: -20px;
}
div.page-node-type-events .more-events .events-slider-wrapper {
  text-align: left;
  margin-top: 2rem;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
  opacity: 0;
}
div.page-node-type-events .more-events .events-slider-wrapper.active {
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
  opacity: 1;
}
div.page-node-type-events .more-events .events-slider-wrapper .event-more-item {
  cursor: pointer;
}
@media only screen and (min-width: 1000px) {
  div.page-node-type-events .more-events .view-hkuad-events-more > .view-content .views-row {
    margin-right: 20px;
  }
}
div.page-node-type-events .more-events .view-hkuad-events-more > .view-content .views-row .event-more-item {
  display: inline-block;
  background: rgba(255, 255, 255, 0.4) url("e2.jpg") scroll no-repeat center center / cover;
  padding: 20px 28px;
  border-left: 3px solid #1b4130;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -lh-property: 0;
width:-webkit-calc(100% - 56px);
width:-moz-calc(100% - 56px);
width:calc(100% - 56px);
;
  min-height: 256px;
}
div.page-node-type-events .more-events .view-hkuad-events-more > .view-content .views-row .event-more-item:hover {
  background: #ffffff none scroll no-repeat center center / cover;
  border-color: #eab01f;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.17);
}
div.page-node-type-events .more-events .view-hkuad-events-more > .view-content .views-row .event-more-item .event-title {
  font-size: 24px;
  margin-bottom: 5px;
  max-height: 75px;
  overflow: hidden;
}
div.page-node-type-events .more-events .view-hkuad-events-more > .view-content .views-row .event-more-item .summary {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  max-height: 75px;
  overflow: hidden;
}
div.page-node-type-events .more-events .view-hkuad-events-more > .view-content .views-row .event-more-item .event_info {
  color: #595959;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 400;
}
div.page-node-type-events .more-events .view-hkuad-events-more > .view-content .views-row .event-more-item .event_info i {
  font-weight: 300;
  margin-right: 8px;
  font-size: 14px;
}
div.page-node-type-events .more-events .view-hkuad-events-more > .view-content .views-row .event-more-item .event_info.date {
  text-transform: uppercase;
}
div.page-node-type-events .more-events .view-hkuad-events-more > .view-content .slick-dots > li {
  display: inline-block;
}
div.page-node-type-events .more-events .view-hkuad-events-more > .view-content .slick-dots > li:only-child {
  display: none;
}
@media only screen and (max-width: 767px) {
  div.page-node-type-events > .breadcrumb {
    margin-top: 50px;
  }
  div.page-node-type-events > .breadcrumb ol {
    display: none;
  }
  div.page-node-type-events > .breadcrumb nav.breadcrumb {
    top: -70px;
    margin-bottom: -40px;
  }
  div.page-node-type-events > .breadcrumb .title {
    font-size: 1.7rem;
    line-height: 1.6;
    padding: 0 1rem 0.2rem;
  }
}
body.page-node-type-hkuad-events footer .cfg_footer .hkuad_footer {
  margin-top: 0;
}
div.page-node-type-scholarship > .breadcrumb {
  background-color: #1b4130;
  margin-top: 115px;
  z-index: 2;
  padding-bottom: 0;
  margin-bottom: 80px;
}
div.page-node-type-scholarship > .breadcrumb .field__label {
  display: none;
}
div.page-node-type-scholarship > .breadcrumb nav.breadcrumb {
  position: relative;
  top: -70px;
  margin-bottom: -70px;
}
div.page-node-type-scholarship > .breadcrumb ol {
  background-color: #f8f8f8;
  padding: 0 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}
div.page-node-type-scholarship > .breadcrumb ol li {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
  padding-right: 1rem;
}
div.page-node-type-scholarship > .breadcrumb ol li a {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
}
div.page-node-type-scholarship > .breadcrumb .title {
  background-color: #f8f8f8;
  padding: 0 2rem 0.2rem;
  font-size: 3rem;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.6;
}
div.page-node-type-scholarship > .breadcrumb li::after {
  content: '';
  border: solid #595959;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4.5px;
  transform: rotate(-45deg);
}
div.page-node-type-scholarship > .breadcrumb li:nth-last-child(2) {
  padding-right: 0;
}
div.page-node-type-scholarship > .breadcrumb li::before {
  display: none;
}
div.page-node-type-scholarship > .breadcrumb li:nth-child(2) {
  pointer-events: none;
}
div.page-node-type-scholarship > .breadcrumb li:last-child {
  display: none;
}
div.page-node-type-scholarship > .breadcrumb .content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px auto;
  color: white;
}
div.page-node-type-scholarship > .breadcrumb .content-wrapper .content-item {
  padding-right: 40px;
}
div.page-node-type-scholarship > .breadcrumb .content-wrapper .content-item .content-title {
  font-weight: bold;
  text-transform: uppercase;
}
div.page-node-type-scholarship > .breadcrumb .content-wrapper .content-item .info {
  font-size: 1.625rem;
  font-weight: 300;
}
div.page-node-type-scholarship > .breadcrumb .content-wrapper .content-item .date {
  text-transform: uppercase;
}
div.page-node-type-scholarship .body {
  max-width: 800px;
  margin: 40px auto;
  overflow: hidden;
}
div.page-node-type-scholarship .body a {
  color: #9a6c0b;
}
div.page-node-type-scholarship .paragraphs {
  margin-bottom: 80px;
}
div.page-node-type-scholarship .paragraphs .field__label {
  display: none;
}
div.page-node-type-scholarship .body-block .body {
  margin: 0;
}
div.page-node-type-scholarship .body-block .body ul li {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  div.page-node-type-scholarship > .breadcrumb {
    margin-top: 50px;
  }
  div.page-node-type-scholarship > .breadcrumb ol {
    display: none;
  }
  div.page-node-type-scholarship > .breadcrumb nav.breadcrumb {
    top: -70px;
    margin-bottom: -40px;
  }
  div.page-node-type-scholarship > .breadcrumb .title {
    font-size: 1.7rem;
    line-height: 1.6;
    padding: 0 1rem 0.2rem;
  }
  div.page-node-type-scholarship > .breadcrumb .content-wrapper .content-item .info {
    font-size: 1.429rem;
  }
}
.news-listing-wrapper .view-filters legend {
  display: none;
}
.news-listing-wrapper .view-filters .form-item-field-hkuad-news-category-target-id input[type="radio"] {
  display: none;
}
.news-listing-wrapper .view-filters .form-actions {
  display: none;
}
.events-listing-wrapper {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper {
    margin-top: 1rem;
  }
}
.events-listing-wrapper .hiddenEvent {
  display: none;
}
.events-listing-wrapper .events-listing-filter {
  width: 100%;
  background-color: white;
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 2.375rem;
  padding-bottom: 30px;
  border-bottom: 1px solid #1b4130;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .events-listing-filter .display-date-wrapper {
    padding-bottom: 13px;
    margin-bottom: 16px;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .display-date-wrapper {
    border-bottom: 0;
    padding: 0 0 0.5rem;
    margin: 0;
  }
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper > .prev {
  cursor: pointer;
  margin-right: 1rem;
  position: relative;
  padding-left: 2rem;
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper > .prev::before {
  content: "";
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  border: 1px solid #b6b6b6;
  border-width: 0 0 2px 2px;
  transform: rotate(45deg) translate(0, -50%);
  top: 45%;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .display-date-wrapper > .prev::before {
    border-width: 0 0 1px 1px;
    width: 0.6rem;
    height: 0.6rem;
  }
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current {
  cursor: pointer;
  padding: 0 4.5rem;
  position: relative;
  font-weight: 900;
  font-size: 38px;
  color: #1b4130;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .display-date-wrapper .current {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .display-date-wrapper .current {
    padding: 0;
  }
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .text {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .text:after {
  content: "\f0dd";
  font-family: "Font Awesome 5 Pro";
  display: inline;
  width: 30px;
  position: relative;
  bottom: 5px;
  left: 10px;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .display-date-wrapper .current .text:after {
    font-size: 0.8em;
    bottom: 4px;
  }
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .date-picker {
  position: absolute;
  z-index: 11;
  left: 50%;
  transform: translate(-50%, 0);
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .date-picker .datepicker-inline table {
  background-color: white;
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .date-picker .datepicker-inline table thead tr th {
  border-radius: 0;
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .date-picker .datepicker-inline table thead tr th:hover {
  background-color: #113324;
  color: white;
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .date-picker .datepicker-inline table tbody tr td {
  border: 1px solid #1b4130;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .date-picker .datepicker-inline table tbody tr td span {
  font-size: 18px;
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .date-picker .datepicker-inline table tbody tr td span.active,
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .date-picker .datepicker-inline table tbody tr td span.focused {
  background-image: none;
  background-color: #9a6c0b;
  color: #FFFFFF;
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper .current .date-picker .datepicker-inline .datepicker-years .datepicker-switch {
  font-size: 27px;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .display-date-wrapper .current .date-picker .datepicker-inline .datepicker-years .datepicker-switch {
    font-size: 18px;
  }
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper > .next {
  cursor: pointer;
  margin-left: 1rem;
  position: relative;
  padding-left: 2rem;
}
.events-listing-wrapper .events-listing-filter .display-date-wrapper > .next::before {
  content: "";
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  border: 1px solid #b6b6b6;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg) translate(0, -50%);
  top: 45%;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .display-date-wrapper > .next::before {
    border-width: 1px 1px 0 0;
    width: 0.6rem;
    height: 0.6rem;
  }
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper {
  position: relative;
  max-width: 1140px;
  width: calc(100% - 2rem);
  margin: 0 auto;
  padding: 0 1rem;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .events-category-wrapper {
    padding: 0;
    width: 100%;
  }
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .mobile_filter_container {
  height: 45px;
  display: none;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 15px;
  background-color: #E5E5E6;
  border-radius: 3px;
  border-bottom: 1px solid #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .events-category-wrapper .mobile_filter_container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .mobile_filter_container.expanded {
  border-radius: 3px 3px 0 0;
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .mobile_filter_container span {
  color: #1b4130;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .mobile_filter_container span.fvalue {
  font-size: 20px;
  font-weight: 300;
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .mobile_filter_container span.dicon {
  font-size: 25px;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .events-category-wrapper .events-category-radios {
    display: none;
  }
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .events-category-radios label {
  cursor: pointer;
  color: #595959;
  color: #9e9b9e;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  margin-right: 20px;
  padding-right: 0;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .events-listing-filter .events-category-wrapper .events-category-radios label {
    font-size: 16px;
    margin-right: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .events-category-wrapper .events-category-radios label {
    text-align: left;
    display: block;
    margin-right: 0;
    background-color: #E5E5E6;
    padding: 0.4rem 1rem;
  }
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .events-category-radios label.selected {
  color: #1b4130;
  opacity: 1;
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .events-category-radios label:after {
  content: '|';
  display: inline-block;
  width: 20px;
  font-size: 20px;
  font-weight: 300;
  color: #777777;
  text-align: right;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .events-listing-filter .events-category-wrapper .events-category-radios label:after {
    font-size: 16px;
    width: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .events-category-wrapper .events-category-radios label:after {
    display: none;
  }
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .events-category-radios label:last-child {
  margin-right: 0;
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .events-category-radios label:last-child:after {
  display: none;
}
.events-listing-wrapper .events-listing-filter .events-category-wrapper .mobile_filter_container.expanded ~ .events-category-radios {
  display: block;
  position: relative;
  z-index: 10;
}
.events-listing-wrapper .events-listing-filter .show_hide_past_events {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter .show_hide_past_events {
    width: 100%;
    text-align: center;
    top: 50px;
    background-color: white;
  }
}
.events-listing-wrapper .events-listing-filter .show_hide_past_events .show-hide-toggle {
  font-weight: 900;
  color: #717171;
  cursor: pointer;
}
.events-listing-wrapper .events-listing-filter .show_hide_past_events .show-hide-toggle.first {
  display: none;
}
.events-listing-wrapper .events-listing-filter .show_hide_past_events .show-hide-toggle i {
  padding-right: 5px;
}
.events-listing-wrapper .events-listing-filter.scroll-fixed {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  margin: 0;
}
.events-listing-wrapper .events-listing-filter.scroll-fixed .display-date-wrapper {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter.scroll-fixed .display-date-wrapper {
    margin-bottom: 0;
  }
}
.events-listing-wrapper .events-listing-filter.scroll-fixed .current {
  padding: 0;
}
.events-listing-wrapper .events-listing-filter.scroll-fixed .text {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-size: 1.25rem;
}
.events-listing-wrapper .events-listing-filter.scroll-fixed .text:after {
  bottom: 3px;
}
.events-listing-wrapper .events-listing-filter.scroll-fixed .prev:before,
.events-listing-wrapper .events-listing-filter.scroll-fixed .next:before {
  width: 0.75rem;
  height: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .events-listing-filter.scroll-fixed .prev:before,
  .events-listing-wrapper .events-listing-filter.scroll-fixed .next:before {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.events-listing-wrapper .views-wrapper {
  position: relative;
}
.events-listing-wrapper .view-header {
  display: none;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-header {
    display: block;
    margin-top: 10px;
  }
  .events-listing-wrapper .view-header .mobile_filter_container {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-filters {
    visibility: hidden;
    height: 0;
    background-color: #E5E5E6;
    border-radius: 0 0 3px 3px;
  }
  .events-listing-wrapper .view-filters.mobile_show {
    visibility: visible;
    height: unset;
    position: relative;
  }
}
.events-listing-wrapper .view-filters legend,
.events-listing-wrapper .view-filters .form-item-field-hkuad-event-date-value,
.events-listing-wrapper .view-filters .form-item-field-hkuad-event-date-value-1,
.events-listing-wrapper .view-filters .form-item-field-hkuad-event-date-end-value,
.events-listing-wrapper .view-filters .form-item-field-hkuad-event-date-end-value-1,
.events-listing-wrapper .view-filters .form-actions {
  display: none;
}
.events-listing-wrapper .view-filters .form-item-field-hkuad-events-category-target-id input[type="radio"] {
  display: none;
}
.events-listing-wrapper .view-filters .form--inline {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-filters .form--inline {
    display: block;
    text-align: left;
    -lh-property: 0;
width:-webkit-calc(100% - 30px);
width:-moz-calc(100% - 30px);
width:calc(100% - 30px);
;
    padding: 10px 15px;
  }
}
.events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper {
  margin: 0;
  float: none;
}
.events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper {
  float: none;
}
.events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios {
  display: block;
}
.events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id {
  margin: 0;
  display: none;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id {
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0;
  }
  .events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id:last-child {
    border-bottom: medium none;
    padding-bottom: 0;
  }
  .events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id:first-child {
    padding-top: 0;
  }
}
.events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id input {
  display: none;
}
.events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id label {
  cursor: pointer;
  opacity: 0.6;
  color: #595959;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  margin-right: 20px;
  padding-right: 0;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id label {
    font-size: 16px;
    margin-right: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id label {
    text-align: left;
    display: block;
    margin-right: 0;
  }
}
.events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id label.selected {
  color: #1b4130;
  opacity: 1;
}
.events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id label:after {
  content: '|';
  display: inline-block;
  width: 20px;
  font-size: 20px;
  font-weight: 300;
  color: #777777;
  text-align: right;
  opacity: 0.6;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id label:after {
    font-size: 16px;
    width: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id label:after {
    display: none;
  }
}
.events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id:last-child label {
  margin-right: 0;
}
.events-listing-wrapper .view-filters .form--inline fieldset.form-wrapper > .fieldset-wrapper > .form-radios > .form-radios .form-item-field-hkuad-events-category-target-id:last-child label:after {
  display: none;
}
.events-listing-wrapper .view-content {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content {
    margin-top: 40px;
  }
}
.events-listing-wrapper .view-content .event-item-wrapper .sub-event .field--name-field-hkuad-register-link a {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  margin-bottom: 10px;
  background-color: #c28b17;
  border: 1px solid #eab01f;
  border-width: 0 0 2px 0;
  margin-right: 10px;
}
.events-listing-wrapper .view-content .event-item-wrapper .sub-event .field--name-field-hkuad-register-link a:hover {
  color: white;
  background-color: #1b4130;
  border-color: #69B297;
}
.events-listing-wrapper .view-content .event-item-wrapper.past .buttons .register {
  display: none;
}
.events-listing-wrapper .view-content .event-item-wrapper.past .buttons .register.playback {
  display: block;
}
.events-listing-wrapper .view-content .event-item-wrapper.past .sub-event .field--name-field-hkuad-register-link {
  display: none;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .title {
  font-size: 46px;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  color: #000000;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .title {
    font-size: 20px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .banner {
  position: relative;
  min-height: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner {
    min-height: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner {
    min-height: unset;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .banner img {
  width: 100%;
  height: auto;
  display: block;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 65px;
  min-width: 165px;
  background-color: #1b4130;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #FFFFFF;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date {
    min-width: 120px;
    height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date {
    position: unset;
    height: 36px;
    margin-top: 15px;
    min-width: 95px;
    display: inline-block;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date .start,
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date .hyphen,
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date .end {
    display: inline-block;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date .day {
  font-size: 50px;
  font-weight: 300;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date .day {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date .day {
    font-size: 24px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date .month-year {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 01px;
  margin-left: -12px;
  background-color: #1b4130;
  padding: 0 3px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date .month-year {
    margin-left: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date .month-year {
    font-size: 12px;
    margin-left: -2px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .banner .date .hyphen {
  width: 30px;
  text-align: center;
  font-size: 9px;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .event-title-section {
  margin-top: 30px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .event-title-section {
    display: block;
    margin-top: 12px;
    margin-bottom: 5px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .event-title-section .event-title {
  font-size: 24px;
  font-weight: 300;
  color: #000000;
  -lh-property: 0;
max-width:-webkit-calc(100% - 400px);
max-width:-moz-calc(100% - 400px);
max-width:calc(100% - 400px);
;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .event-title-section .event-title {
    -lh-property: 0;
max-width:-webkit-calc(100% - 350px);
max-width:-moz-calc(100% - 350px);
max-width:calc(100% - 350px);
;
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .event-title-section .event-title {
    max-width: 100%;
    font-size: 20px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .event-title-section .buttons {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .event-title-section .buttons {
    display: none;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .summary {
  -lh-property: 0;
max-width:-webkit-calc(100% - 400px);
max-width:-moz-calc(100% - 400px);
max-width:calc(100% - 400px);
;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .summary {
    -lh-property: 0;
max-width:-webkit-calc(100% - 350px);
max-width:-moz-calc(100% - 350px);
max-width:calc(100% - 350px);
;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .summary {
    max-width: 100%;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .summary p {
  margin-bottom: 5px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .summary p {
    font-size: 14px;
    line-height: 22px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .detail-info-wrapper {
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -lh-property: 0;
max-width:-webkit-calc(100% - 400px);
max-width:-moz-calc(100% - 400px);
max-width:calc(100% - 400px);
;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .detail-info-wrapper {
    margin-bottom: 10px;
    max-width: 100%;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .detail-info-wrapper > div {
  margin-right: 40px;
  color: #333333;
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .detail-info-wrapper > div {
    font-size: 14px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .detail-info-wrapper > div i {
  padding-right: 7px;
  position: relative;
  top: 1px;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .detail-info-wrapper > div.location {
  margin-right: 0;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .buttons.mobile_only {
  display: none;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .buttons.mobile_only {
    display: block;
    margin-bottom: 30px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event {
  margin-top: 20px;
  margin-bottom: 40px;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container {
  background-color: #f5f9f7;
  margin-bottom: 5px;
  border-left: 3px solid #1b4130;
  padding: 10px 25px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container {
    border-left: medium none;
    border-top: 3px solid #1b4130;
    padding: 13px 25px 25px;
  }
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container.past_event {
    padding: 13px 25px 55px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container .sub_events_explore {
  white-space: nowrap;
  position: absolute;
  top: calc(50% - 21px);
  right: 25px;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container .sub_events_explore {
    left: 175px;
    bottom: 25px;
    top: unset;
  }
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container .sub_events_explore.past_event {
    left: 25px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article {
  width: 100%;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article h2 {
  -lh-property: 0;
max-width:-webkit-calc(100% - 400px);
max-width:-moz-calc(100% - 400px);
max-width:calc(100% - 400px);
;
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article h2 {
    max-width: 100%;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article h2 a {
  font-size: 20px;
  font-weight: 300;
  color: #000000;
  pointer-events: none;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article h2 a {
    font-size: 18px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article h2 a:hover {
  color: #9a6c0b;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .date_location {
  display: block;
}
@media only screen and (min-width: 1000px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .date_location {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .date_location {
    margin-bottom: 15px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .field--name-field-hkuad-register-link {
  position: absolute;
  right: 160px;
  top: calc(50% - 21px);
}
@media only screen and (max-width: 767px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .field--name-field-hkuad-register-link {
    position: unset;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .field--name-field-hkuad-event-date {
  margin-right: 60px;
  min-width: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .field--name-field-hkuad-event-date {
    font-size: 14px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .field--name-field-hkuad-event-date:before {
  content: "\f017";
  display: inline-block;
  padding-right: 10px;
  position: relative;
  top: 1px;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .field--name-field-hkuad-event-date::after {
  content: "(HKT)";
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .field--name-field-hkuad-location {
    font-size: 14px;
  }
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container article .date_location_register .field--name-field-hkuad-location:before {
  content: "\f3c5";
  display: inline-block;
  padding-right: 10px;
  position: relative;
  top: 1px;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container.past_event article .date_location_register .field--name-field-hkuad-register-link {
  display: none;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container.past_event.playback article .date_location_register .field--name-field-hkuad-register-link {
  display: block;
}
.events-listing-wrapper .view-content .views-row .views-field-nothing .sub-event .sub_events_container.no-detail-page article .date_location_register .field--name-field-hkuad-register-link {
  right: 25px;
}
body.page-node-type-hkuad-programme .breadcrumb {
  position: relative;
  top: 2rem;
  z-index: 2;
}
body.page-node-type-hkuad-programme .breadcrumb ol {
  position: relative;
  top: -2rem;
  background-color: #f8f8f8;
  padding: 0 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}
body.page-node-type-hkuad-programme .breadcrumb ol li {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
  padding-right: 1rem;
}
body.page-node-type-hkuad-programme .breadcrumb ol li a {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
}
body.page-node-type-hkuad-programme .breadcrumb .title {
  display: inline-block;
  background-color: #f8f8f8;
  padding: 0 2rem 0.2rem;
  font-size: 3rem;
}
body.page-node-type-hkuad-programme .breadcrumb li::after {
  content: '';
  border: solid #595959;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4.5px;
  transform: rotate(-45deg);
}
body.page-node-type-hkuad-programme .breadcrumb li:nth-last-child(2) {
  padding-right: 0;
}
body.page-node-type-hkuad-programme .breadcrumb li::before {
  display: none;
}
body.page-node-type-hkuad-programme .breadcrumb li:nth-child(2) {
  pointer-events: none;
}
body.page-node-type-hkuad-programme .breadcrumb li:last-child {
  display: none;
}
body.page-node-type-hkuad-programme .banner-section {
  position: relative;
  background-color: #1b4130;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  body.page-node-type-hkuad-programme .banner-section {
    margin-bottom: 0;
  }
}
body.page-node-type-hkuad-programme .banner-section .program-info {
  display: flex;
  padding: 2rem;
}
body.page-node-type-hkuad-programme .banner-section .program-info .content {
  position: relative;
  top: 2rem;
  display: flex;
  flex-direction: column;
  color: white;
  padding-right: 3rem;
  padding-bottom: 1rem;
}
body.page-node-type-hkuad-programme .banner-section .program-info .content .content-title {
  font-weight: bold;
}
body.page-node-type-hkuad-programme .banner-section .program-info .content .info {
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  body.page-node-type-hkuad-programme .banner-section .program-info .content .info {
    font-size: 16px;
  }
}
body.page-node-type-hkuad-programme .banner-section .banner {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  top: 2rem;
  padding: 0 4rem;
}
body.page-node-type-hkuad-programme .field--name-field-hkuad-paragraphs .field__label {
  display: none;
}
body.page-node-type-hkuad-programme .more-program {
  text-align: center;
  padding-top: 2rem;
  margin-bottom: 80px;
}
body.page-node-type-hkuad-programme .more-program .title {
  font-size: 3.375rem;
}
body.page-node-type-hkuad-programme .more-program .title span {
  background-color: #1b4130;
  border-color: #1b4130;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper {
  text-align: left;
  margin-top: 2rem;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
  opacity: 0;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper.active {
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
  opacity: 1;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .view-hkuad-program-page-more .view-content .views-row:focus,
body.page-node-type-hkuad-programme .more-program .program-wrapper .view-hkuad-program-page-more .view-content .views-row:active {
  outline: 0;
  border: none;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .view-hkuad-program-page-more .view-content .views-row .views-field:focus,
body.page-node-type-hkuad-programme .more-program .program-wrapper .view-hkuad-program-page-more .view-content .views-row .views-field:active {
  outline: 0;
  border: none;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program {
  transition: 0.3s;
  border-top: 3px solid #1b4130;
  border-bottom: 3px solid transparent;
  padding: 1rem;
  margin-right: 1rem;
  background-color: #f8f8f8;
  height: 330px;
  cursor: pointer;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program .faculty,
body.page-node-type-hkuad-programme .more-program .program-wrapper .program .program-title {
  margin-bottom: 1rem;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program .faculty {
  font-size: 1rem;
  color: #595959;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program .program-title {
  font-size: 1.5rem;
  line-height: 1.2;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program .program-title a {
  color: black;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program .degree-type {
  transition: 0.3s;
  font-size: 1rem;
  color: #1b4130;
  display: inline;
  border: 1px solid #c28b17;
  padding: 0 1rem;
  background-color: #eab01f;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program .summary {
  margin-top: 1rem;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program .summary p {
  line-height: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program:hover {
  background-color: #9a6c0b;
  background-image: url('pattern_light_yellow.png');
  border-top-color: transparent;
  border-bottom-color: #eab01f;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program:hover .program-title a {
  color: white;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program:hover .faculty {
  color: white;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program:hover .degree-type {
  color: white;
  border-color: white;
  background-color: transparent;
}
body.page-node-type-hkuad-programme .more-program .program-wrapper .program:hover .summary p {
  color: white;
}
body.page-node-type-hkuad-programme .lpm-02 .wrapper .title-type-1 {
  margin-top: 1rem;
}
body.page-node-type-hkuad-programme .lpm-02 .wrapper .description p {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  body.page-node-type-hkuad-programme .breadcrumb {
    top: 0%;
  }
  body.page-node-type-hkuad-programme .breadcrumb ol {
    display: none;
  }
  body.page-node-type-hkuad-programme .breadcrumb .title {
    font-size: 24px;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 1rem 0.2rem;
  }
  body.page-node-type-hkuad-programme .banner-section {
    top: -3.5rem;
  }
  body.page-node-type-hkuad-programme .banner-section .program-info {
    flex-wrap: wrap;
    padding: 2.5rem 0 0.5rem;
  }
  body.page-node-type-hkuad-programme .banner-section .program-info .content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    padding: 0;
    margin-bottom: 1.25rem;
  }
  body.page-node-type-hkuad-programme .banner-section .program-info .content div {
    padding-right: 1rem;
  }
  body.page-node-type-hkuad-programme .banner-section .program-info .content .content-title {
    font-size: 12px;
  }
  body.page-node-type-hkuad-programme .banner-section .program-info .content .info {
    font-size: 1.143rem;
  }
  body.page-node-type-hkuad-programme .banner-section .program-info .content.type {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  body.page-node-type-hkuad-programme .banner-section .banner {
    top: 2rem;
    padding: 0 1rem;
    height: 200px;
  }
  body.page-node-type-hkuad-programme .banner-section .banner img {
    height: 100%;
    object-fit: cover;
  }
  body.page-node-type-hkuad-programme .more-program {
    text-align: center;
  }
  body.page-node-type-hkuad-programme .more-program .title {
    font-size: 2.429rem;
  }
}
html[lang="zh-hans"] body.page-node-type-hkuad-programme .banner-section .program-info .content.place {
  display: none;
}
.page-node-type-student-sharing .breadcrumb {
  position: relative;
  top: 2rem;
  z-index: 2;
}
.page-node-type-student-sharing .breadcrumb ol {
  position: relative;
  top: -2rem;
  background-color: #f8f8f8;
  padding: 0 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}
.page-node-type-student-sharing .breadcrumb ol li {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
  padding-right: 1rem;
}
.page-node-type-student-sharing .breadcrumb ol li a {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
}
.page-node-type-student-sharing .breadcrumb li::after {
  content: '';
  border: solid #595959;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4.5px;
  transform: rotate(-45deg);
}
.page-node-type-student-sharing .breadcrumb li::before {
  display: none;
}
.page-node-type-student-sharing .breadcrumb li:nth-last-child(2) {
  padding-right: 0;
}
.page-node-type-student-sharing .breadcrumb li:nth-child(2) {
  pointer-events: none;
}
.page-node-type-student-sharing .breadcrumb li:last-child {
  display: none;
}
.page-node-type-student-sharing .breadcrumb .banner-section {
  position: relative;
  background-color: #f8f8f8;
}
.page-node-type-student-sharing .breadcrumb .banner-section .student-image {
  position: absolute;
  max-width: 400px;
  top: 2rem;
  left: 2rem;
  width: 30%;
}
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper {
  padding: 4rem 0;
}
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper .title {
  position: relative;
  font-size: 3rem;
  color: #1b4130;
  width: 63%;
  margin-left: auto;
}
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper .title .info {
  position: relative;
  font-size: 1.375rem;
  top: -10px;
}
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper .title .program {
  color: black;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.125rem;
  position: absolute;
  line-height: 1;
  padding-right: 1rem;
}
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper .social-media {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 30px;
}
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper .social-media .description {
  font-size: 14px;
  color: #626262;
  margin-right: 10px;
}
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper .social-media .facebook-color,
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper .social-media .instagram-color {
  padding-left: 20px;
}
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper .social-media .facebook-color::before,
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper .social-media .instagram-color::before {
  position: absolute;
  display: block;
  top: -2.3rem;
  height: 0;
  left: 0;
  margin-right: 10px;
}
.page-node-type-student-sharing .breadcrumb .banner-section .wrapper .social-media .facebook-color::before {
  top: calc(-2.3rem - 1px);
}
.page-node-type-student-sharing .content-wrapper {
  width: calc(63% - 2rem);
  padding-right: 2rem;
  margin: 3.5rem 0 2rem auto;
}
.page-node-type-student-sharing .content-wrapper .quote-section {
  position: relative;
  display: inline-block;
  margin: 0 1.875rem 0.6rem;
  font-size: 2.125rem;
  padding: 1rem 0;
}
.page-node-type-student-sharing .content-wrapper .quote-section p {
  margin: 0;
}
.page-node-type-student-sharing .content-wrapper .quote-section p:after {
  content: "";
  background-image: url('quote.svg');
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  bottom: -0.7em;
  right: 0.4em;
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.page-node-type-student-sharing .content-wrapper .quote-section:before {
  content: "";
  background-image: url('quote.svg');
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -30px;
}
.page-node-type-student-sharing .content-wrapper .main-content {
  margin-bottom: 2rem;
}
.page-node-type-student-sharing .content-wrapper .back-to-list {
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
}
.page-node-type-student-sharing .content-wrapper .back-to-list a {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  margin-bottom: 10px;
  background-color: #c28b17;
  border: 1px solid #eab01f;
  border-width: 0 0 2px 0;
  padding: 0 1rem;
}
.page-node-type-student-sharing .content-wrapper .back-to-list a:hover {
  color: black;
  background-color: #eab01f;
  border-color: #c28b17;
}
.page-node-type-student-sharing .student-experience {
  margin-top: 6rem;
  background-color: #f5f9f7;
  text-align: center;
  padding: 3.5rem 0 2rem;
}
.page-node-type-student-sharing .student-experience .student-experience-slider {
  padding: 3rem 1rem;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
  opacity: 0;
}
.page-node-type-student-sharing .student-experience .student-experience-slider.active {
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
  opacity: 1;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  position: relative;
  text-align: unset;
  margin-right: 2rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item:hover .image::after {
  background-color: #eab01f;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item:hover .image::before {
  border-bottom: 2px solid #eab01f;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item:hover .wrapper {
  border-bottom: 2px solid #eab01f;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .image {
  position: relative;
  z-index: 1;
  width: 45%;
  margin-bottom: 1.5rem;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .image::before {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  right: 0;
  width: 90%;
  height: 100%;
  display: block;
  background-color: white;
  z-index: -1;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .image img {
  height: 100%;
  object-fit: cover;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .image::after {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
  opacity: 0.5;
  bottom: 0;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper {
  width: 55%;
  margin-top: 1.5rem;
  position: relative;
  height: 260px;
  background-color: white;
  text-align: left;
  padding: 0 1rem;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .quote {
  font-size: 1.75rem;
  margin-top: 35px;
  margin-bottom: 10px;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .quote:before {
  content: "\f10d";
  position: absolute;
  top: -1.5rem;
  font-weight: bold;
  color: #1b4130;
  opacity: 0.1;
  font-size: 2.5rem;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .quote p {
  color: #1b4130;
  margin: 0;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .summary {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  padding-right: 1rem;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .info {
  color: #1b4130;
  position: absolute;
  bottom: 25px;
  padding-right: 1rem;
  line-height: 1;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .info a {
  color: #1b4130;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .info .location {
  font-size: 1rem;
  line-height: 1.2;
}
.page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .info .program {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  color: black;
  font-size: 0.875rem;
  line-height: 1.3;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px), only screen and (min-width: 768px) and (max-width: 999px) {
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item {
    justify-content: center;
    align-items: stretch;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .image {
    width: 25%;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper {
    height: unset;
    min-height: 260px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .image {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .page-node-type-student-sharing .breadcrumb .banner-section .wrapper .title {
    font-size: 2rem;
  }
  .page-node-type-student-sharing .content-wrapper .quote-section {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .page-node-type-student-sharing .breadcrumb {
    position: relative;
    top: 0;
    padding-left: 0;
  }
  .page-node-type-student-sharing .breadcrumb ol {
    display: none;
  }
  .page-node-type-student-sharing .breadcrumb .banner-section {
    background-color: transparent;
    padding-left: 1rem;
  }
  .page-node-type-student-sharing .breadcrumb .banner-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f8f8f8;
    height: 100px;
    width: 100%;
  }
  .page-node-type-student-sharing .breadcrumb .banner-section .student-image {
    position: relative;
    width: 85%;
    margin: 0 auto;
    padding-top: 1.785rem;
    max-width: unset;
    top: 0;
    left: 0;
    box-sizing: border-box;
  }
  .page-node-type-student-sharing .breadcrumb .banner-section .wrapper {
    position: relative;
    width: 85%;
    margin: 0 auto;
    padding: 0;
    padding-top: 1rem;
    box-sizing: border-box;
  }
  .page-node-type-student-sharing .breadcrumb .banner-section .wrapper .title {
    font-size: 1.429rem;
    width: 100%;
  }
  .page-node-type-student-sharing .breadcrumb .banner-section .wrapper .title .info {
    font-size: 1.143rem;
  }
  .page-node-type-student-sharing .breadcrumb .banner-section .wrapper .title .program {
    font-size: 0.8571rem;
  }
  .page-node-type-student-sharing .content-wrapper {
    width: 100%;
    padding-right: 0;
    margin-top: 1rem;
  }
  .page-node-type-student-sharing .content-wrapper .quote-section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 1.143rem;
    text-align: center;
    margin: auto;
    position: relative;
    padding: 1rem 40px;
    min-height: 50px;
  }
  .page-node-type-student-sharing .content-wrapper .quote-section:before {
    top: 50%;
    transform: translate(0, -50%);
    left: 0px;
    width: 30px;
    height: 30px;
  }
  .page-node-type-student-sharing .content-wrapper .quote-section:after {
    content: "";
    background-image: url('quote.svg');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: rotateZ(180deg) translate(0px, 50%);
    -moz-transform: rotateZ(180deg) translate(0px, 50%);
    -ms-transform: rotateZ(180deg) translate(0px, 50%);
    -o-transform: rotateZ(180deg) translate(0px, 50%);
    transform: rotateZ(180deg) translate(0px, 50%);
  }
  .page-node-type-student-sharing .content-wrapper .quote-section p:after {
    display: none;
  }
  .page-node-type-student-sharing .content-wrapper .back-to-list {
    font-size: 1rem;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item {
    flex-direction: column;
    padding: 0;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .image {
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 60%;
    margin-bottom: 0;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .image::before {
    content: "";
    width: 170%;
    height: 90%;
    position: absolute;
    display: block;
    background-color: white;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .image img {
    width: 100%;
    height: auto;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper {
    position: relative;
    width: 100%;
    height: 250px;
    background-color: white;
    padding: 0;
    margin: 0;
    text-align: left;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .quote,
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .summary,
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .info {
    padding: 0 1.5rem;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .quote {
    font-size: 1.429rem;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .quote::before {
    left: 12px;
    top: 5px;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .info {
    bottom: 20px;
  }
  .page-node-type-student-sharing .student-experience .student-experience-slider .student-sharing-item .wrapper .info .program {
    font-size: 0.8571rem;
  }
}
body.path-search {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
}
body.path-search .view-hkuad-search .view-filters {
  padding: 0 20px;
  background: #F8F8F8 url("pattern_grey_green.jpg") no-repeat scroll center center;
}
body.path-search .view-hkuad-search .view-filters .views-exposed-form {
  max-width: 1140px;
  margin: 0 auto;
  min-height: 340px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  body.path-search .view-hkuad-search .view-filters .views-exposed-form {
    min-height: 220px;
  }
}
body.path-search .view-hkuad-search .view-filters .views-exposed-form .form--inline {
  width: 100%;
  position: relative;
}
body.path-search .view-hkuad-search .view-filters .views-exposed-form .form-item-keywords {
  width: 100%;
  display: block;
  margin: 0;
}
body.path-search .view-hkuad-search .view-filters .views-exposed-form .form-item-keywords input {
  height: 80px;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  line-height: 80px;
  padding: 0 50px 0 30px;
  width: 100%;
  border: medium none;
  color: #333333;
  font-size: 34px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
  outline: none;
  border-radius: 0;
}
@media only screen and (max-width: 767px) {
  body.path-search .view-hkuad-search .view-filters .views-exposed-form .form-item-keywords input {
    font-size: 20px;
  }
}
body.path-search .view-hkuad-search .view-filters .views-exposed-form .form-actions {
  position: absolute;
  right: 40px;
  bottom: 0;
  margin: 0;
  clear: none;
  text-align: right;
}
body.path-search .view-hkuad-search .view-filters .views-exposed-form .form-actions:before {
  font-family: "Font Awesome 5 Pro";
  background-color: rgba(0, 0, 0, 0);
  content: '\f002';
  font-size: 35px;
  color: #A77305;
  position: absolute;
  right: 0;
  font-weight: 300;
  height: 80px;
  line-height: 81px;
  width: 70px;
  top: 0;
  display: block;
}
@media only screen and (max-width: 767px) {
  body.path-search .view-hkuad-search .view-filters .views-exposed-form .form-actions:before {
    font-size: 25px;
  }
}
body.path-search .view-hkuad-search .view-filters .views-exposed-form .form-actions input {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  border: medium none;
  font-size: 35px;
  font-weight: 500;
  height: 80px;
  line-height: 81px;
  width: 70px;
  outline: none;
  padding: 0;
  position: relative;
  display: block;
  /*&:before {
                //font-family: @fa;
                background-color: rgba(0, 0, 0, 0);
                content: 'dsf44';
                font-size: 35px;
                color: @black;
                color: #000000;
                //position: absolute;
                right: 0;
                font-weight: 300;
                height: 80px;
                line-height: 81px;
                width: 70px;
                top: 0;
                display: block;
              }*/
}
@media only screen and (max-width: 767px) {
  body.path-search .view-hkuad-search .view-filters .views-exposed-form .form-actions input {
    font-size: 25px;
  }
}
body.path-search .view-hkuad-search .view-header {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
}
body.path-search .view-hkuad-search .view-header .total_matched_results {
  margin: 35px auto;
  text-align: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #A77305;
  color: #000000;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 26px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  body.path-search .view-hkuad-search .view-header .total_matched_results {
    font-size: 19px;
  }
}
body.path-search .view-hkuad-search .view-content {
  padding: 0 20px;
}
body.path-search .view-hkuad-search .view-content .views-row {
  max-width: 1140px;
  margin: 0 auto 30px;
  padding: 0 20px 30px;
  border-bottom: 1px solid #E5E5E6;
}
body.path-search .view-hkuad-search .view-content .views-row .views-field.views-field-title {
  padding-bottom: 15px;
}
body.path-search .view-hkuad-search .view-content .views-row .views-field.views-field-title a {
  color: #113324;
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}
@media only screen and (max-width: 767px) {
  body.path-search .view-hkuad-search .view-content .views-row .views-field.views-field-title a {
    font-size: 20px;
  }
}
body.path-search .view-hkuad-search .view-content .views-row .views-field.views-field-search-api-excerpt {
  color: #000000;
  font-size: 16px;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  body.path-search .view-hkuad-search .view-content .views-row .views-field.views-field-search-api-excerpt {
    font-size: 15px;
  }
}
body.path-search .view-hkuad-search .view-content .views-row .views-field.views-field-search-api-excerpt strong {
  color: #A77305;
}
body.path-search .view-hkuad-search .pager {
  max-width: 1140px;
  margin: 0 auto 50px;
  text-align: center;
}
body.path-search .view-hkuad-search .pager .pager__item .button {
  position: relative;
  color: #333333;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 18px;
}
body.path-search .view-hkuad-search .pager .pager__item .button:after {
  padding-left: 7px;
  font-family: "Font Awesome 5 Pro";
  background-color: rgba(0, 0, 0, 0);
  content: '\f103';
  font-size: 20px;
  color: #333333;
  right: 0;
  font-weight: 300;
  height: 80px;
  line-height: 81px;
  width: 70px;
  top: 0;
}
.sitemap > .breadcrumb {
  margin-bottom: 80px;
}
.sitemap > .breadcrumb .title {
  position: relative;
  font-size: 3rem;
  color: #1b4130;
  background-color: #f8f8f8;
  display: inline;
  text-align: center;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  padding: 0.7rem 2rem;
}
.sitemap .breadcrumb {
  position: relative;
  top: 2rem;
  z-index: 2;
}
.sitemap .breadcrumb ol {
  position: relative;
  top: -2rem;
  background-color: #f8f8f8;
  padding: 0 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}
.sitemap .breadcrumb ol li {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
  padding-right: 1rem;
}
.sitemap .breadcrumb ol li a {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
}
.sitemap .breadcrumb li::after {
  content: '';
  border: solid #595959;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4.5px;
  transform: rotate(-45deg);
}
.sitemap .breadcrumb li::before {
  display: none;
}
.sitemap .breadcrumb li:nth-last-child(2) {
  padding-right: 0;
}
.sitemap .breadcrumb li:nth-child(2) {
  pointer-events: none;
}
.sitemap .breadcrumb li:last-child {
  display: none;
}
.sitemap .sitemap-box-menu ul {
  list-style-type: none;
}
.sitemap .sitemap-box-menu .content > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .sitemap .sitemap-box-menu .content > ul {
    padding: 0;
    margin: 0;
  }
}
.sitemap .sitemap-box-menu .content > ul > li.leaf,
.sitemap .sitemap-box-menu .content > ul > li.expanded {
  flex: 0 0 33%;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .sitemap .sitemap-box-menu .content > ul > li.leaf,
  .sitemap .sitemap-box-menu .content > ul > li.expanded {
    flex: 0 0 100%;
  }
}
.sitemap .sitemap-box-menu .content > ul > li.leaf > span,
.sitemap .sitemap-box-menu .content > ul > li.expanded > span,
.sitemap .sitemap-box-menu .content > ul > li.leaf a,
.sitemap .sitemap-box-menu .content > ul > li.expanded a {
  color: black;
  font-size: 1.875rem;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
}
.sitemap .sitemap-box-menu .content > ul > li.leaf > ul,
.sitemap .sitemap-box-menu .content > ul > li.expanded > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid black;
  margin-right: 20px;
  padding-top: 16px;
}
@media only screen and (max-width: 767px) {
  .sitemap .sitemap-box-menu .content > ul > li.leaf > ul,
  .sitemap .sitemap-box-menu .content > ul > li.expanded > ul {
    margin-right: 0;
  }
}
.sitemap .sitemap-box-menu .content > ul > li.leaf > ul > li,
.sitemap .sitemap-box-menu .content > ul > li.expanded > ul > li {
  flex: 0 0 100%;
  margin: 0px;
}
.sitemap .sitemap-box-menu .content > ul > li.leaf > ul > li a,
.sitemap .sitemap-box-menu .content > ul > li.expanded > ul > li a,
.sitemap .sitemap-box-menu .content > ul > li.leaf > ul > li span,
.sitemap .sitemap-box-menu .content > ul > li.expanded > ul > li span {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.125rem;
  position: relative;
  font-weight: 300;
}
.sitemap .sitemap-box-menu .content > ul > li.leaf > ul > li a::before,
.sitemap .sitemap-box-menu .content > ul > li.expanded > ul > li a::before,
.sitemap .sitemap-box-menu .content > ul > li.leaf > ul > li span::before,
.sitemap .sitemap-box-menu .content > ul > li.expanded > ul > li span::before {
  content: "\f105";
  left: -1rem;
  display: inline-block;
  position: absolute;
  font-weight: 100;
}
.sitemap .sitemap-box-menu .content > ul > li.leaf {
  position: relative;
}
.sitemap .sitemap-box-menu .content > ul > li.leaf::before {
  content: "";
  position: absolute;
  width: calc(100% - 20px);
  border-bottom: 1px solid black;
  left: 0;
  top: 48px;
}
.view-hkuad-publication-listing {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  margin-top: 35px;
}
.view-hkuad-publication-listing .view-content {
  max-width: 1140px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.view-hkuad-publication-listing .view-content > .views-row {
  -webkit-flex-basis: calc(25.3% - 19px);
  flex-basis: calc(25.3% - 19px);
  margin-right: 20px;
  margin-bottom: 60px;
}
.view-hkuad-publication-listing .view-content > .views-row .publication-item .thumbnail {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  border-radius: 2px;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}
.view-hkuad-publication-listing .view-content > .views-row .publication-item .thumbnail:hover {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.99);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.99);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.99);
  border-bottom: 3px solid #eab01f;
}
.view-hkuad-publication-listing .view-content > .views-row .publication-item .thumbnail img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.view-hkuad-publication-listing .view-content > .views-row .publication-item .thumbnail img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.view-hkuad-publication-listing .view-content > .views-row .publication-item .publication-title {
  text-align: center;
  margin-top: 20px;
  line-height: 21px;
}
.view-hkuad-publication-listing .view-content > .views-row .publication-item .publication-title a {
  color: #000000;
  font-size: 18px;
}
.view-hkuad-publication-listing .view-content > .views-row .publication-item .publication-title a:hover {
  color: #9a6c0b;
}
@media only screen and (min-width: 1000px), only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-publication-listing .view-content > .views-row:nth-of-type(4n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-publication-listing .view-content > .views-row {
    -webkit-flex-basis: calc(50% - 11px);
    flex-basis: calc(50% - 11px);
  }
  .view-hkuad-publication-listing .view-content > .views-row:nth-of-type(2n) {
    margin-right: 0;
  }
}
.view-hkuad-publication-listing .pager {
  max-width: 1140px;
  margin: 0 auto 50px;
  text-align: center;
}
.view-hkuad-publication-listing .pager .pager__item .button {
  position: relative;
  color: #595959;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 18px;
}
.view-hkuad-publication-listing .pager .pager__item .button:after {
  padding-left: 7px;
  font-family: "Font Awesome 5 Pro";
  background-color: rgba(0, 0, 0, 0);
  content: ' \f103 ';
  font-size: 20px;
  color: #595959;
  right: 0;
  font-weight: 300;
  height: 80px;
  line-height: 81px;
  width: 70px;
  top: 0;
}
.faq-wrapper {
  margin-bottom: 80px;
  min-height: 700px;
}
.faq-wrapper .bg-section {
  background-color: #1b4130;
}
.faq-wrapper .bg-section .breadcrumb {
  margin-top: 125px;
  z-index: 2;
}
.faq-wrapper .bg-section .breadcrumb .field__label {
  display: none;
}
.faq-wrapper .bg-section .breadcrumb nav.breadcrumb {
  position: relative;
  top: -80px;
  margin-bottom: -80px;
}
.faq-wrapper .bg-section .breadcrumb ol {
  background-color: #f8f8f8;
  padding: 0 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}
.faq-wrapper .bg-section .breadcrumb ol li {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
  padding-right: 1rem;
}
.faq-wrapper .bg-section .breadcrumb ol li a {
  color: #595959;
  font-weight: 300;
  font-size: 0.9375rem;
}
.faq-wrapper .bg-section .breadcrumb .title {
  background-color: #f8f8f8;
  padding: 0.5rem 2rem;
  font-size: 3rem;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.5;
}
.faq-wrapper .bg-section .breadcrumb li::after {
  content: '';
  border: solid #595959;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4.5px;
  transform: rotate(-45deg);
}
.faq-wrapper .bg-section .breadcrumb li:nth-last-child(2) {
  padding-right: 0;
}
.faq-wrapper .bg-section .breadcrumb li::before {
  display: none;
}
.faq-wrapper .bg-section .breadcrumb li:last-child {
  display: none;
}
.faq-wrapper .bg-section .breadcrumb .date_cat_wrapper {
  margin-top: 20px;
  padding-left: 30px;
}
.faq-wrapper .bg-section .breadcrumb .date_cat_wrapper .date {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 7px;
  text-transform: uppercase;
}
.faq-wrapper .bg-section .breadcrumb .date_cat_wrapper .date:before {
  content: " ";
  display: block;
  width: 20px;
  border-top: 2px solid #ffffff;
  margin-bottom: 7px;
}
.faq-wrapper .bg-section .breadcrumb .date_cat_wrapper .category-container {
  list-style: none;
  margin-bottom: 35px;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.faq-wrapper .bg-section .breadcrumb .date_cat_wrapper .category-container .category-wrapper {
  list-style: none;
  margin: 0 5px 0 0;
  padding: 2px 15px;
  background-color: #E5E5E6;
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  border-radius: 5px;
}
.faq-wrapper .bg-section .breadcrumb .date_cat_wrapper .category-container .category-wrapper:last-child {
  margin: 0;
}
.faq-wrapper .bg-section .search-section {
  padding-bottom: 4.5rem;
}
.faq-wrapper .bg-section .search-section .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
}
.faq-wrapper .bg-section .search-section .wt-help {
  font-size: 1.625rem;
  text-align: center;
  margin-bottom: 0.8rem;
}
.faq-wrapper .bg-section .search-section .search-bar {
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  color: black;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}
.faq-wrapper .bg-section .search-section .search-bar .programme-search-input {
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 1.25rem;
  width: 100%;
  min-height: 60px;
  border: 0;
  padding: 0 4rem 0 2rem;
  box-sizing: border-box;
  outline: none;
}
.faq-wrapper .bg-section .search-section .search-bar .symbol {
  position: absolute;
  top: 0;
  right: 1.8rem;
  width: 22px;
  min-height: 60px;
}
.faq-wrapper .bg-section .search-section .search-bar .symbol .search,
.faq-wrapper .bg-section .search-section .search-bar .symbol .cancel {
  display: none;
}
.faq-wrapper .bg-section .search-section .search-bar .symbol .search.active,
.faq-wrapper .bg-section .search-section .search-bar .symbol .cancel.active {
  display: block;
}
.faq-wrapper .bg-section .search-section .search-bar .symbol .fa-search {
  cursor: pointer;
  display: block;
  position: absolute;
  color: #c28b17;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1em;
  right: 0;
}
.faq-wrapper .bg-section .search-section .search-bar .symbol .fa-times {
  cursor: pointer;
  display: block;
  position: absolute;
  color: #717171;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1em;
  right: 0;
}
.faq-wrapper .bg-section .search-section .search-bar .suggestions {
  display: none;
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 1rem 1.5rem;
}
.faq-wrapper .bg-section .search-section .search-bar .suggestions .small-text {
  font-size: 0.875rem;
  color: #717171;
  font-weight: 300;
}
.faq-wrapper .bg-section .search-section .search-bar .suggestions .suggest {
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: 300;
}
.faq-wrapper .bg-section .search-section .search-bar .suggestions .suggest:hover {
  color: #1b4130;
}
.faq-wrapper .bg-section .search-section .search-bar .suggestions .suggest:hover:after {
  color: #1b4130;
}
.faq-wrapper .bg-section .search-section .search-bar .suggestions .suggest:after {
  content: '\f061';
  font-weight: 300;
  color: #ACACAC;
  padding-left: 0.75rem;
}
.faq-wrapper .bg-section .search-section .search-bar .suggestions.active {
  display: block;
  background-color: #f8f8f8;
}
.faq-wrapper .bg-section .search-section .popular {
  position: relative;
  max-width: 800px;
  margin: 1rem auto;
  text-align: center;
}
.faq-wrapper .bg-section .search-section .popular:after {
  content: '';
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  right: 0;
  width: 70%;
  height: 2px;
  margin: 0 auto;
  background-color: #eab01f;
}
.faq-wrapper .bg-section .search-section .key-word-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
.faq-wrapper .bg-section .search-section .key-word-list .key-word-item {
  cursor: pointer;
  padding: 0 1rem;
}
.faq-wrapper .select-section {
  padding: 2rem 0;
}
.faq-wrapper .select-section .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 800px;
  justify-content: center;
}
.faq-wrapper .select-section .container .select-categories {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: center;
  color: #7A7A7A;
  margin-bottom: 1rem;
}
.faq-wrapper .select-section .container .select-qualification {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
.faq-wrapper .select-section .container .select-qualification .qualification-select-wrapper {
  position: relative;
  margin-right: 5px;
}
.faq-wrapper .select-section .container .select-qualification .qualification-select-wrapper .qualification-selected {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F0F0F0;
  font-weight: 300;
  line-height: 1;
  padding: 1.0625rem;
  border-radius: 4px;
}
.faq-wrapper .select-section .container .select-qualification .qualification-select-wrapper .qualification-selected:after {
  content: '';
  margin-left: auto;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid black;
}
.faq-wrapper .select-section .container .select-qualification .qualification-select-wrapper .qualification-selected.active {
  background-color: #1b4130;
  color: white;
}
.faq-wrapper .select-section .container .select-qualification .qualification-select-wrapper .qualification-selected.active:after {
  border-top: 6px solid white;
}
.faq-wrapper .select-section .container .select-qualification .qualification-select-wrapper .qualification-options {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  width: 100%;
  height: 1px;
  background-color: white;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.faq-wrapper .select-section .container .select-qualification .qualification-select-wrapper .qualification-options .option {
  cursor: pointer;
  padding: 0.6rem 1rem;
  border-bottom: 1px solid #E5E5E6;
}
.faq-wrapper .select-section .container .select-qualification .qualification-select-wrapper .qualification-options .option:hover {
  background-color: #f8f8f8;
}
.faq-wrapper .select-section .container .select-qualification .qualification-select-wrapper .qualification-options.active {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  visibility: visible;
  height: auto;
}
.faq-wrapper .select-section .container .select-application-stage {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
.faq-wrapper .select-section .container .select-application-stage .stage-select-wrapper {
  position: relative;
  margin-left: 5px;
}
.faq-wrapper .select-section .container .select-application-stage .stage-select-wrapper .stage-selected {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F0F0F0;
  font-weight: 300;
  line-height: 1;
  padding: 1.0625rem;
  border-radius: 4px;
}
.faq-wrapper .select-section .container .select-application-stage .stage-select-wrapper .stage-selected:after {
  content: '';
  margin-left: auto;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid black;
}
.faq-wrapper .select-section .container .select-application-stage .stage-select-wrapper .stage-selected.active {
  background-color: #1b4130;
  color: white;
}
.faq-wrapper .select-section .container .select-application-stage .stage-select-wrapper .stage-selected.active:after {
  border-top: 6px solid white;
}
.faq-wrapper .select-section .container .select-application-stage .stage-select-wrapper .stage-options {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  width: 100%;
  height: 1px;
  background-color: white;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.faq-wrapper .select-section .container .select-application-stage .stage-select-wrapper .stage-options .option {
  cursor: pointer;
  padding: 0.6rem 1rem;
  border-bottom: 1px solid #E5E5E6;
}
.faq-wrapper .select-section .container .select-application-stage .stage-select-wrapper .stage-options .option:hover {
  background-color: #f8f8f8;
}
.faq-wrapper .select-section .container .select-application-stage .stage-select-wrapper .stage-options.active {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  visibility: visible;
  height: auto;
}
.faq-wrapper .select-section .reset-filter {
  position: relative;
  text-align: center;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .faq-wrapper .select-section .reset-filter {
    position: static;
    margin-top: 1rem;
  }
}
.faq-wrapper .select-section .reset-filter button {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #7D7D7D;
  font-size: 1.125rem;
  background-color: transparent;
  padding: 4px 0 4px 0;
}
.faq-wrapper .select-section .reset-filter button:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #c28b17;
  background-color: white;
  border: 1px solid;
  border-width: 1px 0;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.faq-wrapper .select-section .reset-filter button:before {
  content: '\f01e';
  position: relative;
  left: 0;
}
.faq-wrapper .select-section .reset-filter button:hover {
  padding: 4px 8px 4px 12px;
}
.faq-wrapper .select-section .reset-filter button:hover::before {
  left: -8px;
}
@media only screen and (max-width: 767px) {
  .faq-wrapper .select-section .reset-filter button {
    position: relative;
    font-size: 1rem;
  }
}
.faq-wrapper .result-for-search {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  height: 1px;
}
.faq-wrapper .result-for-search .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-wrapper .result-for-search .container .result-title {
  position: relative;
  font-size: 1.625rem;
  text-align: center;
  margin-bottom: 1rem;
}
.faq-wrapper .result-for-search .container .result-title:before {
  content: '';
  position: absolute;
  left: -5%;
  bottom: 0;
  width: 110%;
  height: 1px;
  background-color: #eab01f;
}
.faq-wrapper .result-for-search .container .qualifications {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.faq-wrapper .result-for-search .container .qualifications .qualification-item {
  position: relative;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 300;
  color: #717171;
}
.faq-wrapper .result-for-search .container .qualifications .qualification-item:before {
  content: '';
  position: absolute;
  top: 20%;
  right: 0;
  height: 60%;
  width: 1px;
  background-color: #CCCCCC;
}
.faq-wrapper .result-for-search .container .qualifications a:last-child .qualification-item::before {
  display: none;
}
.faq-wrapper .result-for-search .container .result-expand,
.faq-wrapper .result-for-search .container .result-collapse {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin: 1rem 0;
  color: #7A7A7A;
}
.faq-wrapper .result-for-search .container .result-expand svg,
.faq-wrapper .result-for-search .container .result-collapse svg {
  height: 20px;
  fill: #7A7A7A;
  margin-left: 0.5rem;
}
.faq-wrapper .result-for-search .container .result-expand.active {
  display: none;
}
.faq-wrapper .result-for-search .container .result-expand.active ~ .result-collapse {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.faq-wrapper .result-for-search .container .result-list .result .item {
  position: relative;
  overflow: hidden;
}
.faq-wrapper .result-for-search .container .result-list .result .item .title {
  font-size: 2.625rem;
}
.faq-wrapper .result-for-search .container .result-list .result .item .question {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  padding: 1rem 6.25rem;
  border-bottom: 1px solid #E5E5E6;
  font-weight: 500;
  font-size: 1.25rem;
}
.faq-wrapper .result-for-search .container .result-list .result .item .question:after {
  content: '\f078';
  margin-left: auto;
}
.faq-wrapper .result-for-search .container .result-list .result .item .question.active {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #f8f8f8;
  border-bottom: 0;
}
.faq-wrapper .result-for-search .container .result-list .result .item .question.active:after {
  content: '\f077';
}
.faq-wrapper .result-for-search .container .result-list .result .item .question.active ~ .answer {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #1b4130;
}
.faq-wrapper .result-for-search .container .result-list .result .item .answer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  overflow: hidden;
  height: 1px;
  padding: 0 6.25rem;
}
.faq-wrapper .result-for-search .container .result-list .result .item .answer .icon {
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.faq-wrapper .result-for-search .container .result-list .result .item .answer p:last-child {
  margin: 0;
}
.faq-wrapper .result-for-search .container .result-list .result .item .icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-wrapper .result-for-search .container .result-list .result .item .icon svg {
  width: 20px;
  height: 20px;
}
.faq-wrapper .result-for-search .container .result-list .result .item:first-child .question {
  border-top: 1px solid #E5E5E6;
}
.faq-wrapper .result-for-search .container .result-list .result .item:first-child .question.active {
  border-top: 1px solid #1b4130;
}
.faq-wrapper .result-for-search.active {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  height: auto;
}
.faq-wrapper .result-for-select {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  height: 1px;
}
.faq-wrapper .result-for-select .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-wrapper .result-for-select .container .top-10-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-wrapper .result-for-select .container .top-10 {
  text-align: center;
}
.faq-wrapper .result-for-select .container .result-expand,
.faq-wrapper .result-for-select .container .result-collapse {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin: 1rem 0;
  color: #7A7A7A;
}
.faq-wrapper .result-for-select .container .result-expand svg,
.faq-wrapper .result-for-select .container .result-collapse svg {
  height: 20px;
  fill: #7A7A7A;
  margin-left: 0.5rem;
}
.faq-wrapper .result-for-select .container .result-expand.active {
  display: none;
}
.faq-wrapper .result-for-select .container .result-expand.active ~ .result-collapse {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.faq-wrapper .result-for-select .container .result-list .result .item {
  position: relative;
  overflow: hidden;
}
.faq-wrapper .result-for-select .container .result-list .result .item .question {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  padding: 1rem 6.25rem;
  border-bottom: 1px solid #E5E5E6;
  font-weight: 500;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .faq-wrapper .result-for-select .container .result-list .result .item .question {
    padding: 1rem;
  }
  .faq-wrapper .result-for-select .container .result-list .result .item .question .icon {
    padding: 0;
  }
}
.faq-wrapper .result-for-select .container .result-list .result .item .question:after {
  content: '\f078';
  margin-left: auto;
}
.faq-wrapper .result-for-select .container .result-list .result .item .question .text {
  position: relative;
  pointer-events: none;
}
.faq-wrapper .result-for-select .container .result-list .result .item .question.active {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #f8f8f8;
  border-bottom: 0;
}
.faq-wrapper .result-for-select .container .result-list .result .item .question.active:after {
  content: '\f077';
}
.faq-wrapper .result-for-select .container .result-list .result .item .question.active ~ .answer {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #1b4130;
}
.faq-wrapper .result-for-select .container .result-list .result .item .answer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  overflow: hidden;
  height: 1px;
  padding: 0 6.25rem;
}
@media only screen and (max-width: 767px) {
  .faq-wrapper .result-for-select .container .result-list .result .item .answer {
    padding: 1rem;
  }
}
.faq-wrapper .result-for-select .container .result-list .result .item .answer .icon {
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .faq-wrapper .result-for-select .container .result-list .result .item .answer .icon {
    padding: 0;
  }
}
.faq-wrapper .result-for-select .container .result-list .result .item .answer p:last-child {
  margin: 0;
}
.faq-wrapper .result-for-select .container .result-list .result .item .icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-wrapper .result-for-select .container .result-list .result .item .icon svg {
  width: 20px;
  height: 20px;
}
.faq-wrapper .result-for-select .container .result-list .result .item:first-child .question {
  border-top: 1px solid #E5E5E6;
}
.faq-wrapper .result-for-select .container .result-list .result .item:first-child .question.active {
  border-top: 1px solid #1b4130;
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item .question {
  position: relative;
  overflow: hidden;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item .question.active {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(odd) .question::before {
  position: absolute;
  left: 4.375rem;
  font-family: 'Sanchez Regular';
  font-size: 100px;
  line-height: 1;
  color: #DFF0E8;
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(even) .question::before {
  position: absolute;
  right: 8.75rem;
  font-family: 'Sanchez Regular';
  font-size: 100px;
  line-height: 1;
  color: #DFF0E8;
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(1) .question::before {
  content: '01';
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(2) .question::before {
  content: '02';
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(3) .question::before {
  content: '03';
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(4) .question::before {
  content: '04';
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(5) .question::before {
  content: '05';
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(6) .question::before {
  content: '06';
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(7) .question::before {
  content: '07';
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(8) .question::before {
  content: '08';
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(9) .question::before {
  content: '09';
}
.faq-wrapper .result-for-select .container .result-list.top10 .result .item:nth-child(10) .question::before {
  content: '10';
}
.faq-wrapper .result-for-select.active {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  height: auto;
}
html[lang="zh-hans"] .faq-wrapper .bg-section .search-section .popular,
html[lang="zh-hant"] .faq-wrapper .bg-section .search-section .popular,
html[lang="zh-hans"] .faq-wrapper .bg-section .search-section .key-word-list,
html[lang="zh-hant"] .faq-wrapper .bg-section .search-section .key-word-list {
  display: none !important;
}
.view-hkuad-student-sharing .view-filters {
  margin: 75px auto 40px;
  max-width: 768px;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-filters {
    margin: 40px auto;
  }
}
.view-hkuad-student-sharing .view-filters form .form--inline {
  float: none;
}
.view-hkuad-student-sharing .view-filters form fieldset {
  margin: 0;
  float: none;
}
.view-hkuad-student-sharing .view-filters form fieldset .fieldset-wrapper {
  float: none;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-filters form fieldset .form-radios {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}
.view-hkuad-student-sharing .view-filters form fieldset .form-radios .form-item-field-hkuad-student-category-value {
  margin: 0;
  text-align: center;
}
.view-hkuad-student-sharing .view-filters form fieldset .form-radios .form-item-field-hkuad-student-category-value input {
  display: none;
}
.view-hkuad-student-sharing .view-filters form fieldset .form-radios .form-item-field-hkuad-student-category-value label {
  cursor: pointer;
  opacity: 0.6;
  color: #595959;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  margin-right: 20px;
  padding-right: 0;
}
.view-hkuad-student-sharing .view-filters form fieldset .form-radios .form-item-field-hkuad-student-category-value label:hover {
  color: #113324;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-filters form fieldset .form-radios .form-item-field-hkuad-student-category-value label {
    display: block;
    margin-right: 0;
  }
}
.view-hkuad-student-sharing .view-filters form fieldset .form-radios .form-item-field-hkuad-student-category-value label.selected {
  color: #1b4130;
  opacity: 1;
}
.view-hkuad-student-sharing .view-filters form fieldset .form-radios .form-item-field-hkuad-student-category-value label:after {
  content: '|';
  display: inline-block;
  width: 20px;
  font-size: 20px;
  font-weight: 300;
  color: #777777;
  text-align: right;
  opacity: 0.6;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-filters form fieldset .form-radios .form-item-field-hkuad-student-category-value label:after {
    content: " ";
    height: 1px;
    border-bottom: 1px solid #777777;
    display: block;
    text-align: center;
    position: relative;
    top: 7px;
    margin-bottom: 15px;
  }
}
.view-hkuad-student-sharing .view-filters form fieldset .form-radios .form-item-field-hkuad-student-category-value:last-child label {
  margin-right: 0;
}
.view-hkuad-student-sharing .view-filters form fieldset .form-radios .form-item-field-hkuad-student-category-value:last-child label:after {
  display: none;
}
.view-hkuad-student-sharing .view-content {
  margin-top: 75px;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper {
  display: block;
}
@media only screen and (min-width: 1000px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper {
    -lh-property: 0;
max-width:-webkit-calc(100% - 75px);
max-width:-moz-calc(100% - 75px);
max-width:calc(100% - 75px);
;
    margin: 0 auto;
  }
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row {
  background-color: #f8f8f8;
  max-width: 515px;
  margin: 30px 35px;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row:nth-child(odd) {
  margin-left: 0;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row:nth-child(even) {
  margin-right: 0;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  border-bottom: 2px solid #eab01f;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row:hover .student-sharing-item .image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #eab01f;
  display: block;
  opacity: 0.5;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row {
    max-width: 440px;
    margin: 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row {
    max-width: 100%;
    margin: 50px auto;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row {
    max-width: 100%;
    margin: 60px auto;
  }
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item {
  /*.display(flex);
					.align-items(flex-start);
					.justify-content(flex-start);*/
  display: block;
  position: relative;
  width: 515px;
  cursor: pointer;
  min-height: 305px;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item {
    width: 390px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item {
    -lh-property: 0;
width:-webkit-calc(100% - 113px);
width:-moz-calc(100% - 113px);
width:calc(100% - 113px);
;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item {
    height: 100%;
    width: 100%;
  }
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .image {
  width: 250px;
  height: 250px;
  float: left;
  position: absolute;
  left: -45px;
  top: -25px;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .image .social-media {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 10px;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .image .social-media .description {
  font-size: 14px;
  color: #626262;
  margin-right: 10px;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .image {
    left: -35px;
    width: 200px;
    height: 225px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .image {
    width: 250px;
    height: 250px;
    left: -83px;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .image {
    width: 60%;
    height: auto;
    float: none;
    position: relative;
    left: unset;
    top: -25px;
    margin: 0 auto;
  }
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .image::before {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
  display: block;
  opacity: 0.5;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .image img {
    height: auto;
  }
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper {
  float: left;
  margin-left: 230px;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper {
    margin-left: 180px;
    height: 230px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper {
    margin-left: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper {
    float: none;
    margin-left: 0;
    height: auto;
    padding: 20px;
  }
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .quote {
  font-size: 28px;
  margin-top: 35px;
  margin-bottom: 20px;
  max-width: 260px;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .quote:before {
  content: "\f10d";
  position: absolute;
  top: -24px;
  font-weight: bold;
  color: #1b4130;
  opacity: 0.2;
  font-size: 40px;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .quote {
    font-size: 22px;
    margin-top: 25px;
    max-width: 200px;
  }
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .quote:before {
    font-size: 32px;
    top: -24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .quote {
    margin-bottom: 15px;
    max-width: 100%;
  }
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .quote:before {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .quote {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 20px;
    max-width: 100%;
    position: relative;
  }
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .quote:before {
    top: -50px;
    font-size: 35px;
  }
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .quote p {
  color: #1b4130;
  margin: 0;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .summary {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
  padding-right: 16px;
  height: auto;
  max-height: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .summary {
    padding-right: 0;
    max-height: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .summary {
    padding-right: 0;
    margin-bottom: 15px;
    max-height: 50px;
  }
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .info {
  color: #1b4130;
  padding-right: 16px;
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .info {
    bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .info {
    padding-right: 0;
  }
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .info > span {
  display: block;
  line-height: 1.2;
}
.view-hkuad-student-sharing .view-content .views-infinite-scroll-content-wrapper .views-row .student-sharing-item > .wrapper .info .program {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  color: black;
  font-size: 14px;
  line-height: unset;
}
.view-hkuad-student-sharing .pager {
  max-width: 1140px;
  margin: 0 auto 50px;
  text-align: center;
}
.view-hkuad-student-sharing .pager .pager__item .button {
  position: relative;
  color: #595959;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 18px;
}
.view-hkuad-student-sharing .pager .pager__item .button:after {
  padding-left: 7px;
  font-family: "Font Awesome 5 Pro";
  background-color: rgba(0, 0, 0, 0);
  content: '\f103';
  font-size: 20px;
  color: #595959;
  right: 0;
  font-weight: 300;
  height: 80px;
  line-height: 81px;
  width: 70px;
  top: 0;
}
.view-hkuad-student-sharing .pager .pager__item .button:hover {
  color: #c28b17;
}
.view-hkuad-student-sharing .pager .pager__item .button:hover:after {
  color: #c28b17;
}
.view-hkuad-news-listing {
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
}
.view-hkuad-news-listing .view-filters {
  margin: 40px auto;
  max-width: 1140px;
}
.view-hkuad-news-listing .view-filters form .form--inline {
  float: none;
}
.view-hkuad-news-listing .view-filters form fieldset {
  margin: 0;
  float: none;
}
.view-hkuad-news-listing .view-filters form fieldset .fieldset-wrapper {
  float: none;
}
.view-hkuad-news-listing .view-filters form fieldset .fieldset-wrapper > .form-radios {
  display: block;
}
.view-hkuad-news-listing .view-filters form fieldset .fieldset-wrapper > .form-radios > .form-radios {
  text-align: center;
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
  max-width: 1140px;
}
.view-hkuad-news-listing .view-filters form fieldset .fieldset-wrapper > .form-radios .form-item-field-hkuad-news-category-target-id {
  margin: 0;
  display: inline;
}
.view-hkuad-news-listing .view-filters form fieldset .fieldset-wrapper > .form-radios .form-item-field-hkuad-news-category-target-id input {
  display: none;
}
.view-hkuad-news-listing .view-filters form fieldset .fieldset-wrapper > .form-radios .form-item-field-hkuad-news-category-target-id label {
  transition: 0.3s;
  cursor: pointer;
  opacity: 1;
  color: #1b4130;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  margin-right: 20px;
  padding-right: 0;
  white-space: nowrap;
  padding: 0 10px;
  border-radius: 5px;
}
.view-hkuad-news-listing .view-filters form fieldset .fieldset-wrapper > .form-radios .form-item-field-hkuad-news-category-target-id label:hover {
  color: #113324;
  color: white;
  background-color: #1b4130;
}
.view-hkuad-news-listing .view-filters form fieldset .fieldset-wrapper > .form-radios .form-item-field-hkuad-news-category-target-id label.selected {
  color: white;
  background-color: #1b4130;
  opacity: 1;
}
.view-hkuad-news-listing .view-filters form fieldset .fieldset-wrapper > .form-radios .form-item-field-hkuad-news-category-target-id:last-child label {
  margin-right: 0;
}
.view-hkuad-news-listing .view-filters form fieldset .fieldset-wrapper > .form-radios .form-item-field-hkuad-news-category-target-id:last-child label:after {
  display: none;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E5E5E6;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item {
    display: block;
  }
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item:hover .thumbnail::before {
  background-color: #eab01f;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .thumbnail {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 320px;
  margin-right: 30px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .thumbnail {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .thumbnail::before {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1;
  opacity: 0.5;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .thumbnail img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper {
  -lh-property: 0;
width:-webkit-calc(100% - 350px);
width:-moz-calc(100% - 350px);
width:calc(100% - 350px);
;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper {
    display: block;
    width: 100%;
  }
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .date {
  color: #113324;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .date:before {
  content: " ";
  display: block;
  width: 20px;
  border-top: 2px solid #113324;
  margin-bottom: 7px;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .news-title {
  margin-bottom: 10px;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .news-title a {
  color: #000000;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .news-title a:hover {
  color: #9a6c0b;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .category {
  margin-bottom: 15px;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .category ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .category li {
  list-style: none;
  margin: 0 5px 0 0;
  padding: 2px 15px;
  background-color: #113324;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 300;
  border-radius: 5px;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .category li:last-child {
  margin: 0;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .summary {
  color: #000000;
  font-size: 16px;
}
.view-hkuad-news-listing .view-content .views-infinite-scroll-content-wrapper .views-row .news-item .content-wrapper .summary a {
  color: #9a6c0b;
}
.view-hkuad-news-listing .pager {
  max-width: 1140px;
  margin: 0 auto 50px;
  text-align: center;
}
.view-hkuad-news-listing .pager .pager__item .button {
  position: relative;
  color: #333333;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  font-size: 18px;
}
.view-hkuad-news-listing .pager .pager__item .button:after {
  padding-left: 7px;
  font-family: "Font Awesome 5 Pro";
  background-color: rgba(0, 0, 0, 0);
  content: ' \f103 ';
  font-size: 20px;
  color: #333333;
  right: 0;
  font-weight: 300;
  height: 80px;
  line-height: 81px;
  width: 70px;
  top: 0;
}
.view-hkuad-scholarship-listing {
  padding-bottom: 30px;
}
.view-hkuad-scholarship-listing .filter-wrapper {
  background-color: #1b4130;
  padding: 1.875rem 0;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-scholarship-listing .filter-wrapper {
    padding: 1rem;
  }
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 1.875rem;
  position: relative;
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper:before {
  position: absolute;
  top: 30px;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #EBEBEB;
  opacity: 0.2;
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 140px;
  padding: 0 0.5rem;
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper.active,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper.active,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper.active {
  color: #1b4130;
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper.active:before,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper.active:before,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper.active:before {
  position: absolute;
  top: 30px;
  left: 0;
  content: '';
  height: 1px;
  background-color: #eab01f;
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper.active .numer,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper.active .numer,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper.active .numer {
  color: #1b4130;
  background-color: #eab01f;
  width: 60px;
  height: 60px;
  margin: 0 0 10px;
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper.active .description,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper.active .description,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper.active .description {
  color: #eab01f;
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper.checked .numer,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper.checked .numer,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper.checked .numer {
  font-size: 0;
  color: #1b4130;
  background-color: #eab01f;
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper.checked .numer:after,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper.checked .numer:after,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper.checked .numer:after {
  content: '\f00c';
  position: absolute;
  font-size: 1.75rem;
  font-weight: 300;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper .numer,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper .numer,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper .numer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  font-size: 1.75rem;
  width: 50px;
  height: 50px;
  margin: 5px 0 15px;
  border-radius: 50%;
  background-color: #f8f8f8;
  border-left: 10px solid #1b4130;
  border-right: 10px solid #1b4130;
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper .description,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper .description,
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper .description {
  font-weight: 500;
  color: white;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper .description,
  .view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper .description,
  .view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper .description {
    text-align: center;
  }
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper.active:before {
  width: 35%;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper.active:before {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-1-wrapper.active:before {
    width: 25%;
  }
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-2-wrapper.active:before {
  width: 50%;
}
.view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper.active:before {
  width: 65%;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper.active:before {
    width: 68%;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-scholarship-listing .filter-wrapper .number-wrapper .number-3-wrapper.active:before {
    width: 75%;
  }
}
.view-hkuad-scholarship-listing .filter-wrapper .question-wrapper {
  margin-top: 20px;
  padding: 0 1.875rem;
}
.view-hkuad-scholarship-listing .filter-wrapper .question-wrapper .question {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  font-size: 1.5rem;
  color: white;
}
.view-hkuad-scholarship-listing .filter-wrapper .question-wrapper .fa-chevron-right {
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  color: white;
}
.view-hkuad-scholarship-listing .filter-wrapper .question-wrapper .fa-chevron-right:hover {
  color: #eab01f;
}
.view-hkuad-scholarship-listing .filter-wrapper .question-wrapper .fa-chevron-left {
  cursor: pointer;
  position: relative;
  padding-right: 2rem;
  color: white;
}
.view-hkuad-scholarship-listing .filter-wrapper .question-wrapper .fa-chevron-left:hover {
  color: #eab01f;
}
.view-hkuad-scholarship-listing .filter-wrapper .view-filters {
  padding: 0 1.875rem;
}
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .fieldset-wrapper {
  float: none;
}
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-radios,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-radios .form-type-radio,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes .form-type-radio,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-radios .form-type-checkbox,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes .form-type-checkbox {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 20%;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  max-width: 300px;
  min-height: 60px;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-radios .form-type-radio,
  .view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes .form-type-radio,
  .view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-radios .form-type-checkbox,
  .view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes .form-type-checkbox {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-radios .form-type-radio label,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes .form-type-radio label,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-radios .form-type-checkbox label,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes .form-type-checkbox label {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-family: 'Mulish', "Font Awesome 5 Pro", sans-serif;
  font-weight: normal;
  background-color: #f8f8f8;
  text-align: center;
  color: #626262;
  width: 100%;
  margin: 0 2.5px;
  padding: 0.5rem;
  line-height: 1.2;
}
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-radios .form-type-radio input:checked ~ label,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes .form-type-radio input:checked ~ label,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-radios .form-type-checkbox input:checked ~ label,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes .form-type-checkbox input:checked ~ label {
  color: #1b4130;
  background-color: #eab01f;
}
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-radios .form-type-checkbox input:checked ~ label:before,
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes .form-type-checkbox input:checked ~ label:before {
  position: absolute;
  top: 0;
  right: 3px;
  content: '\f00c';
  font-size: 12px;
}
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.view-hkuad-scholarship-listing .filter-wrapper .view-filters .form-checkboxes .form-type-checkbox {
  margin-bottom: 5px;
}
.view-hkuad-scholarship-listing .filter-wrapper .not-sure-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.875rem;
  margin-top: 1rem;
}
.view-hkuad-scholarship-listing .filter-wrapper .not-sure-wrapper .question-answer {
  color: white;
}
.view-hkuad-scholarship-listing .filter-wrapper .not-sure-wrapper .question-answer .pop-up-answer {
  color: black;
}
.view-hkuad-scholarship-listing .filter-wrapper .not-sure-wrapper .btn-arrow {
  color: white;
}
.view-hkuad-scholarship-listing .filter-wrapper .not-sure-wrapper .btn-arrow:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #1b4130;
  background-color: #eab01f;
}
.view-hkuad-scholarship-listing .filter-wrapper .form-actions,
.view-hkuad-scholarship-listing .filter-wrapper legend,
.view-hkuad-scholarship-listing .filter-wrapper input[type="radio"],
.view-hkuad-scholarship-listing .filter-wrapper input[type="checkbox"],
.view-hkuad-scholarship-listing .filter-wrapper fieldset[data-drupal-selector="edit-field-hkuad-qualification-target-id"] .form-item-field-hkuad-qualification-target-id:first-child,
.view-hkuad-scholarship-listing .filter-wrapper fieldset[data-drupal-selector="edit-field-hkuad-apply-student-target-id"] .form-item-field-hkuad-apply-student-target-id:first-child {
  display: none !important;
}
.view-hkuad-scholarship-listing .filter-description {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.625rem;
  margin: 1rem 0;
  position: relative;
  text-align: center;
}
.view-hkuad-scholarship-listing .result {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.625rem;
  margin: 1rem 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .view-hkuad-scholarship-listing .result {
    flex-direction: column;
  }
}
.view-hkuad-scholarship-listing .result span {
  padding: 0 0.5rem;
}
.view-hkuad-scholarship-listing .result .title {
  border-bottom: 1px solid #eab01f;
}
.view-hkuad-scholarship-listing .result .reset-filter {
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .view-hkuad-scholarship-listing .result .reset-filter {
    position: static;
  }
}
.view-hkuad-scholarship-listing .result .reset-filter button {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #7D7D7D;
  font-size: 1.125rem;
  background-color: transparent;
  padding: 4px 0 4px 2rem;
  position: relative;
}
.view-hkuad-scholarship-listing .result .reset-filter button:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #c28b17;
  background-color: white;
  border: 1px solid;
  border-width: 1px 0;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.view-hkuad-scholarship-listing .result .reset-filter button:before {
  content: '\f01e';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
}
.view-hkuad-scholarship-listing .result .reset-filter button:hover {
  padding: 4px 8px 4px calc(1.5rem + 8px);
}
.view-hkuad-scholarship-listing .result .reset-filter button:hover::before {
  left: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 999px), only screen and (max-width: 767px) {
  .view-hkuad-scholarship-listing .result .reset-filter button {
    position: relative;
    font-size: 1rem;
  }
}
.view-hkuad-scholarship-listing.hide-result .pager,
.view-hkuad-scholarship-listing.hide-result .result {
  display: none !important;
}
.view-hkuad-scholarship-listing .view-content {
  margin: 2.5rem 0 0;
}
.view-hkuad-scholarship-listing .view-content .views-infinite-scroll-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.view-hkuad-scholarship-listing .view-content .views-row {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 33.33%;
  -ms-flex: 0 1 33.33%;
  flex: 0 1 33.33%;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .view-hkuad-scholarship-listing .view-content .views-row {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    margin-bottom: 1rem;
  }
}
.view-hkuad-scholarship-listing .view-content .views-row .views-field {
  padding: 0 10px;
  height: 100%;
}
@media only screen and (min-width: 1000px), only screen and (min-width: 768px) and (max-width: 999px) {
  .view-hkuad-scholarship-listing .view-content .views-row:first-child .views-field,
  .view-hkuad-scholarship-listing .view-content .views-row:nth-child(3n+1) .views-field {
    padding-left: 0;
  }
  .view-hkuad-scholarship-listing .view-content .views-row:nth-child(3n) .views-field {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .view-hkuad-scholarship-listing .view-content .views-row:nth-child(odd) .views-field {
    padding-left: 0;
  }
  .view-hkuad-scholarship-listing .view-content .views-row:nth-child(even) .views-field {
    padding-right: 0;
  }
}
.view-hkuad-scholarship-listing .view-content .scholarship-item-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2.1875rem 1.375rem 1.375rem;
  border-top: 3px solid #eab01f;
  background-color: #f8f8f8;
  height: 100%;
  box-sizing: border-box;
}
.view-hkuad-scholarship-listing .view-content .scholarship-item-wrapper .scholarship-title {
  position: relative;
  font-size: 1.5rem;
  line-height: 1.2em;
  font-weight: 300;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.view-hkuad-scholarship-listing .view-content .scholarship-item-wrapper .scholarship-title:after {
  content: '';
  position: absolute;
  width: 2rem;
  height: 1px;
  background: black;
  bottom: 0;
  left: 0;
}
.view-hkuad-scholarship-listing .view-content .scholarship-item-wrapper .scholarship-summary {
  font-weight: 300;
  line-height: 1.2em;
  min-height: 120px;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.view-hkuad-scholarship-listing .view-content .scholarship-item-wrapper .scholarship-info-wrapper {
  border-top: 1px solid #E5E5E6;
  padding-top: 1rem;
  margin-top: auto;
}
.view-hkuad-scholarship-listing .view-content .scholarship-item-wrapper .scholarship-info-wrapper .info-title {
  color: #9a6c0b;
  font-size: 0.875rem;
  font-weight: 500;
}
.view-hkuad-scholarship-listing .view-content .scholarship-item-wrapper .scholarship-info-wrapper .info {
  font-size: 0.9375rem;
  font-weight: 300;
  padding-bottom: 0.5rem;
}
.view-hkuad-scholarship-listing .view-content .scholarship-item-wrapper .button {
  margin: 0;
  text-align: right;
}
.view-hkuad-scholarship-listing .pager a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  font-family: 'Manrope', "Font Awesome 5 Pro", sans-serif;
  text-transform: uppercase;
  color: #717171;
  font-size: 1.125rem;
}
.view-hkuad-scholarship-listing .pager a:after {
  content: '';
  background-image: url('arrow_show.svg');
  background-repeat: no-repeat;
  width: 15px;
  height: 13px;
  display: inline-block;
  margin-left: 5px;
}
/*# sourceMappingURL=hkuaal.css.map */