@charset "UTF-8";
/* ------------------------------------------ */
/* Style naming basically follows BEM: http://getbem.com/ */
/* ------------------------------------------ */
.gb-fsize-h1, .title-xxl, .page-head__title.page-head__title--big h1, .page-head__title.page-head__title--big h2, .page-head__title.page-head__title--big h3, .page-head__title.page-head__title--big h4, .page-head__title.page-head__title--big h5, .page-head__title.page-head__title--big h6, .title-xl, .exhib-space__title h1, .exhib-space__title h2, .exhib-space__title h3, .exhib-space__title h4, .exhib-space__title h5, .exhib-space__title h6, .gallery-exhib__title, .programme-intro__title, .sec-intro__title, .programme-intro .left h2, .programme-news > h2, .programme-project > h2, #course .course-title .title h2, .about-title, .exhib-space__detail-title, .img-portal__title span, .loc-map__title, .page-head__title h1, .page-head__title h2, .page-head__title h3, .page-head__title h4, .page-head__title h5, .page-head__title h6, .sec-ack__title, .sec-projects__title, .txt-editor h1 {
  font-size: 90px; }
  @media screen and (max-width: 1580px) {
    .gb-fsize-h1, .title-xxl, .page-head__title.page-head__title--big h1, .page-head__title.page-head__title--big h2, .page-head__title.page-head__title--big h3, .page-head__title.page-head__title--big h4, .page-head__title.page-head__title--big h5, .page-head__title.page-head__title--big h6, .title-xl, .exhib-space__title h1, .exhib-space__title h2, .exhib-space__title h3, .exhib-space__title h4, .exhib-space__title h5, .exhib-space__title h6, .gallery-exhib__title, .programme-intro__title, .sec-intro__title, .programme-intro .left h2, .programme-news > h2, .programme-project > h2, #course .course-title .title h2, .about-title, .exhib-space__detail-title, .img-portal__title span, .loc-map__title, .page-head__title h1, .page-head__title h2, .page-head__title h3, .page-head__title h4, .page-head__title h5, .page-head__title h6, .sec-ack__title, .sec-projects__title, .txt-editor h1 {
      font-size: 70px; } }
  @media screen and (max-width: 991px) {
    .gb-fsize-h1, .title-xxl, .page-head__title.page-head__title--big h1, .page-head__title.page-head__title--big h2, .page-head__title.page-head__title--big h3, .page-head__title.page-head__title--big h4, .page-head__title.page-head__title--big h5, .page-head__title.page-head__title--big h6, .title-xl, .exhib-space__title h1, .exhib-space__title h2, .exhib-space__title h3, .exhib-space__title h4, .exhib-space__title h5, .exhib-space__title h6, .gallery-exhib__title, .programme-intro__title, .sec-intro__title, .programme-intro .left h2, .programme-news > h2, .programme-project > h2, #course .course-title .title h2, .about-title, .exhib-space__detail-title, .img-portal__title span, .loc-map__title, .page-head__title h1, .page-head__title h2, .page-head__title h3, .page-head__title h4, .page-head__title h5, .page-head__title h6, .sec-ack__title, .sec-projects__title, .txt-editor h1 {
      font-size: 56px; } }
  @media screen and (max-width: 640px) {
    .gb-fsize-h1, .title-xxl, .page-head__title.page-head__title--big h1, .page-head__title.page-head__title--big h2, .page-head__title.page-head__title--big h3, .page-head__title.page-head__title--big h4, .page-head__title.page-head__title--big h5, .page-head__title.page-head__title--big h6, .title-xl, .exhib-space__title h1, .exhib-space__title h2, .exhib-space__title h3, .exhib-space__title h4, .exhib-space__title h5, .exhib-space__title h6, .gallery-exhib__title, .programme-intro__title, .sec-intro__title, .programme-intro .left h2, .programme-news > h2, .programme-project > h2, #course .course-title .title h2, .about-title, .exhib-space__detail-title, .img-portal__title span, .loc-map__title, .page-head__title h1, .page-head__title h2, .page-head__title h3, .page-head__title h4, .page-head__title h5, .page-head__title h6, .sec-ack__title, .sec-projects__title, .txt-editor h1 {
      font-size: 36px; } }

.gb-fsize-h2, .title-lv1, .hkdi-gallery__title, .knowledge-centres__title, .static-banner__title, .title-lv2, .programme-portal__item-txt, #course h3, .article-detail__title, .bottom-panel__title, .pc-app__item h3, .sec-intro__sub-title, .txt-editor h2 {
  font-size: 56px; }
  @media screen and (max-width: 1580px) {
    .gb-fsize-h2, .title-lv1, .hkdi-gallery__title, .knowledge-centres__title, .static-banner__title, .title-lv2, .programme-portal__item-txt, #course h3, .article-detail__title, .bottom-panel__title, .pc-app__item h3, .sec-intro__sub-title, .txt-editor h2 {
      font-size: 48px; } }
  @media screen and (max-width: 991px) {
    .gb-fsize-h2, .title-lv1, .hkdi-gallery__title, .knowledge-centres__title, .static-banner__title, .title-lv2, .programme-portal__item-txt, #course h3, .article-detail__title, .bottom-panel__title, .pc-app__item h3, .sec-intro__sub-title, .txt-editor h2 {
      font-size: 42px; } }
  @media screen and (max-width: 767px) {
    .gb-fsize-h2, .title-lv1, .hkdi-gallery__title, .knowledge-centres__title, .static-banner__title, .title-lv2, .programme-portal__item-txt, #course h3, .article-detail__title, .bottom-panel__title, .pc-app__item h3, .sec-intro__sub-title, .txt-editor h2 {
      font-size: 28px; } }
  @media screen and (max-width: 350px) {
    .gb-fsize-h2, .title-lv1, .hkdi-gallery__title, .knowledge-centres__title, .static-banner__title, .title-lv2, .programme-portal__item-txt, #course h3, .article-detail__title, .bottom-panel__title, .pc-app__item h3, .sec-intro__sub-title, .txt-editor h2 {
      font-size: 24px; } }

.gb-fsize-h3, .title-lv3, .ap-content__title, .title-lv4, .contact-form__info-title, .compare-table table tr th, .event-intro__title, .exhib-space__detail-subtitle, .lesson-info h3, .loc-map__detail-title, .page-head__subtitle h1, .page-head__subtitle h2, .page-head__subtitle h3, .page-head__subtitle h4, .page-head__subtitle h5, .page-head__subtitle h6, .publication-entry__hightlight-title, .publication-list__title, .sec-publication__subtitle, .txt-editor h3 {
  font-size: 30px; }
  @media screen and (max-width: 1580px) {
    .gb-fsize-h3, .title-lv3, .ap-content__title, .title-lv4, .contact-form__info-title, .compare-table table tr th, .event-intro__title, .exhib-space__detail-subtitle, .lesson-info h3, .loc-map__detail-title, .page-head__subtitle h1, .page-head__subtitle h2, .page-head__subtitle h3, .page-head__subtitle h4, .page-head__subtitle h5, .page-head__subtitle h6, .publication-entry__hightlight-title, .publication-list__title, .sec-publication__subtitle, .txt-editor h3 {
      font-size: 28px; } }
  @media screen and (max-width: 991px) {
    .gb-fsize-h3, .title-lv3, .ap-content__title, .title-lv4, .contact-form__info-title, .compare-table table tr th, .event-intro__title, .exhib-space__detail-subtitle, .lesson-info h3, .loc-map__detail-title, .page-head__subtitle h1, .page-head__subtitle h2, .page-head__subtitle h3, .page-head__subtitle h4, .page-head__subtitle h5, .page-head__subtitle h6, .publication-entry__hightlight-title, .publication-list__title, .sec-publication__subtitle, .txt-editor h3 {
      font-size: 24px; } }
  @media screen and (max-width: 767px) {
    .gb-fsize-h3, .title-lv3, .ap-content__title, .title-lv4, .contact-form__info-title, .compare-table table tr th, .event-intro__title, .exhib-space__detail-subtitle, .lesson-info h3, .loc-map__detail-title, .page-head__subtitle h1, .page-head__subtitle h2, .page-head__subtitle h3, .page-head__subtitle h4, .page-head__subtitle h5, .page-head__subtitle h6, .publication-entry__hightlight-title, .publication-list__title, .sec-publication__subtitle, .txt-editor h3 {
      font-size: 20px; } }
  @media screen and (max-width: 350px) {
    .gb-fsize-h3, .title-lv3, .ap-content__title, .title-lv4, .contact-form__info-title, .compare-table table tr th, .event-intro__title, .exhib-space__detail-subtitle, .lesson-info h3, .loc-map__detail-title, .page-head__subtitle h1, .page-head__subtitle h2, .page-head__subtitle h3, .page-head__subtitle h4, .page-head__subtitle h5, .page-head__subtitle h6, .publication-entry__hightlight-title, .publication-list__title, .sec-publication__subtitle, .txt-editor h3 {
      font-size: 18px; } }

.gb-fsize-h4, .title-lv5, .exhib-list__item-title, .gallery-exhib__item-title, .article-detail__btn-title, .bottom-panel__grp-title, .color-flow__item-title, .event-intro__subtitle, .programme-info__list-item, .sec-publication__list-title, .txt-editor h4, .thumb-desc__title, .thumb-desc__link {
  font-size: 20px; }
  @media screen and (max-width: 1580px) {
    .gb-fsize-h4, .title-lv5, .exhib-list__item-title, .gallery-exhib__item-title, .article-detail__btn-title, .bottom-panel__grp-title, .color-flow__item-title, .event-intro__subtitle, .programme-info__list-item, .sec-publication__list-title, .txt-editor h4, .thumb-desc__title, .thumb-desc__link {
      font-size: 20px; } }
  @media screen and (max-width: 991px) {
    .gb-fsize-h4, .title-lv5, .exhib-list__item-title, .gallery-exhib__item-title, .article-detail__btn-title, .bottom-panel__grp-title, .color-flow__item-title, .event-intro__subtitle, .programme-info__list-item, .sec-publication__list-title, .txt-editor h4, .thumb-desc__title, .thumb-desc__link {
      font-size: 18px; } }
  @media screen and (max-width: 640px) {
    .gb-fsize-h4, .title-lv5, .exhib-list__item-title, .gallery-exhib__item-title, .article-detail__btn-title, .bottom-panel__grp-title, .color-flow__item-title, .event-intro__subtitle, .programme-info__list-item, .sec-publication__list-title, .txt-editor h4, .thumb-desc__title, .thumb-desc__link {
      font-size: 16px; } }

.gb-fsize-h5, h5 {
  font-size: 16px; }
  @media screen and (max-width: 1580px) {
    .gb-fsize-h5, h5 {
      font-size: 16px; } }
  @media screen and (max-width: 991px) {
    .gb-fsize-h5, h5 {
      font-size: 14px; } }
  @media screen and (max-width: 640px) {
    .gb-fsize-h5, h5 {
      font-size: 14px; } }

.gb-fsize-h6, h6 {
  font-size: 14px; }
  @media screen and (max-width: 1580px) {
    .gb-fsize-h6, h6 {
      font-size: 14px; } }
  @media screen and (max-width: 991px) {
    .gb-fsize-h6, h6 {
      font-size: 12px; } }
  @media screen and (max-width: 640px) {
    .gb-fsize-h6, h6 {
      font-size: 12px; } }

.gb-fsize-p, p, .article-detail__info-item, .contact-form__desc,
.contact-form__tnc, .event-intro__info, .exhib-space__detail-desc, .img-portal__desc, .page-head__desc, .pc-app__item p, .programme-info__list-title, .sec-publication__desc, .txt-editor, .txt-editor p, .txt-editor table th,
.txt-editor table td, .txt-editor ul li,
.txt-editor ol li, .thumb-desc__desc {
  font-size: 16px; }
  @media screen and (max-width: 640px) {
    .gb-fsize-p, p, .article-detail__info-item, .contact-form__desc,
    .contact-form__tnc, .event-intro__info, .exhib-space__detail-desc, .img-portal__desc, .page-head__desc, .pc-app__item p, .programme-info__list-title, .sec-publication__desc, .txt-editor, .txt-editor p, .txt-editor table th,
    .txt-editor table td, .txt-editor ul li,
    .txt-editor ol li, .thumb-desc__desc {
      font-size: 14px; } }

.gb-fsize-s, .article-detail__btn-label, .event-intro__desc, .txt-editor small, .txt-editor__notes .compare-table table tr th strong, .txt-editor__notes .compare-table table tr td {
  font-size: 12.8px; }

/* Animations for common usage */
/* ------------------------------------------ */
/**-------Keyframes------**/
@-webkit-keyframes fade-in-basic {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in-basic {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade-in-from-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    transform: translateX(-15%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fade-in-from-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    transform: translateX(-15%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fade-in-from-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(15%);
    -ms-transform: translateX(15%);
    transform: translateX(15%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fade-in-from-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(15%);
    -ms-transform: translateX(15%);
    transform: translateX(15%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fade-in-from-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-in-from-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-in-from-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-in-from-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes arrow-float-hr {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes arrow-float-hr {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

@-webkit-keyframes arrow-float-vt {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); } }

@keyframes arrow-float-vt {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); } }

/**-------END Keyframes------**/
/**-------Animations------**/
@keyframes dash {
  from {
    stroke-dashoffset: 1000; }
  to {
    stroke-dashoffset: 0; } }

/**-------END Animations------**/
/* END Animations common usage  */
/* ------------------------------------------ */
/* Preload Images */
/* ------------------------------------------ */
body:after {
  /*
    display:none;
    content:
        url(../images/common/icons/svg-icons/blue/icon-loc.svg)
        url(../images/common/icons/svg-icons/blue/icon-social-fb.svg)
        url(../images/common/icons/svg-icons/blue/icon-social-ig.svg)
        url(../images/common/icons/svg-icons/blue/icon-social-wb.svg)
        url(../images/common/icons/svg-icons/blue/icon-social-yt.svg)
        
        url(../images/common/icons/svg-icons/gold/icon-loc.svg)
        url(../images/common/icons/svg-icons/gold/icon-social-fb.svg)
        url(../images/common/icons/svg-icons/gold/icon-social-ig.svg)
        url(../images/common/icons/svg-icons/gold/icon-social-wb.svg)
        url(../images/common/icons/svg-icons/gold/icon-social-yt.svg)
        ;
    */ }

/* END Preload Images */
/* ------------------------------------------ */
/* Style commonly used  */
/* ------------------------------------------ */
body,
body * {
  max-height: 1000000px; }

html {
  font-size: 16px;
  /*
    @media screen and (max-width:1580px) {
        font-size:15px;
    }
    @media screen and (max-width:991px) {
        font-size:14px;
    }
    @media screen and (max-width:767px) {
        font-size:13px;
    }
    */ }

body {
  font-size: 16px;
  /*
    @media screen and (max-width:1580px) {
        font-size:15px;
    }
    @media screen and (max-width:991px) {
        font-size:14px;
    }
    @media screen and (max-width:767px) {
        font-size:13px;
    }
    */
  font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
  margin: 0 !important;
  padding: 0;
  background: #FFF;
  color: #000;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  position: relative;
  min-width: 300px; }
  body:lang(zh-hk) {
    font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif; }
  body:lang(zh-cn) {
    font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif; }
  body.dt-only {
    min-width: 992px; }
  body.mob-menu-open, body.scroll-locked {
    overflow: hidden; }
  @media screen and (max-width: 991px) {
    body.mob-menu-open {
      overflow: hidden; } }
  @media screen and (max-width: 991px) {
    body {
      overflow-x: auto; } }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  color: #000;
  text-decoration: none; }
  a:hover, a:active {
    color: #000;
    opacity: 0.8;
    text-decoration: none; }
  a:focus {
    text-decoration: none; }

img {
  image-rendering: -webkit-optimize-contrast;
  max-width: 100%;
  height: auto; }

br {
  display: block;
  opacity: 0;
  font-family: "Arial", sans-serif !important;
  font-size: 0;
  color: transparent;
  line-height: 1em; }

p {
  margin-top: 0;
  margin-bottom: 20px; }
  p:last-child {
    margin-bottom: 0; }

ul,
ol {
  padding-left: 30px;
  margin-top: 0;
  margin-bottom: 20px; }
  ul:last-child,
  ol:last-child {
    margin-bottom: 0; }
  ul:last-child,
  ol:last-child {
    margin-bottom: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
  font-weight: bold;
  margin-top: 0; }

.title-xxl, .page-head__title.page-head__title--big h1, .page-head__title.page-head__title--big h2, .page-head__title.page-head__title--big h3, .page-head__title.page-head__title--big h4, .page-head__title.page-head__title--big h5, .page-head__title.page-head__title--big h6 {
  font-weight: bold;
  font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
  line-height: 1em;
  /*
    @include fontSize(110);
    @media screen and (max-width: 1580px) {
        @include fontSize(100);
    }
    @media screen and (max-width:991px) {
        @include fontSize(72);
    }
    @media screen and (max-width:640px) {
        @include fontSize(40);
    }
    */ }

.title-xl, .exhib-space__title h1, .exhib-space__title h2, .exhib-space__title h3, .exhib-space__title h4, .exhib-space__title h5, .exhib-space__title h6, .gallery-exhib__title, .programme-intro__title, .sec-intro__title, .programme-intro .left h2, .programme-news > h2, .programme-project > h2, #course .course-title .title h2 {
  font-weight: bold;
  font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
  line-height: 1em;
  /*
    @include fontSize(84);
    @media screen and (max-width: 1580px) {
        @include fontSize(70);
    }
    @media screen and (max-width:991px) {
        @include fontSize(56);
    }
    @media screen and (max-width:640px) {
        @include fontSize(36);
    }
    */ }

.title-lv1, .hkdi-gallery__title, .knowledge-centres__title, .static-banner__title {
  font-weight: bold;
  font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
  /*
    @include fontSize(56);
    @media screen and (max-width: 1580px) {
        @include fontSize(48);
    }
    @media screen and (max-width:991px) {
        @include fontSize(42);
    }
    @media screen and (max-width:767px) {
        @include fontSize(28);
    }
    @media screen and (max-width:350px) {
        @include fontSize(24);
    }
    */ }

.title-lv2, .programme-portal__item-txt, #course h3 {
  font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
  font-weight: bold;
  /*
    @include fontSize(48);
    @media screen and (max-width: 1580px) {
        @include fontSize(42);
    }
    @media screen and (max-width:991px) {
        @include fontSize(36);
    }
    @media screen and (max-width:640px) {
        @include fontSize(32);
    }
    */ }

.title-lv3, .ap-content__title {
  font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
  font-weight: bold;
  font-size: 42px;
  /*
    @media screen and (max-width: 1580px) {
        @include fontSize(32);
    }
    @media screen and (max-width:991px) {
        @include fontSize(28);
    }
    @media screen and (max-width:640px) {
        @include fontSize(24);
    }
    */ }

.title-lv4, .contact-form__info-title {
  font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
  font-weight: bold;
  /*
    @include fontSize(30);
    @media screen and (max-width: 1580px) {
        @include fontSize(24);
    }
    @media screen and (max-width:991px) {
        @include fontSize(20);
    }
    @media screen and (max-width:640px) {
        @include fontSize(20);
    }
    */ }

.title-lv5, .exhib-list__item-title, .gallery-exhib__item-title {
  font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
  font-weight: bold;
  /*
    @include fontSize(20);
    @media screen and (max-width: 1580px) {
        @include fontSize(18);
    }
    @media screen and (max-width:991px) {
        @include fontSize(16);
    }
    @media screen and (max-width:640px) {
        @include fontSize(16);
    }
    */ }

main {
  background: #FFF;
  position: relative;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box; }
  .inner-page main {
    padding-top: 140px; }
    @media screen and (max-width: 1480px) {
      .inner-page main {
        padding-top: 120px; } }
    @media screen and (max-width: 991px) {
      .inner-page main {
        padding-top: 110px; } }
    @media screen and (max-width: 767px) {
      .inner-page main {
        padding-top: 80px; } }

.access {
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.clearfix {
  content: '';
  display: table;
  width: 100%;
  height: 0;
  clear: both; }

.common-wrapper, .content-wrapper, .exhib-contact__wrapper, .exhib-list__wrapper, .exhib-space__wrapper, .gallery-exhib__wrapper, .page-head__wrapper, .page-tabs__wrapper, .programme-info__detail .txt-editor, .static-banner__content, .cards {
  width: 94%; }
  @media screen and (max-width: 767px) {
    .common-wrapper, .content-wrapper, .exhib-contact__wrapper, .exhib-list__wrapper, .exhib-space__wrapper, .gallery-exhib__wrapper, .page-head__wrapper, .page-tabs__wrapper, .programme-info__detail .txt-editor, .static-banner__content, .cards {
      width: 90%; } }

.content-wrapper, .exhib-contact__wrapper, .exhib-list__wrapper, .exhib-space__wrapper, .gallery-exhib__wrapper, .page-head__wrapper, .page-tabs__wrapper, .programme-info__detail .txt-editor, .static-banner__content {
  margin: 0 auto;
  display: block;
  max-width: 1280px;
  position: relative; }

.content-paragraph {
  margin: 0 auto 15px;
  line-height: 1.5em; }
  .content-paragraph:last-child {
    margin-bottom: 0; }

.content-link:hover, .more-link:hover {
  opacity: 1;
  text-decoration: underline; }

.more-link {
  font-size: 20px; }
  @media screen and (max-width: 640px) {
    .more-link {
      font-size: 16px; } }

.basic-section {
  position: relative;
  padding: 100px 0; }
  @media screen and (max-width: 1580px) {
    .basic-section {
      padding: 80px 0; } }
  @media screen and (max-width: 991px) {
    .basic-section {
      padding: 60px 0; } }
  @media screen and (max-width: 767px) {
    .basic-section {
      padding: 40px 0; } }

.force-oneword {
  display: inline-block;
  white-space: nowrap; }

.force-nobreak {
  white-space: nowrap; }

.force-break {
  word-break: break-all; }

.display--inline-block {
  display: inline-block; }

.display--block {
  display: inline-block; }

.display--inline {
  display: inline; }

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

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

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

.align--vt {
  vertical-align: top; }

.align--vb {
  vertical-align: bottom; }

.align--vm {
  vertical-align: middle; }

.align--hvc {
  text-align: center;
  vertical-align: middle; }

@media screen and (max-width: 991px) {
  .visible-dt {
    display: none !important; } }

@media screen and (min-width: 992px), screen and (max-width: 767px) {
  .visible-tb {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .visible-mb {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .hidden-dt {
    display: none !important; } }

@media screen and (max-width: 991px) and (min-width: 768px) {
  .hidden-tb {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .hidden-mb {
    display: none !important; } }

.hidden-all {
  display: none !important; }

.grid-1-1 {
  width: 100%; }

.grid-1-2 {
  width: 50%; }

.grid-2-2 {
  width: 100%; }

.grid-1-3 {
  width: 33.33333%; }

.grid-2-3 {
  width: 66.66667%; }

.grid-3-3 {
  width: 100%; }

.grid-1-4 {
  width: 25%; }

.grid-2-4 {
  width: 50%; }

.grid-3-4 {
  width: 75%; }

.grid-4-4 {
  width: 100%; }

.grid-1-5 {
  width: 20%; }

.grid-2-5 {
  width: 40%; }

.grid-3-5 {
  width: 60%; }

.grid-4-5 {
  width: 80%; }

.grid-5-5 {
  width: 100%; }

.grid-1-6 {
  width: 16.66667%; }

.grid-2-6 {
  width: 33.33333%; }

.grid-3-6 {
  width: 50%; }

.grid-4-6 {
  width: 66.66667%; }

.grid-5-6 {
  width: 83.33333%; }

.grid-6-6 {
  width: 100%; }

@media screen and (max-width: 1600px) {
  .grid-md-1-1 {
    width: 100%; }
  .grid-md-1-2 {
    width: 50%; }
  .grid-md-2-2 {
    width: 100%; }
  .grid-md-1-3 {
    width: 33.33333%; }
  .grid-md-2-3 {
    width: 66.66667%; }
  .grid-md-3-3 {
    width: 100%; }
  .grid-md-1-4 {
    width: 25%; }
  .grid-md-2-4 {
    width: 50%; }
  .grid-md-3-4 {
    width: 75%; }
  .grid-md-4-4 {
    width: 100%; }
  .grid-md-1-5 {
    width: 20%; }
  .grid-md-2-5 {
    width: 40%; }
  .grid-md-3-5 {
    width: 60%; }
  .grid-md-4-5 {
    width: 80%; }
  .grid-md-5-5 {
    width: 100%; }
  .grid-md-1-6 {
    width: 16.66667%; }
  .grid-md-2-6 {
    width: 33.33333%; }
  .grid-md-3-6 {
    width: 50%; }
  .grid-md-4-6 {
    width: 66.66667%; }
  .grid-md-5-6 {
    width: 83.33333%; }
  .grid-md-6-6 {
    width: 100%; } }

@media screen and (max-width: 991px) {
  .grid-tb-1-1 {
    width: 100%; }
  .grid-tb-1-2 {
    width: 50%; }
  .grid-tb-2-2 {
    width: 100%; }
  .grid-tb-1-3 {
    width: 33.33333%; }
  .grid-tb-2-3 {
    width: 66.66667%; }
  .grid-tb-3-3 {
    width: 100%; }
  .grid-tb-1-4 {
    width: 25%; }
  .grid-tb-2-4 {
    width: 50%; }
  .grid-tb-3-4 {
    width: 75%; }
  .grid-tb-4-4 {
    width: 100%; }
  .grid-tb-1-5 {
    width: 20%; }
  .grid-tb-2-5 {
    width: 40%; }
  .grid-tb-3-5 {
    width: 60%; }
  .grid-tb-4-5 {
    width: 80%; }
  .grid-tb-5-5 {
    width: 100%; }
  .grid-tb-1-6 {
    width: 16.66667%; }
  .grid-tb-2-6 {
    width: 33.33333%; }
  .grid-tb-3-6 {
    width: 50%; }
  .grid-tb-4-6 {
    width: 66.66667%; }
  .grid-tb-5-6 {
    width: 83.33333%; }
  .grid-tb-6-6 {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .grid-mb-1-1 {
    width: 100%; }
  .grid-mb-1-2 {
    width: 50%; }
  .grid-mb-2-2 {
    width: 100%; }
  .grid-mb-1-3 {
    width: 33.33333%; }
  .grid-mb-2-3 {
    width: 66.66667%; }
  .grid-mb-3-3 {
    width: 100%; }
  .grid-mb-1-4 {
    width: 25%; }
  .grid-mb-2-4 {
    width: 50%; }
  .grid-mb-3-4 {
    width: 75%; }
  .grid-mb-4-4 {
    width: 100%; }
  .grid-mb-1-5 {
    width: 20%; }
  .grid-mb-2-5 {
    width: 40%; }
  .grid-mb-3-5 {
    width: 60%; }
  .grid-mb-4-5 {
    width: 80%; }
  .grid-mb-5-5 {
    width: 100%; }
  .grid-mb-1-6 {
    width: 16.66667%; }
  .grid-mb-2-6 {
    width: 33.33333%; }
  .grid-mb-3-6 {
    width: 50%; }
  .grid-mb-4-6 {
    width: 66.66667%; }
  .grid-mb-5-6 {
    width: 83.33333%; }
  .grid-mb-6-6 {
    width: 100%; } }

@media screen and (max-width: 480px) {
  .grid-sm-1-1 {
    width: 100%; }
  .grid-sm-1-2 {
    width: 50%; }
  .grid-sm-2-2 {
    width: 100%; }
  .grid-sm-1-3 {
    width: 33.33333%; }
  .grid-sm-2-3 {
    width: 66.66667%; }
  .grid-sm-3-3 {
    width: 100%; }
  .grid-sm-1-4 {
    width: 25%; }
  .grid-sm-2-4 {
    width: 50%; }
  .grid-sm-3-4 {
    width: 75%; }
  .grid-sm-4-4 {
    width: 100%; }
  .grid-sm-1-5 {
    width: 20%; }
  .grid-sm-2-5 {
    width: 40%; }
  .grid-sm-3-5 {
    width: 60%; }
  .grid-sm-4-5 {
    width: 80%; }
  .grid-sm-5-5 {
    width: 100%; }
  .grid-sm-1-6 {
    width: 16.66667%; }
  .grid-sm-2-6 {
    width: 33.33333%; }
  .grid-sm-3-6 {
    width: 50%; }
  .grid-sm-4-6 {
    width: 66.66667%; }
  .grid-sm-5-6 {
    width: 83.33333%; }
  .grid-sm-6-6 {
    width: 100%; } }

@media screen and (max-width: 380px) {
  .grid-xs-1-1 {
    width: 100%; }
  .grid-xs-1-2 {
    width: 50%; }
  .grid-xs-2-2 {
    width: 100%; }
  .grid-xs-1-3 {
    width: 33.33333%; }
  .grid-xs-2-3 {
    width: 66.66667%; }
  .grid-xs-3-3 {
    width: 100%; }
  .grid-xs-1-4 {
    width: 25%; }
  .grid-xs-2-4 {
    width: 50%; }
  .grid-xs-3-4 {
    width: 75%; }
  .grid-xs-4-4 {
    width: 100%; }
  .grid-xs-1-5 {
    width: 20%; }
  .grid-xs-2-5 {
    width: 40%; }
  .grid-xs-3-5 {
    width: 60%; }
  .grid-xs-4-5 {
    width: 80%; }
  .grid-xs-5-5 {
    width: 100%; }
  .grid-xs-1-6 {
    width: 16.66667%; }
  .grid-xs-2-6 {
    width: 33.33333%; }
  .grid-xs-3-6 {
    width: 50%; }
  .grid-xs-4-6 {
    width: 66.66667%; }
  .grid-xs-5-6 {
    width: 83.33333%; }
  .grid-xs-6-6 {
    width: 100%; } }

/* END Style commonly used  */
/* ------------------------------------------ */
/* Style for header */
/* ------------------------------------------ */
header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 500;
  color: #000;
  padding: 0 3%;
  transition: height 0.3s;
  height: 100px; }
  header > .content-wrapper, header > .exhib-contact__wrapper, header > .exhib-list__wrapper, header > .exhib-space__wrapper, header > .gallery-exhib__wrapper, header > .page-head__wrapper, header > .page-tabs__wrapper, .programme-info__detail header > .txt-editor, header > .static-banner__content {
    position: relative;
    height: 100%;
    z-index: 500; }
  @media screen and (min-width: 1481px) {
    body:not(.page-home).header--small header {
      height: 80px; } }
  @media screen and (max-width: 1480px) and (min-width: 992px) {
    body:not(.page-home).header--small header {
      height: 68px; } }
  @media screen and (max-width: 1480px) {
    header {
      height: 80px; } }
  @media screen and (max-width: 991px) {
    header {
      height: 70px; } }
  @media screen and (max-width: 767px) {
    header {
      height: 60px;
      padding: 0 5%; } }
  header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200%;
    left: 0;
    top: 0;
    transition: 0.3s;
    pointer-events: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.7+50,0+100 */
    background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */ }
    .at-home-top header:before {
      opacity: 0; }

.header__inner {
  font-size: 0;
  text-align: left;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 5; }
  .header__inner:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%; }
  .header__inner:after {
    background: red;
    width: 50%;
    height: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.header__deco-line {
  pointer-events: none;
  width: 100%;
  height: 10px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0; }
  .header__deco-line:before, .header__deco-line:after {
    content: '';
    position: absolute;
    display: block;
    width: calc(50% - 75px);
    bottom: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    border: 0;
    transition: 0.8s 0.5s;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); }
    .mob-menu-open .header__deco-line:before, .mob-menu-open .header__deco-line:after {
      transition: 0.5s; }
    .mob-menu-open .header__deco-line:before,
    [data-fullpage-index="1"] .header__deco-line:before, .mob-menu-open .header__deco-line:after,
    [data-fullpage-index="1"] .header__deco-line:after {
      opacity: 0;
      -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
      transform: scale(0, 1); }
    @media screen and (max-width: 991px) {
      .header__deco-line:before, .header__deco-line:after {
        width: calc(50% - 60px); } }
    @media screen and (max-width: 991px) {
      .header__deco-line:before, .header__deco-line:after {
        width: calc(50% - 45px); } }
  .header__deco-line:after {
    left: 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center; }
  .header__deco-line:before {
    right: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center; }

.header__btns {
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 480px) {
    .header__btns {
      width: 100%;
      text-align: right; }
      .header__btns .btn-menu {
        float: left; } }

.header__btn {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  background: url() no-repeat center center;
  background-size: 100%;
  opacity: 0; }
  .header__btn:last-child {
    margin-right: 0; }

@-webkit-keyframes ani-btn-menu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ani-btn-menu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
  .page-ready .header__btn {
    -webkit-animation: ani-btn-menu 0.6s;
    animation: ani-btn-menu 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
    .page-ready .header__btn:nth-child(1) {
      -webkit-animation-delay: 0;
      animation-delay: 0; }
    .page-ready .header__btn:nth-child(2) {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s; }
    .page-ready .header__btn:nth-child(3) {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s; }
  .page-ready.home-cat .header__btn {
    opacity: 1;
    -webkit-animation: none;
    animation: none;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  @media screen and (max-width: 767px) {
    .header__btn {
      margin-right: 10px; } }
  .header__btn.header__btn--search {
    width: 20px;
    height: 20px;
    background-image: url(../images/common/icons/svg/black/icon-search.svg); }
    @media screen and (max-width: 767px) {
      .header__btn.header__btn--search {
        width: 16px;
        height: 16px; } }
  .header__btn.header__btn--lang {
    font-size: 16px; }

body:not(.page-home) header {
  background-color: #FFF; }
  body:not(.page-home) header:before {
    display: none; }
  body:not(.page-home) header .header-logo {
    margin-bottom: 0px; }
  body:not(.page-home) header .header__deco-line {
    border-bottom: solid 1px #CCC; }
    body:not(.page-home) header .header__deco-line:before, body:not(.page-home) header .header__deco-line:after {
      display: none; }

/* END Style header  */
/* ------------------------------------------ */
/* Style for footer */
/* ------------------------------------------ */
footer {
  position: relative;
  font-size: 0;
  background: #000;
  color: #FFF; }
  @media screen and (max-width: 991px) {
    footer {
      text-align: center; } }
  footer > .content-wrapper, footer > .exhib-contact__wrapper, footer > .exhib-list__wrapper, footer > .exhib-space__wrapper, footer > .gallery-exhib__wrapper, footer > .page-head__wrapper, footer > .page-tabs__wrapper, .programme-info__detail footer > .txt-editor, footer > .static-banner__content {
    max-width: 1200px;
    padding: 80px 0 60px; }
    @media screen and (max-width: 991px) {
      footer > .content-wrapper, footer > .exhib-contact__wrapper, footer > .exhib-list__wrapper, footer > .exhib-space__wrapper, footer > .gallery-exhib__wrapper, footer > .page-head__wrapper, footer > .page-tabs__wrapper, .programme-info__detail footer > .txt-editor, footer > .static-banner__content {
        padding: 60px 0; } }
  footer a:hover {
    color: #FFF;
    opacity: 1; }

.footer__top {
  position: relative;
  width: 100%;
  display: table;
  width: 100%; }

.footer__panel,
.footer__sitemap {
  display: table-cell;
  vertical-align: top; }

@media screen and (max-width: 991px) {
  .footer__sitemap {
    display: none; } }

.footer__panel {
  width: 50%;
  padding-right: 60px; }
  @media screen and (max-width: 991px) {
    .footer__panel {
      display: block;
      width: 90%;
      padding-right: 0;
      margin: 0 auto;
      text-align: left; } }

.footer__panel-item {
  width: 100%;
  display: block;
  max-width: 460px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  @media screen and (max-width: 991px) {
    .footer__panel-item {
      max-width: 1920px; } }
  @media screen and (max-width: 767px) {
    .footer__panel-item {
      border-bottom: 0;
      padding: 15px 0; } }
  .footer__panel-item:first-child {
    padding-top: 0; }
  .footer__panel-item:last-child {
    border-bottom: 0; }
    @media screen and (max-width: 767px) {
      .footer__panel-item:last-child {
        padding-bottom: 0; } }

.footer_panel__subscription {
  display: block;
  width: 100%;
  color: #FFF;
  padding-right: 60px;
  position: relative; }
  .footer_panel__subscription:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    background: url(../images/common/icons/svg/white/icon-arrow-down.svg) no-repeat center center;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    @media screen and (max-width: 767px) {
      .footer_panel__subscription:before {
        width: 24px;
        height: 24px;
        margin-top: -12px; } }
  .footer_panel__subscription:hover {
    opacity: 1;
    color: #FFF; }
  @media screen and (max-width: 991px) {
    .footer_panel__subscription {
      margin: 0 auto; } }

.footer__panel-title {
  width: 100%;
  font-size: 32px;
  font-weight: bold;
  margin: 0 0 10px; }
  @media screen and (max-width: 991px) {
    .footer__panel-title {
      font-size: 24px; } }
  @media screen and (max-width: 767px) {
    .footer__panel-title {
      font-size: 20px; } }
  .footer__panel-title:last-child {
    margin: 0; }

.footer__panel-tag {
  display: block;
  width: 100%;
  max-width: 300px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: bold;
  margin: 0 0 15px; }
  @media screen and (max-width: 991px) {
    .footer__panel-tag {
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    .footer__panel-tag {
      font-size: 14px; }
      .footer__panel-tag br {
        display: none; } }
  .footer__panel-tag:last-child {
    margin: 0; }

.footer_panel__subscription-input {
  font-size: 0;
  border-bottom: 1px solid #FFF;
  padding: 5px 0; }
  .footer_panel__subscription-input input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 36px);
    height: 30px;
    background: transparent;
    border: 0;
    color: #FFF;
    font-size: 16px; }
    .footer_panel__subscription-input input:focus {
      outline: none; }

.footer_panel__subscription-btn {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background: url(../images/common/icons/icon-form-arrow.png) no-repeat center center;
  background-size: 100%; }

.footer__sitemap-grp {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 10px; }
  .footer__sitemap-grp:last-child {
    padding-right: 0; }
  .footer__sitemap-grp hr {
    max-width: 80px;
    margin: 30px 0; }

.footer__sitemap-title {
  font-size: 20px;
  color: #FFF;
  display: block;
  font-weight: 500;
  margin-bottom: 15px; }

.footer__sitemap-link {
  display: block;
  margin-bottom: 10px;
  color: #FFF;
  font-size: 14px; }
  .footer__sitemap-grp--primary .footer__sitemap-link {
    font-size: 16px;
    font-weight: bold; }

.footer__bottom {
  margin-top: 90px; }
  @media screen and (max-width: 991px) {
    .footer__bottom {
      margin-top: 30px; } }

.footer__logos {
  width: 100%;
  text-align: center;
  margin-bottom: 20px; }

.footer__logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px; }

.footer__bottom-items {
  display: block;
  position: relative;
  font-size: 0px;
  text-align: center; }
  .footer__bottom-items a {
    color: #FFF; }

.footer__bottom-item {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1.5em;
  font-size: 14px; }
  @media screen and (max-width: 767px) {
    .footer__bottom-item {
      font-size: 12px;
      display: block;
      margin-bottom: 5px; } }

.footer__bottom-sp {
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px; }
  @media screen and (max-width: 767px) {
    .footer__bottom-sp {
      font-size: 12px;
      display: none; } }

.footer__copyright {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 0px;
  white-space: normal; }
  @media screen and (max-width: 640px) {
    .footer__copyright .footer__bottom-sp {
      display: none; } }
  .footer__copyright span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.5em; }
    @media screen and (max-width: 640px) {
      .footer__copyright span {
        display: block;
        margin: 0 0 15px; }
        .footer__copyright span:last-child {
          margin-bottom: 0; } }

/* END Style footer  */
/* ------------------------------------------ */
/* Style for fullpage */
/* ------------------------------------------ */
.fullpage {
  position: relative;
  z-index: 10;
  /*
    .section:nth-child(2){
        .fp-tableCell{
            position:relative;
            &:before{
                content:'HK';
                font-size:120vw;
                font-weight:900;
                color:rgba(#FFF, 0.2);
                z-index:0;
                display:inline-block;
                position:absolute;
                @include centerXY();
                margin-left:-10%;
                
            }
        }
    }
    .section:nth-child(3){
        .fp-tableCell{
            position:relative;
            &:before{
                content:'DI';
                font-size:130vw;
                font-weight:900;
                color:rgba(#FFF, 0.2);
                z-index:0;
                display:inline-block;
                position:absolute;
                @include centerXY();
                margin-left:-10%;
                
            }
        }
    }
    .section:nth-child(4){
        .fp-tableCell{
            position:relative;
            &:before{
                content:'DE';
                font-size:130vw;
                font-weight:900;
                color:rgba(#FFF, 0.2);
                z-index:0;
                display:inline-block;
                position:absolute;
                @include centerXY();
                margin-left:-10%;
                
            }
        }
    }
    .section:nth-child(5){
        .fp-tableCell{
            position:relative;
            &:before{
                content:'SI';
                font-size:130vw;
                font-weight:900;
                color:rgba(#FFF, 0.2);
                z-index:0;
                display:inline-block;
                position:absolute;
                @include centerXY();
                margin-left:-10%;
                
            }
        }
    }
    .section:nth-child(6){
        .fp-tableCell{
            position:relative;
            &:before{
                content:'GN';
                font-size:130vw;
                font-weight:900;
                color:rgba(#FFF, 0.2);
                z-index:0;
                display:inline-block;
                position:absolute;
                @include centerXY();
                margin-left:-10%;
                
            }
        }
    }
    */ }
  .fullpage > * {
    z-index: 10; }
    .fullpage > *.video-bg {
      z-index: 5; }
  .fullpage .section:first-child {
    z-index: 15; }
  @media screen and (max-width: 767px) {
    :not(.mobile) .fullpage .section:not(.home-top) {
      height: auto !important; } }
  @media screen and (max-width: 767px) {
    :not(.mobile) .fullpage .section:not(.home-top) .fp-section, :not(.mobile)
    .fullpage .section:not(.home-top) .fp-tableCell {
      height: auto !important; } }

.fullpage__content {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 10;
  /*
    @include ghostBefore();
    white-space: nowrap;
    text-align: center;
    */
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    :not(.mobile) .fullpage__content {
      height: auto !important; } }

.fullpage__content-holder {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  font-size: 1rem;
  width: 100%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  margin-top: 140px; }
  @media screen and (max-width: 1480px) {
    .fullpage__content-holder {
      margin-top: 120px; } }
  @media screen and (max-width: 991px) {
    .fullpage__content-holder {
      margin-top: 110px; } }
  @media screen and (max-width: 767px) {
    .fullpage__content-holder {
      margin-top: 80px; } }
  .home-top .fullpage__content-holder {
    margin-top: 0; }

/***** Library Override *****/
#fp-nav ul li a span, .fp-slidesNav ul li a span {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  opacity: 0.2;
  border: 1px solid #FFF; }

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span,
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  opacity: 1;
  border: 1px solid #FFF; }

#fp-nav ul li, .fp-slidesNav ul li {
  margin: 12px 7px; }

.page-home #fp-nav ul li:first-child {
  /*hide footer's' dot*/
  display: none; }

#fp-nav ul li:last-child {
  /*hide footer's' dot*/
  display: none; }

#fp-nav ul li:hover .fp-tooltip {
  color: rgba(0, 0, 0, 0.8);
  transition: 0.6s; }

#fp-nav ul li .fp-tooltip {
  color: rgba(0, 0, 0, 0.3);
  padding: 4px 8px;
  font-size: 12px;
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
  transition: 0.6s;
  top: -6px;
  width: auto; }

#fp-nav ul li:nth-child(1) .fp-tooltip {
  transition-delay: 0; }

#fp-nav ul li:nth-child(2) .fp-tooltip {
  transition-delay: 0.04s; }

#fp-nav ul li:nth-child(3) .fp-tooltip {
  transition-delay: 0.08s; }

#fp-nav ul li:nth-child(4) .fp-tooltip {
  transition-delay: 0.12s; }

#fp-nav ul li:nth-child(5) .fp-tooltip {
  transition-delay: 0.16s; }

#fp-nav ul li:nth-child(6) .fp-tooltip {
  transition-delay: 0.2s; }

#fp-nav ul li:nth-child(7) .fp-tooltip {
  transition-delay: 0.24s; }

#fp-nav ul li > a.active + .fp-tooltip {
  color: black; }

#fp-nav ul {
  transition: 0.6s; }
  .at-home-bottom #fp-nav ul {
    opacity: 0; }
  .fp-show-tooltip #fp-nav ul li .fp-tooltip, #fp-nav ul:hover li .fp-tooltip {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }

@media screen and (max-width: 1200px) {
  #fp-nav.right {
    right: 10px; } }

/* END Style fullpage  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
.about-title {
  position: relative;
  margin: 0 0 15px;
  line-height: 1em; }
  .about-title span {
    font-weight: 100;
    display: block;
    margin-left: 15%; }

/* END Style sample  */
/* ------------------------------------------ */
/* Style for academic-programmes */
/* ------------------------------------------ */
.academic-programmes {
  width: 100%;
  text-align: center; }

.academic-programmes__title {
  margin-bottom: 30px;
  opacity: 0; }
  .section.fp-ani .academic-programmes__title,
  .section.fp-completely .academic-programmes__title {
    -webkit-animation: fade-in-from-top 1s;
    animation: fade-in-from-top 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

.academic-programmes__holder {
  width: 90%;
  text-align: center;
  max-width: 1300px;
  margin: 0 auto; }
  .academic-programmes__holder .tabs__btns {
    opacity: 0; }
    .section.fp-ani .academic-programmes__holder .tabs__btns,
    .section.fp-completely .academic-programmes__holder .tabs__btns {
      -webkit-animation: fade-in-from-top 1s 0.3s;
      animation: fade-in-from-top 1s 0.3s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      will-change: transform; }
  .academic-programmes__holder .tetris-tabs {
    opacity: 0; }
    .section.fp-ani .academic-programmes__holder .tetris-tabs,
    .section.fp-completely .academic-programmes__holder .tetris-tabs {
      -webkit-animation: fade-in-from-bottom 1s 0.6s;
      animation: fade-in-from-bottom 1s 0.6s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      will-change: transform; }

/* END Style academic-programmes  */
/* ------------------------------------------ */
/* Style for accordion */
/* ------------------------------------------ */
.accordion {
  position: relative;
  width: 100%; }

.accordion__title {
  font-size: 32px;
  font-weight: bold;
  margin: 40px 0px;
  cursor: pointer;
  position: relative; }
  .accordion__title:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/common/icons/svg/black/icon-arrow-dropdown.svg) no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  @media screen and (max-width: 991px) {
    .accordion__title {
      margin: 30px 0px;
      font-size: 24px; } }

.accordion__hidden {
  display: none;
  margin-bottom: 40px; }

.accordion p.title {
  background-color: #000;
  color: #b9ffff;
  padding: 10px 15px;
  display: inline-block; }

.accordion .img-holder {
  font-size: 0px;
  margin-bottom: 60px; }

.accordion .img-holder img {
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px; }

/* END Style accordion  */
/* ------------------------------------------ */
/* Style for ap-content */
/* ------------------------------------------ */
.ap-content {
  position: relative; }

.ap-content__flow {
  position: relative;
  width: 100%;
  margin-bottom: 90px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media screen and (max-width: 1580px) {
    .ap-content__flow {
      margin-bottom: 80px; } }
  @media screen and (max-width: 991px) {
    .ap-content__flow {
      margin-bottom: 60px; } }
  @media screen and (max-width: 480px) {
    .ap-content__flow {
      margin-bottom: 30px;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }

.ap-content__flow-item {
  width: 28.57143%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 480px) {
    .ap-content__flow-item {
      width: 50%;
      margin-bottom: 15px;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media screen and (max-width: 480px) {
    .ap-content__flow-item {
      width: 100%;
      margin-bottom: 5px; }
      .ap-content__flow-item br {
        display: none; } }
  .ap-content__flow-item:hover {
    opacity: 1; }
  .ap-content__flow-item:before {
    content: '';
    display: inline-block;
    width: calc(100% - 120px);
    height: 60px;
    background: url(../images/common/icons/svg/black/icon-arrow-down.svg) no-repeat center center;
    background-size: auto 60px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    @media screen and (max-width: 991px) {
      .ap-content__flow-item:before {
        width: calc(100% - 100px);
        height: 30px;
        background-size: auto 30px; } }
    @media screen and (max-width: 767px) {
      .ap-content__flow-item:before {
        width: calc(100% - 90px); } }
    @media screen and (max-width: 640px) {
      .ap-content__flow-item:before {
        width: calc(100% - 70px); } }
    @media screen and (max-width: 480px) {
      .ap-content__flow-item:before {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        margin-bottom: 5px; } }
  .ap-content__flow-item.is-active:before, .ap-content__flow-item:hover:before {
    background-image: url(../images/common/icons/svg/yellow/icon-arrow-down.svg);
    -webkit-animation: ap-arrow-float-hr 0.8s infinite;
    animation: ap-arrow-float-hr 0.8s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

@-webkit-keyframes ap-arrow-float-hr {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%) rotate(-90deg);
    -ms-transform: translateX(-10%) rotate(-90deg);
    transform: translateX(-10%) rotate(-90deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(10%) rotate(-90deg);
    -ms-transform: translateX(10%) rotate(-90deg);
    transform: translateX(10%) rotate(-90deg); } }

@keyframes ap-arrow-float-hr {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%) rotate(-90deg);
    -ms-transform: translateX(-10%) rotate(-90deg);
    transform: translateX(-10%) rotate(-90deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(10%) rotate(-90deg);
    -ms-transform: translateX(10%) rotate(-90deg);
    transform: translateX(10%) rotate(-90deg); } }

@-webkit-keyframes ap-arrow-float-vt {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%) rotate(0);
    -ms-transform: translateY(-10%) rotate(0);
    transform: translateY(-10%) rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(10%) rotate(0);
    -ms-transform: translateY(10%) rotate(0);
    transform: translateY(10%) rotate(0); } }

@keyframes ap-arrow-float-vt {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%) rotate(0);
    -ms-transform: translateY(-10%) rotate(0);
    transform: translateY(-10%) rotate(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(10%) rotate(0);
    -ms-transform: translateY(10%) rotate(0);
    transform: translateY(10%) rotate(0); } }
    @media screen and (max-width: 480px) {
      .ap-content__flow-item.is-active:before, .ap-content__flow-item:hover:before {
        -webkit-animation: ap-arrow-float-vt 0.8s infinite;
        animation: ap-arrow-float-vt 0.8s infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        will-change: transform; } }

@media screen and (max-width: 480px) {
  .ap-content__flow-head {
    width: 100%;
    margin-bottom: 5px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; } }

.ap-content__flow-item-txt {
  position: relative;
  text-align: center;
  width: 120px;
  height: 120px;
  padding: 15px;
  background: #4b4b4b;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .ap-content__flow-item-txt .clear_flex {
    width: 100%; }
  @media screen and (max-width: 991px) {
    .ap-content__flow-item-txt {
      width: 100px;
      height: 100px; } }
  @media screen and (max-width: 767px) {
    .ap-content__flow-item-txt {
      width: 90px;
      height: 90px;
      font-size: 12px; } }
  @media screen and (max-width: 640px) {
    .ap-content__flow-item-txt {
      width: 70px;
      height: 70px; } }
  @media screen and (max-width: 480px) {
    .ap-content__flow-item-txt {
      width: 100%;
      height: auto; } }
  .ap-content__flow-head .ap-content__flow-item-txt {
    background: transparent;
    color: #000;
    border: 1px solid #000; }
  .ap-content__flow-item.is-active .ap-content__flow-item-txt,
  .ap-content__flow-item:hover .ap-content__flow-item-txt {
    background-color: #f3c61d;
    color: #000; }

.ap-content__desc-holder {
  text-align: left; }
  @media screen and (max-width: 480px) {
    .ap-content__desc-holder {
      margin-top: 15px; } }

.ap-content__desc {
  font-size: 14px; }
  @media screen and (max-width: 480px) {
    .ap-content__desc {
      font-size: 12px; } }

/* END Style ap-content  */
/* ------------------------------------------ */
/* Style for article-detail */
/* ------------------------------------------ */
.detail__head-desc {
  padding-bottom: 30px;
  line-height: 1.5em; }

.article-detail {
  position: relative;
  width: 100%;
  padding: 60px 0; }
  @media screen and (max-width: 991px) {
    .article-detail {
      padding: 45px 0; } }
  @media screen and (max-width: 767px) {
    .article-detail {
      padding: 20px 0; } }
  .page-tabs__full-width .article-detail {
    padding: 100px 0; }
    @media screen and (max-width: 991px) {
      .page-tabs__full-width .article-detail {
        padding: 90px 0; } }
    @media screen and (max-width: 767px) {
      .page-tabs__full-width .article-detail {
        padding: 60px 0; } }
  .article-detail hr {
    margin: 45px 0; }
  .article-detail .programme-news {
    margin-top: 45px;
    width: 100%; }
    .article-detail .programme-news .block {
      margin: 0 5px 15px; }
  .article-detail.ani .txt-editor {
    opacity: 0; }
  .article-detail.ani.in-view .txt-editor {
    -webkit-animation: fade-in-basic 1s 0.3s;
    animation: fade-in-basic 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .article-detail.article-detail--dark {
    color: #FFF; }
  .article-detail.article-detail--txt-green {
    color: #FFF; }
    .article-detail.article-detail--txt-green .article-detail__title {
      color: #00f7c1; }
  .article-detail.article-detail--green {
    background: #b2d335; }

.article-detail__control {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  font-weight: bold; }

.article-detail__title {
  font-weight: 300;
  margin: 0 0 30px; }
  .article-detail--dark .article-detail__title strong {
    color: #b2d335; }

.article-detail__info-items {
  font-size: 0;
  margin-bottom: 30px; }

.article-detail__info-item {
  position: relative;
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
  margin-right: 15px;
  padding-right: 15px; }
  .article-detail__info-item:after {
    content: '';
    display: block;
    height: 1em;
    width: 2px;
    background: #000;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5em; }
  .article-detail__info-item:last-child:after {
    display: none; }

.article-detail__cover {
  display: block;
  margin-bottom: 30px; }

.article-detail__detail-row {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .article-detail__detail-row {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.article-detail__detail {
  display: inline-block;
  width: calc(50% - 30px); }
  @media screen and (max-width: 767px) {
    .article-detail__detail {
      width: 100%; } }

.article-detail__gallery {
  display: inline-block;
  width: calc(50% - 30px); }
  @media screen and (max-width: 767px) {
    .article-detail__gallery {
      width: 100%; } }
  .article-detail__gallery img {
    position: relative;
    display: block;
    z-index: 5; }

.article-detail__gallery-item {
  position: relative;
  background: #ebecf0; }
  .article-detail__gallery-item:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 50vw;
    background: #ebecf0;
    z-index: 0; }
  @media screen and (max-width: 767px) {
    .article-detail__gallery-item {
      margin-top: 30px;
      margin-bottom: 30px; } }

.article-detail__control {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 640px) {
    .article-detail__control {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.article-detail__btn-prev,
.article-detail__btn-next {
  position: relative;
  max-width: 40%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .article-detail__btn-prev,
    .article-detail__btn-next {
      max-width: 45%; } }
  @media screen and (max-width: 640px) {
    .article-detail__btn-prev,
    .article-detail__btn-next {
      width: 100%;
      max-width: 100%;
      margin-bottom: 30px; }
      .article-detail__btn-prev:last-child,
      .article-detail__btn-next:last-child {
        margin-bottom: 0; } }

.article-detail__btn-prev {
  text-align: left; }

.article-detail__btn-next {
  text-align: right; }

.article-detail__btn-prev:before,
.article-detail__btn-next:after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/common/icons/svg/black/icon-arrow-down.svg) no-repeat center center;
  background-size: 100%; }

.article-detail__btn-prev:before {
  content: '';
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: 20px; }

.article-detail__btn-next:after {
  content: '';
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-left: 20px; }

.article-detail__btn-txt {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 60px); }

.article-detail__btn-label {
  margin: 0 0 5px; }

.article-detail__btn-title {
  margin: 0; }

.article-detail__gallery-deco {
  position: absolute;
  display: block;
  height: 70%;
  width: 100%;
  bottom: -40px;
  display: block;
  left: 40px;
  background: #b2d335; }
  @media screen and (max-width: 991px) {
    .article-detail__gallery-deco {
      left: 30px;
      bottom: -30px; } }
  @media screen and (max-width: 767px) {
    .article-detail__gallery-deco {
      left: 10px;
      bottom: -10px; } }

/* END Style article-detail  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
.banner-slider {
  position: relative;
  width: 100%; }
  .banner-slider:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: 30px;
    height: 500px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #00f7c1;
    z-index: 15; }
    @media screen and (max-width: 1280px) {
      .banner-slider:before {
        width: 15px;
        height: 300px; } }
    @media screen and (max-width: 767px) {
      .banner-slider:before {
        width: 10px;
        height: 300px; } }

.banner-slider__inner {
  position: relative;
  overflow: hidden;
  width: calc(50vw + 640px - 10px); }
  @media screen and (max-width: 1361px) {
    .banner-slider__inner {
      width: 100%; } }

.banner-slider__slider {
  position: relative;
  width: 100%; }

.banner-slider__slide img {
  display: block;
  width: 100%; }

.banner-slider__pagination {
  padding: 15px 30px;
  text-align: right; }
  @media screen and (max-width: 991px) {
    .banner-slider__pagination {
      padding: 15px 0; } }
  .banner-slider__pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-right: 5px; }
    .banner-slider__pagination .swiper-pagination-bullet:last-child {
      margin-right: 0; }
  .banner-slider__pagination .swiper-pagination-bullet-active {
    background: #000; }

/* END Style sample  */
/* ------------------------------------------ */
/* Style for bottom-panel */
/* ------------------------------------------ */
.bottom-panel {
  background: #00f7c1; }
  @media screen and (max-width: 991px) {
    .bottom-panel {
      margin-top: 30px; } }

.bottom-panel__row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .bottom-panel__row {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.bottom-panel__col {
  display: inline-block;
  width: 50%;
  padding: 60px 60px;
  border-right: 1px solid #FFF; }
  @media screen and (max-width: 991px) {
    .bottom-panel__col {
      padding: 30px; } }
  @media screen and (max-width: 767px) {
    .bottom-panel__col {
      width: 100%;
      border-right: 0;
      border-bottom: 1px solid #FFF;
      padding: 30px 0; } }
  .bottom-panel__col:first-child {
    padding-left: 0; }
  .bottom-panel__col:last-child {
    padding-right: 0;
    border: 0; }

.bottom-panel__title {
  margin: 0 0 30px; }

.bottom-panel__grp {
  position: relative;
  margin: 0 0 30px; }

.bottom-panel__grp-title {
  margin: 0 0 5px; }

.bottom-panel__desc {
  line-height: 1.5em; }

.bottom-panel__item {
  display: inline-block;
  padding-right: 30px; }
  @media screen and (max-width: 767px) {
    .bottom-panel__item {
      margin-bottom: 15px; } }

.bottom-panel__link {
  display: block; }

/* END Style bottom-panel  */
/* ------------------------------------------ */
/* Style for breadcrumb */
/* ------------------------------------------ */
.breadcrumb {
  position: relative;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .breadcrumb {
      margin-bottom: 30px; } }
  .breadcrumb .content-wrapper, .breadcrumb .exhib-contact__wrapper, .breadcrumb .exhib-list__wrapper, .breadcrumb .exhib-space__wrapper, .breadcrumb .gallery-exhib__wrapper, .breadcrumb .page-head__wrapper, .breadcrumb .page-tabs__wrapper, .breadcrumb .programme-info__detail .txt-editor, .programme-info__detail .breadcrumb .txt-editor, .breadcrumb .static-banner__content {
    max-width: none; }
  @media screen and (min-width: 768px) {
    .page-head .breadcrumb {
      top: -45px; } }

.top-divide-line + .breadcrumb {
  padding: 30px 0; }
  @media screen and (max-width: 767px) {
    .top-divide-line + .breadcrumb {
      padding: 15px 0; } }

#award .breadcrumb {
  padding-bottom: 30px; }
  @media screen and (max-width: 767px) {
    #award .breadcrumb {
      padding-bottom: 15px; } }
  @media screen and (min-width: 768px) {
    #award .breadcrumb {
      top: -45px; } }

.breadcrumb__home-link {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/common/icons/svg/black/icon-home.svg) no-repeat center center;
  background-size: 100%; }

.breadcrumb__item {
  display: inline-block;
  vertical-align: middle; }
  .breadcrumb__item.is-current {
    font-weight: bold; }

.breadcrumb__item-arrow {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px; }

.breadcrumb__home-link {
  font-size: 16px; }
  @media screen and (max-width: 767px) {
    .breadcrumb__home-link {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .breadcrumb__home-link {
      font-size: 12px; } }

/* END Style breadcrumb  */
/* ------------------------------------------ */
/* Style for btn */
/* ------------------------------------------ */
.btn, .captcha__btn, .pagination__btn-prev,
.pagination__btn-next {
  display: inline-block;
  margin: 0;
  padding: 10px 30px;
  font-size: 14px;
  border: 2px solid #000;
  box-sizing: border-box;
  transition: 0.4s; }
  @media screen and (max-width: 480px) {
    .btn, .captcha__btn, .pagination__btn-prev,
    .pagination__btn-next {
      padding: 10px 20px;
      font-size: 12px; } }
  .hidden-block .btn, .hidden-block .captcha__btn, .hidden-block .pagination__btn-prev,
  .hidden-block .pagination__btn-next {
    text-decoration: none; }
  .btn:hover, .captcha__btn:hover, .pagination__btn-prev:hover,
  .pagination__btn-next:hover {
    border-color: #51296f;
    background: #51296f;
    color: #FFF;
    opacity: 1; }
  .btn + .btn, .captcha__btn + .btn, .pagination__btn-prev + .btn, .pagination__btn-next + .btn, .btn + .captcha__btn, .captcha__btn + .captcha__btn, .pagination__btn-prev + .captcha__btn, .pagination__btn-next + .captcha__btn, .btn + .pagination__btn-prev, .captcha__btn + .pagination__btn-prev, .pagination__btn-prev + .pagination__btn-prev, .pagination__btn-next + .pagination__btn-prev,
  .btn + .pagination__btn-next,
  .captcha__btn + .pagination__btn-next,
  .pagination__btn-prev + .pagination__btn-next,
  .pagination__btn-next + .pagination__btn-next {
    margin-left: 5px; }
  .btn > span, .captcha__btn > span, .pagination__btn-prev > span, .pagination__btn-next > span {
    display: inline-block;
    vertical-align: middle; }
  .btn.btn--loading, .btn--loading.captcha__btn, .btn--loading.pagination__btn-prev,
  .btn--loading.pagination__btn-next {
    color: transparent !important;
    border: transparent !important;
    background: url(../images/common/icons/icon-loading.gif) no-repeat center center !important;
    background-color: transparent !important;
    cursor: default !important;
    pointer-events: none !important;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                        not supported by any browser */ }
  .btn.btn--gold, .btn--gold.captcha__btn, .btn--gold.pagination__btn-prev,
  .btn--gold.pagination__btn-next {
    color: #51296f;
    border-color: #51296f; }
    .btn.btn--gold:hover, .btn--gold.captcha__btn:hover, .btn--gold.pagination__btn-prev:hover,
    .btn--gold.pagination__btn-next:hover {
      border-color: #005d83;
      background: #005d83;
      color: #FFF;
      opacity: 1; }
  .btn.btn--white, .btn--white.captcha__btn, .btn--white.pagination__btn-prev,
  .btn--white.pagination__btn-next {
    color: #FFF;
    border-color: #FFF; }
    .btn.btn--white:hover, .btn--white.captcha__btn:hover, .btn--white.pagination__btn-prev:hover,
    .btn--white.pagination__btn-next:hover {
      border-color: #51296f;
      background: #51296f;
      color: #FFF;
      opacity: 1; }
  .btn.btn--blue, .btn--blue.captcha__btn, .btn--blue.pagination__btn-prev,
  .btn--blue.pagination__btn-next {
    background: #FFF;
    color: #000; }
    .btn.btn--blue:hover, .btn--blue.captcha__btn:hover, .btn--blue.pagination__btn-prev:hover,
    .btn--blue.pagination__btn-next:hover {
      border-color: #000;
      background-color: #000;
      color: #FFF;
      opacity: 1; }
  .btn.btn--black, .btn--black.captcha__btn, .card__inner .btn, .card__inner .captcha__btn, .card__inner .pagination__btn-prev,
  .card__inner .pagination__btn-next, .btn--black.pagination__btn-prev,
  .btn--black.pagination__btn-next {
    background: #000;
    color: #FFF; }
    .btn.btn--black:hover, .btn--black.captcha__btn:hover, .card__inner .btn:hover, .card__inner .captcha__btn:hover, .card__inner .pagination__btn-prev:hover,
    .card__inner .pagination__btn-next:hover, .btn--black.pagination__btn-prev:hover,
    .btn--black.pagination__btn-next:hover {
      border-color: #000;
      background-color: #000;
      color: #FFF;
      opacity: 1; }
  .btn.btn--solid-white, .btn--solid-white.captcha__btn, .btn--solid-white.pagination__btn-prev,
  .btn--solid-white.pagination__btn-next {
    border-color: #FFF;
    background: #FFF;
    color: #000; }
    .btn.btn--solid-white:hover, .btn--solid-white.captcha__btn:hover, .btn--solid-white.pagination__btn-prev:hover,
    .btn--solid-white.pagination__btn-next:hover {
      border-color: #51296f;
      background: #51296f;
      color: #FFF;
      opacity: 1; }
  .btn.btn--l, .btn--l.captcha__btn, .btn--l.pagination__btn-prev,
  .btn--l.pagination__btn-next {
    font-size: 18px;
    padding: 15px 45px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .btn.btn--l, .btn--l.captcha__btn, .btn--l.pagination__btn-prev,
      .btn--l.pagination__btn-next {
        font-size: 16px;
        padding: 12px 25px; } }
  .btn.btn--m, .btn--m.captcha__btn, .btn--m.pagination__btn-prev,
  .btn--m.pagination__btn-next {
    font-size: 16px;
    padding: 12px 35px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .btn.btn--m, .btn--m.captcha__btn, .btn--m.pagination__btn-prev,
      .btn--m.pagination__btn-next {
        font-size: 16px;
        padding: 12px 25px; } }
  .btn.btn--wide, .btn--wide.captcha__btn, .btn--wide.pagination__btn-prev,
  .btn--wide.pagination__btn-next {
    padding: 12px 45px; }

.btn-row {
  margin: 30px auto;
  text-align: center; }
  @media screen and (max-width: 1480px) {
    .btn-row {
      margin: 25px auto; } }
  .btn-row:last-child {
    margin-bottom: 0; }
  .btn-row.btn-row--al-hl {
    text-align: left; }
  .btn-row.btn-row--al-hr {
    text-align: right; }

/* END Style btn  */
/* ------------------------------------------ */
/* Style for btn-arrow */
/* ------------------------------------------ */
.btn-arrow {
  display: block;
  margin: 30px 0 0; }
  .btn-arrow:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/common/icons/svg/black/icon-arrow-down.svg) no-repeat center center;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    @media screen and (max-width: 767px) {
      .btn-arrow:before {
        width: 24px;
        height: 24px; } }
  .btn-arrow.btn-arrow--animated {
    -webkit-animation: arrow-float-hr 0.8s infinite;
    animation: arrow-float-hr 0.8s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

/* END Style btn-arrow  */
/* ------------------------------------------ */
/* Style for btn-loc */
/* ------------------------------------------ */
.btn-loc {
  position: absolute;
  top: 50%;
  right: 3%;
  margin-top: -12px;
  margin-right: 45px;
  width: 24px;
  height: 24px;
  background: url() no-repeat center center;
  background-size: 100%;
  background-image: url(../images/common/icons/svg-icons/gold/icon-loc.svg);
  display: none; }
  @media screen and (max-width: 991px) {
    .btn-loc {
      display: block; } }

/* END Style btn-loc  */
/* ------------------------------------------ */
/* Style for btn-menu */
/* ------------------------------------------ */
.btn-menu {
  position: relative;
  display: inline-block; }

.btn-menu__lines {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  margin-right: 12px;
  font-size: 0; }
  @media screen and (max-width: 767px) {
    .btn-menu__lines {
      width: 24px; } }

.btn-menu__line {
  display: block;
  vertical-align: middle;
  width: 100%;
  background: #000;
  height: 1px;
  margin-bottom: 4px;
  transition: 0.3s; }
  @media screen and (max-width: 767px) {
    .btn-menu__line {
      height: 1px;
      margin-bottom: 4px; } }
  .btn-menu__line:last-child {
    margin-bottom: 0;
    width: 70%; }
  .mob-menu-open .btn-menu__line {
    opacity: 0; }
    .mob-menu-open .btn-menu__line:first-child, .mob-menu-open .btn-menu__line:last-child {
      opacity: 1;
      width: 100%; }
    .mob-menu-open .btn-menu__line:first-child {
      -webkit-transform: rotate(18deg);
      -ms-transform: rotate(18deg);
      transform: rotate(18deg);
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
    .mob-menu-open .btn-menu__line:last-child {
      -webkit-transform: rotate(-18deg);
      -ms-transform: rotate(-18deg);
      transform: rotate(-18deg);
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom; }
    @media screen and (max-width: 767px) {
      .mob-menu-open .btn-menu__line:first-child {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg); }
      .mob-menu-open .btn-menu__line:last-child {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg); } }

.btn-menu__txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 900; }
  @media screen and (max-width: 767px) {
    .btn-menu__txt {
      font-size: 14px; } }
  .btn-menu__txt .btn-menu__txt--open {
    display: block; }
  .btn-menu__txt .btn-menu__txt--close {
    display: none; }
  .mob-menu-open .btn-menu__txt .btn-menu__txt--open {
    display: none; }
  .mob-menu-open .btn-menu__txt .btn-menu__txt--close {
    display: block; }

/* END Style btn-menu  */
/* ------------------------------------------ */
/* Style for btn-share */
/* ------------------------------------------ */
.btn-share__holder,
.btn-share__row {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0; }

.btn-share {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 20px;
  height: 20px;
  background: url() no-repeat center center;
  background-size: 100%; }
  .btn-share.btn-share--email {
    background-image: url(../images/common/icons/svg/white/icon-share-email.svg); }
  .btn-share.btn-share--wa {
    background-image: url(../images/common/icons/svg/white/icon-share-wa.svg); }
  .btn-share.btn-share--fb {
    background-image: url(../images/common/icons/svg/white/icon-share-fb.svg); }
  .btn-share.btn-share--tw {
    background-image: url(../images/common/icons/svg/white/icon-share-tw.svg); }
  .btn-share.btn-share--ln {
    background-image: url(../images/common/icons/svg/white/icon-share-ln.svg); }
  .btn-share.btn-share--wb {
    background-image: url(../images/common/icons/svg/white/icon-share-wb.svg); }
  .btn-share.btn-share--ig {
    background-image: url(../images/common/icons/svg/white/icon-share-ig.svg); }
  .btn-share.btn-share--youtube {
    background-image: url(../images/common/icons/svg/white/icon-share-youtube.svg); }
  .info-table .btn-share.btn-share--email,
  .mob-nav .btn-share.btn-share--email {
    background-image: url(../images/common/icons/svg/black/icon-share-email.svg); }
  .info-table .btn-share.btn-share--wa,
  .mob-nav .btn-share.btn-share--wa {
    background-image: url(../images/common/icons/svg/black/icon-share-wa.svg); }
  .info-table .btn-share.btn-share--fb,
  .mob-nav .btn-share.btn-share--fb {
    background-image: url(../images/common/icons/svg/black/icon-share-fb.svg); }
  .info-table .btn-share.btn-share--tw,
  .mob-nav .btn-share.btn-share--tw {
    background-image: url(../images/common/icons/svg/black/icon-share-tw.svg); }
  .info-table .btn-share.btn-share--ln,
  .mob-nav .btn-share.btn-share--ln {
    background-image: url(../images/common/icons/svg/black/icon-share-ln.svg); }
  .info-table .btn-share.btn-share--wb,
  .mob-nav .btn-share.btn-share--wb {
    background-image: url(../images/common/icons/svg/black/icon-share-wb.svg); }
  .info-table .btn-share.btn-share--ig,
  .mob-nav .btn-share.btn-share--ig {
    background-image: url(../images/common/icons/svg/black/icon-share-ig.svg); }
  .info-table .btn-share.btn-share--youtube,
  .mob-nav .btn-share.btn-share--youtube {
    background-image: url(../images/common/icons/svg/black/icon-share-youtube.svg); }

/* END Style btn-share  */
/* ------------------------------------------ */
/* Style for bullet-list */
/* ------------------------------------------ */
.bullet-list {
  list-style: disc;
  padding-left: 20px;
  margin: 0; }
  .bullet-list > li {
    padding-bottom: 10px; }
    .bullet-list > li:last-child {
      padding-bottom: 0; }
  .bullet-list.bullet-list--color-dot li > span {
    color: #000; }
  .bullet-list.bullet-list--centerlist {
    max-width: 760px;
    margin: 0 auto; }
    .bullet-list.bullet-list--centerlist > li {
      text-align: left; }

/* END Style bullet-list  */
/* ------------------------------------------ */
/* Style for captcha */
/* ------------------------------------------ */
.captcha {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 768px; }
  @media screen and (max-width: 767px) {
    .captcha {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.field-row + .captcha {
  margin-top: 30px; }

.captcha__img {
  width: 180px; }
  @media screen and (max-width: 767px) {
    .captcha__img {
      width: 150px; } }
  .captcha__img img {
    display: block;
    width: 100%;
    margin: 0 auto; }

.captcha__control {
  width: calc(100% - 200px);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .captcha__control {
      margin-top: 15px;
      width: 100%; } }
  @media screen and (max-width: 380px) {
    .captcha__control {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.captcha__input {
  width: calc(100% - 150px); }
  @media screen and (max-width: 380px) {
    .captcha__input {
      width: 100%; } }

.captcha__btn {
  background: #000;
  color: #FFF;
  padding-left: 5px;
  padding-right: 5px;
  width: 120px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #43dab5; }
  @media screen and (max-width: 380px) {
    .captcha__btn {
      margin-top: 15px; } }
  .captcha__btn:hover {
    background-color: #43dab5;
    color: #000; }

/* END Style captcha  */
/* ------------------------------------------ */
/* Style for cards */
/* ------------------------------------------ */
.cards {
  position: relative;
  margin: 0 auto;
  margin-bottom: 60px;
  max-width: 1280px; }
  .gallery-exhib__wrapper .cards {
    width: 100%;
    margin-bottom: 30px; }
  .cards .programme-news {
    width: 100%; }
    .cards .programme-news .block {
      width: 100%;
      margin: 0;
      text-align: left; }

.cards__outer {
  margin-left: -15px;
  margin-right: -15px; }
  @media screen and (max-width: 1480px) {
    .cards__outer {
      margin-left: -15px;
      margin-right: -15px; } }
  @media screen and (max-width: 991px) {
    .cards__outer {
      margin-left: -15px;
      margin-right: -15px; } }
  @media screen and (max-width: 767px) {
    .cards__outer {
      margin-left: -15px;
      margin-right: -15px; } }
  @media screen and (max-width: 480px) {
    .cards__outer {
      margin-left: -15px;
      margin-right: -15px; } }

.cards__inner {
  display: flex;
  flex-flow: row wrap; }

.ani.cards__inner .card {
  opacity: 0; }

.ani.in-view.cards__inner .card {
  -webkit-animation: fade-in-from-bottom 1s 0.3s;
  animation: fade-in-from-bottom 1s 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform;
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s; }
  .ani.in-view.cards__inner .card:nth-child(1) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .ani.in-view.cards__inner .card:nth-child(2) {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s; }
  .ani.in-view.cards__inner .card:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  .ani.in-view.cards__inner .card:nth-child(4) {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s; }
  .ani.in-view.cards__inner .card:nth-child(5) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  .ani.in-view.cards__inner .card:nth-child(6) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s; }
  .ani.in-view.cards__inner .card:nth-child(7) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s; }
  .ani.in-view.cards__inner .card:nth-child(8) {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s; }
  .ani.in-view.cards__inner .card:nth-child(9) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  .ani.in-view.cards__inner .card:nth-child(10) {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s; }

.card {
  margin: 30px 15px;
  width: calc((100% / 5) - 30px);
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 1480px) {
    .card {
      margin: 30px 15px;
      width: calc((100% / 5) - 30px); } }
  @media screen and (max-width: 991px) {
    .card {
      margin: 30px 15px;
      width: calc((100% / 3) - 30px); } }
  @media screen and (max-width: 767px) {
    .card {
      margin: 30px 15px;
      width: calc((100% / 2) - 30px); } }
  @media screen and (max-width: 480px) {
    .card {
      margin: 30px 15px;
      width: calc((100% / 1) - 30px); } }
  @media screen and (min-width: 992px) {
    .cards--3-for-dt .card {
      margin: 30px 15px;
      width: calc((100% / 3) - 30px); } }
  @media screen and (min-width: 992px) {
    .cards--4-for-dt .card {
      margin: 30px 15px;
      width: calc((100% / 4) - 30px); } }
  .card__inner {
    width: 100%;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out; }
    .card__inner:after {
      transition: all 0.3s ease-in-out; }
  .card__expander {
    background-color: #000;
    width: 100%;
    position: relative; }
  .card.is-collapsed {
    z-index: 5; }
    .card.is-collapsed .card__inner:after {
      content: "";
      opacity: 0; }
    .card.is-collapsed .card__expander {
      max-height: 0;
      min-height: 0;
      overflow: hidden;
      margin-top: 0;
      opacity: 0; }
  .card.is-expanded {
    z-index: 10; }
    .card.is-expanded .card__inner:after {
      content: "";
      opacity: 1;
      display: block;
      height: 0;
      width: 0;
      position: absolute;
      bottom: -30px;
      left: calc(51px - 15px);
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid #000; }
    .card.is-expanded .card__inner .fa:before {
      content: "\f115"; }
    .card.is-expanded .card__expander {
      position: relative;
      max-height: 1000px;
      min-height: 200px;
      overflow: visible;
      margin-top: 30px;
      opacity: 1; }
      .card.is-expanded .card__expander > * {
        z-index: 5; }
      .card.is-expanded .card__expander:before {
        content: '';
        display: block;
        width: 20000px;
        height: 100%;
        position: absolute;
        left: -7500px;
        top: 0;
        background: #000;
        z-index: 0; }
    .card.is-expanded:hover .card__inner {
      transform: scale(1); }

.card:nth-of-type(5n+2) .card__expander {
  margin-left: calc(-100% - 30px); }

.card:nth-of-type(5n+3) .card__expander {
  margin-left: calc(-200% - 60px); }

.card:nth-of-type(5n+4) .card__expander {
  margin-left: calc(-300% - 90px); }

.card:nth-of-type(5n+5) .card__expander {
  margin-left: calc(-400% - 120px); }

.card:nth-of-type(5n+6) {
  clear: left; }

.card__expander {
  width: calc( 500% + 120px); }

@media screen and (max-width: 1480px) {
  .card:nth-of-type(5n+2) .card__expander {
    margin-left: calc(-100% - 30px); }
  .card:nth-of-type(5n+3) .card__expander {
    margin-left: calc(-200% - 60px); }
  .card:nth-of-type(5n+4) .card__expander {
    margin-left: calc(-300% - 90px); }
  .card:nth-of-type(5n+5) .card__expander {
    margin-left: calc(-400% - 120px); }
  .card:nth-of-type(5n+6) {
    clear: left; }
  .card__expander {
    width: calc( 500% + 120px); } }

@media screen and (max-width: 991px) {
  .card:nth-of-type(3n+2) .card__expander {
    margin-left: calc(-100% - 30px); }
  .card:nth-of-type(3n+3) .card__expander {
    margin-left: calc(-200% - 60px); }
  .card:nth-of-type(3n+4) .card__expander {
    margin-left: 0;
    clear: left; }
  .card__expander {
    width: calc( 300% + 60px); } }

@media screen and (max-width: 767px) {
  .card:nth-of-type(2n+2) .card__expander {
    margin-left: calc(-100% - 30px); }
  .card:nth-of-type(2n+3) .card__expander {
    margin-left: 0;
    clear: left; }
  .card__expander {
    width: calc( 200% + 30px); } }

@media screen and (max-width: 480px) {
  .card:nth-of-type(1n+2) .card__expander {
    margin-left: 0; }
  .card__expander {
    width: 100%; } }

@media screen and (min-width: 992px) {
  .cards--3-for-dt .card:nth-of-type(3n+2) .card__expander {
    margin-left: calc(-100% - 30px); }
  .cards--3-for-dt .card:nth-of-type(3n+3) .card__expander {
    margin-left: calc(-200% - 60px); }
  .cards--3-for-dt .card:nth-of-type(3n+4) .card__expander {
    margin-left: 0;
    clear: left; }
  .cards--3-for-dt .card__expander {
    width: calc( 300% + 60px); }
  .trident .cards--3-for-dt .card {
    width: calc(33.33% - 30px); } }

@media screen and (min-width: 992px) {
  .cards--4-for-dt .card:nth-of-type(4n+2) .card__expander {
    margin-left: calc(-100% - 30px); }
  .cards--4-for-dt .card:nth-of-type(4n+3) .card__expander {
    margin-left: calc(-200% - 60px); }
  .cards--4-for-dt .card:nth-of-type(4n+4) .card__expander {
    margin-left: calc(-300% - 90px); }
  .cards--4-for-dt .card:nth-of-type(4n+5) .card__expander {
    margin-left: 0;
    clear: left; }
  .cards--4-for-dt .card__expander {
    width: calc( 400% + 90px); } }

.card__inner .btn, .card__inner .captcha__btn, .card__inner .pagination__btn-prev,
.card__inner .pagination__btn-next {
  font-weight: bold; }
  .card.is-expanded .card__inner .btn, .card.is-expanded .card__inner .captcha__btn, .card.is-expanded .card__inner .pagination__btn-prev,
  .card.is-expanded .card__inner .pagination__btn-next {
    background: transparent;
    border: 2px solid #000;
    color: #000; }

.card__img {
  position: relative;
  width: 100%; }
  .card__img img {
    display: block;
    position: relative;
    width: 100%;
    margin: 0; }

.card__ppl {
  margin-top: 30px;
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left; }

.card__ppl-pic {
  display: inline-block;
  width: 53px;
  margin-right: 15px; }

.card__ppl-txt {
  display: inline-block;
  color: #000; }

.card__ppl-name {
  display: block;
  font-size: 14px; }

.card__ppl-title {
  display: block;
  font-size: 14px;
  font-weight: 300; }

.card__content {
  text-align: left;
  margin-top: 10px; }
  .card__content .desc {
    font-size: 14px;
    text-align: left; }

.cards--event .video-bg {
  display: none; }

.cards--event .card.is-expanded .card__inner {
  z-index: 10; }
  .cards--event .card.is-expanded .card__inner:before, .cards--event .card.is-expanded .card__inner:after {
    content: '';
    display: block;
    height: 30px;
    width: 20000px;
    background: #FFF;
    position: absolute;
    top: 100%;
    margin-top: 15px;
    opacity: 1;
    transition: transform 0.4s, left 0.4s, right 0.4s;
    border: 0; }
  .cards--event .card.is-expanded .card__inner:before {
    right: 50%;
    right: calc(50% + 5px);
    transform: skew(-40deg, 0deg); }
  .cards--event .card.is-expanded .card__inner:after {
    left: 50%;
    left: calc(50% + 5px);
    transform: skew(40deg, 0deg); }

.cards--event .card.is-expanded .card__expander {
  margin-top: 15px;
  background: transparent; }
  .cards--event .card.is-expanded .card__expander:before {
    display: none; }
  .cards--event .card.is-expanded .card__expander .card__desc-box {
    position: relative;
    overflow: hidden;
    width: 100vw;
    left: -3.2%; }
    @media screen and (max-width: 767px) {
      .cards--event .card.is-expanded .card__expander .card__desc-box {
        left: -5.5%; } }
    @media screen and (min-width: 1362px) {
      .cards--event .card.is-expanded .card__expander .card__desc-box {
        margin-left: calc(0% - 50vw + 640px);
        left: 0; } }
  .cards--event .card.is-expanded .card__expander .video-bg {
    display: block;
    position: absolute;
    min-width: 100vw;
    height: 100vh !important;
    left: 0;
    pointer-events: none; }
    .cards--event .card.is-expanded .card__expander .video-bg video {
      height: 100vh !important;
      min-width: 100vw; }
  .cards--event .card.is-expanded .card__expander .event-intro {
    margin-top: 15px; }
    @media screen and (max-width: 767px) {
      .cards--event .card.is-expanded .card__expander .event-intro {
        margin-top: 30px; } }

/* END Style cards  */
/* ------------------------------------------ */
.custom-checkbox__item {
  margin-bottom: 30px; }
  .custom-checkbox__item .custom-checkbox {
    margin-bottom: 5px; }
    .custom-checkbox__item .custom-checkbox:last-child {
      margin-bottom: 0; }
  .custom-checkbox__item:last-child {
    margin-bottom: 0; }

.custom-checkbox {
  padding-left: 25px;
  font-size: 16px;
  position: relative;
  margin-top: 5px; }
  .custom-checkbox.custom-checkbox--inline {
    display: inline-block;
    margin-right: 30px; }
    .custom-checkbox.custom-checkbox--inline:last-child {
      margin-right: 0; }
  .custom-checkbox.custom-checkbox--display label {
    cursor: default;
    pointer-events: none; }
  .custom-checkbox.custom-checkbox--font-s {
    font-size: 14px; }
    .custom-checkbox.custom-checkbox--font-s .custom-checkbox__desc {
      font-size: 14px; }
  .custom-checkbox.custom-checkbox--font-m {
    font-size: 1rem; }
    .custom-checkbox.custom-checkbox--font-m .custom-checkbox__desc {
      font-size: 1rem; }
  .custom-checkbox.custom-checkbox--font-l {
    font-size: 20px; }
    .custom-checkbox.custom-checkbox--font-l .custom-checkbox__desc {
      font-size: 20px; }
  .custom-checkbox.custom-checkbox--m {
    font-size: 16px; }
    .custom-checkbox.custom-checkbox--m input[type="checkbox"] + label:before,
    .custom-checkbox.custom-checkbox--m input[type="checkbox"]:checked + label:before,
    .custom-checkbox.custom-checkbox--m input[type="checkbox"] + label:after,
    .custom-checkbox.custom-checkbox--m input[type="checkbox"]:checked + label:after {
      height: 25px;
      width: 25px; }
    .custom-checkbox.custom-checkbox--m .custom-checkbox__desc {
      font-size: 16px; }
  .custom-checkbox input[type="checkbox"] {
    display: none; }
  .custom-checkbox input[type="checkbox"] + label {
    cursor: pointer;
    color: #000;
    font-size: 16px;
    line-height: 1.5em;
    display: inline-block;
    vertical-align: middle; }
    .mainHolder .custom-checkbox input[type="checkbox"] + label {
      margin-left: 0; }
  .custom-checkbox input[type="checkbox"] + label:before,
  .custom-checkbox input[type="checkbox"] + label:after {
    background: transparent;
    border: 2px solid #000;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: baseline;
    margin-left: -25px;
    margin-right: 8px;
    position: relative;
    top: 3px; }
  .custom-checkbox input[type="checkbox"]:checked + label:before,
  .custom-checkbox input[type="checkbox"]:checked + label:after {
    content: "";
    height: 18px;
    width: 18px;
    background: url(../images/common/icons/icon-tick.png) no-repeat center center;
    background-size: 90%; }
  .custom-checkbox.custom-checkbox--display label {
    cursor: default;
    pointer-events: none; }
  .custom-checkbox .custom-checkbox__desc {
    font-size: 12px;
    margin-bottom: 0; }
  .custom-checkbox input[type="checkbox"] + label:after {
    display: none; }
  .custom-checkbox.custom-checkbox--box-right {
    padding-left: 0; }
    .custom-checkbox.custom-checkbox--box-right input[type="checkbox"] + label:before {
      display: none; }
    .custom-checkbox.custom-checkbox--box-right input[type="checkbox"] + label:after {
      display: inline-block;
      margin-left: 10px; }

.custom-checkbox__txt-input {
  width: auto;
  display: inline-block; }
  .field-row .field .custom-checkbox__txt-input {
    width: auto;
    display: inline-block; }
  .contact-form--txt-white .custom-checkbox__txt-input {
    color: #FFF; }

/* Style for custom-radio */
/* ------------------------------------------ */
.custom-radio {
  display: block;
  margin-bottom: 12px;
  position: relative; }
  .custom-radio.custom-radio--inline {
    display: inline-block;
    margin-right: 30px;
    margin-top: 5px;
    margin-bottom: 5px; }
  .custom-radio.custom-radio--s .custom-radio input[type="radio"] + label:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -3px 8px 0 0; }

/* Radio button */
.custom-radio input[type="radio"] {
  /*display:none;*/
  display: block;
  position: absolute;
  width: 26px;
  height: 15px;
  font-size: 1px;
  left: -9999999px; }

.custom-radio input[type="radio"] + label {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
  cursor: pointer;
  box-sizing: border-box;
  pointer-events: all;
  font-size: 21px; }
  .field-holder .custom-radio input[type="radio"] + label {
    pointer-events: all; }
  @media screen and (max-width: 1480px) {
    .custom-radio input[type="radio"] + label {
      font-size: 18px; } }
  @media screen and (max-width: 991px) {
    .custom-radio input[type="radio"] + label {
      font-size: 16px; } }
  .custom-radio input[type="radio"] + label span {
    vertical-align: middle; }

.custom-radio input[type="radio"] + label:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -9px 8px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0.55em; }

.custom-radio input[type="radio"] + label:before {
  border: 2px solid #000;
  background: url() no-repeat center center transparent;
  background-size: 60%; }

.custom-radio.custom-radio--white input[type="radio"] + label:before {
  border-color: #FFF; }

/* Checked state for radio */
.custom-radio input[type="radio"]:checked + label:before {
  background-image: url("../images/common/icons/svg/black/icon-cir.svg"); }

.custom-radio.custom-radio--white input[type="radio"]:checked + label:before {
  background-image: url("../images/common/icons/svg/white/icon-cir.svg"); }

.custom-radio input[type="radio"]:focus + label {
  border-radius: 2px; }

.custom-radio__group {
  position: relative;
  width: 100%;
  margin-bottom: 20px; }
  .form-grid__holder .form-grid__input .custom-radio__group {
    margin-bottom: 0; }

.custom-radio__toggle {
  position: relative;
  padding-left: 30px; }
  .custom-radio__toggle.is-hidden {
    display: none !important; }

.custom-radio-row {
  position: relative;
  width: 100%;
  text-align: center; }

.radio-child-container {
  padding-left: 30px; }

.radio-subs.is-disabled {
  opacity: 0.5; }

/* END Style custom-radio  */
/* ------------------------------------------ */
.custom-select {
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: 12px; }
  .custom-select.custom-select--1-1 {
    width: 100%; }
  .custom-select.custom-select--1-2 {
    width: 50%; }
  .custom-select.custom-select--2-2 {
    width: 100%; }
  .custom-select.custom-select--1-3 {
    width: 33.33333%; }
  .custom-select.custom-select--2-3 {
    width: 66.66667%; }
  .custom-select.custom-select--3-3 {
    width: 100%; }
  .custom-select.custom-select--1-4 {
    width: 25%; }
  .custom-select.custom-select--2-4 {
    width: 50%; }
  .custom-select.custom-select--3-4 {
    width: 75%; }
  .custom-select.custom-select--4-4 {
    width: 100%; }
  .custom-select.custom-select--1-1, .custom-select.custom-select--1-2, .custom-select.custom-select--2-2, .custom-select.custom-select--1-3, .custom-select.custom-select--2-3, .custom-select.custom-select--3-3, .custom-select.custom-select--1-4, .custom-select.custom-select--2-4, .custom-select.custom-select--3-4, .custom-select.custom-select--4-4 {
    padding-right: 8px;
    box-sizing: border-box; }
    @media screen and (max-width: 640px) {
      .custom-select.custom-select--1-1, .custom-select.custom-select--1-2, .custom-select.custom-select--2-2, .custom-select.custom-select--1-3, .custom-select.custom-select--2-3, .custom-select.custom-select--3-3, .custom-select.custom-select--1-4, .custom-select.custom-select--2-4, .custom-select.custom-select--3-4, .custom-select.custom-select--4-4 {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0; } }
    .custom-select.custom-select--1-1 ul, .custom-select.custom-select--1-2 ul, .custom-select.custom-select--2-2 ul, .custom-select.custom-select--1-3 ul, .custom-select.custom-select--2-3 ul, .custom-select.custom-select--3-3 ul, .custom-select.custom-select--1-4 ul, .custom-select.custom-select--2-4 ul, .custom-select.custom-select--3-4 ul, .custom-select.custom-select--4-4 ul {
      width: calc(100% - 8px); }
  .custom-select > * {
    box-sizing: border-box; }
  .custom-select.custom-select--inline {
    max-width: 300px; }
  .custom-select.custom-select--on-default {
    /*
        .option-default{
            display:none;
        }
        */ }
  .custom-select a {
    display: inline-block;
    width: 100%;
    height: 45px;
    white-space: nowrap;
    position: relative;
    background: transparent;
    color: #000;
    border: 1px solid #000;
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently*/
    font-size: 0;
    white-space: nowrap;
    padding: 0 15px; }
    .custom-select a:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 0;
      height: 100%; }
    .form-grid .custom-select a {
      border-color: transparent;
      background: #000;
      color: #000; }
      .theme--strategies .mainHolder .form-grid .custom-select a,
      .theme--legal .mainHolder .form-grid .custom-select a,
      .theme--community .mainHolder .form-grid .custom-select a,
      .theme--business .mainHolder .form-grid .custom-select a,
      .theme--infrastructure .mainHolder .form-grid .custom-select a,
      .theme--information-security .mainHolder .form-grid .custom-select a {
        color: #000; }
    .custom-select a > span {
      font-size: 16px;
      white-space: normal;
      display: inline-block;
      vertical-align: middle; }
    .custom-select a:hover {
      opacity: 1; }
    .custom-select a:after {
      content: '';
      position: absolute;
      right: 15px;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 6px 0 6px;
      border-color: #000 transparent transparent transparent;
      top: 50%;
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .custom-select ul {
    box-sizing: border-box;
    border: 1px solid #000;
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    list-style: none;
    list-style-position: outside;
    background: #FFF;
    z-index: 300;
    max-height: 120px;
    margin: 0;
    padding: 0;
    overflow: auto;
    display: none !important; }
    .article-holder .custom-select ul {
      padding: 0; }
    .custom-select ul li {
      color: #000;
      cursor: pointer;
      height: auto;
      padding: 10px 15px;
      font-size: 16px;
      font-size: 1rem;
      margin: 0; }
      .custom-select ul li:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%; }
      @media screen and (max-width: 640px) {
        .custom-select ul li {
          font-size: 12px; } }
      .custom-select ul li span {
        display: inline-block;
        vertical-align: middle; }
      .custom-select ul li:hover {
        background: #000;
        color: #FFF; }
      .custom-select ul li.option-default {
        display: none;
        color: #000;
        pointer-events: none; }
  .custom-select.open ul {
    display: block;
    overflow-y: auto;
    padding: 0; }
  .custom-select select {
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
    display: block;
    z-index: 100; }
    @media screen and (max-width: 991px) {
      .custom-select select {
        font-size: 1rem; } }

.field-row .field input[name="application_form_obj_others_desc"] {
  height: auto;
  margin-left: 10px;
  vertical-align: middle; }

/* Style for custom-sidenav */
/* ------------------------------------------ */
#fp-nav.custom-sidenav {
  margin-top: -56px; }
  #fp-nav.custom-sidenav ul li:last-child {
    display: block; }
  #fp-nav.custom-sidenav ul li .fp-tooltip {
    top: -13px; }
  @media screen and (max-width: 767px) {
    #fp-nav.custom-sidenav {
      display: none; } }

/* END Style custom-sidenav  */
/* ------------------------------------------ */
/* Style for color-flow */
/* ------------------------------------------ */
.color-flow {
  position: relative;
  padding: 0 0 60px; }

.color-flow__items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .color-flow__items {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }

.color-flow__item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: calc(25% - 90px*3/4);
  padding: 10% 30px;
  text-align: center; }
  @media screen and (max-width: 1480px) {
    .color-flow__item {
      width: calc(25% - 60px*3/4);
      padding: 10% 15px; } }
  @media screen and (max-width: 767px) {
    .color-flow__item {
      width: 100%;
      max-width: 380px; } }
  @media screen and (max-width: 480px) {
    .color-flow__item {
      padding: 20% 15px; } }
  .color-flow__item:before, .color-flow__item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 3px solid #aaa;
    border-radius: 200px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }

@-webkit-keyframes colorflow1 {
  0% {
    -webkit-transform: scale(0.92) rotate(10deg);
    -ms-transform: scale(0.92) rotate(10deg);
    transform: scale(0.92) rotate(10deg); }
  50% {
    -webkit-transform: scale(1.02) rotate(-10deg);
    -ms-transform: scale(1.02) rotate(-10deg);
    transform: scale(1.02) rotate(-10deg); }
  100% {
    -webkit-transform: scale(0.92) rotate(10deg);
    -ms-transform: scale(0.92) rotate(10deg);
    transform: scale(0.92) rotate(10deg); } }

@keyframes colorflow1 {
  0% {
    -webkit-transform: scale(0.92) rotate(10deg);
    -ms-transform: scale(0.92) rotate(10deg);
    transform: scale(0.92) rotate(10deg); }
  50% {
    -webkit-transform: scale(1.02) rotate(-10deg);
    -ms-transform: scale(1.02) rotate(-10deg);
    transform: scale(1.02) rotate(-10deg); }
  100% {
    -webkit-transform: scale(0.92) rotate(10deg);
    -ms-transform: scale(0.92) rotate(10deg);
    transform: scale(0.92) rotate(10deg); } }

@-webkit-keyframes colorflow2 {
  0% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); }
  50% {
    -webkit-transform: scale(0.9, 0.92) rotate(15deg);
    -ms-transform: scale(0.9, 0.92) rotate(15deg);
    transform: scale(0.9, 0.92) rotate(15deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes colorflow2 {
  0% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); }
  50% {
    -webkit-transform: scale(0.9, 0.92) rotate(15deg);
    -ms-transform: scale(0.9, 0.92) rotate(15deg);
    transform: scale(0.9, 0.92) rotate(15deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-webkit-keyframes colorflow3 {
  0% {
    -webkit-transform: scale(0.9) rotate(-13deg);
    -ms-transform: scale(0.9) rotate(-13deg);
    transform: scale(0.9) rotate(-13deg); }
  50% {
    -webkit-transform: scale(1) rotate(10deg);
    -ms-transform: scale(1) rotate(10deg);
    transform: scale(1) rotate(10deg); }
  100% {
    -webkit-transform: scale(0.9) rotate(-13deg);
    -ms-transform: scale(0.9) rotate(-13deg);
    transform: scale(0.9) rotate(-13deg); } }

@keyframes colorflow3 {
  0% {
    -webkit-transform: scale(0.9) rotate(-13deg);
    -ms-transform: scale(0.9) rotate(-13deg);
    transform: scale(0.9) rotate(-13deg); }
  50% {
    -webkit-transform: scale(1) rotate(10deg);
    -ms-transform: scale(1) rotate(10deg);
    transform: scale(1) rotate(10deg); }
  100% {
    -webkit-transform: scale(0.9) rotate(-13deg);
    -ms-transform: scale(0.9) rotate(-13deg);
    transform: scale(0.9) rotate(-13deg); } }

@-webkit-keyframes colorflow4 {
  0% {
    -webkit-transform: scale(1, 1.02) rotate(5deg);
    -ms-transform: scale(1, 1.02) rotate(5deg);
    transform: scale(1, 1.02) rotate(5deg); }
  50% {
    -webkit-transform: scale(0.92, 0.9) rotate(0);
    -ms-transform: scale(0.92, 0.9) rotate(0);
    transform: scale(0.92, 0.9) rotate(0); }
  100% {
    -webkit-transform: scale(1, 1.02) rotate(5deg);
    -ms-transform: scale(1, 1.02) rotate(5deg);
    transform: scale(1, 1.02) rotate(5deg); } }

@keyframes colorflow4 {
  0% {
    -webkit-transform: scale(1, 1.02) rotate(5deg);
    -ms-transform: scale(1, 1.02) rotate(5deg);
    transform: scale(1, 1.02) rotate(5deg); }
  50% {
    -webkit-transform: scale(0.92, 0.9) rotate(0);
    -ms-transform: scale(0.92, 0.9) rotate(0);
    transform: scale(0.92, 0.9) rotate(0); }
  100% {
    -webkit-transform: scale(1, 1.02) rotate(5deg);
    -ms-transform: scale(1, 1.02) rotate(5deg);
    transform: scale(1, 1.02) rotate(5deg); } }
  .color-flow__item#color-flow--hkdse:after {
    -webkit-animation: colorflow1 14s infinite linear;
    animation: colorflow1 14s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .color-flow__item#color-flow--hkdse:before {
    -webkit-animation: colorflow2 13s infinite linear;
    animation: colorflow2 13s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .color-flow__item#color-flow--hd:before, .color-flow__item#color-flow--hd:after {
    border-color: #51296f; }
  .color-flow__item#color-flow--hd:after {
    -webkit-animation: colorflow3 12s infinite linear;
    animation: colorflow3 12s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .color-flow__item#color-flow--hd:before {
    -webkit-animation: colorflow4 13s infinite linear;
    animation: colorflow4 13s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .color-flow__item#color-flow--bd:before, .color-flow__item#color-flow--bd:after {
    border-color: #ffe321; }
  .color-flow__item#color-flow--bd:after {
    -webkit-animation: colorflow1 13s infinite linear;
    animation: colorflow1 13s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .color-flow__item#color-flow--bd:before {
    -webkit-animation: colorflow4 12s infinite linear;
    animation: colorflow4 12s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .color-flow__item#color-flow--md:before, .color-flow__item#color-flow--md:after {
    border-color: #a0f0ab; }
  .color-flow__item#color-flow--md:after {
    -webkit-animation: colorflow3 12s infinite linear;
    animation: colorflow3 12s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .color-flow__item#color-flow--md:before {
    -webkit-animation: colorflow2 12s infinite linear;
    animation: colorflow2 12s infinite linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

.color-flow__item-title {
  margin: 15px auto 0;
  font-weight: bold; }
  #color-flow--hd .color-flow__item-title {
    color: #51296f; }
  @media screen and (max-width: 1480px) {
    .color-flow__item-title {
      font-size: 20px; } }
  @media screen and (max-width: 991px) {
    .color-flow__item-title {
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    .color-flow__item-title {
      font-size: 20px; } }

.color-flow__item-img {
  display: block;
  max-width: 80%;
  margin: 0 auto; }

.color-flow__item-label {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 10%; }
  @media screen and (max-width: 991px) {
    .color-flow__item-label {
      font-size: 12px; } }
  @media screen and (max-width: 767px) {
    .color-flow__item-label {
      font-size: 14px; } }

.color-flow__item-arrow {
  position: relative;
  width: 90px; }
  @media screen and (max-width: 1480px) {
    .color-flow__item-arrow {
      width: 60px; } }
  @media screen and (max-width: 991px) {
    .color-flow__item-arrow {
      width: 45x; } }
  @media screen and (max-width: 767px) {
    .color-flow__item-arrow {
      height: 90px;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); } }
  .color-flow__item-arrow:before {
    content: '>>';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-weight: 900;
    font-family: Arial, Helvetica, sans-serif;
    color: #CCC;
    letter-spacing: -0.125em; }
    @media screen and (max-width: 991px) {
      .color-flow__item-arrow:before {
        font-size: 20px; } }

/* END Style color-flow  */
/* ------------------------------------------ */
/* Style for compare-table */
/* ------------------------------------------ */
@media screen and (max-width: 991px) {
  .compare-table {
    overflow: auto; } }

.compare-table table {
  width: 100%; }
  @media screen and (max-width: 991px) {
    .compare-table table {
      min-width: 768px; } }
  .compare-table table tr th {
    padding: 10px 0;
    border-bottom: 5px solid #00f7c1; }
    .compare-table table tr th strong {
      display: block;
      margin: 0 0 10px;
      line-height: 1em; }
    .compare-table table tr th small {
      display: block;
      font-weight: 100;
      line-height: 1em; }
  .compare-table table tr td {
    padding: 30px 0;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
    .article-detail--txt-green .compare-table table tr td {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .compare-table table tr th,
  .compare-table table tr td {
    text-align: left;
    vertical-align: middle;
    border-right: 45px solid #FFF; }
    .article-detail--txt-green .compare-table table tr th, .article-detail--txt-green
    .compare-table table tr td {
      border-right: 45px solid #000; }

/* END Style compare-table  */
/* ------------------------------------------ */
/* Style for contact-form */
/* ------------------------------------------ */
.contact-form,
.recruit-form {
  position: relative; }
  .contact-form .contact-form__hidden-msg,
  .contact-form .contact-form__waiting-msg,
  .contact-form .contact-form__success-msg,
  .recruit-form .contact-form__hidden-msg,
  .recruit-form .contact-form__waiting-msg,
  .recruit-form .contact-form__success-msg {
    display: none; }
  .contact-form input,
  .recruit-form input {
    border-bottom: 1px solid #000;
    color: #000; }
    .contact-form input::-webkit-input-placeholder,
    .recruit-form input::-webkit-input-placeholder {
      color: #000;
      font-weight: bold; }
    .contact-form input:-moz-placeholder,
    .recruit-form input:-moz-placeholder {
      /* Firefox 18- */
      color: #000;
      font-weight: bold; }
    .contact-form input::-moz-placeholder,
    .recruit-form input::-moz-placeholder {
      /* Firefox 19+ */
      color: #000;
      font-weight: bold; }
    .contact-form input:-ms-input-placeholder,
    .recruit-form input:-ms-input-placeholder {
      color: #000;
      font-weight: bold; }
  .contact-form .custom-select .custom-select__trigger,
  .recruit-form .custom-select .custom-select__trigger {
    border: 0;
    border-bottom: 1px solid #000;
    padding-left: 0;
    font-weight: bold; }
  .profile-block__contact .contact-form input, .contact-form.contact-form--txt-white input, .profile-block__contact
  .recruit-form input,
  .recruit-form.contact-form--txt-white input {
    color: #FFF;
    border-bottom: 1px solid #FFF; }
    .profile-block__contact .contact-form input::-webkit-input-placeholder, .contact-form.contact-form--txt-white input::-webkit-input-placeholder, .profile-block__contact
    .recruit-form input::-webkit-input-placeholder,
    .recruit-form.contact-form--txt-white input::-webkit-input-placeholder {
      color: #FFF;
      font-weight: bold; }
    .profile-block__contact .contact-form input:-moz-placeholder, .contact-form.contact-form--txt-white input:-moz-placeholder, .profile-block__contact
    .recruit-form input:-moz-placeholder,
    .recruit-form.contact-form--txt-white input:-moz-placeholder {
      /* Firefox 18- */
      color: #FFF;
      font-weight: bold; }
    .profile-block__contact .contact-form input::-moz-placeholder, .contact-form.contact-form--txt-white input::-moz-placeholder, .profile-block__contact
    .recruit-form input::-moz-placeholder,
    .recruit-form.contact-form--txt-white input::-moz-placeholder {
      /* Firefox 19+ */
      color: #FFF;
      font-weight: bold; }
    .profile-block__contact .contact-form input:-ms-input-placeholder, .contact-form.contact-form--txt-white input:-ms-input-placeholder, .profile-block__contact
    .recruit-form input:-ms-input-placeholder,
    .recruit-form.contact-form--txt-white input:-ms-input-placeholder {
      color: #FFF;
      font-weight: bold; }
  .profile-block__contact .contact-form .custom-select .custom-select__trigger, .contact-form.contact-form--txt-white .custom-select .custom-select__trigger, .profile-block__contact
  .recruit-form .custom-select .custom-select__trigger,
  .recruit-form.contact-form--txt-white .custom-select .custom-select__trigger {
    color: #FFF;
    border-bottom: 1px solid #FFF; }
    .profile-block__contact .contact-form .custom-select .custom-select__trigger:after, .contact-form.contact-form--txt-white .custom-select .custom-select__trigger:after, .profile-block__contact
    .recruit-form .custom-select .custom-select__trigger:after,
    .recruit-form.contact-form--txt-white .custom-select .custom-select__trigger:after {
      border-color: #FFF transparent transparent; }
  .profile-block__contact .contact-form .custom-checkbox input[type="checkbox"]:checked + label::before,
  .profile-block__contact .contact-form .custom-checkbox input[type="checkbox"]:checked + label::after, .contact-form.contact-form--txt-white .custom-checkbox input[type="checkbox"]:checked + label::before,
  .contact-form.contact-form--txt-white .custom-checkbox input[type="checkbox"]:checked + label::after, .profile-block__contact
  .recruit-form .custom-checkbox input[type="checkbox"]:checked + label::before,
  .profile-block__contact
  .recruit-form .custom-checkbox input[type="checkbox"]:checked + label::after,
  .recruit-form.contact-form--txt-white .custom-checkbox input[type="checkbox"]:checked + label::before,
  .recruit-form.contact-form--txt-white .custom-checkbox input[type="checkbox"]:checked + label::after {
    background-image: url(../images/common/icons/icon-tick-white.png); }
  .profile-block__contact .contact-form .underline-link, .contact-form.contact-form--txt-white .underline-link, .profile-block__contact
  .recruit-form .underline-link,
  .recruit-form.contact-form--txt-white .underline-link {
    color: #FFF; }
  .profile-block__contact .contact-form .btn, .profile-block__contact .contact-form .captcha__btn, .profile-block__contact .contact-form .pagination__btn-prev,
  .profile-block__contact .contact-form .pagination__btn-next, .contact-form.contact-form--txt-white .btn, .contact-form.contact-form--txt-white .captcha__btn, .contact-form.contact-form--txt-white .pagination__btn-prev,
  .contact-form.contact-form--txt-white .pagination__btn-next, .profile-block__contact .recruit-form .btn, .profile-block__contact .recruit-form .captcha__btn, .profile-block__contact .recruit-form .pagination__btn-prev,
  .profile-block__contact .recruit-form .pagination__btn-next,
  .recruit-form.contact-form--txt-white .btn,
  .recruit-form.contact-form--txt-white .captcha__btn,
  .recruit-form.contact-form--txt-white .pagination__btn-prev,
  .recruit-form.contact-form--txt-white .pagination__btn-next {
    border-color: #b2d335;
    color: #b2d335; }
  .profile-block__contact .contact-form .captcha__btn, .contact-form.contact-form--txt-white .captcha__btn, .profile-block__contact
  .recruit-form .captcha__btn,
  .recruit-form.contact-form--txt-white .captcha__btn {
    background: #b2d335;
    color: #000; }
  .profile-block__contact .contact-form .custom-checkbox input[type="checkbox"] + label, .contact-form.contact-form--txt-white .custom-checkbox input[type="checkbox"] + label, .profile-block__contact
  .recruit-form .custom-checkbox input[type="checkbox"] + label,
  .recruit-form.contact-form--txt-white .custom-checkbox input[type="checkbox"] + label {
    color: #FFF; }
  .profile-block__contact .contact-form .custom-checkbox input[type="checkbox"] + label:before,
  .profile-block__contact .contact-form .custom-checkbox input[type="checkbox"] + label:after, .contact-form.contact-form--txt-white .custom-checkbox input[type="checkbox"] + label:before,
  .contact-form.contact-form--txt-white .custom-checkbox input[type="checkbox"] + label:after, .profile-block__contact
  .recruit-form .custom-checkbox input[type="checkbox"] + label:before,
  .profile-block__contact
  .recruit-form .custom-checkbox input[type="checkbox"] + label:after,
  .recruit-form.contact-form--txt-white .custom-checkbox input[type="checkbox"] + label:before,
  .recruit-form.contact-form--txt-white .custom-checkbox input[type="checkbox"] + label:after {
    border-color: #FFF; }

.contact-form__info {
  display: block;
  padding-top: 10px; }

.contact-form__info-title {
  margin: 0 0 10px; }

.contact-form__info-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
  line-height: 1.5em; }
  @media screen and (max-width: 767px) {
    .contact-form__info-row {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.contact-form__info-txt {
  display: inline-block;
  width: 50%; }
  @media screen and (max-width: 767px) {
    .contact-form__info-txt {
      width: 100%;
      margin-bottom: 15px; } }

.contact-form__info-contact {
  display: inline-block;
  width: 50%;
  padding-left: 15px;
  border-left: 5px solid #000; }
  @media screen and (max-width: 767px) {
    .contact-form__info-contact {
      width: 100%; } }

.contact-form__contact-item {
  display: block;
  font-weight: bold; }

.contact-form__desc,
.contact-form__tnc {
  line-height: 1.5em; }

.contact-form__tnc {
  color: #999999; }
  .contact-form__tnc.contact-form__tnc--black {
    color: #000; }

.contact-form__notes {
  position: relative;
  margin-bottom: 15px; }

.contact-form__notes-title {
  font-weight: bold;
  margin-bottom: 5px; }

.contact-form__notes-list {
  padding-left: 25px; }
  .contact-form__notes-list li {
    margin-bottom: 5px; }

/* END Style contact-form  */
/* ------------------------------------------ */
/* Style for desc */
/* ------------------------------------------ */
.desc {
  font-weight: 300;
  line-height: 1.75em;
  text-align: center; }

/* END Style desc  */
/* ------------------------------------------ */
/* General Style for Forms and field  */
/* ------------------------------------------ */
/* ------------------------------------------ */
input,
textarea {
  font-size: 16px; }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #FFF;
    font-size: 16px; }
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
    color: #FFF;
    font-size: 16px; }
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #FFF;
    font-size: 16px; }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    opacity: 1;
    color: #FFF;
    font-size: 16px; }

input {
  height: 45px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #FFF;
  background: transparent;
  color: #FFF;
  box-sizing: border-box; }
  @media screen and (max-width: 640px) {
    input {
      height: 40px; } }
  input:focus {
    outline: none; }
  input.disabled {
    color: #ccc !important;
    border-color: #ccc !important; }

textarea {
  width: 100%;
  height: 160px;
  border-bottom: 1px solid #FFF;
  background: transparent;
  box-sizing: border-box;
  resize: none;
  color: #FFF; }

.field-container {
  position: relative;
  width: 90%; }

.field-row {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 0; }
  @media screen and (max-width: 767px) {
    .field-row {
      margin-left: 0;
      margin-right: 0; } }
  .field-row.field-row--center {
    text-align: center; }
  .field-row .field {
    display: inline-block;
    vertical-align: top;
    padding: 0 30px;
    width: 100%;
    box-sizing: border-box;
    position: relative; }
    @media screen and (max-width: 767px) {
      .field-row .field {
        box-sizing: content-box;
        padding: 0;
        margin-bottom: 20px; }
        .field-row .field:last-child {
          margin-bottom: 0; } }
    .field-row .field input {
      width: 100%;
      height: 45px; }
    .field-row .field.field--1-1 {
      width: 100%; }
    .field-row .field.field--1-2 {
      width: 50%; }
    .field-row .field.field--2-2 {
      width: 100%; }
    .field-row .field.field--1-3 {
      width: 33.33333%; }
    .field-row .field.field--2-3 {
      width: 66.66667%; }
    .field-row .field.field--3-3 {
      width: 100%; }
    .field-row .field.field--1-4 {
      width: 25%; }
    .field-row .field.field--2-4 {
      width: 50%; }
    .field-row .field.field--3-4 {
      width: 75%; }
    .field-row .field.field--4-4 {
      width: 100%; }
    .field-row .field.field--1-5 {
      width: 20%; }
    .field-row .field.field--2-5 {
      width: 40%; }
    .field-row .field.field--3-5 {
      width: 60%; }
    .field-row .field.field--4-5 {
      width: 80%; }
    .field-row .field.field--5-5 {
      width: 100%; }
    .field-row .field.field--1-6 {
      width: 16.66667%; }
    .field-row .field.field--2-6 {
      width: 33.33333%; }
    .field-row .field.field--3-6 {
      width: 50%; }
    .field-row .field.field--4-6 {
      width: 66.66667%; }
    .field-row .field.field--5-6 {
      width: 83.33333%; }
    .field-row .field.field--6-6 {
      width: 100%; }
    .field-row .field.field--1-7 {
      width: 14.28571%; }
    .field-row .field.field--2-7 {
      width: 28.57143%; }
    .field-row .field.field--3-7 {
      width: 42.85714%; }
    .field-row .field.field--4-7 {
      width: 57.14286%; }
    .field-row .field.field--5-7 {
      width: 71.42857%; }
    .field-row .field.field--6-7 {
      width: 85.71429%; }
    .field-row .field.field--7-7 {
      width: 100%; }
    .field-row .field.field--1-8 {
      width: 12.5%; }
    .field-row .field.field--2-8 {
      width: 25%; }
    .field-row .field.field--3-8 {
      width: 37.5%; }
    .field-row .field.field--4-8 {
      width: 50%; }
    .field-row .field.field--5-8 {
      width: 62.5%; }
    .field-row .field.field--6-8 {
      width: 75%; }
    .field-row .field.field--7-8 {
      width: 87.5%; }
    .field-row .field.field--8-8 {
      width: 100%; }
    .field-row .field.field--1-9 {
      width: 11.11111%; }
    .field-row .field.field--2-9 {
      width: 22.22222%; }
    .field-row .field.field--3-9 {
      width: 33.33333%; }
    .field-row .field.field--4-9 {
      width: 44.44444%; }
    .field-row .field.field--5-9 {
      width: 55.55556%; }
    .field-row .field.field--6-9 {
      width: 66.66667%; }
    .field-row .field.field--7-9 {
      width: 77.77778%; }
    .field-row .field.field--8-9 {
      width: 88.88889%; }
    .field-row .field.field--9-9 {
      width: 100%; }
    .field-row .field.field--1-10 {
      width: 10%; }
    .field-row .field.field--2-10 {
      width: 20%; }
    .field-row .field.field--3-10 {
      width: 30%; }
    .field-row .field.field--4-10 {
      width: 40%; }
    .field-row .field.field--5-10 {
      width: 50%; }
    .field-row .field.field--6-10 {
      width: 60%; }
    .field-row .field.field--7-10 {
      width: 70%; }
    .field-row .field.field--8-10 {
      width: 80%; }
    .field-row .field.field--9-10 {
      width: 90%; }
    .field-row .field.field--10-10 {
      width: 100%; }
    .field-row .field.field--1-11 {
      width: 9.09091%; }
    .field-row .field.field--2-11 {
      width: 18.18182%; }
    .field-row .field.field--3-11 {
      width: 27.27273%; }
    .field-row .field.field--4-11 {
      width: 36.36364%; }
    .field-row .field.field--5-11 {
      width: 45.45455%; }
    .field-row .field.field--6-11 {
      width: 54.54545%; }
    .field-row .field.field--7-11 {
      width: 63.63636%; }
    .field-row .field.field--8-11 {
      width: 72.72727%; }
    .field-row .field.field--9-11 {
      width: 81.81818%; }
    .field-row .field.field--10-11 {
      width: 90.90909%; }
    .field-row .field.field--11-11 {
      width: 100%; }
    .field-row .field.field--1-12 {
      width: 8.33333%; }
    .field-row .field.field--2-12 {
      width: 16.66667%; }
    .field-row .field.field--3-12 {
      width: 25%; }
    .field-row .field.field--4-12 {
      width: 33.33333%; }
    .field-row .field.field--5-12 {
      width: 41.66667%; }
    .field-row .field.field--6-12 {
      width: 50%; }
    .field-row .field.field--7-12 {
      width: 58.33333%; }
    .field-row .field.field--8-12 {
      width: 66.66667%; }
    .field-row .field.field--9-12 {
      width: 75%; }
    .field-row .field.field--10-12 {
      width: 83.33333%; }
    .field-row .field.field--11-12 {
      width: 91.66667%; }
    .field-row .field.field--12-12 {
      width: 100%; }
    @media screen and (max-width: 991px) {
      .field-row .field.field--tb-1-1 {
        width: 100%; }
      .field-row .field.field--tb-1-2 {
        width: 50%; }
      .field-row .field.field--tb-2-2 {
        width: 100%; }
      .field-row .field.field--tb-1-3 {
        width: 33.33333%; }
      .field-row .field.field--tb-2-3 {
        width: 66.66667%; }
      .field-row .field.field--tb-3-3 {
        width: 100%; }
      .field-row .field.field--tb-1-4 {
        width: 25%; }
      .field-row .field.field--tb-2-4 {
        width: 50%; }
      .field-row .field.field--tb-3-4 {
        width: 75%; }
      .field-row .field.field--tb-4-4 {
        width: 100%; }
      .field-row .field.field--tb-1-5 {
        width: 20%; }
      .field-row .field.field--tb-2-5 {
        width: 40%; }
      .field-row .field.field--tb-3-5 {
        width: 60%; }
      .field-row .field.field--tb-4-5 {
        width: 80%; }
      .field-row .field.field--tb-5-5 {
        width: 100%; }
      .field-row .field.field--tb-1-6 {
        width: 16.66667%; }
      .field-row .field.field--tb-2-6 {
        width: 33.33333%; }
      .field-row .field.field--tb-3-6 {
        width: 50%; }
      .field-row .field.field--tb-4-6 {
        width: 66.66667%; }
      .field-row .field.field--tb-5-6 {
        width: 83.33333%; }
      .field-row .field.field--tb-6-6 {
        width: 100%; }
      .field-row .field.field--tb-1-7 {
        width: 14.28571%; }
      .field-row .field.field--tb-2-7 {
        width: 28.57143%; }
      .field-row .field.field--tb-3-7 {
        width: 42.85714%; }
      .field-row .field.field--tb-4-7 {
        width: 57.14286%; }
      .field-row .field.field--tb-5-7 {
        width: 71.42857%; }
      .field-row .field.field--tb-6-7 {
        width: 85.71429%; }
      .field-row .field.field--tb-7-7 {
        width: 100%; }
      .field-row .field.field--tb-1-8 {
        width: 12.5%; }
      .field-row .field.field--tb-2-8 {
        width: 25%; }
      .field-row .field.field--tb-3-8 {
        width: 37.5%; }
      .field-row .field.field--tb-4-8 {
        width: 50%; }
      .field-row .field.field--tb-5-8 {
        width: 62.5%; }
      .field-row .field.field--tb-6-8 {
        width: 75%; }
      .field-row .field.field--tb-7-8 {
        width: 87.5%; }
      .field-row .field.field--tb-8-8 {
        width: 100%; }
      .field-row .field.field--tb-1-9 {
        width: 11.11111%; }
      .field-row .field.field--tb-2-9 {
        width: 22.22222%; }
      .field-row .field.field--tb-3-9 {
        width: 33.33333%; }
      .field-row .field.field--tb-4-9 {
        width: 44.44444%; }
      .field-row .field.field--tb-5-9 {
        width: 55.55556%; }
      .field-row .field.field--tb-6-9 {
        width: 66.66667%; }
      .field-row .field.field--tb-7-9 {
        width: 77.77778%; }
      .field-row .field.field--tb-8-9 {
        width: 88.88889%; }
      .field-row .field.field--tb-9-9 {
        width: 100%; }
      .field-row .field.field--tb-1-10 {
        width: 10%; }
      .field-row .field.field--tb-2-10 {
        width: 20%; }
      .field-row .field.field--tb-3-10 {
        width: 30%; }
      .field-row .field.field--tb-4-10 {
        width: 40%; }
      .field-row .field.field--tb-5-10 {
        width: 50%; }
      .field-row .field.field--tb-6-10 {
        width: 60%; }
      .field-row .field.field--tb-7-10 {
        width: 70%; }
      .field-row .field.field--tb-8-10 {
        width: 80%; }
      .field-row .field.field--tb-9-10 {
        width: 90%; }
      .field-row .field.field--tb-10-10 {
        width: 100%; }
      .field-row .field.field--tb-1-11 {
        width: 9.09091%; }
      .field-row .field.field--tb-2-11 {
        width: 18.18182%; }
      .field-row .field.field--tb-3-11 {
        width: 27.27273%; }
      .field-row .field.field--tb-4-11 {
        width: 36.36364%; }
      .field-row .field.field--tb-5-11 {
        width: 45.45455%; }
      .field-row .field.field--tb-6-11 {
        width: 54.54545%; }
      .field-row .field.field--tb-7-11 {
        width: 63.63636%; }
      .field-row .field.field--tb-8-11 {
        width: 72.72727%; }
      .field-row .field.field--tb-9-11 {
        width: 81.81818%; }
      .field-row .field.field--tb-10-11 {
        width: 90.90909%; }
      .field-row .field.field--tb-11-11 {
        width: 100%; }
      .field-row .field.field--tb-1-12 {
        width: 8.33333%; }
      .field-row .field.field--tb-2-12 {
        width: 16.66667%; }
      .field-row .field.field--tb-3-12 {
        width: 25%; }
      .field-row .field.field--tb-4-12 {
        width: 33.33333%; }
      .field-row .field.field--tb-5-12 {
        width: 41.66667%; }
      .field-row .field.field--tb-6-12 {
        width: 50%; }
      .field-row .field.field--tb-7-12 {
        width: 58.33333%; }
      .field-row .field.field--tb-8-12 {
        width: 66.66667%; }
      .field-row .field.field--tb-9-12 {
        width: 75%; }
      .field-row .field.field--tb-10-12 {
        width: 83.33333%; }
      .field-row .field.field--tb-11-12 {
        width: 91.66667%; }
      .field-row .field.field--tb-12-12 {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .field-row .field.field--mb-1-1 {
        width: 100%; }
      .field-row .field.field--mb-1-2 {
        width: 50%; }
      .field-row .field.field--mb-2-2 {
        width: 100%; }
      .field-row .field.field--mb-1-3 {
        width: 33.33333%; }
      .field-row .field.field--mb-2-3 {
        width: 66.66667%; }
      .field-row .field.field--mb-3-3 {
        width: 100%; }
      .field-row .field.field--mb-1-4 {
        width: 25%; }
      .field-row .field.field--mb-2-4 {
        width: 50%; }
      .field-row .field.field--mb-3-4 {
        width: 75%; }
      .field-row .field.field--mb-4-4 {
        width: 100%; }
      .field-row .field.field--mb-1-5 {
        width: 20%; }
      .field-row .field.field--mb-2-5 {
        width: 40%; }
      .field-row .field.field--mb-3-5 {
        width: 60%; }
      .field-row .field.field--mb-4-5 {
        width: 80%; }
      .field-row .field.field--mb-5-5 {
        width: 100%; }
      .field-row .field.field--mb-1-6 {
        width: 16.66667%; }
      .field-row .field.field--mb-2-6 {
        width: 33.33333%; }
      .field-row .field.field--mb-3-6 {
        width: 50%; }
      .field-row .field.field--mb-4-6 {
        width: 66.66667%; }
      .field-row .field.field--mb-5-6 {
        width: 83.33333%; }
      .field-row .field.field--mb-6-6 {
        width: 100%; }
      .field-row .field.field--mb-1-7 {
        width: 14.28571%; }
      .field-row .field.field--mb-2-7 {
        width: 28.57143%; }
      .field-row .field.field--mb-3-7 {
        width: 42.85714%; }
      .field-row .field.field--mb-4-7 {
        width: 57.14286%; }
      .field-row .field.field--mb-5-7 {
        width: 71.42857%; }
      .field-row .field.field--mb-6-7 {
        width: 85.71429%; }
      .field-row .field.field--mb-7-7 {
        width: 100%; }
      .field-row .field.field--mb-1-8 {
        width: 12.5%; }
      .field-row .field.field--mb-2-8 {
        width: 25%; }
      .field-row .field.field--mb-3-8 {
        width: 37.5%; }
      .field-row .field.field--mb-4-8 {
        width: 50%; }
      .field-row .field.field--mb-5-8 {
        width: 62.5%; }
      .field-row .field.field--mb-6-8 {
        width: 75%; }
      .field-row .field.field--mb-7-8 {
        width: 87.5%; }
      .field-row .field.field--mb-8-8 {
        width: 100%; }
      .field-row .field.field--mb-1-9 {
        width: 11.11111%; }
      .field-row .field.field--mb-2-9 {
        width: 22.22222%; }
      .field-row .field.field--mb-3-9 {
        width: 33.33333%; }
      .field-row .field.field--mb-4-9 {
        width: 44.44444%; }
      .field-row .field.field--mb-5-9 {
        width: 55.55556%; }
      .field-row .field.field--mb-6-9 {
        width: 66.66667%; }
      .field-row .field.field--mb-7-9 {
        width: 77.77778%; }
      .field-row .field.field--mb-8-9 {
        width: 88.88889%; }
      .field-row .field.field--mb-9-9 {
        width: 100%; }
      .field-row .field.field--mb-1-10 {
        width: 10%; }
      .field-row .field.field--mb-2-10 {
        width: 20%; }
      .field-row .field.field--mb-3-10 {
        width: 30%; }
      .field-row .field.field--mb-4-10 {
        width: 40%; }
      .field-row .field.field--mb-5-10 {
        width: 50%; }
      .field-row .field.field--mb-6-10 {
        width: 60%; }
      .field-row .field.field--mb-7-10 {
        width: 70%; }
      .field-row .field.field--mb-8-10 {
        width: 80%; }
      .field-row .field.field--mb-9-10 {
        width: 90%; }
      .field-row .field.field--mb-10-10 {
        width: 100%; }
      .field-row .field.field--mb-1-11 {
        width: 9.09091%; }
      .field-row .field.field--mb-2-11 {
        width: 18.18182%; }
      .field-row .field.field--mb-3-11 {
        width: 27.27273%; }
      .field-row .field.field--mb-4-11 {
        width: 36.36364%; }
      .field-row .field.field--mb-5-11 {
        width: 45.45455%; }
      .field-row .field.field--mb-6-11 {
        width: 54.54545%; }
      .field-row .field.field--mb-7-11 {
        width: 63.63636%; }
      .field-row .field.field--mb-8-11 {
        width: 72.72727%; }
      .field-row .field.field--mb-9-11 {
        width: 81.81818%; }
      .field-row .field.field--mb-10-11 {
        width: 90.90909%; }
      .field-row .field.field--mb-11-11 {
        width: 100%; }
      .field-row .field.field--mb-1-12 {
        width: 8.33333%; }
      .field-row .field.field--mb-2-12 {
        width: 16.66667%; }
      .field-row .field.field--mb-3-12 {
        width: 25%; }
      .field-row .field.field--mb-4-12 {
        width: 33.33333%; }
      .field-row .field.field--mb-5-12 {
        width: 41.66667%; }
      .field-row .field.field--mb-6-12 {
        width: 50%; }
      .field-row .field.field--mb-7-12 {
        width: 58.33333%; }
      .field-row .field.field--mb-8-12 {
        width: 66.66667%; }
      .field-row .field.field--mb-9-12 {
        width: 75%; }
      .field-row .field.field--mb-10-12 {
        width: 83.33333%; }
      .field-row .field.field--mb-11-12 {
        width: 91.66667%; }
      .field-row .field.field--mb-12-12 {
        width: 100%; } }

.field-note {
  font-size: 12px; }

.field-mini-helper {
  display: block;
  font-size: 12px;
  margin-top: 5px; }
  .field-mini-helper:after {
    content: '';
    display: inline-block;
    margin-left: 9px;
    width: 9px;
    height: 9px;
    background: url(../images/icons/icon-arrow.png) no-repeat center center;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.field-helper {
  line-height: 45px;
  font-size: 15px; }
  .field-helper.field-helper--link {
    text-decoration: underline; }
  .field-helper.field-helper--right {
    float: right; }

.field .field__holder {
  font-size: 0; }

.field .field__label {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  color: #FFF; }
  .field .field__label p,
  .field .field__label span,
  .field .field__label h1,
  .field .field__label h2,
  .field .field__label h3,
  .field .field__label h4,
  .field .field__label h5,
  .field .field__label h6 {
    margin: 0;
    font-size: 16px;
    font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif; }

.field.field--hidden {
  display: none !important; }

.field.field--err .custom-select ul,
.field.field--err .custom-select a,
.field.field--err .custom-checkbox,
.field.field--err.field--radio .field__holder, .field.field--err.custom-checkbox,
.field.field--err input,
.field.field--err textarea,
.field .field--err .custom-select ul,
.field .field--err .custom-select a,
.field .field--err .custom-checkbox,
.field .field--err.field--radio .field__holder,
.field .field--err.custom-checkbox,
.field .field--err input,
.field .field--err textarea {
  border-color: red !important; }

.field.field--err.custom-select ul,
.field.field--err.custom-select a,
.field .field--err.custom-select ul,
.field .field--err.custom-select a {
  border-color: red !important; }

.field.field--err.custom-select a:after,
.field.field--err .custom-select a:after,
.field .field--err.custom-select a:after,
.field .field--err .custom-select a:after {
  background-image: url(../images/icons/icon-arrow-red.png); }

.field.field--err.field--radio .err-msg,
.field .field--err.field--radio .err-msg {
  text-align: center; }

.field.field-instant-check input {
  padding-right: 60px; }

.field.field-instant-check .field-instant-check__result {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12.5px;
  width: 25px;
  height: 25px; }
  .field.field-instant-check .field-instant-check__result:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/icons/icon-check-tick.png);
    background-size: 100%; }
  .field.field-instant-check .field-instant-check__result.pass {
    display: block; }
  .field.field-instant-check .field-instant-check__result.non-pass {
    display: block; }
    .field.field-instant-check .field-instant-check__result.non-pass:before {
      background-image: url(../images/icons/icon-check-cross.png); }

.field-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  position: relative; }
  .field-item.field-item--1-1 {
    width: 100%; }
  .field-item.field-item--1-2 {
    width: 50%; }
  .field-item.field-item--2-2 {
    width: 100%; }
  .field-item.field-item--1-3 {
    width: 33.33333%; }
  .field-item.field-item--2-3 {
    width: 66.66667%; }
  .field-item.field-item--3-3 {
    width: 100%; }
  .field-item.field-item--1-4 {
    width: 25%; }
  .field-item.field-item--2-4 {
    width: 50%; }
  .field-item.field-item--3-4 {
    width: 75%; }
  .field-item.field-item--4-4 {
    width: 100%; }
  .field-item.field-item--1-5 {
    width: 20%; }
  .field-item.field-item--2-5 {
    width: 40%; }
  .field-item.field-item--3-5 {
    width: 60%; }
  .field-item.field-item--4-5 {
    width: 80%; }
  .field-item.field-item--5-5 {
    width: 100%; }
  .field-item.field-item--1-6 {
    width: 16.66667%; }
  .field-item.field-item--2-6 {
    width: 33.33333%; }
  .field-item.field-item--3-6 {
    width: 50%; }
  .field-item.field-item--4-6 {
    width: 66.66667%; }
  .field-item.field-item--5-6 {
    width: 83.33333%; }
  .field-item.field-item--6-6 {
    width: 100%; }
  @media screen and (max-width: 991px) {
    .field-item.field-item--tb-1-1 {
      width: 100%; }
    .field-item.field-item--tb-1-2 {
      width: 50%; }
    .field-item.field-item--tb-2-2 {
      width: 100%; }
    .field-item.field-item--tb-1-3 {
      width: 33.33333%; }
    .field-item.field-item--tb-2-3 {
      width: 66.66667%; }
    .field-item.field-item--tb-3-3 {
      width: 100%; }
    .field-item.field-item--tb-1-4 {
      width: 25%; }
    .field-item.field-item--tb-2-4 {
      width: 50%; }
    .field-item.field-item--tb-3-4 {
      width: 75%; }
    .field-item.field-item--tb-4-4 {
      width: 100%; }
    .field-item.field-item--tb-1-5 {
      width: 20%; }
    .field-item.field-item--tb-2-5 {
      width: 40%; }
    .field-item.field-item--tb-3-5 {
      width: 60%; }
    .field-item.field-item--tb-4-5 {
      width: 80%; }
    .field-item.field-item--tb-5-5 {
      width: 100%; }
    .field-item.field-item--tb-1-6 {
      width: 16.66667%; }
    .field-item.field-item--tb-2-6 {
      width: 33.33333%; }
    .field-item.field-item--tb-3-6 {
      width: 50%; }
    .field-item.field-item--tb-4-6 {
      width: 66.66667%; }
    .field-item.field-item--tb-5-6 {
      width: 83.33333%; }
    .field-item.field-item--tb-6-6 {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .field-item.field-item--mb-1-1 {
      width: 100%; }
    .field-item.field-item--mb-1-2 {
      width: 50%; }
    .field-item.field-item--mb-2-2 {
      width: 100%; }
    .field-item.field-item--mb-1-3 {
      width: 33.33333%; }
    .field-item.field-item--mb-2-3 {
      width: 66.66667%; }
    .field-item.field-item--mb-3-3 {
      width: 100%; }
    .field-item.field-item--mb-1-4 {
      width: 25%; }
    .field-item.field-item--mb-2-4 {
      width: 50%; }
    .field-item.field-item--mb-3-4 {
      width: 75%; }
    .field-item.field-item--mb-4-4 {
      width: 100%; }
    .field-item.field-item--mb-1-5 {
      width: 20%; }
    .field-item.field-item--mb-2-5 {
      width: 40%; }
    .field-item.field-item--mb-3-5 {
      width: 60%; }
    .field-item.field-item--mb-4-5 {
      width: 80%; }
    .field-item.field-item--mb-5-5 {
      width: 100%; }
    .field-item.field-item--mb-1-6 {
      width: 16.66667%; }
    .field-item.field-item--mb-2-6 {
      width: 33.33333%; }
    .field-item.field-item--mb-3-6 {
      width: 50%; }
    .field-item.field-item--mb-4-6 {
      width: 66.66667%; }
    .field-item.field-item--mb-5-6 {
      width: 83.33333%; }
    .field-item.field-item--mb-6-6 {
      width: 100%; } }
  @media screen and (max-width: 640px) {
    .field-item.field-item--ms-1-1 {
      width: 100%; }
    .field-item.field-item--ms-1-2 {
      width: 50%; }
    .field-item.field-item--ms-2-2 {
      width: 100%; }
    .field-item.field-item--ms-1-3 {
      width: 33.33333%; }
    .field-item.field-item--ms-2-3 {
      width: 66.66667%; }
    .field-item.field-item--ms-3-3 {
      width: 100%; }
    .field-item.field-item--ms-1-4 {
      width: 25%; }
    .field-item.field-item--ms-2-4 {
      width: 50%; }
    .field-item.field-item--ms-3-4 {
      width: 75%; }
    .field-item.field-item--ms-4-4 {
      width: 100%; }
    .field-item.field-item--ms-1-5 {
      width: 20%; }
    .field-item.field-item--ms-2-5 {
      width: 40%; }
    .field-item.field-item--ms-3-5 {
      width: 60%; }
    .field-item.field-item--ms-4-5 {
      width: 80%; }
    .field-item.field-item--ms-5-5 {
      width: 100%; }
    .field-item.field-item--ms-1-6 {
      width: 16.66667%; }
    .field-item.field-item--ms-2-6 {
      width: 33.33333%; }
    .field-item.field-item--ms-3-6 {
      width: 50%; }
    .field-item.field-item--ms-4-6 {
      width: 66.66667%; }
    .field-item.field-item--ms-5-6 {
      width: 83.33333%; }
    .field-item.field-item--ms-6-6 {
      width: 100%; } }
  @media screen and (max-width: 480px) {
    .field-item.field-item--sm-1-1 {
      width: 100%; }
    .field-item.field-item--sm-1-2 {
      width: 50%; }
    .field-item.field-item--sm-2-2 {
      width: 100%; }
    .field-item.field-item--sm-1-3 {
      width: 33.33333%; }
    .field-item.field-item--sm-2-3 {
      width: 66.66667%; }
    .field-item.field-item--sm-3-3 {
      width: 100%; }
    .field-item.field-item--sm-1-4 {
      width: 25%; }
    .field-item.field-item--sm-2-4 {
      width: 50%; }
    .field-item.field-item--sm-3-4 {
      width: 75%; }
    .field-item.field-item--sm-4-4 {
      width: 100%; }
    .field-item.field-item--sm-1-5 {
      width: 20%; }
    .field-item.field-item--sm-2-5 {
      width: 40%; }
    .field-item.field-item--sm-3-5 {
      width: 60%; }
    .field-item.field-item--sm-4-5 {
      width: 80%; }
    .field-item.field-item--sm-5-5 {
      width: 100%; }
    .field-item.field-item--sm-1-6 {
      width: 16.66667%; }
    .field-item.field-item--sm-2-6 {
      width: 33.33333%; }
    .field-item.field-item--sm-3-6 {
      width: 50%; }
    .field-item.field-item--sm-4-6 {
      width: 66.66667%; }
    .field-item.field-item--sm-5-6 {
      width: 83.33333%; }
    .field-item.field-item--sm-6-6 {
      width: 100%; } }
  @media screen and (max-width: 380px) {
    .field-item.field-item--xs-1-1 {
      width: 100%; }
    .field-item.field-item--xs-1-2 {
      width: 50%; }
    .field-item.field-item--xs-2-2 {
      width: 100%; }
    .field-item.field-item--xs-1-3 {
      width: 33.33333%; }
    .field-item.field-item--xs-2-3 {
      width: 66.66667%; }
    .field-item.field-item--xs-3-3 {
      width: 100%; }
    .field-item.field-item--xs-1-4 {
      width: 25%; }
    .field-item.field-item--xs-2-4 {
      width: 50%; }
    .field-item.field-item--xs-3-4 {
      width: 75%; }
    .field-item.field-item--xs-4-4 {
      width: 100%; }
    .field-item.field-item--xs-1-5 {
      width: 20%; }
    .field-item.field-item--xs-2-5 {
      width: 40%; }
    .field-item.field-item--xs-3-5 {
      width: 60%; }
    .field-item.field-item--xs-4-5 {
      width: 80%; }
    .field-item.field-item--xs-5-5 {
      width: 100%; }
    .field-item.field-item--xs-1-6 {
      width: 16.66667%; }
    .field-item.field-item--xs-2-6 {
      width: 33.33333%; }
    .field-item.field-item--xs-3-6 {
      width: 50%; }
    .field-item.field-item--xs-4-6 {
      width: 66.66667%; }
    .field-item.field-item--xs-5-6 {
      width: 83.33333%; }
    .field-item.field-item--xs-6-6 {
      width: 100%; } }
  .field-item .custom-select a,
  .field-item input {
    border-left: 0; }

.form-small {
  max-width: 370px;
  margin: 0 auto;
  text-align: center; }
  .form-small .field-row {
    margin-bottom: 20px; }
    @media screen and (max-width: 991px) {
      .form-small .field-row {
        margin-bottom: 20px; } }
  .form-small .field .field__label {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .form-small .field .field__label {
        margin-bottom: 15px; } }

.form-medium {
  max-width: 480px;
  margin: 0 auto;
  text-align: center; }
  .form-medium .field-row {
    margin-bottom: 20px; }
    @media screen and (max-width: 991px) {
      .form-medium .field-row {
        margin-bottom: 20px; } }
  .form-medium .field .field__label {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .form-medium .field .field__label {
        margin-bottom: 15px; } }

.form-checklist .field-grid td {
  font-size: 14px; }

.form-checklist .custom-checkbox {
  font-size: 14px; }

.field__inline-txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin: 10px 0;
  margin-right: 15px; }
  .field__inline-txt:first-child {
    margin-left: 0; }
  .field__inline-txt:last-child {
    margin-right: 0; }

.field__inline-field, .field__checkbox-holder {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin: 10px 0;
  margin-right: 15px; }
  .field__inline-field:first-child, .field__checkbox-holder:first-child {
    margin-left: 0; }
  .field__inline-field:last-child, .field__checkbox-holder:last-child {
    margin-right: 0; }
  .field__inline-field .custom-select, .field__checkbox-holder .custom-select {
    height: auto; }
  .field__inline-field .custom-select__trigger, .field__checkbox-holder .custom-select__trigger {
    border: 0;
    border-bottom: 1px solid #000;
    height: auto;
    padding: 10px 0;
    padding-right: 45px; }
    .field__inline-field .custom-select__trigger:after, .field__checkbox-holder .custom-select__trigger:after {
      right: 0;
      border-width: 5px 4px 0px; }

.field__date-fields {
  display: inline-block;
  vertical-align: middle; }

.field__date-field {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px; }
  .field__date-field input {
    display: inline-block;
    vertical-align: middle; }
    .field-row .field .field__date-field input {
      width: 200px; }
  .field__date-field .custom-select {
    width: 200px; }
    .field__date-field .custom-select a {
      border: 0;
      border-bottom: 1px solid #FFF;
      color: #FFF;
      padding-left: 0;
      padding-right: 30px; }
      .field__date-field .custom-select a:after {
        border-color: #FFF transparent transparent;
        right: 0; }

.field__checkbox-holder {
  vertical-align: top;
  max-width: 768px;
  margin-top: 5px; }

.field__checkbox-fields {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .field__checkbox-fields .custom-checkbox {
    width: calc(50% - 10px);
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      .field__checkbox-fields .custom-checkbox {
        width: calc(100%);
        margin-bottom: 5px; } }
    .field__checkbox-fields .custom-checkbox.custom-checkbox--long {
      width: 100%; }

.field__date-label {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle; }

.ui-datepicker {
  width: 320px;
  background: #fff; }
  .ui-datepicker .ui-datepicker-prev {
    margin-left: 10px; }
  .ui-datepicker .ui-datepicker-next {
    float: right;
    margin-right: 10px; }
  .ui-datepicker .ui-datepicker-title {
    text-align: center; }
  .ui-datepicker .ui-datepicker-calendar {
    margin: 10px 0;
    width: 100%; }
    .ui-datepicker .ui-datepicker-calendar th {
      width: 14%; }
    .ui-datepicker .ui-datepicker-calendar td {
      padding: 5px;
      text-align: center; }

.contact-form textarea {
  border: 1px solid #FFF;
  color: #FFF; }
  .contact-form textarea:focus {
    outline: none; }
  .contact-form textarea::-webkit-input-placeholder {
    color: #FFF;
    font-weight: bold; }
  .contact-form textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #FFF;
    font-weight: bold; }
  .contact-form textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFF;
    font-weight: bold; }
  .contact-form textarea:-ms-input-placeholder {
    color: #FFF;
    font-weight: bold; }

.contact-form textarea.is-black {
  border: 1px solid #000;
  color: #000; }
  .contact-form textarea.is-black::-webkit-input-placeholder {
    color: #000; }
  .contact-form textarea.is-black:-moz-placeholder {
    /* Firefox 18- */
    color: #000; }
  .contact-form textarea.is-black::-moz-placeholder {
    /* Firefox 19+ */
    color: #000; }
  .contact-form textarea.is-black:-ms-input-placeholder {
    color: #000; }

.field--textarea .field__textarea-input {
  display: block; }
  .field--textarea .field__textarea-input .field__date-field {
    width: 100%; }
  .field--textarea .field__textarea-input--black {
    border-color: #000; }

.field__checkbox-fields .custom-checkbox.custom-checkbox-parent {
  width: 100%; }

.field__checkbox-fields .custom-checkbox .checkbox-child-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .field__checkbox-fields .custom-checkbox .checkbox-child-container .custom-checkbox-child {
    width: calc(15% - 10px); }
    .field__checkbox-fields .custom-checkbox .checkbox-child-container .custom-checkbox-child:last-child {
      width: calc(55% - 10px);
      padding-left: 0px; }
    .field__checkbox-fields .custom-checkbox .checkbox-child-container .custom-checkbox-child .apply_others {
      vertical-align: top; }
    .field__checkbox-fields .custom-checkbox .checkbox-child-container .custom-checkbox-child .custom-checkbox__txt-input {
      height: 20px; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.booking-max-num-holder.is-hidden {
  display: none; }

/* Style for err-msg */
/* ------------------------------------------ */
.err-msg {
  display: none;
  color: red;
  font-size: 12px; }
  .captcha__input .err-msg,
  .field .err-msg {
    position: absolute;
    top: 100%;
    margin-top: 5px; }

.err-msg-holder {
  position: relative;
  margin: 30px 0 0;
  text-align: center; }
  .err-msg-holder p {
    margin: 0 0 15px; }

/* END Style err-msg  */
/* ------------------------------------------ */
/* Style for event-banner */
/* ------------------------------------------ */
.event-banner {
  margin-top: 60px;
  position: relative;
  display: block;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .event-banner {
      margin-top: 0; } }
  .event-banner img {
    display: block;
    width: 100%; }

/* END Style event-banner  */
/* ------------------------------------------ */
/* Style for event-intro */
/* ------------------------------------------ */
.event-intro {
  position: relative;
  width: 100%;
  padding: 80px 0; }
  @media screen and (max-width: 991px) {
    .event-intro {
      padding: 60px 0; } }
  @media screen and (max-width: 767px) {
    .event-intro {
      padding: 30px 0; } }

.event-intro__title {
  font-weight: bold;
  margin: 0 0 30px; }

.event-intro__subtitle {
  display: block;
  font-weight: bold;
  margin: 0 0 30px; }

.event-intro__info {
  line-height: 1.5em; }
  .event-intro__info a {
    color: #51296f;
    font-weight: bold; }

.event-intro__desc {
  line-height: 1.5em; }

/* END Style event-intro  */
/* ------------------------------------------ */
/* Style for exhib-contact */
/* ------------------------------------------ */
.exhib-contact {
  position: relative;
  background: #f3f3f3; }

.exhib-contact__wrapper {
  padding: 90px 0; }
  @media screen and (max-width: 991px) {
    .exhib-contact__wrapper {
      padding: 60px 0; } }
  @media screen and (max-width: 767px) {
    .exhib-contact__wrapper {
      padding: 45px 0; } }

/* END Style exhib-contact  */
/* ------------------------------------------ */
/* Style for exhib-list */
/* ------------------------------------------ */
.exhib-list {
  position: relative;
  padding: 60px 0; }
  .exhib-list .tabs__btns {
    text-align: left; }

.exhib-list__items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

.exhib-list__item {
  position: relative;
  width: calc(25% - 30px);
  margin: 0 15px;
  margin-bottom: 30px; }
  @media screen and (max-width: 991px) {
    .exhib-list__item {
      width: calc(33.3333% - 30px); } }
  @media screen and (max-width: 640px) {
    .exhib-list__item {
      width: calc(50% - 20px);
      margin: 0 10px; } }
  @media screen and (max-width: 380px) {
    .exhib-list__item {
      width: 100%;
      text-align: center; } }

.exhib-list__item-title {
  margin: 5px 0 10px; }

/* END Style exhib-list  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
/* END Style sample  */
/* ------------------------------------------ */
/* Style for exhib-space */
/* ------------------------------------------ */
.exhib-space {
  position: relative; }

.exhib-space__intro {
  padding: 120px 0;
  background: url(../images/gallery/img-gallery-map-bg-long.jpg) no-repeat center center;
  background-size: cover;
  color: #FFF;
  display: none; }
  @media screen and (max-width: 1580px) {
    .exhib-space__intro {
      padding: 100px 0; } }
  @media screen and (max-width: 991px) {
    .exhib-space__intro {
      padding: 90px 0; } }
  @media screen and (max-width: 640px) {
    .exhib-space__intro {
      padding: 60px 0; } }
  .exhib-space__intro.is-active {
    display: block; }
  .exhib-space__intro .exhib-space__wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 640px) {
      .exhib-space__intro .exhib-space__wrapper {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; } }

.exhib-space__title h1, .exhib-space__title h2, .exhib-space__title h3, .exhib-space__title h4, .exhib-space__title h5, .exhib-space__title h6 {
  margin: 0;
  font-weight: 300; }
  .exhib-space__title h1 strong, .exhib-space__title h2 strong, .exhib-space__title h3 strong, .exhib-space__title h4 strong, .exhib-space__title h5 strong, .exhib-space__title h6 strong {
    font-weight: bold; }

@media screen and (max-width: 640px) {
  .exhib-space__title {
    margin-bottom: 15px; } }

.exhib-space__portal {
  position: relative;
  display: inline-block;
  width: 20%; }
  @media screen and (max-width: 991px) {
    .exhib-space__portal {
      width: 30%; } }
  @media screen and (max-width: 640px) {
    .exhib-space__portal {
      width: 100%; } }

.exhib-space__portal-btn {
  display: block;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
  white-space: nowrap; }
  .exhib-space__portal-btn:last-child {
    margin-bottom: 0; }
  .exhib-space__portal-btn:hover {
    color: #FFF; }

.exhib-space__content-holder {
  padding: 80px 0;
  background: url(../images/gallery/img-gallery-map-bg.jpg) no-repeat center center;
  background-size: cover;
  color: #FFF;
  display: none; }
  .exhib-space__content-holder.is-active {
    display: block; }
  @media screen and (max-width: 991px) {
    .exhib-space__content-holder {
      padding: 60px 0; } }
  @media screen and (max-width: 640px) {
    .exhib-space__content-holder {
      padding: 30px 0; } }

.exhib-space__control {
  margin-bottom: 45px; }
  .exhib-space__control a {
    font-weight: bold;
    color: #FFF; }

.exhib-space__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

.exhib-space__loc-item {
  display: inline-block;
  align-self: flex-start;
  width: calc(50% - 20px);
  margin-bottom: 80px; }
  @media screen and (max-width: 640px) {
    .exhib-space__loc-item {
      width: 100%;
      margin-bottom: 40px; } }
  .exhib-space__loc-item img {
    display: block; }

.exhib-space__map-placeholder {
  display: block;
  opacity: 0;
  z-index: -1; }

.exhib-space__map-holder {
  position: relative;
  display: block; }

.exhib-space__map {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; }

.exhib-space__detail {
  padding: 0 0 30px; }

.exhib-space__detail-title {
  margin: 0 0 10px; }

.exhib-space__detail-subtitle {
  margin: 20px 0 5px; }

.exhib-space__detail-desc {
  line-height: 1.5em; }

/* END Style exhib-space  */
/* ------------------------------------------ */
/* Style for gallery-exhib */
/* ------------------------------------------ */
.gallery-exhib {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 60px; }
  .gallery-exhib .video-bg {
    top: 90px;
    position: absolute;
    height: 100% !important;
    width: 100% !important; }
    @media screen and (max-width: 640px) {
      .gallery-exhib .video-bg {
        top: 35px; } }
    .gallery-exhib .video-bg video {
      height: 120% !important;
      min-height: 100vh; }

.gallery-exhib__title {
  line-height: 1em;
  font-weight: 300;
  margin: 0 0 30px; }
  .gallery-exhib__title strong {
    font-weight: 900; }

.gallery-exhib__items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 90px; }
  @media screen and (max-width: 991px) {
    .gallery-exhib__items {
      padding-bottom: 60px; } }
  @media screen and (max-width: 767x) {
    .gallery-exhib__items {
      padding-bottom: 30px; } }

.is-active.tabs__content .exhib-list__item, .in-view.gallery-exhib__items .gallery-exhib__item, .gallery-exhib__title {
  opacity: 0;
  -webkit-animation: fade-in-from-bottom 1s 0.3s;
  animation: fade-in-from-bottom 1s 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform;
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s; }
  .is-active.tabs__content .exhib-list__item:nth-child(1), .in-view.gallery-exhib__items .gallery-exhib__item:nth-child(1), .gallery-exhib__title:nth-child(1) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .is-active.tabs__content .exhib-list__item:nth-child(2), .in-view.gallery-exhib__items .gallery-exhib__item:nth-child(2), .gallery-exhib__title:nth-child(2) {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s; }
  .is-active.tabs__content .exhib-list__item:nth-child(3), .in-view.gallery-exhib__items .gallery-exhib__item:nth-child(3), .gallery-exhib__title:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  .is-active.tabs__content .exhib-list__item:nth-child(4), .in-view.gallery-exhib__items .gallery-exhib__item:nth-child(4), .gallery-exhib__title:nth-child(4) {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s; }
  .is-active.tabs__content .exhib-list__item:nth-child(5), .in-view.gallery-exhib__items .gallery-exhib__item:nth-child(5), .gallery-exhib__title:nth-child(5) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  .is-active.tabs__content .exhib-list__item:nth-child(6), .in-view.gallery-exhib__items .gallery-exhib__item:nth-child(6), .gallery-exhib__title:nth-child(6) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s; }
  .is-active.tabs__content .exhib-list__item:nth-child(7), .in-view.gallery-exhib__items .gallery-exhib__item:nth-child(7), .gallery-exhib__title:nth-child(7) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s; }
  .is-active.tabs__content .exhib-list__item:nth-child(8), .in-view.gallery-exhib__items .gallery-exhib__item:nth-child(8), .gallery-exhib__title:nth-child(8) {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s; }
  .is-active.tabs__content .exhib-list__item:nth-child(9), .in-view.gallery-exhib__items .gallery-exhib__item:nth-child(9), .gallery-exhib__title:nth-child(9) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  .is-active.tabs__content .exhib-list__item:nth-child(10), .in-view.gallery-exhib__items .gallery-exhib__item:nth-child(10), .gallery-exhib__title:nth-child(10) {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s; }

.gallery-exhib__item {
  position: relative;
  width: calc(25% - 30px); }
  .gallery-exhib__item:nth-child(2n+1) {
    margin-top: 60px; }
  .gallery-exhib__item img {
    width: 100%; }
  @media screen and (max-width: 640px) {
    .gallery-exhib__item {
      width: calc(50% - 20px); } }
  @media screen and (max-width: 380px) {
    .gallery-exhib__item {
      width: 100%;
      text-align: center; } }
  @media screen and (max-width: 380px) {
    .gallery-exhib__item {
      margin-top: 30px; }
      .gallery-exhib__item:nth-child(2n+1) {
        margin-top: 30px; }
      .gallery-exhib__item:first-child {
        margin-top: 0; } }

.gallery-exhib__item-title {
  margin: 5px 0 10px; }

.gallery-exhib__btn-row {
  margin-top: 0;
  margin-bottom: 60px; }
  .gallery-exhib__btn-row:last-child {
    margin-top: 0;
    margin-bottom: 60px; }

/* END Style gallery-exhib  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
.float-gallery {
  position: relative; }

.float-gallery__wrapper {
  position: relative;
  width: 100%;
  padding-left: calc(50% - 640px); }
  @media screen and (max-width: 1361px) {
    .float-gallery__wrapper {
      padding-left: 3%; } }
  @media screen and (max-width: 767px) {
    .float-gallery__wrapper {
      padding-left: 5%; } }

.float-gallery__banner {
  width: 100%;
  opacity: 0; }
  .float-gallery__banner img {
    display: block;
    width: 100%; }
  .in-view .float-gallery__banner {
    -webkit-animation: fade-in-from-right 1s 0.3s;
    animation: fade-in-from-right 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

/* END Style sample  */
/* ------------------------------------------ */
/* Style for header-main */
/* ------------------------------------------ */
.header-logo {
  position: absolute;
  left: 50%;
  bottom: 0;
  font-size: 0;
  height: 100%;
  white-space: nowrap;
  transition: 0.8s 0.6s;
  width: 56px;
  margin-left: -28px;
  margin-bottom: -30px; }
  .header-logo:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%; }
  [data-fullpage-index="1"] .header-logo {
    opacity: 0;
    z-index: -1;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    pointer-events: none;
    transition: 0.8s; }
  .mob-menu-open[data-fullpage-index="1"] .header-logo {
    opacity: 1;
    z-index: 5;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition: 0.3s;
    pointer-events: all; }
  @media screen and (max-width: 991px) {
    .header-logo {
      width: 42px;
      margin-left: -21px; } }
  @media screen and (max-width: 767px) {
    .header-logo {
      width: 36px;
      margin-left: -18px;
      margin-bottom: -15px; } }
  @media screen and (min-width: 1481px) {
    body:not(.page-home).header--small .header-logo {
      width: 42px;
      margin-left: -21px; } }
  @media screen and (max-width: 1480px) and (min-width: 992px) {
    body:not(.page-home).header--small .header-logo {
      width: 36px;
      margin-left: -18px; } }
  body:not(.page-home) .header-logo {
    transition: 0.6s; }
    @media screen and (max-width: 1480px) {
      body:not(.page-home) .header-logo {
        width: 42px;
        margin-left: -21px; } }
    @media screen and (max-width: 991px) {
      body:not(.page-home) .header-logo {
        width: 36px;
        margin-left: -18px;
        margin-bottom: -15px; } }
  .header-logo img {
    width: 100%;
    display: inline-block;
    vertical-align: middle; }
  .header-logo:hover {
    opacity: 1; }

/* END Style header-main  */
/* ------------------------------------------ */
/* Style for btn-icon */
/* ------------------------------------------ */
.header-nav {
  display: inline-block;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
  text-align: left;
  margin-left: -9%; }
  .header-nav:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%; }
  @media screen and (max-width: 991px) {
    .header-nav {
      display: none; } }

.header-nav__link-holder {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 25px; }
  @media screen and (max-width: 1580px) {
    .header-nav__link-holder {
      font-size: 14px;
      margin-right: 15px; } }
  @media screen and (max-width: 1180px) {
    .header-nav__link-holder {
      font-size: 13px;
      margin-right: 10px; } }
  .header-nav__link-holder:last-child {
    margin-right: 0; }
  .header-nav__link-holder.is-open, .header-nav__link-holder:hover {
    opacity: 1; }
    .header-nav__link-holder.is-open + .header-nav__sub-holder, .header-nav__link-holder:hover + .header-nav__sub-holder {
      display: block; }

.header-nav__link {
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  transition: 0.3s; }
  .header-nav__link:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #005d83;
    top: 100%;
    left: 0;
    will-change: transform;
    opacity: 0;
    transition: 0.3s;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
  .header-nav__link:hover {
    opacity: 1;
    color: #005d83; }
    .header-nav__link:hover:before {
      opacity: 1;
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }

.header-nav__sub-holder {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 25px 0;
  width: 100%;
  text-align: center;
  z-index: 5;
  font-size: 0px;
  display: none; }
  .header-nav__sub-holder:hover {
    display: block; }
  .header-nav__sub-holder:before {
    content: '';
    z-index: 0;
    display: block;
    position: absolute;
    height: 42px;
    width: 100%;
    bottom: 100%;
    left: 0; }
    .header--small .header-nav__sub-holder:before {
      height: 30px; }
  .header-nav__sub-holder:after {
    content: '';
    z-index: 0;
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 10000px;
    left: -5000px;
    background: #FFF;
    box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2); }
  @media screen and (max-width: 991px) {
    .header-nav__sub-holder {
      display: none !important; } }

.header-nav__sub-link {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 16px;
  margin: 0 15px;
  color: #000;
  position: relative;
  padding: 2px 10px;
  z-index: 1; }
  [data-menu-lv="1"] .header-nav__sub-link {
    padding-left: 34px; }
  .header-nav__sub-link > .header-nav__link-icon {
    position: absolute;
    left: 0;
    top: 3px;
    width: 24px; }
  .header-nav__sub-link:hover {
    opacity: 1;
    color: #51296f; }
  .header-nav__sub-link:last-child {
    margin-bottom: 0; }

/* END Style btn-icon  */
/* ------------------------------------------ */
/* Style for hkdi-gallery */
/* ------------------------------------------ */
.hkdi-gallery {
  position: relative;
  width: 100%; }

.hkdi-gallery__holder {
  position: relative;
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 1200px), screen and (min-width: 991px) and (max-height: 850px) {
    .hkdi-gallery__holder {
      max-width: 960px; } }
  @media screen and (min-width: 991px) and (max-height: 720px) {
    .hkdi-gallery__holder {
      max-width: 800px; } }
  @media screen and (max-width: 767px) {
    .hkdi-gallery__holder {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.hkdi-gallery__info {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  width: 100%;
  opacity: 0; }
  @media screen and (max-width: 991px) {
    .hkdi-gallery__info {
      padding: 0 10px; } }
  @media screen and (max-width: 767px) {
    .hkdi-gallery__info {
      width: 100%;
      padding: 0;
      margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .hkdi-gallery__info .btn-arrow {
      margin-top: 20px; } }
  .section.fp-ani .hkdi-gallery__info,
  .section.fp-completely .hkdi-gallery__info {
    -webkit-animation: fade-in-from-right 1s;
    animation: fade-in-from-right 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

.hkdi-gallery__thumbs {
  position: relative;
  display: inline-block;
  width: 60%;
  font-size: 0; }
  @media screen and (max-width: 767px) {
    .hkdi-gallery__thumbs {
      width: 100%; } }

.hkdi-gallery__thumbs-row {
  position: relative;
  display: block;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .hkdi-gallery__thumbs-row {
      margin-left: -20px;
      margin-right: -20px;
      width: auto; } }
  @media screen and (max-width: 480px) {
    .hkdi-gallery__thumbs-row {
      margin-left: 0;
      margin-right: 0; } }

.hkdi-gallery__title {
  font-weight: 900;
  margin: 0 0 30px; }
  @media screen and (max-width: 1100px) {
    .hkdi-gallery__title {
      font-size: 36px; } }
  @media screen and (min-width: 991px) and (max-height: 720px) {
    .hkdi-gallery__title {
      font-size: 32px; } }
  @media screen and (max-width: 767px) {
    .hkdi-gallery__title {
      margin-bottom: 20px; } }

.hkdi-gallery__desc {
  font-size: 16px;
  line-height: 1.5em; }
  @media screen and (max-width: 1200px), screen and (min-width: 991px) and (max-height: 850px) {
    .hkdi-gallery__desc {
      font-size: 14px; } }
  @media screen and (max-width: 767px) {
    .hkdi-gallery__desc {
      margin-bottom: 0; } }

.hkdi-gallery__thumb {
  width: 100%;
  display: inline-block;
  padding: 0 20px;
  margin: 0 0 20px;
  opacity: 0; }
  .hkdi-gallery__thumb img {
    width: 100%; }
  @media screen and (max-width: 991px) {
    .hkdi-gallery__thumb {
      padding: 0 10px; } }
  @media screen and (max-width: 480px) {
    .hkdi-gallery__thumb {
      width: 100%; }
      .hkdi-gallery__thumb:first-child {
        display: block;
        width: 100%; } }
  .hkdi-gallery__thumb:hover {
    opacity: 0; }
  .section.fp-ani .hkdi-gallery__thumb,
  .section.fp-completely .hkdi-gallery__thumb {
    -webkit-animation: fade-in-hkdi-gallery 1s;
    animation: fade-in-hkdi-gallery 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

@-webkit-keyframes fade-in-hkdi-gallery {
  0% {
    opacity: 0;
    z-index: -1;
    -webkit-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%); }
  100% {
    opacity: 1;
    z-index: 10;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-in-hkdi-gallery {
  0% {
    opacity: 0;
    z-index: -1;
    -webkit-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%); }
  100% {
    opacity: 1;
    z-index: 10;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
    .section.fp-ani .hkdi-gallery__thumb--0,
    .section.fp-completely .hkdi-gallery__thumb--0 {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
    .section.fp-ani .hkdi-gallery__thumb--1,
    .section.fp-completely .hkdi-gallery__thumb--1 {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .section.fp-ani .hkdi-gallery__thumb--2,
    .section.fp-completely .hkdi-gallery__thumb--2 {
      -webkit-animation-delay: 0.7s;
      animation-delay: 0.7s; }
    .section.fp-ani .hkdi-gallery__thumb--3,
    .section.fp-completely .hkdi-gallery__thumb--3 {
      -webkit-animation-delay: 0.9s;
      animation-delay: 0.9s; }
    .section.fp-ani .hkdi-gallery__thumb--4,
    .section.fp-completely .hkdi-gallery__thumb--4 {
      -webkit-animation-delay: 1.1s;
      animation-delay: 1.1s; }
    .section.fp-ani .hkdi-gallery__thumb--5,
    .section.fp-completely .hkdi-gallery__thumb--5 {
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s; }
    .section.fp-ani .hkdi-gallery__thumb--6,
    .section.fp-completely .hkdi-gallery__thumb--6 {
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s; }

.hkdi-gallery__thumb-inner {
  width: 100%; }

.hkdi-gallery__thumb-info {
  font-size: 16px;
  display: block;
  text-align: right;
  padding: 10px 20px; }
  @media screen and (max-width: 767px) {
    .hkdi-gallery__thumb-info {
      text-align: left; } }

.hkdi-gallery__thumb-subinfo {
  font-size: 0; }

.hkdi-gallery__thumb-title {
  font-size: 16px;
  margin: 0 0 5px; }
  @media screen and (max-width: 1200px), screen and (min-width: 991px) and (max-height: 850px) {
    .hkdi-gallery__thumb-title {
      font-size: 14px; } }
  @media screen and (min-width: 991px) and (max-height: 720px) {
    .hkdi-gallery__thumb-title {
      font-size: 13px; } }

.hkdi-gallery__thumb-date {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px; }
  @media screen and (max-width: 1200px), screen and (min-width: 991px) and (max-height: 850px) {
    .hkdi-gallery__thumb-date {
      font-size: 14px; } }
  @media screen and (min-width: 991px) and (max-height: 720px) {
    .hkdi-gallery__thumb-date {
      font-size: 13px; } }
  .hkdi-gallery__thumb-date strong {
    display: block;
    font-weight: bold;
    font-size: 12px; }

.hkdi-gallery__thumb-line {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 1px;
  background: #000;
  margin: 0 8px; }

.hkdi-gallery__items {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.hkdi-gallery__item {
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  position: relative;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto; }
  @media screen and (max-width: 767px) {
    .hkdi-gallery__item {
      width: 50%; } }
  .hkdi-gallery__item:nth-child(1) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .hkdi-gallery__item:nth-child(2) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .hkdi-gallery__item:nth-child(3) {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .hkdi-gallery__item:nth-child(4) {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .hkdi-gallery__item:nth-child(5) {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .hkdi-gallery__item.hkdi-gallery__item-info {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }

/* END Style hkdi-gallery  */
/* ------------------------------------------ */
/* Style for .home-top */
/* ------------------------------------------ */
.home-top {
  position: relative;
  background: #FFF; }
  .home-top[data-home-top-style="2"] {
    background: #0099ff; }
  .home-top[data-home-top-style="3"] {
    background: #ffff00; }
  .home-top[data-home-top-style="4"] {
    background: #00ff88; }
  .home-top[data-home-top-style="5"] {
    background: #ff2a69; }
  .home-top[data-home-top-style="6"] {
    background: #ff6600; }

.home-top__holder {
  display: block;
  position: relative;
  overflow: hidden;
  width: 90%;
  max-width: 1235px;
  margin: 0 auto; }
  @media screen and (min-width: 991px) and (max-height: 800px) {
    .home-top__holder {
      width: 70%; } }
  @media screen and (min-width: 991px) and (max-height: 600px) {
    .home-top__holder {
      width: 680px; } }
  @media screen and (min-width: 991px) and (max-height: 400px) {
    .home-top__holder {
      width: 420px; } }
  @media screen and (max-width: 767px) and (orientation: landscape) {
    .home-top__holder {
      width: 300px; } }
  .home-top__holder:before {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 36.47%;
    max-width: 300px; }

.home-top__svg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10; }
  .home-top__svg .hm-slg--link {
    opacity: 0; }
  .home-top__svg .hm-slg--hkid {
    font-size: 130px;
    font-weight: 900; }
  .home-top__svg #hm-slg--hkid__i {
    fill: #000; }
  .home-top__svg .hm-slg--hash,
  .home-top__svg #hm-slg--hash1,
  .home-top__svg #hm-slg--hash2 {
    font-size: 45px;
    font-weight: 900; }
  .home-top__svg mask a {
    cursor: pointer; }
  .home-top__svg mask rect {
    fill: white; }
    .home-top__svg mask rect#hm-slg--line {
      fill: black; }
  .home-top__svg > rect {
    fill: #FFF;
    -webkit-mask: url(#mask);
    mask: url(#mask); }
    [data-home-top-style="2"] .home-top__svg > rect {
      fill: #0099ff; }
    [data-home-top-style="3"] .home-top__svg > rect {
      fill: #ffff00; }
    [data-home-top-style="4"] .home-top__svg > rect {
      fill: #00ff88; }
    [data-home-top-style="5"] .home-top__svg > rect {
      fill: #ff2a69; }
    [data-home-top-style="6"] .home-top__svg > rect {
      fill: #ff6600; }

.home-top__vid {
  width: calc(100% - 2px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 1px;
  z-index: 5;
  opacity: 0;
  background: #FFF; }
  .home-top--style-2 .home-top__vid {
    background: #25da5e; }
  .home-top--style-3 .home-top__vid {
    background: #ff2727; }
  .home-top--style-4 .home-top__vid {
    background: #cafdff; }
  .home-top--style-5 .home-top__vid {
    background: #ffb42b; }
  .fp-section.fp-completely .home-top__vid {
    -webkit-animation: fade-in-home-top-vid 1s forwards;
    animation: fade-in-home-top-vid 1s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

.home-top__vid-holder {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-image: none;
  /*
    video {
        margin: auto;
        position: absolute;
        z-index: -1;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        visibility: visible;
        opacity: 1;
        width: 100%;
        height: auto;
    }
    */ }

@-webkit-keyframes fade-in-home-top-vid {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.7; } }

@keyframes fade-in-home-top-vid {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.7; } }

/* END Style .home-top  */
/* ------------------------------------------ */
/* Style for home-others */
/* ------------------------------------------ */
.home-others {
  position: relative;
  width: 100%; }

.home-others__holder {
  position: relative;
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }
  @media screen and (min-width: 991px) and (max-height: 850px) {
    .home-others__holder {
      max-width: 960px; } }
  @media screen and (min-width: 991px) and (max-height: 720px) {
    .home-others__holder {
      max-width: 800px; } }
  @media screen and (max-width: 640px) {
    .home-others__holder {
      max-width: 420px;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 30px; } }

.home-others__item {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  width: 33.3333%; }
  @media screen and (max-width: 700px) {
    .home-others__item {
      padding: 0 15px; } }
  @media screen and (max-width: 640px) {
    .home-others__item {
      width: 50%; } }
  .home-others__item:first-child, .home-others__item:last-child {
    margin-top: -60px;
    opacity: 0; }
    @media screen and (max-width: 640px) {
      .home-others__item:first-child, .home-others__item:last-child {
        margin-top: 15px;
        margin-bottom: 15px; } }
    .section.fp-ani .home-others__item:first-child,
    .section.fp-completely .home-others__item:first-child, .section.fp-ani .home-others__item:last-child,
    .section.fp-completely .home-others__item:last-child {
      -webkit-animation: fade-in-from-top 1s;
      animation: fade-in-from-top 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      will-change: transform; }
  .home-others__item:nth-child(2) {
    opacity: 0; }
    @media screen and (max-width: 640px) {
      .home-others__item:nth-child(2) {
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%); } }
    .section.fp-ani .home-others__item:nth-child(2),
    .section.fp-completely .home-others__item:nth-child(2) {
      -webkit-animation: fade-in-from-bottom 1s;
      animation: fade-in-from-bottom 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      will-change: transform; }
      @media screen and (max-width: 640px) {
        .section.fp-ani .home-others__item:nth-child(2),
        .section.fp-completely .home-others__item:nth-child(2) {
          -webkit-animation: fade-in-sec-other-mob 1s;
          animation: fade-in-sec-other-mob 1s;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
          will-change: transform; }
        @-webkit-keyframes fade-in-sec-other-mob {
          0% {
            opacity: 0;
            -webkit-transform: translateY(65%);
            -ms-transform: translateY(65%);
            transform: translateY(65%); }
          100% {
            opacity: 1;
            -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
            transform: translateY(50%); } }
        @keyframes fade-in-sec-other-mob {
          0% {
            opacity: 0;
            -webkit-transform: translateY(65%);
            -ms-transform: translateY(65%);
            transform: translateY(65%); }
          100% {
            opacity: 1;
            -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
            transform: translateY(50%); } } }

.home-others__item-inner {
  display: block;
  width: 100%; }
  .home-others__item-inner:hover {
    opacity: 1; }

.home-others__item-img {
  transition: 0.6s;
  display: block;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%); }
  .home-others__item:nth-child(2n) .home-others__item-inner:hover .home-others__item-img {
    transform: perspective(1000px) rotateY(-10deg); }
  .home-others__item:nth-child(2n+1) .home-others__item-inner:hover .home-others__item-img {
    transform: perspective(1000px) rotateY(10deg); }
  .home-others__item-img.home-others__item-img--grey {
    display: block; }
  .home-others__item-img.home-others__item-img--color {
    display: none; }
  .home-others__item-inner:hover .home-others__item-img {
    filter: none;
    -webkit-filter: none; }
    .home-others__item-inner:hover .home-others__item-img.home-others__item-img--grey {
      display: none; }
    .home-others__item-inner:hover .home-others__item-img.home-others__item-img--color {
      display: block; }

.home-others__item-btn {
  position: relative;
  display: inline-block;
  margin-top: 15px;
  font-weight: 900;
  font-size: 18px;
  padding-right: 50px; }
  @media screen and (max-width: 767px) {
    .home-others__item-btn {
      padding-right: 30px;
      display: block;
      font-size: 14px; } }
  @media screen and (max-width: 350px) {
    .home-others__item-btn {
      font-size: 12px; } }
  .home-others__item-btn:after {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: url(../images/common/icons/svg/black/icon-arrow-down.svg) no-repeat center center;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px; }
    @media screen and (max-width: 767px) {
      .home-others__item-btn:after {
        right: 5px;
        width: 20px;
        height: 20px;
        margin-top: -10px; } }

/* END Style home-others  */
/* ------------------------------------------ */
/* Style for img-portal */
/* ------------------------------------------ */
.page-head + .img-portal {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .page-head + .img-portal {
      margin-top: 30px; } }

.img-portal {
  cursor: pointer;
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFF;
  background: url() no-repeat center center;
  background-size: cover;
  border-bottom: 1px solid #FFF; }
  .img-portal:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: #000;
    opacity: 0.25; }

.img-portal__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background: url() no-repeat center center;
  background-size: cover;
  opacity: 0.7; }

.img-portal__wrapper {
  position: relative;
  z-index: 20;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFF;
  padding: 100px 0; }
  @media screen and (max-width: 1580px) {
    .img-portal__wrapper {
      padding: 80px 0; } }
  @media screen and (max-width: 991px) {
    .img-portal__wrapper {
      padding: 60px 0; } }
  @media screen and (max-width: 640px) {
    .img-portal__wrapper {
      padding: 45px 0;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.img-portal__txt {
  padding-right: 120px; }
  @media screen and (max-width: 991px) {
    .img-portal__txt {
      padding-right: 90px; } }
  @media screen and (max-width: 767px) {
    .img-portal__txt {
      padding-right: 45px; } }
  @media screen and (max-width: 640px) {
    .img-portal__txt {
      width: 100%;
      padding-right: 0;
      margin-bottom: 15px; } }

@media screen and (max-width: 640px) {
  .img-portal__btn {
    width: 100%; } }

.img-portal__btn a {
  white-space: nowrap; }

.img-portal__title {
  font-size: 0;
  margin: 0 0 10px; }

.img-portal__desc {
  line-height: 1.5em;
  margin: 0 0 10px; }
  .img-portal__desc:last-child {
    margin: 0; }

/* END Style img-portal  */
/* ------------------------------------------ */
/* Style for info-table */
/* ------------------------------------------ */
.info-table {
  position: relative;
  padding-bottom: 30px;
  width: 100%;
  overflow: hidden; }
  .info-table:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 50%;
    z-index: 0;
    background: #eee; }

.info-table__row {
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media screen and (max-width: 800px) {
    .info-table__row {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.info-table__col {
  display: inline-block;
  width: calc(50% - 30px); }
  @media screen and (max-width: 800px) {
    .info-table__col {
      width: 100%;
      margin-bottom: 30px; }
      .info-table__col:last-child {
        margin-bottom: 0; } }

.info-table__table {
  position: relative;
  width: 100%;
  margin-bottom: 30px; }
  .info-table__table:last-child {
    margin-bottom: 0; }
  .info-table__table table {
    position: relative;
    width: 100%; }
  .info-table__table tr th,
  .info-table__table tr td {
    text-align: left; }
    .info-table__table tr th:last-child,
    .info-table__table tr td:last-child {
      text-align: right; }
    @media screen and (max-width: 1280px) {
      .info-table__table tr th,
      .info-table__table tr td {
        font-size: 14px; } }
    @media screen and (max-width: 991px) {
      .info-table__table tr th,
      .info-table__table tr td {
        font-size: 12px; } }
  .info-table__table tr th {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999; }
    .info-table__table tr th span {
      display: block;
      font-weight: 300;
      padding: 10px 0; }
  .info-table__table tr td {
    padding: 10px 0; }

.info-table__link {
  cursor: pointer; }

/* END Style info-table  */
/* ------------------------------------------ */
/* Style for knowledge-centres */
/* ------------------------------------------ */
.knowledge-centres {
  position: relative;
  width: 100%; }

.knowledge-centres__holder {
  position: relative;
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }
  @media screen and (max-width: 1280px) {
    .knowledge-centres__holder {
      max-width: 800px; } }
  @media screen and (max-width: 1480px), screen and (min-width: 991px) and (max-height: 720px) {
    .knowledge-centres__holder {
      max-width: 960px; } }
  @media screen and (max-width: 850px) {
    .knowledge-centres__holder {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.knowledge-centres__info {
  position: relative;
  display: inline-block;
  width: 35%;
  padding-right: 60px;
  opacity: 0; }
  @media screen and (max-width: 850px) {
    .knowledge-centres__info {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .knowledge-centres__info {
      padding-right: 0; } }
  .section.fp-ani .knowledge-centres__info,
  .section.fp-completely .knowledge-centres__info {
    -webkit-animation: fade-in-from-left 1s;
    animation: fade-in-from-left 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

.knowledge-centres__info-holder {
  position: relative;
  display: block;
  width: 100%; }
  @media screen and (max-width: 850px) {
    .knowledge-centres__info-holder {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.knowledge-centres__thumbs {
  position: relative;
  display: inline-block;
  width: 65%;
  font-size: 0; }
  @media screen and (max-width: 850px) {
    .knowledge-centres__thumbs {
      width: 100%; } }

.knowledge-centres__thumbs-item {
  position: relative;
  display: inline-block;
  width: 33.3333%;
  padding: 15px;
  text-align: center;
  opacity: 0; }
  @media screen and (max-width: 767px) {
    .knowledge-centres__thumbs-item {
      padding: 5px; } }
  .section.fp-ani .knowledge-centres__thumbs-item,
  .section.fp-completely .knowledge-centres__thumbs-item {
    -webkit-animation: fade-in-from-right 1s;
    animation: fade-in-from-right 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
    .section.fp-ani .knowledge-centres__thumbs-item:nth-child(1),
    .section.fp-completely .knowledge-centres__thumbs-item:nth-child(1) {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
    .section.fp-ani .knowledge-centres__thumbs-item:nth-child(2),
    .section.fp-completely .knowledge-centres__thumbs-item:nth-child(2) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .section.fp-ani .knowledge-centres__thumbs-item:nth-child(3),
    .section.fp-completely .knowledge-centres__thumbs-item:nth-child(3) {
      -webkit-animation-delay: 0.7s;
      animation-delay: 0.7s; }
    .section.fp-ani .knowledge-centres__thumbs-item:nth-child(4),
    .section.fp-completely .knowledge-centres__thumbs-item:nth-child(4) {
      -webkit-animation-delay: 0.9s;
      animation-delay: 0.9s; }
    .section.fp-ani .knowledge-centres__thumbs-item:nth-child(5),
    .section.fp-completely .knowledge-centres__thumbs-item:nth-child(5) {
      -webkit-animation-delay: 1.1s;
      animation-delay: 1.1s; }
    .section.fp-ani .knowledge-centres__thumbs-item:nth-child(6),
    .section.fp-completely .knowledge-centres__thumbs-item:nth-child(6) {
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s; }

.knowledge-centres__thumb {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  max-width: 235px; }
  .knowledge-centres__thumb img {
    border-radius: 50%;
    position: relative;
    display: block;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    transition: 0.6s;
    z-index: 0; }
    .knowledge-centres__thumb img.knowledge-centres__bg--grey {
      display: block; }
    .knowledge-centres__thumb img.knowledge-centres__bg--color {
      display: none; }
  .knowledge-centres__thumb:before {
    border-radius: 50%;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .25;
    z-index: 5; }
  .knowledge-centres__thumb.is-active, .knowledge-centres__thumb:hover {
    opacity: 1; }
    .knowledge-centres__thumb.is-active img, .knowledge-centres__thumb:hover img {
      filter: none;
      -webkit-filter: none; }
      .knowledge-centres__thumb.is-active img.knowledge-centres__bg--grey, .knowledge-centres__thumb:hover img.knowledge-centres__bg--grey {
        display: none; }
      .knowledge-centres__thumb.is-active img.knowledge-centres__bg--color, .knowledge-centres__thumb:hover img.knowledge-centres__bg--color {
        display: block; }
    .knowledge-centres__thumb.is-active:before, .knowledge-centres__thumb:hover:before {
      display: block; }
    .knowledge-centres__thumb.is-active .knowledge-centres__thumb-txt, .knowledge-centres__thumb:hover .knowledge-centres__thumb-txt {
      opacity: 1; }

.knowledge-centres__thumb-txt {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 24px;
  transition: 0.4s;
  font-weight: 900;
  color: #FFF;
  padding: 10px 0;
  z-index: 10;
  opacity: 0; }
  @media screen and (max-width: 767px) {
    .knowledge-centres__thumb-txt {
      display: none; } }
  .knowledge-centres__thumb-txt:after {
    content: '';
    display: block;
    background: #FFF;
    width: 50px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px; }

.knowledge-centres__title {
  margin: 0 0 30px; }
  @media screen and (min-width: 991px) and (max-height: 850px) {
    .knowledge-centres__title {
      font-size: 60px; } }
  @media screen and (min-width: 991px) and (max-height: 720px) {
    .knowledge-centres__title {
      font-size: 32px; } }
  @media screen and (max-width: 767px) {
    .knowledge-centres__title {
      margin: 0 0 15px; } }

.knowledge-centres__desc {
  font-size: 24px;
  font-weight: 900;
  margin: 0 0 30px; }
  @media screen and (max-width: 1200px), screen and (min-width: 991px) and (max-height: 850px) {
    .knowledge-centres__desc {
      font-size: 20px; } }
  @media screen and (max-width: 850px), screen and (min-width: 991px) and (max-height: 720px) {
    .knowledge-centres__desc {
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    .knowledge-centres__desc {
      font-size: 14px; } }

.knowledge-centres__txt {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 30px;
  padding-right: 15px; }
  @media screen and (max-width: 850px) {
    .knowledge-centres__txt {
      display: inline-block;
      margin: 0; } }

.knowledge-centres__links {
  position: relative; }
  @media screen and (max-width: 850px) {
    .knowledge-centres__links {
      display: inline-block;
      width: 200px; } }

.knowledge-centres__link {
  display: block;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 16px;
  opacity: 0; }
  @media screen and (max-width: 1200px), screen and (min-width: 991px) and (max-height: 850px) {
    .knowledge-centres__link {
      font-size: 14px; } }
  @media screen and (max-width: 767px) {
    .knowledge-centres__link {
      font-size: 12px; } }
  .knowledge-centres__link:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.2); }
  .knowledge-centres__link.is-active, .knowledge-centres__link:hover {
    opacity: 1;
    font-weight: bold; }
  .section.fp-ani .knowledge-centres__link,
  .section.fp-completely .knowledge-centres__link {
    -webkit-animation: fade-in-from-bottom 1s;
    animation: fade-in-from-bottom 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
    .section.fp-ani .knowledge-centres__link:nth-child(1),
    .section.fp-completely .knowledge-centres__link:nth-child(1) {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
    .section.fp-ani .knowledge-centres__link:nth-child(2),
    .section.fp-completely .knowledge-centres__link:nth-child(2) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .section.fp-ani .knowledge-centres__link:nth-child(3),
    .section.fp-completely .knowledge-centres__link:nth-child(3) {
      -webkit-animation-delay: 0.7s;
      animation-delay: 0.7s; }
    .section.fp-ani .knowledge-centres__link:nth-child(4),
    .section.fp-completely .knowledge-centres__link:nth-child(4) {
      -webkit-animation-delay: 0.9s;
      animation-delay: 0.9s; }
    .section.fp-ani .knowledge-centres__link:nth-child(5),
    .section.fp-completely .knowledge-centres__link:nth-child(5) {
      -webkit-animation-delay: 1.1s;
      animation-delay: 1.1s; }
    .section.fp-ani .knowledge-centres__link:nth-child(6),
    .section.fp-completely .knowledge-centres__link:nth-child(6) {
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s; }

.knowledge-centres__btn {
  display: block;
  margin: 30px 0 0;
  opacity: 0; }
  @media screen and (max-width: 850px) {
    .knowledge-centres__btn {
      margin: 15px 0 0; } }
  .section.fp-ani .knowledge-centres__btn,
  .section.fp-completely .knowledge-centres__btn {
    -webkit-animation: fade-in-from-bottom 1s;
    animation: fade-in-from-bottom 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  .knowledge-centres__btn:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/common/icons/svg/black/icon-arrow-down.svg) no-repeat center center;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    @media screen and (max-width: 767px) {
      .knowledge-centres__btn:before {
        width: 28px;
        height: 28px; } }

.banner-logo {
  display: block;
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }

/* END Style knowledge-centres  */
/* ------------------------------------------ */
/* Style for latest-news */
/* ------------------------------------------ */
.latest-news {
  cursor: grab; }

.latest-news__box-disable {
  pointer-events: none !important; }

.latest-news__holder {
  display: block;
  margin: 0 auto;
  text-align: center;
  opacity: 0; }
  .section.fp-ani .latest-news__holder,
  .section.fp-completely .latest-news__holder {
    -webkit-animation: fade-in-basic 1s;
    animation: fade-in-basic 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  @media screen and (max-width: 767px) {
    .latest-news__holder {
      max-height: 660px;
      min-height: 350px; } }

.latest-news__counter {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 450px;
  width: 60%; }
  @media screen and (max-width: 991px), screen and (max-height: 800px) {
    .latest-news__counter {
      max-width: 320px; } }
  @media screen and (max-height: 600px) {
    .latest-news__counter {
      max-width: 300px; } }
  @media screen and (max-width: 767px) {
    .latest-news__counter {
      width: 80%; } }
  .latest-news__counter svg {
    position: relative;
    width: 100%;
    height: initial;
    z-index: 15;
    pointer-events: none; }

.latest-news__title {
  position: relative;
  z-index: 5;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 12px; }
  @media screen and (max-width: 991px), screen and (max-height: 800px) {
    .latest-news__title {
      font-size: 14px; } }

.latest-news__title-mob {
  font-size: 14px;
  font-weight: 900;
  margin: 0 0 30px;
  display: none; }
  .mobile .latest-news__title-mob {
    display: block; }
  @media screen and (max-width: 991px) {
    .latest-news__title-mob {
      display: block; } }

.latest-news__desc-holder {
  position: relative;
  z-index: 15;
  width: 90%; }
  .mobile .latest-news__desc-holder {
    padding: 15px; }
  @media screen and (max-width: 991px) {
    .latest-news__desc-holder {
      padding: 15px; } }

.latest-news__desc {
  position: relative;
  z-index: 15;
  font-size: 28px;
  font-weight: 900;
  margin: 0 0 60px; }
  .latest-news__desc:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 991px), screen and (max-height: 800px) {
    .latest-news__desc {
      font-size: 20px;
      margin: 0 0 30px; } }
  @media screen and (max-width: 767px) {
    .latest-news__desc {
      font-size: 16px; } }

.latest-news__content {
  z-index: 5;
  position: absolute;
  width: calc(100% + 160px);
  height: calc(100% - 30px);
  left: -80px;
  right: 0;
  top: -80px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 991px), screen and (max-height: 800px) {
    .latest-news__content {
      width: calc(100% + 80px);
      height: 100%;
      left: -40px;
      top: -40px; } }
  @media screen and (max-width: 767px) {
    .latest-news__content {
      width: 100%;
      height: calc(100% - 30px);
      top: 0;
      left: 0; } }

.latest-news__slider {
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: left;
  z-index: 15;
  position: relative;
  /*
    padding: 30px 90px;
    @media screen and (max-width:991px),
        screen and (max-height:800px) {
        padding: 30px 60px;
    }
    @media screen and (max-width:767px){
        padding: 30px;
    }
    */ }
  .latest-news__slider .swiper-wrapper {
    position: absolute;
    width: calc(100% - 4.68%) !important;
    height: calc(100% - 5.2%) !important;
    left: 1.8%;
    top: 2%;
    z-index: 10; }
  .latest-news__slider .swiper-slide {
    display: block;
    position: absolute;
    width: 100% !important;
    height: 101% !important;
    left: 0;
    top: -0.5%;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .latest-news__slider .swiper-slide {
        height: 99% !important;
        top: 0.5%; } }
    .latest-news__slider .swiper-slide.swiper-slide-active {
      opacity: 1 !important;
      z-index: 100; }
    .latest-news__slider .swiper-slide .latest-news__slide-inner {
      width: 100%;
      display: block;
      padding-top: 60px;
      padding-left: 8%;
      padding-right: 15%; }
      .latest-news__slider .swiper-slide .latest-news__slide-inner:hover {
        opacity: 1; }
      .mobile .latest-news__slider .swiper-slide .latest-news__slide-inner {
        padding-top: 0; }
      @media screen and (max-width: 991px) {
        .latest-news__slider .swiper-slide .latest-news__slide-inner {
          padding-top: 0; } }
    .latest-news__slider .swiper-slide .latest-news__slide-holder {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      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: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-align: center;
      -moz-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 0% 50% 50% 0%;
      overflow: hidden;
      width: 125% !important;
      left: -25%;
      padding-left: 25%; }
      .mobile .latest-news__slider .swiper-slide .latest-news__slide-holder {
        background: #FFF; }
      @media screen and (max-width: 991px) {
        .latest-news__slider .swiper-slide .latest-news__slide-holder {
          background: #FFF; } }

.latest-news__slide-inner:hover {
  opacity: 1; }

.latest-news__slide-date {
  display: none; }

.latest-news__img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  transition: 0.6s;
  display: none; }
  .swiper-slide.is-hover .latest-news__img,
  .swiper-slide:hover .latest-news__img {
    opacity: 1;
    z-index: 30; }
    .mobile .swiper-slide.is-hover .latest-news__img, .mobile
    .swiper-slide:hover .latest-news__img {
      opacity: 0.7;
      z-index: 0; }
    @media screen and (max-width: 991px) {
      .swiper-slide.is-hover .latest-news__img,
      .swiper-slide:hover .latest-news__img {
        opacity: 0.7;
        z-index: 0; } }
  .mobile .latest-news__img {
    display: block;
    opacity: 0.7;
    z-index: 0; }
  @media screen and (max-width: 991px) {
    .latest-news__img {
      display: block;
      opacity: 0.7;
      z-index: 0; } }

.latest-news__bg {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: url() no-repeat center center;
  background-size: cover;
  transition: .4s;
  border-radius: 0 50% 50% 0;
  pointer-events: none; }
  .mobile .latest-news__bg {
    display: block;
    opacity: 0.7;
    z-index: 0; }
  @media screen and (max-width: 991px) {
    .latest-news__bg {
      display: block;
      opacity: 0.7;
      z-index: 0; } }

.latest-news__slide:hover .latest-news__bg {
  opacity: 1; }

.latest-news__btn {
  position: relative;
  z-index: 30; }
  .latest-news__btn:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/common/icons/svg/black/icon-arrow-down.svg) no-repeat center center;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    @media screen and (max-width: 767px) {
      .latest-news__btn:before {
        width: 28px;
        height: 28px; } }

/* updated by ling */
.latest-news__box-large {
  width: 360px;
  height: 456px; }
  @media screen and (max-width: 991px), screen and (max-height: 800px) {
    .latest-news__box-large {
      width: 337px;
      height: 399px; } }

.latest-news__box-middle {
  width: 304px;
  height: 385px; }
  @media screen and (max-width: 991px), screen and (max-height: 800px) {
    .latest-news__box-middle {
      width: 285px;
      height: 360px; } }

.latest-news__box-small {
  width: 240px;
  height: 304px; }
  @media screen and (max-width: 991px), screen and (max-height: 800px) {
    .latest-news__box-small {
      width: 225px;
      height: 285px; } }

.latest-news__box-img {
  width: 100%;
  background: url() no-repeat center center;
  background-size: cover;
  transition: .4s;
  border-radius: 0 50% 50% 0;
  -webkit-filter: grayscale(1);
  /* Webkit */
  filter: gray;
  /* IE6-9 */
  filter: grayscale(1);
  /* W3C */ }

.latest-news__box {
  opacity: 1 !important;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  outline: none; }
  .latest-news__box:first-child {
    top: 16%;
    left: 28%;
    z-index: 8; }
  .latest-news__box:nth-child(2) {
    top: 34%;
    left: 5%;
    z-index: 3; }
  .latest-news__box:nth-child(3) {
    top: 44%;
    left: 74%;
    z-index: 6; }
  .latest-news__box:nth-child(4) {
    top: 10%;
    left: 68%;
    z-index: 5; }
  .latest-news__box:nth-child(5) {
    top: 46%;
    left: 61%;
    z-index: 4; }
  .latest-news__box:nth-child(6) {
    top: 5%;
    left: 21%;
    z-index: 1; }
  .latest-news__box:nth-child(7) {
    top: 22%;
    left: 54%; }
  .latest-news__box:nth-child(8) {
    top: 65%;
    left: 15%;
    z-index: 7; }
  .latest-news__box:hover, .latest-news__box.latest-news__box-active {
    opacity: 1 !important;
    z-index: 10 !important;
    cursor: grabbing; }
    .latest-news__box:hover .latest-news__box-img, .latest-news__box.latest-news__box-active .latest-news__box-img {
      border-radius: 0;
      -webkit-filter: grayscale(0);
      /* Webkit */
      filter: none;
      /* IE6-9 */
      filter: grayscale(0);
      /* W3C */ }
    .latest-news__box:hover .latest-news__box-details, .latest-news__box.latest-news__box-active .latest-news__box-details {
      opacity: 1; }
  .latest-news__box.latest-news__box-active-d, .latest-news__box.latest-news__box-active-m {
    z-index: 10 !important; }
  @media screen and (max-width: 767px) {
    .latest-news__box {
      width: auto !important;
      max-width: 450px;
      height: auto !important;
      max-height: 570px;
      min-width: 225px;
      min-height: 285px;
      touch-action: pan-x !important;
      transition: .4s; }
      .latest-news__box .latest-news__box-img {
        border-radius: 0; }
      .latest-news__box:nth-child(n + 1) {
        left: 45px;
        top: 0; }
      .latest-news__box.latest-news__box-one {
        left: 45px !important;
        top: 0px !important;
        z-index: 10 !important;
        margin-right: 30px; }
        .latest-news__box.latest-news__box-one .latest-news__box-img {
          -webkit-filter: grayscale(0);
          /* Webkit */
          filter: none;
          /* IE6-9 */
          filter: grayscale(0);
          /* W3C */ }
        .latest-news__box.latest-news__box-one .latest-news__box-details {
          opacity: 1; }
      .latest-news__box.latest-news__box-two {
        left: 55px !important;
        top: 20px !important;
        z-index: 9 !important;
        margin-right: 15px;
        pointer-events: none; }
      .latest-news__box.latest-news__box-three {
        left: 65px !important;
        top: 40px !important;
        z-index: 8 !important;
        margin-right: 0px;
        pointer-events: none; }
      .latest-news__box.latest-news__box-others {
        pointer-events: none;
        left: 65px !important;
        top: 40px !important; }
        .latest-news__box.latest-news__box-others .latest-news__box-img {
          opacity: 0; }
        .latest-news__box.latest-news__box-others.latest-news__box-fadeLeft {
          -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          transform: translateX(-100%);
          transition: all .4s, top 5s;
          opacity: 0 !important; }
          .latest-news__box.latest-news__box-others.latest-news__box-fadeLeft .latest-news__box-img {
            opacity: 0; }
        .latest-news__box.latest-news__box-others.latest-news__box-fadeRight {
          -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
          transform: translateX(100%);
          transition: all .4s, top 5s;
          opacity: 0 !important; }
          .latest-news__box.latest-news__box-others.latest-news__box-fadeRight .latest-news__box-img {
            opacity: 0; } }

.latest-news__box-details {
  opacity: 0;
  transition: .4s;
  position: absolute;
  bottom: 35px;
  left: -88px;
  width: 320px;
  height: auto;
  padding: 20px 25px;
  background-color: #fff;
  text-align: left; }
  @media screen and (max-width: 991px), screen and (max-height: 800px) {
    .latest-news__box-details {
      padding: 15px;
      width: 210px;
      left: -45px; }
      .latest-news__box-details .latest-news__box-details-title {
        font-size: 16px;
        line-height: 17px; } }
  .latest-news__box-details:after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/common/icons/svg/black/icon-arrow-down.svg) no-repeat center center;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    @media screen and (max-width: 767px) {
      .latest-news__box-details:after {
        width: 20px;
        height: 20px; } }

.latest-news__btn-wrapper {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 30px;
  bottom: 30px; }

.latest-news__btn-more {
  z-index: 10;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 150px;
  font-weight: bold;
  font-size: 18px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .latest-news__btn-more.tc {
    width: 130px; }
  @media screen and (max-width: 767px) {
    .latest-news__btn-more {
      width: 100px;
      font-size: 14px; }
      .latest-news__btn-more.tc {
        width: 90px; } }
  .latest-news__btn-more:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(../images/common/icons/svg/black/icon-arrow-down.svg) no-repeat center center;
    background-size: 100%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg); }
    @media screen and (max-width: 767px) {
      .latest-news__btn-more:after {
        width: 20px;
        height: 20px; } }

.latest-news__box-details-date {
  font-size: 12px;
  line-height: 28px;
  font-weight: bold; }

.latest-news__box-details-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 900; }

/* end of updated*/
.latest-news__lines {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 50%;
  z-index: 30;
  pointer-events: none; }
  .latest-news__lines a {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    pointer-events: all;
    margin-top: -10px;
    opacity: 0.2; }
    .latest-news__lines a:after {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      position: absolute;
      left: 0;
      top: 50%;
      background: #000; }
    .latest-news__lines a:hover {
      opacity: 1; }
      .latest-news__lines a:hover:after {
        height: 2px; }
    .latest-news__lines a:nth-child(1) {
      margin-left: -10px;
      -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
      transform-origin: right center;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .latest-news__lines a:nth-child(2) {
      margin-left: 10px;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: rotate(-80deg);
      -ms-transform: rotate(-80deg);
      transform: rotate(-80deg); }
    .latest-news__lines a:nth-child(3) {
      margin-left: 10px;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      transform: rotate(-30deg); }
    .latest-news__lines a:nth-child(4) {
      margin-left: 10px;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
      transform: rotate(15deg); }
    .latest-news__lines a:nth-child(5) {
      margin-left: 10px;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: rotate(55deg);
      -ms-transform: rotate(55deg);
      transform: rotate(55deg); }
    .latest-news__lines a:nth-child(6) {
      -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg); }
    .latest-news__lines a:nth-child(7) {
      margin-left: -10px; }
    .latest-news__lines a:nth-child(8) {
      margin-left: -10px;
      margin-top: -11px; }

.latest-news__date {
  position: absolute;
  right: 100%;
  margin-right: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 120px; }
  @media screen and (max-width: 991px), screen and (max-height: 800px) {
    .latest-news__date {
      margin-right: 40px; } }
  @media screen and (max-width: 991px) {
    .latest-news__date {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      top: -18%;
      right: -24%;
      left: auto;
      bottom: auto; } }
  .latest-news__date strong {
    display: block;
    font-size: 58px;
    line-height: 1.125em; }
    @media screen and (max-width: 991px), screen and (max-height: 800px) {
      .latest-news__date strong {
        font-size: 48px; } }
  .latest-news__date span {
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.125em; }
  .latest-news__date time {
    display: none; }
    .latest-news__date time.is-active {
      display: block; }

/* END Style latest-news  */
/* ------------------------------------------ */
/* Style for lesson-info */
/* ------------------------------------------ */
.lesson-info h3 {
  margin: 0 0 10px; }

.lesson-info__row {
  opacity: 0;
  width: 70%;
  border-bottom: solid 1px #000;
  margin: auto;
  padding-bottom: 50px;
  margin-bottom: 50px; }
  .sec-basic .lesson-info__row {
    width: 100%; }
  @media screen and (max-width: 1580px) {
    .lesson-info__row {
      width: 80%; } }
  @media screen and (max-width: 991px) {
    .lesson-info__row {
      width: 90%; } }
  .lesson-info__row:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
  .lesson-info__row.in-view {
    -webkit-animation: fade-in-basic 1s;
    animation: fade-in-basic 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

/* END Style lesson-info  */
/* ------------------------------------------ */
/* Style for video-bg */
/* ------------------------------------------ */
.letters-bg {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 0.75s;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform; }
  @media screen and (max-width: 767px) {
    .letters-bg {
      padding-top: 100vh;
      position: absolute; } }

.letters-bg__item {
  font-size: 90vw;
  line-height: 120vh;
  margin-bottom: 30vh;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.2);
  z-index: 0;
  display: block; }
  @media screen and (max-width: 767px) {
    .letters-bg__item {
      font-size: 90vh;
      margin-bottom: 0; } }
  .letters-bg__item:nth-child(2n) {
    float: left; }
  .letters-bg__item:nth-child(2n+1) {
    float: right; }

/* END Style video-bg  */
/* ------------------------------------------ */
/* Style for loc-map */
/* ------------------------------------------ */
.loc-map {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }
  @media screen and (max-width: 767px) {
    .loc-map {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.loc-map__detail-holder,
.loc-map__map-holder {
  position: relative;
  display: inline-block;
  width: 50%; }
  @media screen and (max-width: 767px) {
    .loc-map__detail-holder,
    .loc-map__map-holder {
      width: 100%; } }

.loc-map__detail-holder {
  text-align: left;
  padding: 100px 30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 45%; }
  @media screen and (max-width: 991px) {
    .loc-map__detail-holder {
      padding: 60px 30px; } }
  @media screen and (max-width: 767px) {
    .loc-map__detail-holder {
      width: 100%;
      padding: 30px 5%; } }

@media screen and (max-width: 767px) {
  .loc-map__detail {
    width: 100%; } }

.loc-map__map-holder {
  width: 55%; }
  @media screen and (max-width: 767px) {
    .loc-map__map-holder {
      width: 100%;
      height: 300px; } }

.loc-map__title {
  color: #00f7c1;
  margin: 0 0 30px;
  display: block; }
  @media screen and (max-width: 767px) {
    .loc-map__title {
      margin: 0 0 15px; } }

.loc-map__detail-item {
  margin: 0 0 15px; }

.loc-map__detail-title {
  margin: 0 0 5px; }

.loc-map__detail-desc {
  margin: 0 0 5px; }
  .loc-map__detail-desc:last-child {
    margin: 0; }

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

/* END Style loc-map  */
/* ------------------------------------------ */
/* Style for mob-nav */
/* ------------------------------------------ */
.mob-nav {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  padding-top: 60px;
  transition: 0.3s;
  display: none;
  overflow: auto;
  pointer-events: none;
  z-index: 499;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 0; }
  .mob-menu-open .mob-nav {
    pointer-events: all;
    opacity: 1;
    z-index: 499;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    overflow: auto; }
  .mob-nav.search-open .menu-search {
    display: block; }
  .mob-nav.search-open .mob-nav__col {
    display: none; }
  @media screen and (max-width: 991px) {
    .mob-nav {
      display: block;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%); }
      .mob-menu-open .mob-nav {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
  @media screen and (max-width: 380px) {
    .mob-nav {
      padding-top: 100px; } }

.mob-nav__wrapper {
  position: relative;
  padding-top: 1px;
  padding-bottom: 200px;
  height: 100%;
  top: 0;
  min-height: 750px; }
  @media screen and (min-width: 992px) and (max-height: 800px) {
    .mob-nav__wrapper {
      min-height: 680px; } }
  @media screen and (min-width: 992px) and (max-height: 600px) {
    .mob-nav__wrapper {
      min-height: 600px; } }
  @media screen and (max-width: 767px) {
    .mob-nav__wrapper {
      min-height: 480px; } }

.mob-nav__link {
  position: relative;
  width: 100%;
  color: #000;
  display: block;
  margin: 0 auto;
  padding: 12px 0;
  text-align: left;
  font-weight: bold;
  font-size: 24px;
  opacity: 0; }
  .mob-nav__link.back-btn {
    display: none; }
  @media screen and (max-width: 991px) {
    .mob-nav__link {
      font-size: 20px; }
      .mob-nav__link.back-btn {
        display: inline-block; } }
  @media screen and (max-width: 767px) {
    .mob-nav__link {
      font-size: 16px; } }
  .mob-menu-open .mob-nav__link {
    -webkit-animation: fade-in-menu-link 0.8s;
    animation: fade-in-menu-link 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

@-webkit-keyframes fade-in-menu-link {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-in-menu-link {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
    .mob-menu-open .mob-nav__link:nth-child(1) {
      -webkit-animation-delay: 0s;
      animation-delay: 0s; }
    .mob-menu-open .mob-nav__link:nth-child(2) {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s; }
    .mob-menu-open .mob-nav__link:nth-child(3) {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s; }
    .mob-menu-open .mob-nav__link:nth-child(4) {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
    .mob-menu-open .mob-nav__link:nth-child(5) {
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s; }
    .mob-menu-open .mob-nav__link:nth-child(6) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .mob-menu-open .mob-nav__link:nth-child(7) {
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s; }
    .mob-menu-open .mob-nav__link:nth-child(8) {
      -webkit-animation-delay: 0.7s;
      animation-delay: 0.7s; }
    .mob-menu-open .mob-nav__link:nth-child(9) {
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s; }
    .mob-menu-open .mob-nav__link:nth-child(10) {
      -webkit-animation-delay: 0.9s;
      animation-delay: 0.9s; }
  .mob-nav__link:hover {
    opacity: 1;
    color: #000; }
    .mob-nav__link:hover:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 40%;
      top: 35%;
      left: 0px;
      background-color: #00ff88;
      display: block;
      z-index: -10; }
  .mob-nav__link.on-over {
    opacity: 1;
    color: #000; }
    .mob-nav__link.on-over:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 40%;
      top: 35%;
      left: 0px;
      background-color: #00ff88;
      display: block;
      z-index: -10; }
  .mob-nav__link > span {
    position: relative;
    padding: 0 30px; }
  .mob-nav__link.has-sub > span:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #005d83;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -4px; }

.mob-nav__sub-holder {
  position: relative;
  width: 100%;
  padding: 5px 0 15px;
  display: none;
  transition: width 0.3s; }
  .mob-nav__sub-holder .mob-nav__sub-holder-bg {
    top: 10px;
    left: -2500px;
    display: block;
    position: absolute;
    width: 10000px;
    height: 100%;
    height: calc(100% - 10px);
    background: #FFF;
    z-index: 1;
    display: none; }

.mob-nav__sub-link {
  display: block;
  padding: 5px 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 3;
  color: #000; }
  .mob-nav__sub-link:hover {
    opacity: 1;
    color: #000; }

.mob-nav__control {
  position: relative;
  width: 94%;
  margin: 0 auto;
  display: none;
  text-align: center; }
  @media screen and (max-width: 991px) {
    .mob-nav__control {
      display: block; } }

.mob-nav__main-nav {
  margin-top: 140px; }
  @media screen and (max-width: 1480px) {
    .mob-nav__main-nav {
      margin-top: 120px; } }
  @media screen and (max-width: 991px) {
    .mob-nav__main-nav {
      margin-top: 110px; } }
  @media screen and (max-width: 767px) {
    .mob-nav__main-nav {
      margin-top: 80px; } }
  @media screen and (min-width: 992px) and (max-height: 800px), screen and (max-width: 767px) {
    .mob-nav__main-nav {
      margin-top: 30px; } }
  @media screen and (min-width: 992px) and (max-height: 600px) {
    .mob-nav__main-nav {
      margin-top: 0; } }

.mob-nav__row {
  padding-top: 60px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .mob-nav__row {
      padding-top: 0; } }

.mob-nav__col {
  width: 30%;
  display: inline-block;
  margin: 0 60px;
  text-align: left; }
  @media screen and (max-width: 991px) {
    .mob-nav__col {
      width: 100%;
      margin: 0 45px; }
      .mob-nav__col:nth-child(3) {
        display: none; } }
  @media screen and (max-width: 767px) {
    .mob-nav__col {
      margin: 0 5%; } }

.mob-nav .sub-menu {
  display: none; }
  .mob-nav .sub-menu > a {
    font-weight: normal; }

.mob-nav__bottom {
  position: absolute;
  width: 100%;
  bottom: 60px;
  text-align: center;
  opacity: 0; }
  @media screen and (max-width: 767px) {
    .mob-nav__bottom {
      padding: 0 5%;
      bottom: 30px; } }
  .mob-nav__bottom > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px; }
  .mob-menu-open .mob-nav__bottom {
    -webkit-animation: fade-in-basic 0.8s 0.8s;
    animation: fade-in-basic 0.8s 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

.mob-nav__subscription {
  position: relative;
  width: 100%;
  padding: 30px 0;
  margin-bottom: 30px; }
  .mob-nav__subscription:before {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    position: absolute;
    background: #000;
    left: 50%;
    bottom: 0;
    margin-left: -20px; }

.mob-nav__subscription-btn {
  display: inline-block;
  padding-right: 60px;
  position: relative;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .mob-nav__subscription-btn {
      display: block;
      font-size: 14px;
      text-align: left; } }
  .mob-nav__subscription-btn:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    background: url(../images/common/icons/svg/black/icon-arrow-down.svg) no-repeat center center;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.mob-nav__quick-links {
  margin-top: 10px; }
  @media screen and (max-width: 767px) {
    .mob-nav__quick-links {
      font-size: 14px; } }

.mob-nav__quick-link {
  display: inline-block;
  margin: 0 15px;
  font-size: 14px; }
  @media screen and (max-width: 480px) {
    .mob-nav__quick-link {
      margin-bottom: 10px;
      margin: 0 15px;
      font-size: 12px; } }

.search-field {
  position: relative;
  width: 94%;
  max-width: 1280px;
  margin: auto;
  background-color: #00f7c1;
  font-size: 20px;
  height: 46px;
  border-radius: 23px;
  display: block;
  box-sizing: border-box;
  font-weight: bold;
  padding: 0px 40px; }
  @media screen and (max-width: 767px) {
    .search-field {
      padding: 0px 30px;
      width: 90%; } }
  .search-field .field {
    padding: 0;
    position: relative;
    width: calc(100% - 30px);
    color: #000;
    border-bottom: none;
    height: 100%;
    z-index: 10; }
    .search-field .field::placeholder {
      color: #000; }
  .search-field .submit-btn {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url() no-repeat center center;
    background-size: 100%;
    background-image: url(../images/common/icons/svg/black/icon-search.svg);
    vertical-align: middle;
    border-bottom: none;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -10px;
    z-index: 20;
    padding: 0; }
    @media screen and (max-width: 767px) {
      .search-field .submit-btn {
        right: 30px; } }

.menu-search {
  position: relative;
  width: 100%;
  display: none; }
  .menu-search p {
    width: 94%;
    max-width: 1280px;
    font-size: 90px;
    font-weight: bold;
    line-height: 90px;
    max-height: 1000000px;
    margin: auto;
    margin-bottom: 30px; }
    @media screen and (max-width: 991px) {
      .menu-search p {
        font-size: 36px;
        line-height: 36px; } }

/* END Style mob-nav  */
/* ------------------------------------------ */
/* Style for num-list */
/* ------------------------------------------ */
.num-list {
  font-size: 20px;
  padding-left: 25px; }
  @media screen and (max-width: 1480px) {
    .num-list {
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .num-list {
      font-size: 16px; } }
  .num-list li {
    margin-bottom: 12px; }

/* END Style num-list  */
/* ------------------------------------------ */
/* Style for .home-top */
/* ------------------------------------------ */
.page-head {
  position: relative;
  background: #FFF;
  margin-top: 140px;
  padding: 30px 0 30px; }
  @media screen and (max-width: 1480px) {
    .page-head {
      margin-top: 120px; } }
  @media screen and (max-width: 991px) {
    .page-head {
      margin-top: 110px; } }
  @media screen and (max-width: 767px) {
    .page-head {
      margin-top: 80px; } }
  .inner-page .page-head {
    margin-top: 30px; }
    @media screen and (max-width: 1580px) {
      .inner-page .page-head {
        margin-top: 25px; } }
    @media screen and (max-width: 991px) {
      .inner-page .page-head {
        margin-top: 25px; } }
    @media screen and (max-width: 767px) {
      .inner-page .page-head {
        margin-top: 15px; } }
  @media screen and (max-width: 767px) {
    .page-head {
      padding: 0; } }
  .page-event-list .page-head:before {
    content: '';
    width: 10px;
    height: 450px;
    position: absolute;
    background: #51296f;
    display: block;
    top: 100%;
    left: 0; }
  .page-head.page-head--has-list {
    padding-bottom: 245px; }
    @media screen and (max-width: 991px) {
      .page-head.page-head--has-list {
        padding-bottom: 195px; } }
    @media screen and (max-width: 767px) {
      .page-head.page-head--has-list {
        padding-bottom: 165px; } }
    @media screen and (max-width: 380px) {
      .page-head.page-head--has-list {
        padding-bottom: 155px; } }
    .page-head.page-head--has-list .page-head__blue-bar {
      position: absolute;
      right: 50%;
      bottom: 0;
      width: 50vw;
      height: 215px;
      background-color: #00a0e9;
      z-index: 0; }
      @media screen and (max-width: 991px) {
        .page-head.page-head--has-list .page-head__blue-bar {
          height: 180px; } }
      @media screen and (max-width: 767px) {
        .page-head.page-head--has-list .page-head__blue-bar {
          bottom: 30px;
          height: 120px;
          width: 70%;
          right: 30%; } }
      @media screen and (max-width: 380px) {
        .page-head.page-head--has-list .page-head__blue-bar {
          height: 90px;
          bottom: 50px; } }

.page-head__wrapper {
  /*
    &:before{
        content:'';
        display:block;
        position:relative;
        width:100%;
        padding-bottom: percentage(435/1235);
        max-width:300px;
    }
    */
  z-index: 30;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 640px) {
    .page-head__wrapper {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media screen and (max-width: 991px) {
    .page-head--has-list .page-head__wrapper {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.page-head__remark {
  padding: 10px;
  margin-bottom: 20px; }

.page-head__title {
  opacity: 0; }
  .page-head__title h1, .page-head__title h2, .page-head__title h3, .page-head__title h4, .page-head__title h5, .page-head__title h6 {
    margin: 0;
    font-weight: 300; }
    .page-head__title h1 strong, .page-head__title h2 strong, .page-head__title h3 strong, .page-head__title h4 strong, .page-head__title h5 strong, .page-head__title h6 strong {
      font-weight: bold; }
  @media screen and (max-width: 640px) {
    .page-head__title {
      margin-bottom: 15px; } }
  .page-ready .page-head__title {
    -webkit-animation: fade-in-basic 1s 0.3s;
    animation: fade-in-basic 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .page-head__title.page-head__title--big h1, .page-head__title.page-head__title--big h2, .page-head__title.page-head__title--big h3, .page-head__title.page-head__title--big h4, .page-head__title.page-head__title--big h5, .page-head__title.page-head__title--big h6 {
    font-weight: 300; }
    .page-head__title.page-head__title--big h1 strong, .page-head__title.page-head__title--big h2 strong, .page-head__title.page-head__title--big h3 strong, .page-head__title.page-head__title--big h4 strong, .page-head__title.page-head__title--big h5 strong, .page-head__title.page-head__title--big h6 strong {
      font-weight: bold; }
  @media screen and (max-width: 991px) {
    .page-head--has-list .page-head__title br {
      display: none; } }

.page-head__subtitle h1, .page-head__subtitle h2, .page-head__subtitle h3, .page-head__subtitle h4, .page-head__subtitle h5, .page-head__subtitle h6 {
  margin: 0;
  font-weight: 300; }
  .page-head__subtitle h1 strong, .page-head__subtitle h2 strong, .page-head__subtitle h3 strong, .page-head__subtitle h4 strong, .page-head__subtitle h5 strong, .page-head__subtitle h6 strong {
    font-weight: bold; }

.page-head__desc {
  line-height: 1.8em;
  margin-top: 30px; }

.page-head--has-list .page-head__title-holder {
  width: 50%; }

@media screen and (max-width: 640px) {
  .page-head__title-holder {
    width: 100%;
    margin-bottom: 15px; } }

@media screen and (max-width: 991px) {
  .page-head--has-list .page-head__title-holder {
    width: 100%;
    margin-bottom: 15px; } }

.page-head__tag-holder {
  width: 40%;
  max-width: 450px;
  opacity: 0; }
  @media screen and (max-width: 1580px) {
    .page-head__tag-holder {
      width: 35%; } }
  @media screen and (max-width: 991px) {
    .page-head__tag-holder {
      width: 33.3333%; } }
  @media screen and (max-width: 640px) {
    .page-head__tag-holder {
      width: 100%; } }
  .page-ready .page-head__tag-holder {
    -webkit-animation: fade-in-from-top 1s 0.6s;
    animation: fade-in-from-top 1s 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .page-head__tag-holder hr {
    margin: 0 0 30px;
    border: 0;
    border-bottom: 1px solid #000; }

.page-head__list-holder {
  width: 50%;
  padding-left: 60px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: -120px; }
  @media screen and (max-width: 991px) {
    .page-head--has-list .page-head__list-holder {
      width: 100%;
      margin-bottom: 15px;
      padding-left: 0; } }

.page-head__tag {
  font-size: 18px;
  line-height: 1.8em;
  font-weight: bold; }
  @media screen and (max-width: 1580px) {
    .page-head__tag {
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    .page-head__tag {
      font-size: 14px;
      line-height: 1.5em; } }

.page-head__title-svg {
  display: block;
  top: 0;
  left: 0;
  z-index: 10; }
  .page-head__title-svg .hm-slg--hkid {
    font-size: 120px;
    font-weight: 900; }
  .page-head__title-svg > rect {
    fill: #FFF;
    -webkit-mask: url(#mask);
    mask: url(#mask); }

.page-head__title-txt {
  font-size: 50px;
  font-weight: 900;
  color: #000; }

.page-head__vid {
  width: calc(100% - 2px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 1px;
  z-index: 5;
  opacity: 0; }

.page-head__vid-holder {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0% 0%; }
  .page-head__vid-holder video {
    margin: auto;
    position: absolute;
    z-index: -1;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: auto; }

.page-head__logo {
  display: block;
  margin-bottom: 30px; }

.page-head__logo-label {
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px; }

/* END Style .home-top  */
/* ------------------------------------------ */
/* Style for page-tabs */
/* ------------------------------------------ */
.page-tabs {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .page-tabs .video-bg {
    position: absolute;
    top: 0;
    opacity: 0;
    min-width: 100%;
    -webkit-animation: fade-in-video-bg 1s 0.6s;
    animation: fade-in-video-bg 1s 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
    .page-tabs .video-bg video {
      min-width: 100%;
      min-height: 100vh; }

@-webkit-keyframes fade-in-video-bg {
  from {
    opacity: 0; }
  to {
    opacity: 0.23; } }

@keyframes fade-in-video-bg {
  from {
    opacity: 0; }
  to {
    opacity: 0.23; } }
  .page-tabs .programme-news {
    width: 100%; }
    .page-tabs .programme-news .block {
      margin: 0 5px 30px; }

.page-tabs__btns {
  position: relative;
  padding: 45px 0 15px;
  background: #FFF;
  z-index: 5;
  margin-bottom: 30px; }
  @media screen and (max-width: 1580px) {
    .page-tabs__btns {
      padding: 30px 0 15px; } }
  @media screen and (max-width: 767px) {
    .page-tabs__btns {
      padding: 30px 0 15px;
      margin-bottom: 10px; } }
  @media screen and (max-width: 480px) {
    .page-tabs__btns {
      padding: 30px 0 10px; } }
  @media screen and (max-width: 480px) {
    .page-tabs__btns .page-tabs__wrapper {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.page-tabs__btn {
  position: relative;
  display: inline-block;
  margin-right: 30px;
  pointer-events: none;
  font-size: 24px; }
  .page-ready .page-tabs__btn {
    pointer-events: all; }
  .page-tabs__btn span {
    display: inline-block;
    opacity: 0;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .page-ready .page-tabs__btn span {
      -webkit-animation: fade-in-page-tabs 1s;
      animation: fade-in-page-tabs 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      will-change: transform; }

@-webkit-keyframes fade-in-page-tabs {
  from {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fade-in-page-tabs {
  from {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
  .page-tabs__btn:nth-child(1) span {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  .page-tabs__btn:nth-child(2) span {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s; }
  .page-tabs__btn:nth-child(3) span {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  .page-tabs__btn:nth-child(4) span {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s; }
  .page-tabs__btn:nth-child(5) span {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s; }
  .page-tabs__btn:nth-child(6) span {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s; }
  @media screen and (max-width: 1580px) {
    .page-tabs__btn {
      font-size: 18px; } }
  @media screen and (max-width: 991px) {
    .page-tabs__btn {
      font-size: 16px;
      margin-right: 15px; } }
  @media screen and (max-width: 767px) {
    .page-tabs__btn {
      font-size: 14px;
      margin-right: 12px; } }
  @media screen and (max-width: 480px) {
    .page-tabs__btn {
      font-size: 12px;
      transition: 0.3s;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 4em;
      display: block;
      overflow-y: hidden;
      position: relative; }
      .page-tabs__btn.is-active {
        width: auto;
        max-width: none;
        text-overflow: initial;
        overflow: initial; } }
  .page-tabs__btn:last-child {
    margin-right: 0; }
  .page-tabs__btn:before, .page-tabs__btn:after {
    content: '';
    display: block;
    height: 30px;
    width: 20000px;
    background: #FFF;
    position: absolute;
    top: 100%;
    margin-top: 15px;
    opacity: 0;
    transition: transform 0.4s, left 0.4s, right 0.4s;
    pointer-events: none; }
    @media screen and (max-width: 767px) {
      .page-tabs__btn:before, .page-tabs__btn:after {
        height: 15px; } }
    @media screen and (max-width: 480px) {
      .page-tabs__btn:before, .page-tabs__btn:after {
        margin-top: 5px; } }
  .page-tabs__btn:before {
    right: 50%; }
  .page-tabs__btn:after {
    left: 50%; }
  .page-tabs__btn.is-active {
    font-weight: bold; }
    .page-tabs__btn.is-active:before, .page-tabs__btn.is-active:after {
      opacity: 1; }
    .page-tabs__btn.is-active:before {
      right: calc(50% + 5px);
      -webkit-transform: skew(-40deg, 0);
      -ms-transform: skew(-40deg, 0);
      transform: skew(-40deg, 0); }
      @media screen and (max-width: 767px) {
        .page-tabs__btn.is-active:before {
          right: calc(50% + 3px); } }
    .page-tabs__btn.is-active:after {
      left: calc(50% + 5px);
      -webkit-transform: skew(40deg, 0);
      -ms-transform: skew(40deg, 0);
      transform: skew(40deg, 0); }
      @media screen and (max-width: 767px) {
        .page-tabs__btn.is-active:after {
          left: calc(50% + 3px); } }
  .page-tabs__btn:hover {
    opacity: 1; }

.page-tabs__contents {
  position: relative;
  width: 100%;
  z-index: 5;
  opacity: 0;
  -webkit-animation: fade-in-basic 1s 0.9s;
  animation: fade-in-basic 1s 0.9s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform; }

.page-tabs__content {
  position: relative;
  width: 100%;
  padding: 75px 0;
  display: none; }
  @media screen and (max-width: 991px) {
    .page-tabs__content {
      padding: 60px 0; } }
  @media screen and (max-width: 767px) {
    .page-tabs__content {
      padding: 45px 0; } }
  .page-tabs__content.is-active {
    display: block; }
  .page-tabs--no-bottom-pad .page-tabs__content {
    padding-bottom: 0; }
  .page-tabs__content#tabs-professional-membership {
    padding-top: 0; }
    .page-tabs__content#tabs-professional-membership .page-tabs__full-width,
    .page-tabs__content#tabs-professional-membership .industrial-collaborations-details .membership {
      background: transparent; }
    .page-tabs__content#tabs-professional-membership .industrial-collaborations-details .membership {
      padding-left: 0;
      padding-right: 0; }

.page-tabs__bg-deco {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  width: 30px;
  height: 500px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #b2d335;
  z-index: 15; }
  @media screen and (max-width: 1280px) {
    .page-tabs__bg-deco {
      width: 15px;
      height: 300px; } }
  @media screen and (max-width: 767px) {
    .page-tabs__bg-deco {
      width: 10px;
      height: 300px; } }

.page-tabs__bg {
  position: absolute;
  display: block;
  width: 300vw;
  height: 100%;
  top: 0;
  left: -100vw;
  background: #FFF;
  z-index: 0; }
  .page-tabs__bg + {
    z-index: 10; }

.page-tabs__full-width {
  width: 100vw;
  margin-left: -3%;
  background: url() no-repeat center center;
  background-color: #FFF;
  background-size: cover; }
  @media screen and (min-width: 1362px) {
    .page-tabs__full-width {
      margin-left: calc(0% - 50vw + 640px); } }
  @media screen and (max-width: 767px) {
    .page-tabs__full-width {
      margin-left: -5%; } }

/* END Style page-tabs  */
/* ------------------------------------------ */
/* Style for pagination */
/* ------------------------------------------ */
.pagination {
  padding: 45px 0;
  color: #000;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .pagination.mobile {
    display: none; }
    @media screen and (max-width: 480px) {
      .pagination.mobile {
        display: block; } }
  @media screen and (max-width: 480px) {
    .pagination.desktop {
      display: none; } }
  @media screen and (max-width: 480px) {
    .pagination {
      padding: 15px 0;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: center;
      -ms-flex-align: center; } }

.pagination__btn-prev,
.pagination__btn-next {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 640px) {
    .pagination__btn-prev,
    .pagination__btn-next {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .pagination__btn-prev,
    .pagination__btn-next {
      width: 100%;
      margin-top: 15px; } }
  .pagination__btn-prev:hover,
  .pagination__btn-next:hover {
    opacity: 1; }

.pagination__pages {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  margin: 0 20px; }
  @media screen and (max-width: 480px) {
    .pagination__pages {
      margin-top: 15px; } }
  .pagination__pages > span,
  .pagination__pages > div {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 640px) {
      .pagination__pages > span,
      .pagination__pages > div {
        font-size: 14px; } }
  .pagination__pages > span {
    margin: 0 8px; }

.pagination__current .pagination__current-pg {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  text-align: center;
  color: #FFF;
  background: #000; }

@media screen and (max-width: 480px) {
  .pagination__btn-prev {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .pagination__btn-next {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .pagination__pages {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; } }

/* END Style pagination  */
/* ------------------------------------------ */
/* Style for pc-app */
/* ------------------------------------------ */
.pc-app {
  position: relative;
  padding: 80px 0px; }
  @media screen and (max-width: 991px) {
    .pc-app {
      padding: 60px 0px; } }
  @media screen and (max-width: 767px) {
    .pc-app {
      padding: 45px 0px; } }
  .pc-app .pc-app__item {
    opacity: 0; }
  .pc-app.in-view .pc-app__item {
    -webkit-animation: fade-in-from-right 1s 0.3s;
    animation: fade-in-from-right 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .pc-app.pc-app--venue {
    background-color: #f2f2f2; }
  .pc-app.pc-app--application {
    background-color: #51296f;
    color: #FFF; }
    .pc-app.pc-app--application a {
      color: #FFF;
      font-weight: bold;
      line-height: 29px;
      text-decoration: underline; }

.pc-app__item {
  margin-bottom: 30px; }
  .pc-app__item:last-child {
    margin-bottom: 0; }
  .pc-app__item h3 {
    margin: 0 0 10px; }
  .pc-app__item p {
    line-height: 1.5em;
    margin: 0 0 10px; }

/* END Style pc-app  */
/* ------------------------------------------ */
/* Style for profile-block */
/* ------------------------------------------ */
.profile-block {
  position: relative;
  font-size: 0;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 640px) {
    .profile-block {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .at-contact .profile-block {
    display: none; }

.profile-block__contact {
  padding: 60px 0;
  display: none; }
  .at-contact .profile-block__contact {
    display: block; }

.profile-block__detail {
  position: relative;
  display: inline-block;
  width: 50%;
  color: #FFF;
  padding: 60px 0;
  padding-right: 60px;
  font-size: 12px; }
  @media screen and (max-width: 640px) {
    .profile-block__detail {
      width: 100%;
      padding: 30px 0; } }
  .profile-block__detail .btn, .profile-block__detail .captcha__btn, .profile-block__detail .pagination__btn-prev,
  .profile-block__detail .pagination__btn-next {
    font-size: 14px;
    font-weight: bold; }

.profile-block__gallery {
  position: relative;
  display: inline-block;
  width: 50%;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .profile-block__gallery {
      width: 100%;
      margin-bottom: 30px; } }
  .profile-block__gallery .swiper-container-fade .swiper-slide {
    opacity: 0 !important; }
  .profile-block__gallery .swiper-container-fade .swiper-slide-active {
    opacity: 1 !important; }

.profile-block__slide {
  font-size: 0; }
  .profile-block__slide img {
    width: 100%; }

.profile-block__list {
  margin: 0 0 20px; }

.profile-block__name {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 20px; }

.profile-block__title {
  font-size: 14px;
  margin: 0 0 20px; }

.profile-block__desc {
  margin: 0 0 20px; }
  .profile-block__desc p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.7em; }
    .profile-block__desc p:last-child {
      margin: 0; }

.profile-block__control-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  padding-right: 30px;
  margin-right: 30px; }
  @media screen and (max-width: 991px) {
    .profile-block__control-item {
      padding-right: 0;
      margin-right: 0;
      margin-bottom: 20px;
      display: block; }
      .profile-block__control-item:last-child {
        margin-bottom: 0; } }
  .profile-block__control-item:after {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background: #FFF; }
    @media screen and (max-width: 991px) {
      .profile-block__control-item:after {
        display: none; } }
  .profile-block__control-item:last-child:after {
    display: none; }
  .profile-block__control-item .btn-share {
    margin: 0;
    margin-right: 10px;
    vertical-align: middle; }

.profile-block__control-title {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-right: 15px;
  font-size: 12px; }
  @media screen and (max-width: 991px) {
    .profile-block__control-title {
      margin-right: 10px; } }

.swiper-container-horizontal > .swiper-pagination-bullets.profile-block__gallery-pagination {
  position: absolute;
  bottom: 30px;
  left: 0;
  padding: 0 5%;
  z-index: 100; }
  .swiper-container-horizontal > .swiper-pagination-bullets.profile-block__gallery-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    width: 12px;
    height: 12px;
    background: #FFF;
    border: 1px solid #000; }

/* END Style profile-block  */
/* ------------------------------------------ */
/* Style for programme-info */
/* ------------------------------------------ */
.programme-info {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  width: 100%; }

.programme-info__list {
  position: relative; }

.programme-info__list-title {
  position: relative;
  padding: 10px 0;
  font-weight: bold; }
  .programme-info__list-title:before, .programme-info__list-title:after {
    content: '';
    position: absolute;
    width: 10000px;
    width: 50vw;
    height: 1px;
    top: 0;
    left: 0;
    display: block;
    background: #e0e0e0; }
  .programme-info__list-title:after {
    top: auto;
    bottom: 0; }

.programme-info__list-item {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px 0;
  padding-left: 45px;
  font-weight: bold;
  line-height: 1.125em; }
  .programme-info__list-item.is-active, .programme-info__list-item:hover {
    opacity: 1;
    color: #00a0e9; }
  .programme-info__list-item:last-child {
    margin-bottom: 0; }

.programme-info__list-id {
  position: absolute;
  left: 0;
  top: 10px;
  line-height: 1.125em;
  font-weight: normal; }

.programme-info__content {
  position: relative; }

.programme-info__item {
  display: none; }
  .programme-info__item.is-active {
    display: block; }

.programme-info__banner {
  margin-top: -45px;
  text-align: right;
  font-size: 0; }
  .programme-info__banner img {
    display: inline-block;
    width: 85%; }
  .programme-info__banner:after {
    content: '';
    display: table;
    width: 100%;
    height: 0;
    clear: both; }

.programme-info__head {
  position: relative;
  z-index: 15; }

.programme-info__title {
  position: relative;
  font-size: 110px;
  line-height: 0.94em;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #00a0e9;
  font-weight: 100;
  width: 55%;
  margin-left: 34%; }
  @media screen and (max-width: 1580px) {
    .programme-info__title {
      font-size: 90px; } }
  @media screen and (max-width: 991px) {
    .programme-info__title {
      font-size: 70px; } }
  @media screen and (max-width: 767px) {
    .programme-info__title {
      font-size: 48px; } }
  @media screen and (max-width: 480px) {
    .programme-info__title {
      font-size: 36px; } }
  @media screen and (max-width: 380px) {
    .programme-info__title {
      font-size: 32px; } }
  @media screen and (min-width: 1750px) {
    .programme-info__title {
      margin-left: 29%; } }
  .programme-info__title > span {
    display: inline-block;
    vertical-align: bottom;
    min-height: 100px;
     }
  .programme-info__title strong {
    color: #000;
    font-weight: bold;
    display: block; }

.programme-info__banner + .programme-info__detail {
  margin-top: -60px; }
  @media screen and (max-width: 767px) {
    .programme-info__banner + .programme-info__detail {
      margin-top: -50px; } }
  @media screen and (max-width: 380px) {
    .programme-info__banner + .programme-info__detail {
      margin-top: -45px; } }

.programme-info__title-num {
  color: #00a0e9;
  font-weight: 300;
  font-size: 450px;
  font-size: 35vw;
  line-height: 0.76em;
  letter-spacing: normal;
  margin-right: -0.05em;
  position: absolute;
  bottom: calc(100% - 100px);
  pointer-events: none;
  right: 100%; }
  @media screen and (max-width: 991px) {
    .programme-info__title-num {
      bottom: calc(100% - 130px); } }
  @media screen and (max-width: 767px) {
    .programme-info__title-num {
      bottom: calc(100% - 90px); } }
  @media screen and (max-width: 380px) {
    .programme-info__title-num {
      bottom: calc(100% - 70px); } }
  @media screen and (min-width: 1601px) {
    .programme-info__title-num {
      font-size: 560px; } }

@media screen and (max-width: 991px) {
  .programme-info__detail .txt-editor {
    padding: 0 10%; } }

@media screen and (max-width: 640px) {
  .programme-info__detail .txt-editor {
    padding: 0 45px; } }

.programme-info__control {
  position: absolute;
  left: 0;
  bottom: 75px;
  height: 0;
  width: 100%; }
  @media screen and (max-width: 1580px) {
    .programme-info__control {
      bottom: 30px; } }
  @media screen and (max-width: 991px) {
    .programme-info__control {
      bottom: -60px; } }

.programme-info__control-row {
  width: 85%;
  max-width: 1632px;
  position: relative;
  height: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 1580px) {
    .programme-info__control-row {
      width: 94%; } }
  @media screen and (max-width: 767px) {
    .programme-info__control-row {
      width: 90%; } }

.programme-info__btn-prev,
.programme-info__btn-next {
  display: inline-block;
  position: relative; }
  .programme-info__btn-prev:before,
  .programme-info__btn-next:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/common/icons/svg/blue/icon-arrow-down.svg) center center/100% no-repeat; }
    @media screen and (max-width: 1580px) {
      .programme-info__btn-prev:before,
      .programme-info__btn-next:before {
        width: 30px;
        height: 30px; } }
    @media screen and (max-width: 991px) {
      .programme-info__btn-prev:before,
      .programme-info__btn-next:before {
        width: 40px;
        height: 40px; } }
    @media screen and (max-width: 640px) {
      .programme-info__btn-prev:before,
      .programme-info__btn-next:before {
        width: 32px;
        height: 32px; } }

.programme-info__btn-prev {
  -webkit-animation: programme-arrow-float-toleft 0.8s infinite;
  animation: programme-arrow-float-toleft 0.8s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform; }
  .programme-info__btn-prev:before {
    transform: rotate(90deg); }

@-webkit-keyframes programme-arrow-float-toleft {
  0% {
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); } }

@keyframes programme-arrow-float-toleft {
  0% {
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); } }

.programme-info__btn-next {
  -webkit-animation: programme-arrow-float-toright 0.8s infinite;
  animation: programme-arrow-float-toright 0.8s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform; }
  .programme-info__btn-next:before {
    transform: rotate(-90deg); }

@-webkit-keyframes programme-arrow-float-toright {
  0% {
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%); } }

@keyframes programme-arrow-float-toright {
  0% {
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%); } }

/* END Style programme-info  */
/* ------------------------------------------ */
/* Style for programme-intro */
/* ------------------------------------------ */
.programme-intro {
  width: 40%; }
  @media screen and (max-width: 767px) {
    .programme-intro {
      width: 100%; } }
  .programme-intro + .ap-content {
    margin-top: 100px; }
    @media screen and (max-width: 1580px) {
      .programme-intro + .ap-content {
        margin-top: 80px; } }
    @media screen and (max-width: 991px) {
      .programme-intro + .ap-content {
        margin-top: 60px; } }
    @media screen and (max-width: 767px) {
      .programme-intro + .ap-content {
        margin-top: 45px; } }

.programme-intro__title {
  position: relative;
  font-weight: 300;
  margin: 0 0 15px; }
  .programme-intro__title strong {
    display: block;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .programme-intro__title strong {
        display: inline-block; } }

.programme-intro__desc {
  position: relative; }
  .programme-intro__desc p {
    font-size: 28px;
    font-weight: 200; }
    @media screen and (max-width: 1580px) {
      .programme-intro__desc p {
        font-size: 24px; } }
    @media screen and (max-width: 991px) {
      .programme-intro__desc p {
        font-size: 20px; } }
    @media screen and (max-width: 767px) {
      .programme-intro__desc p {
        font-size: 18px; } }
    .programme-intro__desc p b {
      font-size: 20px; }
      @media screen and (max-width: 1580px) {
        .programme-intro__desc p b {
          font-size: 18px; } }
      @media screen and (max-width: 991px) {
        .programme-intro__desc p b {
          font-size: 14px; } }
      @media screen and (max-width: 767px) {
        .programme-intro__desc p b {
          font-size: 12px; } }

/* END Style programme-intro  */
/* ------------------------------------------ */
/* Style for programme-portal */
/* ------------------------------------------ */
.programme-portal {
  position: relative;
  width: 100%;
  pointer-events: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .programme-portal .programme-intro {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start; }
    @media screen and (max-width: 480px) {
      .programme-portal .programme-intro {
        width: 100%;
        margin: 0 0 30px; } }
  @media screen and (max-width: 480px) {
    .programme-portal {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.programme-portal__item {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  pointer-events: all;
  z-index: 20;
  /*  &#pp-aip {
        width: 50%;
        margin-top: -60px;
        text-align: right;
        @media screen and (max-width: 767px) {
            margin-top: -90px;
        }
        a {
            display: inline-block;
            &:after {
                content: '';
                display: block;
                position: absolute;
                top: -3%;
                left: 5%;
                width: 92%;
                height: 100%;
                border: 1px solid $colorTxt;
                z-index: 30;
            }
        }
        .programme-portal__item-txt {
            left: auto;
            right: 0;
        }
        @include pp-reset();
        opacity:0;
        pointer-events: none;
        &.in-view{
            pointer-events: all;
            @include animation(fade-in-from-bottom 1s .3s);
        }
    }
    &#pp-fid {
        width: 70%;
        margin-left: 30%;
        margin-top: -80px;
        &:before {
            content: '';
            display: block;
            position: absolute;
            top: -8%;
            left: -5%;
            width: 80%;
            height: 100%;
            border: 1px solid $colorTxt;
            z-index: 10;
        }
        @include pp-reset();
        opacity:0;
        pointer-events: none;
        &.in-view{
            pointer-events: all;
            @include animation(fade-in-from-right 1s);
        }
    }*/ }
  @media screen and (max-width: 767px) {
    .programme-portal__item {
      margin-bottom: 15px; } }
  @media screen and (max-width: 480px) {
    .programme-portal__item {
      width: 100%;
      margin: 0 0 30px; }
      .programme-portal__item:last-child {
        margin-bottom: 0px; } }
  .programme-portal__item:last-child {
    margin-bottom: 0px; }
  .programme-portal__item#pp-cdd {
    width: 55%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 60px;
    opacity: 0;
    pointer-events: none; }
    @media screen and (max-width: 767px) {
      .programme-portal__item#pp-cdd {
        margin-left: 50%;
        margin-top: 30px; } }
    @media screen and (max-width: 480px) {
      .programme-portal__item#pp-cdd {
        width: 100%;
        margin: 0 0 30px; }
        .programme-portal__item#pp-cdd:last-child {
          margin-bottom: 0px; } }
    .programme-portal__item#pp-cdd.in-view {
      pointer-events: all;
      -webkit-animation: fade-in-from-right 1s;
      animation: fade-in-from-right 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      will-change: transform; }
  .programme-portal__item#pp-dfs {
    width: 40%;
    margin-top: -40px;
    z-index: 30;
    opacity: 0;
    pointer-events: none; }
    @media screen and (max-width: 767px) {
      .programme-portal__item#pp-dfs {
        margin-top: -60px;
        width: 45%; } }
    @media screen and (max-width: 480px) {
      .programme-portal__item#pp-dfs {
        width: 100%;
        margin: 0 0 30px; }
        .programme-portal__item#pp-dfs:last-child {
          margin-bottom: 0px; } }
    .programme-portal__item#pp-dfs.in-view {
      pointer-events: all;
      -webkit-animation: fade-in-from-left 1s;
      animation: fade-in-from-left 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      will-change: transform; }
  .programme-portal__item#pp-fid {
    width: 50%;
    margin-top: 60px;
    text-align: right;
    opacity: 0;
    pointer-events: none; }
    .programme-portal__item#pp-fid:after {
      content: '';
      display: block;
      position: absolute;
      top: -8%;
      left: -5%;
      width: 80%;
      height: 100%;
      border: 1px solid #000;
      z-index: 10; }
    .programme-portal__item#pp-fid .programme-portal__item-txt {
      left: auto;
      right: 0; }
    @media screen and (max-width: 480px) {
      .programme-portal__item#pp-fid {
        width: 100%;
        margin: 0 0 30px; }
        .programme-portal__item#pp-fid:last-child {
          margin-bottom: 0px; } }
    .programme-portal__item#pp-fid.in-view {
      pointer-events: all;
      -webkit-animation: fade-in-from-bottom 1s 0.3s;
      animation: fade-in-from-bottom 1s 0.3s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      will-change: transform; }
  .programme-portal__item#pp-ddm {
    width: 70%;
    margin-top: 40px;
    margin-left: 160px;
    opacity: 0;
    pointer-events: none; }
    @media screen and (max-width: 767px) {
      .programme-portal__item#pp-ddm {
        margin: auto;
        margin-top: 20px; } }
    .programme-portal__item#pp-ddm:before {
      content: '';
      display: block;
      position: absolute;
      top: 5%;
      left: 8%;
      width: 95%;
      height: 100%;
      border: 1px solid #000;
      z-index: 10; }
    @media screen and (max-width: 480px) {
      .programme-portal__item#pp-ddm {
        width: 100%;
        margin: 0 0 30px; }
        .programme-portal__item#pp-ddm:last-child {
          margin-bottom: 0px; } }
    .programme-portal__item#pp-ddm.in-view {
      pointer-events: all;
      -webkit-animation: fade-in-from-right 1s;
      animation: fade-in-from-right 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      will-change: transform; }

.programme-portal__item-body {
  position: relative; }
  .programme-portal__item-body img {
    position: relative;
    display: block;
    width: 100%;
    z-index: 15; }

.programme-portal__item-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 5%;
  color: #FFF;
  max-width: 360px;
  margin: 0;
  z-index: 50; }
  @media screen and (max-width: 991px) {
    .programme-portal__item-txt {
      font-size: 32px; } }
  @media screen and (max-width: 767px) {
    .programme-portal__item-txt {
      font-size: 24px; } }
  @media screen and (max-width: 640px) {
    .programme-portal__item-txt {
      font-size: 18px; } }

/* END Style programme-portal  */
/* ------------------------------------------ */
/* Style for publication-entry */
/* ------------------------------------------ */
.publication-entry hr {
  margin: 45px 0; }

.publication-entry .programme-news {
  width: 100%; }
  .publication-entry .programme-news .block {
    margin: 0 5px 30px; }

.publication-entry__control {
  margin-top: 20px; }
  .publication-entry__control .custom-select {
    max-width: 300px; }
  .publication-entry__control .custom-select__trigger {
    font-weight: bold; }

.publication-entry__intro {
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }
  @media screen and (max-width: 480px) {
    .publication-entry__intro {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.publication-entry__thumb {
  display: inline-block;
  width: calc(20% - 10px);
  background: red;
  margin-right: 20px;
  background: url() no-repeat center center;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .publication-entry__thumb {
      width: calc(15% - 10px); } }
  @media screen and (max-width: 640px) {
    .publication-entry__thumb {
      width: calc(35% - 10px); } }
  @media screen and (max-width: 380px) {
    .publication-entry__thumb {
      width: 100%;
      background: none !important; } }
  .publication-entry__thumb img {
    display: none; }
    @media screen and (max-width: 380px) {
      .publication-entry__thumb img {
        display: block; } }

.publication-entry__hightlight {
  display: inline-block;
  width: calc(80% - 10px);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e7e7e7; }
  @media screen and (max-width: 767px) {
    .publication-entry__hightlight {
      width: calc(85% - 10px); } }
  @media screen and (max-width: 640px) {
    .publication-entry__hightlight {
      width: calc(65% - 10px);
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media screen and (max-width: 480px) {
    .publication-entry__hightlight {
      width: 100%; } }

@media screen and (max-width: 1580px) {
  .publication-entry__hightlight-img {
    width: 60%; } }

@media screen and (max-width: 991px) {
  .publication-entry__hightlight-img {
    width: 50%; } }

@media screen and (max-width: 640px) {
  .publication-entry__hightlight-img {
    width: 100%; } }

.publication-entry__hightlight-txt {
  padding: 0 60px;
  width: 40%; }
  @media screen and (max-width: 1580px) {
    .publication-entry__hightlight-txt {
      padding: 0 45px;
      width: 40%; } }
  @media screen and (max-width: 991px) {
    .publication-entry__hightlight-txt {
      padding: 0 30px;
      width: 50%; } }
  @media screen and (max-width: 767px) {
    .publication-entry__hightlight-txt {
      padding: 0 5%; } }
  @media screen and (max-width: 640px) {
    .publication-entry__hightlight-txt {
      width: 100%;
      padding: 30px 5%; } }

.publication-entry__hightlight-title {
  margin: 0 0 30px; }
  @media screen and (max-width: 767px) {
    .publication-entry__hightlight-title {
      margin: 0 0 15px; } }
  @media screen and (max-width: 640px) {
    .publication-entry__hightlight-title {
      width: 100%; } }

/* END Style publication-entry  */
/* ------------------------------------------ */
/* Style for publication-list */
/* ------------------------------------------ */
.publication-list {
  position: relative;
  margin-bottom: 90px; }
  @media screen and (max-width: 991px) {
    .publication-list {
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .publication-list {
      margin-bottom: 45px; } }

.txt-editor + .publication-list {
  position: relative;
  margin-top: 90px; }
  @media screen and (max-width: 991px) {
    .txt-editor + .publication-list {
      margin-top: 60px; } }
  @media screen and (max-width: 767px) {
    .txt-editor + .publication-list {
      margin-top: 45px; } }

.publication-list__title {
  margin: 0 0 30px; }

.publication-list__items {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }
  .publication-list__items .publication-list_dl-btn {
    display: flex;
    align-items: center; }
    .publication-list__items .publication-list_dl-btn > span:first-child {
      margin-right: 10px; }
  .publication-list__items .btn-arrow {
    display: inline-block; }

.publication-list__item {
  width: calc(20% - 30px*4/5);
  margin-right: 30px;
  margin-bottom: 30px; }
  .publication-list__item:nth-child(5n+5) {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .publication-list__item {
      width: calc(25% - 30px*3/4); }
      .publication-list__item:nth-child(5n+5) {
        margin-right: 30px; }
      .publication-list__item:nth-child(4n+4) {
        margin-right: 0; } }
  @media screen and (max-width: 767px) {
    .publication-list__item {
      width: calc(33.3333% - 30px*2/3); }
      .publication-list__item:nth-child(5n+5), .publication-list__item:nth-child(4n+4) {
        margin-right: 30px; }
      .publication-list__item:nth-child(3n+3) {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    .publication-list__item {
      width: calc(50% - 30px*1/2); }
      .publication-list__item:nth-child(5n+5), .publication-list__item:nth-child(4n+4), .publication-list__item:nth-child(3n+3) {
        margin-right: 30px; }
      .publication-list__item:nth-child(3n+2) {
        margin-right: 0; } }
  @media screen and (max-width: 380px) {
    .publication-list__item {
      width: 100%;
      margin-right: 0; }
      .publication-list__item:nth-child(5n+5), .publication-list__item:nth-child(4n+4), .publication-list__item:nth-child(3n+3), .publication-list__item:nth-child(3n+2) {
        margin-right: 0; } }

.publication-list__item-img {
  display: block;
  width: 100%;
  margin: 0 0 10px; }

.publication-list__item-title {
  margin: 0 0 5px; }

.publication-list__item-desc {
  margin: 0; }

.btn-arrow {
  margin: 0; }

/* END Style publication-list  */
/* ------------------------------------------ */
/* Style for sec-about */
/* ------------------------------------------ */
.sec-about {
  padding: 120px 0; }
  @media screen and (max-width: 1580px) {
    .sec-about {
      padding: 90px 0; } }
  @media screen and (max-width: 991px) {
    .sec-about {
      padding: 80px 0; } }
  @media screen and (max-width: 767px) {
    .sec-about {
      padding: 60px 0; } }
  .sec-about.sec-about--black {
    background: #000;
    color: #FFF;
    border-top: 1px solid #FFF; }

/* END Style sec-about  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
.sec-basic {
  position: relative;
  width: 100%;
  padding: 100px 0; }
  @media screen and (max-width: 1580px) {
    .sec-basic {
      padding: 90px 0; } }
  @media screen and (max-width: 991px) {
    .sec-basic {
      padding: 80px 0; } }
  @media screen and (max-width: 767px) {
    .sec-basic {
      padding: 60px 0; } }
  .sec-basic--black {
    background: #000;
    color: #FFF;
    border-top: 1px solid #FFF; }
  .sec-basic > .txt-editor {
    position: relative;
    z-index: 5; }
  .sec-basic .pagination:last-child,
  .sec-basic .article-detail:last-child {
    padding-bottom: 0; }
  .sec-basic .article-detail .programme-news {
    margin-top: 0; }

.sec-basic__title {
  margin: 0 0 30px; }

/* END Style sample  */
/* ------------------------------------------ */
/* Style for sec-ack */
/* ------------------------------------------ */
.sec-ack {
  position: relative;
  padding: 100px 0; }
  @media screen and (max-width: 1580px) {
    .sec-ack {
      padding: 90px 0; } }
  @media screen and (max-width: 991px) {
    .sec-ack {
      padding: 80px 0; } }
  @media screen and (max-width: 767px) {
    .sec-ack {
      padding: 60px 0; } }
  .sec-ack--black {
    background: #000;
    color: #FFF; }

.sec-ack__title {
  margin: 0 0 30px;
  font-weight: 100;
  line-height: 1em; }

.sec-ack__row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.sec-ack__item {
  width: calc(20% - 15px*4/5);
  margin-right: 15px;
  text-align: center; }
  .sec-ack__item:nth-child(5n+5) {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .sec-ack__item {
      width: calc(20% - 15px*3/4); }
      .sec-ack__item:nth-child(5n+5) {
        margin-right: 15px; }
      .sec-ack__item:nth-child(4n+4) {
        margin-right: 0; } }
  @media screen and (max-width: 767px) {
    .sec-ack__item {
      width: calc(33.3333% - 15px*2/3); }
      .sec-ack__item:nth-child(5n+5), .sec-ack__item:nth-child(4n+4) {
        margin-right: 15px; }
      .sec-ack__item:nth-child(3n+3) {
        margin-right: 0; } }
  .sec-ack__item:last-child {
    margin-right: 0; }

/* END Style sec-ack  */
/* ------------------------------------------ */
/* Style for sec-footbar */
/* ------------------------------------------ */
.sec-footbar {
  position: absolute;
  bottom: 5%;
  width: 100%;
  z-index: 50; }
  .sec-footbar .content-wrapper, .sec-footbar .exhib-contact__wrapper, .sec-footbar .exhib-list__wrapper, .sec-footbar .exhib-space__wrapper, .sec-footbar .gallery-exhib__wrapper, .sec-footbar .page-head__wrapper, .sec-footbar .page-tabs__wrapper, .sec-footbar .programme-info__detail .txt-editor, .programme-info__detail .sec-footbar .txt-editor, .sec-footbar .static-banner__content {
    max-width: 1235px;
    white-space: nowrap;
    width: 94%; }
    @media screen and (max-width: 767px) {
      .sec-footbar .content-wrapper, .sec-footbar .exhib-contact__wrapper, .sec-footbar .exhib-list__wrapper, .sec-footbar .exhib-space__wrapper, .sec-footbar .gallery-exhib__wrapper, .sec-footbar .page-head__wrapper, .sec-footbar .page-tabs__wrapper, .sec-footbar .programme-info__detail .txt-editor, .programme-info__detail .sec-footbar .txt-editor, .sec-footbar .static-banner__content {
        width: 90%; } }

.sec-footbar__grp {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 40px;
  white-space: normal; }
  .sec-footbar__grp:after {
    content: '';
    position: absolute;
    width: 1px;
    background: #000;
    top: 50%;
    height: 45px;
    margin-top: -22.5px;
    right: 0; }
    @media screen and (max-width: 1200px), screen and (min-width: 991px) and (max-height: 600px) {
      .sec-footbar__grp:after {
        height: 20px;
        margin-top: -10px; } }
  @media screen and (max-width: 767px) {
    .sec-footbar__grp {
      padding: 0 20px; } }
  @media screen and (max-width: 480px) {
    .sec-footbar__grp {
      padding: 0 15px; } }
  @media screen and (max-width: 380px) {
    .sec-footbar__grp {
      padding: 0 10px; } }
  .sec-footbar__grp:first-child {
    padding-left: 0; }
  .sec-footbar__grp:last-child {
    padding-right: 0; }
    .sec-footbar__grp:last-child:after {
      display: none; }

.sec-footbar__btn-down {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/common/icons/svg/black/icon-arrow-down.svg) no-repeat center center;
  background-size: 100%;
  margin-left: -10px; }
  @media screen and (max-width: 1200px), screen and (min-width: 991px) and (max-height: 600px) {
    .sec-footbar__btn-down {
      width: 24px;
      height: 24px;
      margin-left: 0;
      margin-left: -6px; } }
  @media screen and (max-width: 767px) {
    .sec-footbar__btn-down {
      width: 20px;
      height: 20px;
      margin-left: 0;
      margin-left: -5px; } }

.sec-footbar__title {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-right: 25px; }
  @media screen and (max-width: 1200px), screen and (min-width: 991px) and (max-height: 600px) {
    .sec-footbar__title {
      font-size: 14px; } }
  @media screen and (max-width: 767px), screen and (min-width: 991px) and (max-height: 600px) {
    .sec-footbar__title {
      font-size: 12px; } }
  .sec-footbar__title:last-child {
    margin-right: 0; }
  @media screen and (max-width: 480px) {
    .sec-footbar__title {
      margin-right: 10px; } }
  @media screen and (max-width: 380px) {
    .sec-footbar__title {
      display: block;
      margin-right: 5px; } }

.sec-footbar__item {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  text-transform: uppercase;
  margin-right: 25px; }
  @media screen and (max-width: 1200px), screen and (min-width: 991px) and (max-height: 600px) {
    .sec-footbar__item {
      font-size: 14px; } }
  @media screen and (max-width: 767px), screen and (min-width: 991px) and (max-height: 600px) {
    .sec-footbar__item {
      font-size: 12px; } }
  @media screen and (max-width: 480px) {
    .sec-footbar__item {
      margin-right: 10px; } }
  @media screen and (max-width: 380px) {
    .sec-footbar__item {
      margin-right: 5px; } }
  .sec-footbar__item:last-child {
    margin-right: 0; }
  .sec-footbar__item.is-active {
    font-weight: 900; }

/* END Style sec-footbar  */
/* ------------------------------------------ */
/* Style for sec-intro */
/* ------------------------------------------ */
.sec-intro {
  width: 100%; }
  @media screen and (max-width: 767px) {
    .sec-intro {
      width: 100%; } }
  .sec-intro.sec-intro--txt-white {
    color: #FFF; }

.sec-intro__title {
  position: relative;
  font-weight: 300;
  margin: 0 0 15px; }
  .sec-intro__title strong {
    font-weight: bold; }
  .sec-intro--txt-white .sec-intro__title {
    color: #FFF; }

.sec-intro__sub-title {
  position: relative;
  font-weight: 300;
  margin: 0 0 15px; }
  .sec-intro__sub-title strong {
    font-weight: bold; }
  .sec-intro--txt-white .sec-intro__sub-title {
    color: #FFF; }

.sec-intro__desc {
  position: relative; }
  .sec-intro__desc p {
    font-size: 28px;
    font-weight: 200; }
    @media screen and (max-width: 1580px) {
      .sec-intro__desc p {
        font-size: 24px; } }
    @media screen and (max-width: 991px) {
      .sec-intro__desc p {
        font-size: 20px; } }
    @media screen and (max-width: 767px) {
      .sec-intro__desc p {
        font-size: 18px; } }
  .sec-intro--txt-white .sec-intro__desc {
    color: #FFF; }

/* END Style sec-intro  */
/* ------------------------------------------ */
/* Style for sec-publication */
/* ------------------------------------------ */
.sec-publication {
  padding: 120px 0;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 1580px) {
    .sec-publication {
      padding: 90px 0; } }
  @media screen and (max-width: 991px) {
    .sec-publication {
      padding: 80px 0; } }
  @media screen and (max-width: 767px) {
    .sec-publication {
      padding: 60px 0; } }
  .sec-publication hr {
    margin: 60px 0 45px; }
    @media screen and (max-width: 991px) {
      .sec-publication hr {
        margin: 45px 0 30px; } }

.sec-publication__intro {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .sec-publication__intro {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.sec-publication__desc {
  display: block; }

.sec-publication__detail {
  display: inline-block;
  width: calc(60% - 30px); }
  @media screen and (max-width: 767px) {
    .sec-publication__detail {
      width: 100%; } }

.sec-publication__img {
  display: inline-block;
  width: calc(40% - 30px);
  text-align: right; }
  @media screen and (max-width: 767px) {
    .sec-publication__img {
      width: 100%;
      text-align: left;
      margin-top: 30px; } }
  .sec-publication__img img {
    max-width: 100%; }

.sec-publication__desc {
  line-height: 1.5em; }

.sec-publication__subtitle {
  font-weight: bold;
  margin: 30px 0 10px; }

.sec-publication__control {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .sec-publication__control .sec-publication__subtitle {
    margin: 0 30px 0 0; }

.sec-publication__list {
  position: relative;
  overflow: hidden;
  width: 100%; }

.sec-publication__list-control {
  position: relative;
  text-align: right;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .sec-publication__list-control {
      text-align: left; } }

.sec-publication__list-pagination {
  display: inline-block;
  position: relative;
  padding-bottom: 45px;
  text-align: left; }
  .sec-publication__list-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin-right: 10px; }
    .sec-publication__list-pagination .swiper-pagination-bullet:last-child {
      margin-right: 0; }
    .sec-publication__list-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #000; }

.sec-publication__list-slide {
  position: relative;
  width: 20%; }
  .sec-publication__list-slide img {
    width: 100%; }

.sec-publication__list-txt {
  margin: 10px 0 0; }

.sec-publication__list-title {
  margin: 0 0 5px; }

/* END Style sec-publication  */
/* ------------------------------------------ */
/* Style for sec-projects */
/* ------------------------------------------ */
.sec-projects {
  background: #f0f0f0;
  position: relative;
  padding: 100px 0; }
  @media screen and (max-width: 1580px) {
    .sec-projects {
      padding: 90px 0; } }
  @media screen and (max-width: 991px) {
    .sec-projects {
      padding: 80px 0; } }
  @media screen and (max-width: 767px) {
    .sec-projects {
      padding: 60px 0; } }

.sec-projects__title {
  margin: 0 0 30px; }

/* END Style sec-projects  */
/* ------------------------------------------ */
/* Style for static-banner */
/* ------------------------------------------ */
.static-banner {
  position: relative;
  height: 650px;
  width: 100%;
  display: block;
  background: url() no-repeat center center;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .static-banner {
      height: auto; }
      .static-banner:before {
        content: '';
        display: block;
        position: relative;
        width: 100%;
        padding-bottom: 41.6667%; } }
  @media screen and (max-width: 380px) {
    .static-banner:before {
      padding-bottom: 60%; } }

.static-banner__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
  background: url() no-repeat center center;
  background-size: cover;
  z-index: 0; }

.dzsparallaxer .static-banner__bg.dzsparallaxer--target {
  position: absolute; }

.static-banner__content {
  display: table;
  height: 100%;
  z-index: 5; }
  @media screen and (max-width: 767px) {
    .static-banner__content {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      white-space: nowrap;
      text-align: center; }
      .static-banner__content:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%; } }

.static-banner__txt {
  display: table-cell;
  vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .static-banner__txt {
      display: inline-block;
      width: 94%;
      white-space: normal;
      text-align: left; } }

.static-banner__title-tag {
  display: block;
  font-size: 26px;
  font-weight: 400;
  font-family: "Graphik Compact Web", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif; }

.static-banner__title {
  line-height: 1.25em;
  font-weight: 300;
  margin: 0;
  text-align: left;
  color: #FFF; }
  @media screen and (max-width: 991px) {
    .static-banner__title {
      padding-top: 70px; } }
  @media screen and (max-width: 767px) {
    .static-banner__title {
      padding-top: 0; } }
  @media screen and (max-width: 480px) {
    .static-banner__title {
      width: 100%; } }

.static-banner__control {
  position: absolute;
  width: 100%;
  bottom: 12%;
  z-index: 10;
  text-align: center;
  font-size: 0; }
  @media screen and (max-width: 480px) {
    .static-banner__control {
      bottom: 5%; } }
  .static-banner__control .btn, .static-banner__control .captcha__btn, .static-banner__control .pagination__btn-prev,
  .static-banner__control .pagination__btn-next {
    margin: 0 10px; }
    @media screen and (max-width: 480px) {
      .static-banner__control .btn, .static-banner__control .captcha__btn, .static-banner__control .pagination__btn-prev,
      .static-banner__control .pagination__btn-next {
        margin: 0 3px; } }
    @media screen and (max-width: 315px) {
      .static-banner__control .btn, .static-banner__control .captcha__btn, .static-banner__control .pagination__btn-prev,
      .static-banner__control .pagination__btn-next {
        width: 90%;
        margin-bottom: 10px; } }

/* END Style static-banner  */
/* ------------------------------------------ */
/* Style for tabs */
/* ------------------------------------------ */
.tabs {
  position: relative;
  width: 100%; }
  .tabs.tabs--l .tabs__btns {
    padding-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .tabs.tabs--l .tabs__btns {
        padding-bottom: 30px; } }
  .tabs.tabs--l .tabs__btn {
    font-size: 24px; }
    @media screen and (max-width: 1200px) {
      .tabs.tabs--l .tabs__btn {
        font-size: 20px; } }
    @media screen and (max-width: 991px) {
      .tabs.tabs--l .tabs__btn {
        font-size: 18px; } }
    @media screen and (max-width: 767px) {
      .tabs.tabs--l .tabs__btn {
        font-size: 14px; } }

.tabs__btns {
  position: relative;
  font-size: 0;
  text-align: center;
  padding-bottom: 30px; }
  @media screen and (max-width: 991px) {
    .tabs__btns {
      padding-bottom: 15px; } }
  @media screen and (max-width: 480px) {
    .tabs__btns {
      padding-bottom: 5px; } }

.tabs__btn {
  display: inline-block;
  font-size: 18px;
  position: relative;
  padding-bottom: 3px;
  margin-right: 30px; }
  .tabs__btn:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .tabs__btn {
      font-size: 14px;
      margin-right: 15px; } }
  @media screen and (max-width: 480px) {
    .tabs__btn {
      font-size: 12px;
      margin-right: 10px;
      margin-bottom: 10px; } }
  .tabs__btn.is-active {
    font-weight: bold; }
    .tabs__btn.is-active:after {
      content: '';
      position: absolute;
      top: 100%;
      width: 100%;
      left: 0;
      height: 2px;
      background: #000; }

.tabs__contents {
  position: relative;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .tabs__contents {
      height: auto !important; } }

.tabs__content {
  display: none;
  padding: 30px 0; }
  @media screen and (max-width: 480px) {
    .tabs__content {
      padding: 20px 0; } }
  .tabs__content.is-active {
    display: block; }
  .tabs--sync-height .tabs__content {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none; }
    .tabs--sync-height .tabs__content.is-active {
      z-index: 5;
      opacity: 1;
      pointer-events: all; }
    @media screen and (max-width: 767px) {
      .tabs--sync-height .tabs__content {
        position: relative;
        display: none; }
        .tabs--sync-height .tabs__content.is-active {
          display: block; } }

/* END Style tabs  */
/* ------------------------------------------ */
/* Style for tetris-tabs */
/* ------------------------------------------ */
.tetris-tabs {
  position: relative;
  width: 100%; }

.tetris-tabs__btns {
  /*display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    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: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;*/ }

.tetris-tabs__btns-wrapper {
  transition: 0.4s; }
  @media screen and (min-width: 1000px) {
    .tetris-tabs__btns-wrapper {
      justify-content: space-around;
      -webkit-transform: translate(0) !important;
      -ms-transform: translate(0) !important;
      transform: translate(0) !important; } }

.tetris-tabs__btn-slide {
  width: auto !important;
  opacity: 0.2; }
  .tetris-tabs__btn-slide a:hover {
    opacity: 1 !important; }
  @media screen and (min-width: 1000px) {
    .tetris-tabs__btn-slide {
      opacity: 1; } }
  .tetris-tabs__btn-slide.swiper-slide-active {
    opacity: 1; }
    .tetris-tabs__btn-slide.swiper-slide-active .tetris-tabs__btn .tetris-tabs__block-short {
      height: 50%; }
    .tetris-tabs__btn-slide.swiper-slide-active .tetris-tabs__btn .tetris-tabs__block-long {
      height: 100%; }

.tetris-tabs__btn {
  display: flex;
  width: 220px;
  height: 130px;
  font-size: 0;
  text-align: center;
  position: relative;
  padding: 0 20px;
  transition: 0.4s;
  /*  @media screen and (max-width:480px) {
        width:$letterBlkSizeXS*2;
        height:$letterBlkSizeXS*2;
    }*/ }
  @media screen and (max-width: 1200px) {
    .tetris-tabs__btn {
      width: 176px;
      height: 104px; } }
  @media screen and (max-width: 767px) {
    .tetris-tabs__btn {
      width: 140;
      height: 83; } }
  .tetris-tabs__btn#btn-aip .tetris-tabs__block {
    background-color: #2ba5f8; }
  .tetris-tabs__btn#btn-cdm .tetris-tabs__block {
    background-color: #ff6600; }
  .tetris-tabs__btn#btn-dfs .tetris-tabs__block {
    background-color: #2bf799; }
  .tetris-tabs__btn#btn-ddm .tetris-tabs__block {
    background-color: #fedd00; }
  .tetris-tabs__btn#btn-fid .tetris-tabs__block {
    background-color: #fa5183; }
  .tetris-tabs__btn:hover .tetris-tabs__block-short, .tetris-tabs__btn.is-active .tetris-tabs__block-short {
    height: 50%; }
  .tetris-tabs__btn:hover .tetris-tabs__block-long, .tetris-tabs__btn.is-active .tetris-tabs__block-long {
    height: 100%; }
  .tetris-tabs__btn .tetris-tabs__block {
    display: block;
    height: 0%;
    width: 33%;
    margin-left: 2px;
    transition: 0.4s; }
    .tetris-tabs__btn .tetris-tabs__block.tetris-tabs__block-short {
      align-self: flex-end; }
  .tetris-tabs__btn .tetris-tabs__programmes-name {
    display: block;
    position: absolute;
    width: 100%;
    font-size: 32px;
    line-height: 34px;
    font-weight: 900;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 1200px) {
      .tetris-tabs__btn .tetris-tabs__programmes-name {
        font-size: 25px;
        line-height: 27px; } }
    @media screen and (max-width: 767px) {
      .tetris-tabs__btn .tetris-tabs__programmes-name {
        font-size: 20px;
        line-height: 22px; } }

.tetris-tabs__letter-holder {
  display: inline-block;
  width: 50%;
  color: #FFF;
  text-align: center;
  position: absolute;
  transition: 0.4s; }
  .tetris-tabs__letter-holder:before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    transition: 0.4s; }
  .tetris-tabs__letter-holder:after {
    content: '';
    position: absolute;
    display: block;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #4b4b4b; }
    @media screen and (max-width: 1200px) {
      .tetris-tabs__letter-holder:after {
        width: calc(100% - 2px);
        height: calc(100% - 2px); } }
    @media screen and (max-width: 767px) {
      .tetris-tabs__letter-holder:after {
        width: calc(100% - 1px);
        height: calc(100% - 1px); } }
    @media screen and (max-width: 480px) {
      .tetris-tabs__letter-holder:after {
        width: calc(100% - 1px);
        height: calc(100% - 1px); } }
  .tetris-tabs__btn.is-active .tetris-tabs__letter-holder:after,
  .tetris-tabs__btn:hover .tetris-tabs__letter-holder:after {
    background: #f3c61d; }
  .tetris-tabs__letter-holder .tetris-tabs__letter {
    display: block;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 40px;
    font-weight: bold;
    transition: 0.4s;
    z-index: 10; }
    @media screen and (max-width: 1200px) {
      .tetris-tabs__letter-holder .tetris-tabs__letter {
        font-size: 32px; } }
    @media screen and (max-width: 767px) {
      .tetris-tabs__letter-holder .tetris-tabs__letter {
        font-size: 24px; } }
    @media screen and (max-width: 480px) {
      .tetris-tabs__letter-holder .tetris-tabs__letter {
        font-size: 18px; } }
  #btn-aip .tetris-tabs__letter-holder {
    /*  &:nth-child(1){
            top:0;
            left:0;
        }
        &:nth-child(2){
            top:0;
            left:50%;
        }
        &:nth-child(3){
            width:100%;
            &:before{
                padding-bottom:50%;
            }
            bottom:0;
            left:0;
            .tetris-tabs__letter{
                right:0;
                @include centerY();
            }
        }*/ }
  #btn-aip.is-active .tetris-tabs__letter-holder,
  #btn-aip:hover .tetris-tabs__letter-holder {
    /*&:nth-child(1){
            width:33.3333%;
            top:50%;
            left:0;
            &:after{
                background: #0099FF;
            }
        }
        &:nth-child(2){
            width:33.3333%;
            top:50%;
            left:33.3333%;
            &:after{
                background: #0099FF;
            }
        }
        &:nth-child(3){
            &:before{
                padding-bottom:200%;
            }
            &:after{
                background: #0099FF;
            }
            width:33.3333%;
            left:66.6666%;
            top:auto;
            bottom:0;
            .tetris-tabs__letter{
                right:auto;
                @include centerXY();
                width:100%;
                top:75%;
            }
        }*/ }
  #btn-cdm .tetris-tabs__letter-holder:nth-child(1) {
    top: 0;
    left: 0; }
  #btn-cdm .tetris-tabs__letter-holder:nth-child(2) {
    top: 0;
    left: 50%; }
  #btn-cdm .tetris-tabs__letter-holder:nth-child(3) {
    width: 100%;
    bottom: 0;
    left: 0; }
    #btn-cdm .tetris-tabs__letter-holder:nth-child(3):before {
      padding-bottom: 50%; }
    #btn-cdm .tetris-tabs__letter-holder:nth-child(3) .tetris-tabs__letter {
      right: auto;
      left: 0;
      width: 50%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  #btn-cdm.is-active .tetris-tabs__letter-holder:nth-child(1),
  #btn-cdm:hover .tetris-tabs__letter-holder:nth-child(1) {
    width: 33.3333%;
    top: 0;
    left: 0;
    height: 100%; }
    #btn-cdm.is-active .tetris-tabs__letter-holder:nth-child(1):after,
    #btn-cdm:hover .tetris-tabs__letter-holder:nth-child(1):after {
      background: #FF6600; }
    #btn-cdm.is-active .tetris-tabs__letter-holder:nth-child(1) .tetris-tabs__letter,
    #btn-cdm:hover .tetris-tabs__letter-holder:nth-child(1) .tetris-tabs__letter {
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      top: 75%; }
  #btn-cdm.is-active .tetris-tabs__letter-holder:nth-child(2),
  #btn-cdm:hover .tetris-tabs__letter-holder:nth-child(2) {
    width: 33.3333%;
    left: 33.3333%;
    top: 0%;
    height: 100%; }
    #btn-cdm.is-active .tetris-tabs__letter-holder:nth-child(2):after,
    #btn-cdm:hover .tetris-tabs__letter-holder:nth-child(2):after {
      background: #FF6600; }
    #btn-cdm.is-active .tetris-tabs__letter-holder:nth-child(2) .tetris-tabs__letter,
    #btn-cdm:hover .tetris-tabs__letter-holder:nth-child(2) .tetris-tabs__letter {
      right: auto;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      top: 75%; }
  #btn-cdm.is-active .tetris-tabs__letter-holder:nth-child(3),
  #btn-cdm:hover .tetris-tabs__letter-holder:nth-child(3) {
    width: 33.3333%;
    height: 50%;
    left: 66.6666%;
    top: auto;
    bottom: 0; }
    #btn-cdm.is-active .tetris-tabs__letter-holder:nth-child(3):before,
    #btn-cdm:hover .tetris-tabs__letter-holder:nth-child(3):before {
      padding-bottom: 200%; }
    #btn-cdm.is-active .tetris-tabs__letter-holder:nth-child(3):after,
    #btn-cdm:hover .tetris-tabs__letter-holder:nth-child(3):after {
      background: #FF6600; }
    #btn-cdm.is-active .tetris-tabs__letter-holder:nth-child(3) .tetris-tabs__letter,
    #btn-cdm:hover .tetris-tabs__letter-holder:nth-child(3) .tetris-tabs__letter {
      right: auto;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%; }
  #btn-dfs .tetris-tabs__letter-holder:nth-child(1) {
    top: 0;
    left: 0; }
  #btn-dfs .tetris-tabs__letter-holder:nth-child(2) {
    top: 50%;
    left: 0; }
  #btn-dfs .tetris-tabs__letter-holder:nth-child(3) {
    left: 50%;
    bottom: 0;
    height: 100%; }
    #btn-dfs .tetris-tabs__letter-holder:nth-child(3):before {
      padding-bottom: 200%; }
    #btn-dfs .tetris-tabs__letter-holder:nth-child(3) .tetris-tabs__letter {
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      top: 25%; }
  #btn-dfs.is-active .tetris-tabs__letter-holder:nth-child(1),
  #btn-dfs:hover .tetris-tabs__letter-holder:nth-child(1) {
    width: 33.3333%;
    top: 50%;
    left: 0; }
    #btn-dfs.is-active .tetris-tabs__letter-holder:nth-child(1):after,
    #btn-dfs:hover .tetris-tabs__letter-holder:nth-child(1):after {
      background: #00FF88; }
  #btn-dfs.is-active .tetris-tabs__letter-holder:nth-child(2),
  #btn-dfs:hover .tetris-tabs__letter-holder:nth-child(2) {
    width: 33.3333%;
    left: 33.3333%;
    top: 0%;
    height: 100%; }
    #btn-dfs.is-active .tetris-tabs__letter-holder:nth-child(2):after,
    #btn-dfs:hover .tetris-tabs__letter-holder:nth-child(2):after {
      background: #00FF88; }
    #btn-dfs.is-active .tetris-tabs__letter-holder:nth-child(2) .tetris-tabs__letter,
    #btn-dfs:hover .tetris-tabs__letter-holder:nth-child(2) .tetris-tabs__letter {
      right: auto;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      top: 75%; }
  #btn-dfs.is-active .tetris-tabs__letter-holder:nth-child(3),
  #btn-dfs:hover .tetris-tabs__letter-holder:nth-child(3) {
    width: 33.3333%;
    left: 66.6666%;
    top: auto;
    bottom: 0; }
    #btn-dfs.is-active .tetris-tabs__letter-holder:nth-child(3):before,
    #btn-dfs:hover .tetris-tabs__letter-holder:nth-child(3):before {
      padding-bottom: 200%; }
    #btn-dfs.is-active .tetris-tabs__letter-holder:nth-child(3):after,
    #btn-dfs:hover .tetris-tabs__letter-holder:nth-child(3):after {
      background: #00FF88; }
    #btn-dfs.is-active .tetris-tabs__letter-holder:nth-child(3) .tetris-tabs__letter,
    #btn-dfs:hover .tetris-tabs__letter-holder:nth-child(3) .tetris-tabs__letter {
      right: auto;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      top: 75%; }
  #btn-fid .tetris-tabs__letter-holder:nth-child(1) {
    width: 100%;
    top: 0;
    left: 0; }
    #btn-fid .tetris-tabs__letter-holder:nth-child(1):before {
      padding-bottom: 50%; }
    #btn-fid .tetris-tabs__letter-holder:nth-child(1) .tetris-tabs__letter {
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      left: 75%; }
  #btn-fid .tetris-tabs__letter-holder:nth-child(2) {
    top: 50%;
    left: 0; }
  #btn-fid .tetris-tabs__letter-holder:nth-child(3) {
    bottom: 0;
    left: 50%; }
  #btn-fid.is-active .tetris-tabs__letter-holder:nth-child(1),
  #btn-fid:hover .tetris-tabs__letter-holder:nth-child(1) {
    width: 33.3333%;
    top: 0;
    left: 0;
    bottom: auto;
    height: 100%; }
    #btn-fid.is-active .tetris-tabs__letter-holder:nth-child(1):after,
    #btn-fid:hover .tetris-tabs__letter-holder:nth-child(1):after {
      background: #FF2A69; }
    #btn-fid.is-active .tetris-tabs__letter-holder:nth-child(1) .tetris-tabs__letter,
    #btn-fid:hover .tetris-tabs__letter-holder:nth-child(1) .tetris-tabs__letter {
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      top: 75%; }
  #btn-fid.is-active .tetris-tabs__letter-holder:nth-child(2),
  #btn-fid:hover .tetris-tabs__letter-holder:nth-child(2) {
    width: 33.3333%;
    top: 50%;
    left: 33.3333%; }
    #btn-fid.is-active .tetris-tabs__letter-holder:nth-child(2):after,
    #btn-fid:hover .tetris-tabs__letter-holder:nth-child(2):after {
      background: #FF2A69; }
  #btn-fid.is-active .tetris-tabs__letter-holder:nth-child(3),
  #btn-fid:hover .tetris-tabs__letter-holder:nth-child(3) {
    width: 33.3333%;
    height: 50%;
    left: 66.6666%;
    top: auto;
    bottom: 0; }
    #btn-fid.is-active .tetris-tabs__letter-holder:nth-child(3):before,
    #btn-fid:hover .tetris-tabs__letter-holder:nth-child(3):before {
      padding-bottom: 200%; }
    #btn-fid.is-active .tetris-tabs__letter-holder:nth-child(3):after,
    #btn-fid:hover .tetris-tabs__letter-holder:nth-child(3):after {
      background: #FF2A69; }
    #btn-fid.is-active .tetris-tabs__letter-holder:nth-child(3) .tetris-tabs__letter,
    #btn-fid:hover .tetris-tabs__letter-holder:nth-child(3) .tetris-tabs__letter {
      right: auto;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%; }

.tetris-tabs__contents {
  position: relative;
  margin-top: 50px;
  white-space: nowrap; }
  @media screen and (max-width: 767px) {
    .tetris-tabs__contents {
      height: auto !important; } }

.tetris-tabs__content {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none; }
  @media screen and (max-width: 767px) {
    .tetris-tabs__content {
      position: relative;
      display: none; }
      .tetris-tabs__content.is-active {
        display: block; } }
  .tetris-tabs__content.is-active {
    z-index: 5;
    opacity: 1;
    pointer-events: all; }

.ap-content__detail {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: 0.4s;
  white-space: normal; }
  @media screen and (max-width: 480px) {
    .ap-content__detail {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.tetris-tabs__content .ap-content__detail {
  max-width: 600px;
  margin: auto;
  justify-content: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: 0.4s;
  white-space: normal; }
  @media screen and (max-width: 1200px) {
    .tetris-tabs__content .ap-content__detail {
      max-width: 500px; } }
  @media screen and (max-width: 480px) {
    .tetris-tabs__content .ap-content__detail {
      max-width: 280px; } }

.ap-content__title-holder {
  width: 35%;
  padding: 30px;
  text-align: left;
  position: relative; }
  @media screen and (max-width: 767px) {
    .ap-content__title-holder {
      width: 40%;
      padding: 20px; } }
  @media screen and (max-width: 480px) {
    .ap-content__title-holder {
      width: 100%; } }
  .ap-content__title-holder:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 120px;
    left: 0;
    top: 50%;
    margin-top: -60px;
    background: #f3c61d; }
    @media screen and (max-width: 480px) {
      .ap-content__title-holder:before {
        height: 70px;
        margin-top: -35px;
        width: 5px; } }

.ap-content__desc-holder {
  width: 65%; }
  @media screen and (max-width: 767px) {
    .ap-content__desc-holder {
      width: 60%; } }
  @media screen and (max-width: 480px) {
    .ap-content__desc-holder {
      width: 100%; } }

.ap-content__title {
  margin: 0;
  font-weight: 900; }
  @media screen and (max-width: 640px) {
    .ap-content__title {
      font-size: 20px; } }
  @media screen and (max-width: 640px) {
    .ap-content__title {
      font-size: 20px; } }

.ap-content__list-holder {
  width: 100%;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  text-align: left;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  /*@media screen and (max-width:767px) {
        width:50%;
    }
    @media screen and (max-width:480px) {
        width:100%;
        margin-top:15px;
    }*/ }

.ap-content__list-col {
  font-size: 0;
  padding-right: 30px;
  margin-bottom: 0;
  list-style: none; }
  @media screen and (max-width: 1200px) {
    .ap-content__list-col {
      padding-right: 15px;
      padding-left: 0; } }
  @media screen and (max-width: 480px) {
    .ap-content__list-col {
      padding-right: 10px; } }
  .ap-content__list-col li {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.3em; }
    .ap-content__list-col li:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 1200px) {
      .ap-content__list-col li {
        font-size: 14px; } }
    @media screen and (max-width: 480px) {
      .ap-content__list-col li {
        font-size: 12px; } }

/* END Style tetris-tabs  */
/* ------------------------------------------ */
/* Style for tobe-shown */
/* ------------------------------------------ */
.tobe-shown {
  display: none; }
  .tobe-shown.is-active {
    display: block; }

/* END Style tobe-shown  */
/* ------------------------------------------ */
/* Style for txt-editor */
/* ------------------------------------------ */
.txt-editor h1, .txt-editor h2, .txt-editor h3, .txt-editor h4, .txt-editor h5, .txt-editor h6 {
  font-weight: 300; }

.txt-editor .txt-editor__grp h1, .txt-editor .txt-editor__grp h2, .txt-editor .txt-editor__grp h3, .txt-editor .txt-editor__grp h4, .txt-editor .txt-editor__grp h5, .txt-editor .txt-editor__grp h6 {
  margin-bottom: 5px; }

.txt-editor .txt-editor__grp p {
  margin-bottom: 15px; }

.txt-editor h1 {
  line-height: 1.3em;
  margin-bottom: 30px; }

.txt-editor h2 {
  line-height: 1.3em;
  margin-bottom: 30px; }

.txt-editor h3 {
  line-height: 1.3em;
  margin-bottom: 30px; }

.txt-editor h4 {
  line-height: 1.5em;
  margin-bottom: 30px; }

.txt-editor p {
  line-height: 1.5em;
  margin-bottom: 30px; }

.txt-editor table {
  table-layout: fixed;
  margin-bottom: 30px; }
  .txt-editor table th,
  .txt-editor table td {
    padding: 10px 45px;
    vertical-align: middle;
    line-height: 1.5em; }
    .txt-editor table th:first-child,
    .txt-editor table td:first-child {
      padding-left: 0; }
    .txt-editor table th:last-child,
    .txt-editor table td:last-child {
      padding-left: 0; }
  .txt-editor table.txt-editor__rwd-table th,
  .txt-editor table.txt-editor__rwd-table td {
    width: 50%;
    table-layout: fixed; }
    .txt-editor table.txt-editor__rwd-table th img,
    .txt-editor table.txt-editor__rwd-table td img {
      display: block;
      width: 100%; }
  @media screen and (max-width: 767px) {
    .txt-editor table.txt-editor__rwd-table {
      display: block; }
      .txt-editor table.txt-editor__rwd-table tr,
      .txt-editor table.txt-editor__rwd-table th,
      .txt-editor table.txt-editor__rwd-table td {
        width: 100%;
        display: block;
        padding: 10px 0; }
        .txt-editor table.txt-editor__rwd-table tr:first-child,
        .txt-editor table.txt-editor__rwd-table th:first-child,
        .txt-editor table.txt-editor__rwd-table td:first-child {
          padding-top: 0; }
        .txt-editor table.txt-editor__rwd-table tr:last-child,
        .txt-editor table.txt-editor__rwd-table th:last-child,
        .txt-editor table.txt-editor__rwd-table td:last-child {
          padding-bottom: 0; } }

.txt-editor img {
  margin-bottom: 20px; }
  .txt-editor img:last-child {
    margin-bottom: 0; }

.txt-editor__notes p {
  margin: 0 0 5px; }

.txt-editor__notes ul,
.txt-editor__notes ol {
  padding-left: 1em; }
  .txt-editor__notes ul li,
  .txt-editor__notes ol li {
    font-size: 12px;
    margin-bottom: 5px; }

.txt-editor__notes .compare-table table tr td {
  padding: 20px 0; }

/* END Style txt-editor  */
/* ------------------------------------------ */
/* Style for txt-highlight */
/* ------------------------------------------ */
.txt-highlight {
  background: #51296f;
  color: #FFF; }
  .txt-highlight--black {
    background: #000; }

/* END Style txt-highlight  */
/* ------------------------------------------ */
/* Style for thumb-desc */
/* ------------------------------------------ */
.thumb-desc {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.thumb-desc__item {
  position: relative;
  display: inline-block;
  width: calc(50% - 30px);
  margin-bottom: 30px; }
  @media screen and (max-width: 991px) {
    .thumb-desc__item {
      width: calc(50% - 15px); } }
  @media screen and (max-width: 767px) {
    .thumb-desc__item {
      width: 100%; } }

.thumb-desc__item-img {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 15px; }

.thumb-desc__txt {
  position: relative;
  display: block;
  width: 100%; }

.thumb-desc__title {
  margin: 0 0 5px; }
  .article-detail--dark .thumb-desc__title {
    color: #b2d335; }

.thumb-desc__desc {
  line-height: 1.5em; }

.thumb-desc__link {
  font-weight: bold;
  margin: 5px 0 0;
  color: #b2d335; }

/* END Style thumb-desc  */
/* ------------------------------------------ */
/* Style for underline-link */
/* ------------------------------------------ */
.underline-link {
  text-decoration: underline; }

/* END Style underline-link  */
/* ------------------------------------------ */
/* Style for video-bg */
/* ------------------------------------------ */
.video-bg {
  position: fixed;
  width: 100%;
  height: 1200px;
  top: 0;
  background: #FFF;
  z-index: 0;
  opacity: 0.23;
  transition: 1s; }

.video-bg__holder {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-image: none; }
  .video-bg__holder > div {
    margin: auto;
    position: absolute !important;
    z-index: -1;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    visibility: visible;
    opacity: 1;
    width: 100%;
    min-width: 100vw;
    height: auto; }

.w-vulcan-v2-button {
  display: none !important; }

/* END Style video-bg  */
/* ------------------------------------------ */
/* Style for peec */
/* ------------------------------------------ */
.peec__table-left .viewport .overview, .peec__table-right .viewport .overview {
  width: 100%; }

.peec__table {
  width: 100%;
  background-color: #fff;
  height: 800px;
  display: flex; }

.peec__table-left {
  width: 340px;
  background-color: pink; }

.peec__table-left-item {
  background-color: skyblue;
  min-height: 150px;
  border: 1px solid;
  cursor: pointer;
  display: flex;
  align-items: center; }
  .peec__table-left-item .peec__item-icon {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    margin: 0 20px; }
    .peec__table-left-item .peec__item-icon img {
      border-radius: 100%;
      border: 0px solid;
      width: 100%;
      height: 100%; }
  .peec__table-left-item .peec__item-info {
    display: flex;
    flex-direction: column; }
    .peec__table-left-item .peec__item-info .peec__item-title {
      font-weight: bold; }
    .peec__table-left-item .peec__item-info .peec__item-block {
      display: flex;
      flex-wrap: wrap; }
      .peec__table-left-item .peec__item-info .peec__item-block span {
        display: inline-block;
        white-space: nowrap;
        padding: 7px;
        font-weight: bold;
        border: 2px solid #000;
        margin: 5px;
        line-height: 1.2; }

.peec__table-right {
  height: 100%;
  width: 100%; }
  .peec__table-right .peec__table-right-top-banner img {
    height: 350px;
    width: 100%;
    background-position: center;
    background-size: cover; }
  .peec__table-right .peec__table-right-details {
    padding: 0 50px 50px 50px; }

.peec__txt-editor {
  margin-top: 50px; }
  .peec__txt-editor .txt-editor__grp {
    padding-bottom: 40px; }
    .peec__txt-editor .txt-editor__grp h3 {
      font-size: 18px;
      font-weight: bold; }
    .peec__txt-editor .txt-editor__grp p:last-child {
      margin: 0; }

/* END Style peec  */
/* ------------------------------------------ */
/* Style programme used  */
/* ------------------------------------------ */
#award {
  position: relative;
  margin-top: 140px;
  padding-top: 30px;
  padding-bottom: 100px; }
  @media screen and (max-width: 1480px) {
    #award {
      margin-top: 120px; } }
  @media screen and (max-width: 991px) {
    #award {
      margin-top: 120px; } }
  @media screen and (max-width: 767px) {
    #award {
      margin-top: 80px;
      padding-top: 0; } }
  #award p {
    font-size: 15px;
    line-height: 1.8em;
    margin-bottom: 10px; }
  #award .award-title {
    position: relative;
    width: 70%;
    margin: auto;
    margin-bottom: 85px;
    font-size: 0px; }
    @media screen and (max-width: 991px) {
      #award .award-title {
        width: 90%;
        margin-bottom: 35px; } }
    #award .award-title .title {
      width: 75%;
      display: inline-block;
      vertical-align: middle;
      opacity: 0; }
      @media screen and (max-width: 991px) {
        #award .award-title .title {
          width: 100%; } }
      .page-ready #award .award-title .title {
        -webkit-animation: fade-in-basic 1s 0.3s;
        animation: fade-in-basic 1s 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        will-change: transform; }
      #award .award-title .title h2 {
        font-size: 137px;
        line-height: 0.9em;
        margin-bottom: 0px;
        text-transform: uppercase; }
        @media screen and (max-width: 1580px) {
          #award .award-title .title h2 {
            line-height: 1.125em;
            font-size: 80px; } }
        @media screen and (max-width: 991px) {
          #award .award-title .title h2 {
            line-height: 1.125em;
            margin-bottom: 35px;
            font-size: 56px; }
            #award .award-title .title h2 br {
              display: none; } }
        #award .award-title .title h2 .light {
          font-weight: 100; }
    #award .award-title .desc {
      width: 25%;
      display: inline-block;
      vertical-align: middle;
      text-align: left;
      opacity: 0; }
      @media screen and (max-width: 991px) {
        #award .award-title .desc {
          width: 100%; } }
      .page-ready #award .award-title .desc {
        -webkit-animation: fade-in-from-right 1s 0.3s;
        animation: fade-in-from-right 1s 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        will-change: transform; }
  #award .award-details {
    position: relative;
    width: 70%;
    margin: auto;
    font-size: 0px; }
    @media screen and (max-width: 991px) {
      #award .award-details {
        width: 90%; } }
    #award .award-details .profile-pic {
      position: relative;
      width: 50%;
      display: inline-block;
      vertical-align: top;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      opacity: 0; }
      .page-ready #award .award-details .profile-pic {
        -webkit-animation: fade-in-basic 1s 0.5s;
        animation: fade-in-basic 1s 0.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        will-change: transform; }
      @media screen and (max-width: 767px) {
        #award .award-details .profile-pic {
          width: 100%;
          margin-bottom: 35px; } }
      #award .award-details .profile-pic .item-holder {
        display: inline-block;
        width: 50%;
        margin: 5px;
        vertical-align: top;
        overflow: hidden;
        font-size: 0; }
        #award .award-details .profile-pic .item-holder img {
          width: 100%;
          -webkit-filter: grayscale(1);
          filter: grayscale(1); }
        #award .award-details .profile-pic .item-holder a {
          position: relative;
          display: inline-block;
          overflow: hidden;
          vertical-align: top;
          width: calc(50% - 10px);
          margin-right: 10px;
          margin-bottom: 10px; }
          #award .award-details .profile-pic .item-holder a:nth-child(2n) {
            margin-right: 0; }
      #award .award-details .profile-pic a:after {
        content: '';
        position: absolute;
        top: -10px;
        left: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        border: solid 10px #00f7c1;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        transition: 0.3s; }
        @media screen and (max-width: 1580px) {
          #award .award-details .profile-pic a:after {
            top: -5px;
            left: -5px;
            width: calc(100% + 10px);
            height: calc(100% + 10px);
            border: solid 5px #00f7c1; } }
      #award .award-details .profile-pic a.is-active,
      #award .award-details .profile-pic a:hover {
        opacity: 1; }
        #award .award-details .profile-pic a.is-active img,
        #award .award-details .profile-pic a:hover img {
          -webkit-filter: grayscale(0);
          filter: grayscale(0); }
        #award .award-details .profile-pic a.is-active:after,
        #award .award-details .profile-pic a:hover:after {
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%; }
    #award .award-details .award-details-holder {
      position: relative;
      width: 50%;
      display: inline-block;
      vertical-align: top;
      margin: 5px 0px;
      padding-left: 25px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        #award .award-details .award-details-holder {
          width: 100%;
          padding: 0px 5px; } }
      #award .award-details .award-details-holder .details {
        display: none; }
        #award .award-details .award-details-holder .details .profile {
          position: relative;
          margin-bottom: 25px;
          opacity: 0; }
          #award .award-details .award-details-holder .details .profile img {
            width: 10%;
            display: inline-block;
            vertical-align: middle; }
            @media screen and (max-width: 991px) {
              #award .award-details .award-details-holder .details .profile img {
                width: 20%; } }
          #award .award-details .award-details-holder .details .profile p {
            width: 90%;
            font-size: 18px;
            font-weight: 300;
            display: inline-block;
            vertical-align: middle;
            line-height: 1.4em;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding-left: 15px;
            margin-bottom: 0px; }
            @media screen and (max-width: 991px) {
              #award .award-details .award-details-holder .details .profile p {
                font-size: 16px;
                width: 80%; } }
            #award .award-details .award-details-holder .details .profile p strong {
              font-size: 25px;
              display: block; }
        #award .award-details .award-details-holder .details.is-active .profile {
          -webkit-animation: profile-from-left 1s 0.3s;
          animation: profile-from-left 1s 0.3s;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
          will-change: transform; }

@-webkit-keyframes profile-from-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes profile-from-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes profile-from-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes profile-from-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
        #award .award-details .award-details-holder .details > p {
          opacity: 0; }
        #award .award-details .award-details-holder .details.is-active > p {
          -webkit-animation: profile-from-top 1s 0.45s;
          animation: profile-from-top 1s 0.45s;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
          will-change: transform; }
        #award .award-details .award-details-holder .details hr {
          width: 10%;
          border: none;
          border-bottom: solid 8px #00f7c1;
          margin: 20px 0px;
          opacity: 0; }
        #award .award-details .award-details-holder .details.is-active hr {
          -webkit-animation: profile-from-top 1s 0.6s;
          animation: profile-from-top 1s 0.6s;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
          will-change: transform; }
        #award .award-details .award-details-holder .details h3 {
          font-size: 20px;
          line-height: 1.2em;
          font-weight: 300;
          opacity: 0; }
          #award .award-details .award-details-holder .details h3 strong {
            display: block; }
        #award .award-details .award-details-holder .details.is-active h3 {
          -webkit-animation: profile-from-top 1s 0.75s;
          animation: profile-from-top 1s 0.75s;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
          will-change: transform; }
        #award .award-details .award-details-holder .details > img {
          opacity: 0; }
        #award .award-details .award-details-holder .details.is-active > img {
          -webkit-animation: fade-in-basic 1s 0.9s;
          animation: fade-in-basic 1s 0.9s;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
          will-change: transform; }

/* END Style programme used  */
/* ------------------------------------------ */
/* Style programme used  */
/* ------------------------------------------ */
#programme {
  position: relative;
  margin-top: 105px;
  padding-top: 60px;
  padding-bottom: 100px; }
  @media screen and (max-width: 767px) {
    #programme {
      padding-top: 0px; } }
  #programme .programme-intro {
    position: relative;
    width: 100%;
    white-space: nowrap; }
    @media screen and (max-width: 991px) {
      #programme .programme-intro {
        white-space: normal; } }
  #programme.programme--ce {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0; }
    #programme.programme--ce .programme-related {
      margin-top: 0; }

.programme-intro .left {
  position: relative;
  width: 50%;
  vertical-align: bottom;
  padding-left: 15%;
  display: inline-block;
  white-space: normal; }
  @media screen and (max-width: 1580px) {
    .programme-intro .left {
      padding-left: 10%; } }
  @media screen and (max-width: 991px) {
    .programme-intro .left {
      padding-left: 5%;
      width: 100%; } }

.programme-intro .left h2 {
  line-height: 1.125em;
  margin-bottom: 35px;
  opacity: 0; }
  .page-ready .programme-intro .left h2 {
    -webkit-animation: fade-in-basic 1s 0.3s;
    animation: fade-in-basic 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  @media screen and (max-width: 991px) {
    .programme-intro .left h2 br {
      display: none; } }

.programme-intro .left p {
  font-size: 16px;
  line-height: 29px;
  padding-bottom: 215px;
  margin-bottom: 35px;
  opacity: 0; }
  .page-ready .programme-intro .left p {
    -webkit-animation: fade-in-from-left 1s 0.6s;
    animation: fade-in-from-left 1s 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  @media screen and (max-width: 991px) {
    .programme-intro .left p {
      padding-bottom: 0; } }

.programme-intro .right {
  position: relative;
  width: 50%;
  vertical-align: bottom;
  padding-left: 5%;
  margin-bottom: 100px;
  display: inline-block;
  white-space: normal; }
  @media screen and (max-width: 991px) {
    .programme-intro .right {
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .programme-intro .right {
      display: block;
      width: 90%;
      padding-left: 0;
      margin: 0 auto 60px; } }

.programme-intro .right .title {
  font-size: 14px;
  font-weight: bold;
  border-top: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
  padding: 10px 0px;
  opacity: 0; }
  @media screen and (max-width: 1580px) {
    .programme-intro .right .title {
      font-size: 14px; } }
  @media screen and (max-width: 991px) {
    .programme-intro .right .title {
      font-size: 14px; } }
  .page-ready .programme-intro .right .title {
    -webkit-animation: fade-in-from-top 1s 0.8s;
    animation: fade-in-from-top 1s 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

.programme-intro .right a {
  font-size: 21px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
  opacity: 0; }
  .programme-intro .right a:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 1580px) {
    .programme-intro .right a {
      font-size: 18px; } }
  @media screen and (max-width: 991px) {
    .programme-intro .right a {
      font-size: 16px;
      padding-left: 30px; } }
  @media screen and (max-width: 767px) {
    .programme-intro .right a {
      padding-left: 30px; } }
  .page-ready .programme-intro .right a {
    -webkit-animation: fade-in-from-right 1s 0.3s;
    animation: fade-in-from-right 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .programme-intro .right a:nth-child(1) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  .programme-intro .right a:nth-child(2) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s; }
  .programme-intro .right a:nth-child(3) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s; }
  .programme-intro .right a:nth-child(4) {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s; }
  .programme-intro .right a:nth-child(5) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  .programme-intro .right a:nth-child(6) {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s; }
  .programme-intro .right a:nth-child(7) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s; }
  .programme-intro .right a:nth-child(8) {
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s; }
  .programme-intro .right a:nth-child(9) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s; }
  .programme-intro .right a:nth-child(10) {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s; }

.programme-intro .right a.active {
  color: #00a0e9; }

.programme-intro .right a span {
  font-weight: normal; }
  @media screen and (max-width: 767px) {
    .programme-intro .right a span {
      position: absolute;
      left: 0; } }

.programme-intro .right a:hover {
  color: #00a0e9; }

.programme-intro .btn-left-arrow--blue {
  position: absolute;
  top: 40%;
  left: 10%;
  -webkit-animation: programme-arrow-float-toleft 0.8s infinite;
  animation: programme-arrow-float-toleft 0.8s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform; }
  @media screen and (max-width: 1580px) {
    .programme-intro .btn-left-arrow--blue {
      left: 5%;
      top: 60%; } }
  @media screen and (max-width: 991px) {
    .programme-intro .btn-left-arrow--blue {
      left: 3%; } }
  @media screen and (max-width: 767px) {
    .programme-intro .btn-left-arrow--blue {
      top: 240px; } }
  @media screen and (max-width: 480px) {
    .programme-intro .btn-left-arrow--blue {
      top: 200px; } }

@-webkit-keyframes programme-arrow-float-toleft {
  0% {
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); } }

@keyframes programme-arrow-float-toleft {
  0% {
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); } }

.programme-intro .btn-right-arrow--blue {
  position: absolute;
  top: 40%;
  right: 10%;
  -webkit-animation: programme-arrow-float-toright 0.8s infinite;
  animation: programme-arrow-float-toright 0.8s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform; }
  @media screen and (max-width: 1580px) {
    .programme-intro .btn-right-arrow--blue {
      right: 5%;
      top: 60%; } }
  @media screen and (max-width: 991px) {
    .programme-intro .btn-right-arrow--blue {
      right: 3%;
      top: 60%; } }
  @media screen and (max-width: 767px) {
    .programme-intro .btn-right-arrow--blue {
      top: 240px; } }
  @media screen and (max-width: 480px) {
    .programme-intro .btn-right-arrow--blue {
      top: 200px; } }

@-webkit-keyframes programme-arrow-float-toright {
  0% {
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%); } }

@keyframes programme-arrow-float-toright {
  0% {
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%); } }

.programme-content-holder {
  position: relative;
  margin-top: -75px;
  margin-bottom: 90px;
  overflow: hidden; }
  @media screen and (max-width: 991px) {
    .programme-content-holder {
      margin-bottom: 30px; } }

.programme-content {
  position: relative;
  display: none; }

.programme-content .content p {
  font-size: 16px;
  line-height: 29px; }

.programme-content .banner {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 85%;
  opacity: 0; }
  .in-view .programme-content .banner {
    -webkit-animation: fade-in-from-right 1s 0.3s;
    animation: fade-in-from-right 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  @media screen and (max-width: 1580px) {
    .programme-content .banner {
      width: calc(100% - 170px); } }
  @media screen and (max-width: 991px) {
    .programme-content .banner {
      width: calc(100% - 120px); } }

.programme-content .banner img {
  width: 100%; }

.programme-content .content {
  position: relative;
  padding-top: 21%;
  opacity: 0; }
  .in-view .programme-content .content {
    -webkit-animation: fade-in-basic 1s 0.3s;
    animation: fade-in-basic 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

.programme-content .content .programme-title {
  font-size: 110px;
  line-height: 0.94em;
  margin-bottom: 30px;
  opacity: 0; }
  @media screen and (max-width: 1580px) {
    .programme-content .content .programme-title {
      font-size: 90px; } }
  @media screen and (max-width: 991px) {
    .programme-content .content .programme-title {
      white-space: nowrap;
      font-size: 60px; } }
  @media screen and (max-width: 767px) {
    .programme-content .content .programme-title {
      font-size: 48px; } }
  @media screen and (max-width: 480px) {
    .programme-content .content .programme-title {
      font-size: 36px; } }
  .in-view .programme-content .content .programme-title {
    -webkit-animation: fade-in-basic 1s 0.6s;
    animation: fade-in-basic 1s 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

.programme-content .content .programme-title span {
  color: #00a0e9;
  font-weight: 100;
  display: inline-block;
  vertical-align: bottom; }

.programme-content .content .programme-title span.num {
  letter-spacing: -12.5%;
  font-size: 430px;
  padding-bottom: 215px;
  opacity: 0; }
  @media screen and (max-width: 1580px) {
    .programme-content .content .programme-title span.num {
      font-size: 360px; } }
  @media screen and (max-width: 991px) {
    .programme-content .content .programme-title span.num {
      font-size: 260px;
      padding-bottom: 160px; } }
  @media screen and (max-width: 767px) {
    .programme-content .content .programme-title span.num {
      font-size: 140px;
      padding-bottom: 90px; } }
  @media screen and (max-width: 480px) {
    .programme-content .content .programme-title span.num {
      margin-top: 30px;
      font-size: 90px;
      padding-bottom: 70px; } }
  .in-view .programme-content .content .programme-title span.num {
    -webkit-animation: fade-in-from-bottom 1s 0.3s;
    animation: fade-in-from-bottom 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

.programme-content .content .programme-title strong {
  color: #000;
  font-weight: bold;
  display: block; }

.programme-content .content .txt {
  position: relative;
  margin: 0px 20%;
  white-space: normal; }
  @media screen and (max-width: 1580px) {
    .programme-content .content .txt {
      margin: 0px 10%; } }
  @media screen and (max-width: 991px) {
    .programme-content .content .txt {
      margin: 0px 5%; } }

.programme-content .content .txt .programme-code {
  font-size: 12px;
  color: #999; }

.programme-content__img-slider {
  width: 100%;
  position: relative;
  white-space: nowrap;
  font-size: 0;
  overflow: visible; }
  .programme-content__img-slider:before {
    content: '';
    display: block;
    width: 150vw;
    height: 50%;
    min-height: 200px;
    background: #00a0e9;
    position: absolute;
    left: -10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0; }
    @media screen and (max-width: 1600px) {
      .programme-content__img-slider:before {
        left: -30px; } }
    @media screen and (max-width: 1280px) {
      .programme-content__img-slider:before {
        left: -15px; } }
    @media screen and (max-width: 991px) {
      .programme-content__img-slider:before {
        min-height: 100px; } }
    @media screen and (max-width: 480px) {
      .programme-content__img-slider:before {
        min-height: 60px; } }

.programme-content__img-slides {
  margin-left: -10px;
  margin-right: -10px; }

.programme-content__img-slide {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 0 10px;
  opacity: 0;
  z-index: 5; }
  .in-view .programme-content__img-slide {
    -webkit-animation: fade-in-from-top 1s;
    animation: fade-in-from-top 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }
  .programme-content__img-slide:nth-child(1) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
  .programme-content__img-slide:nth-child(2) {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s; }
  .programme-content__img-slide:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
  .programme-content__img-slide:nth-child(4) {
    -webkit-animation-delay: 0.55s;
    animation-delay: 0.55s; }
  .programme-content__img-slide:nth-child(5) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s; }
  .programme-content__img-slide:nth-child(6) {
    -webkit-animation-delay: 0.85s;
    animation-delay: 0.85s; }
  .programme-content__img-slide:nth-child(7) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s; }
  .programme-content__img-slide:nth-child(8) {
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s; }
  .programme-content__img-slide:nth-child(9) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s; }
  .programme-content__img-slide:nth-child(10) {
    -webkit-animation-delay: 1.45s;
    animation-delay: 1.45s; }

.programme-content__img-slide-inner {
  position: relative; }
  .programme-content__img-slide-inner img {
    width: 100%; }

.blueblock--100 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 215px;
  background-color: #00a0e9;
  opacity: 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center; }
  @media screen and (max-width: 991px) {
    .blueblock--100 {
      display: none; } }
  .page-ready .blueblock--100 {
    -webkit-animation: fade-in-blueblock100 1s 1s;
    animation: fade-in-blueblock100 1s 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

@-webkit-keyframes fade-in-blueblock100 {
  from {
    opacity: 0;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1); }
  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes fade-in-blueblock100 {
  from {
    opacity: 0;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1); }
  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); } }

.blueblock--85--right {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin-bottom: -5%;
  width: 85%;
  height: 215px;
  background-color: #00a0e9;
  opacity: 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center; }
  @media screen and (max-width: 991px) {
    .blueblock--85--right {
      position: relative;
      right: auto;
      left: auto;
      margin-bottom: -5%;
      height: 160px; } }
  .blueblock--85--right.in-view {
    -webkit-animation: fade-in-blueblock85 1s 0.3s;
    animation: fade-in-blueblock85 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform; }

@-webkit-keyframes fade-in-blueblock85 {
  from {
    opacity: 0;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1); }
  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes fade-in-blueblock85 {
  from {
    opacity: 0;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1); }
  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); } }

.programme-news {
  position: relative;
  width: 80%;
  margin: 0px auto;
  white-space: nowrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 991px) {
    .programme-news {
      width: 90%; } }
  @media screen and (max-width: 767px) {
    .programme-news {
      white-space: normal; } }

.programme-news .block {
  position: relative;
  width: calc(25% - 10px);
  height: auto;
  margin: 90px 5px;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  opacity: 0; }
  @media screen and (max-width: 767px) {
    .programme-news .block {
      width: calc(50% - 10px);
      margin: 15px 5px; } }
  @media screen and (max-width: 480px) {
    .programme-news .block {
      width: calc(100% - 10px); } }

.in-view.programme-news .block {
  -webkit-animation: fade-in-from-bottom 1s 0.3s;
  animation: fade-in-from-bottom 1s 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform;
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s; }
  .in-view.programme-news .block:nth-child(1) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .in-view.programme-news .block:nth-child(2) {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s; }
  .in-view.programme-news .block:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  .in-view.programme-news .block:nth-child(4) {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s; }
  .in-view.programme-news .block:nth-child(5) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  .in-view.programme-news .block:nth-child(6) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s; }
  .in-view.programme-news .block:nth-child(7) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s; }
  .in-view.programme-news .block:nth-child(8) {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s; }
  .in-view.programme-news .block:nth-child(9) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  .in-view.programme-news .block:nth-child(10) {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s; }

.programme-news .block img {
  position: relative;
  width: 100%;
  margin-bottom: -15px;
  z-index: 10; }

.programme-news .block > .date {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 135px;
  color: #eaeaea;
  font-weight: bold;
  line-height: 0.9em; }
  @media screen and (max-width: 991px) {
    .programme-news .block > .date {
      font-size: 90px;
      margin-top: -20px; } }
  .page-tabs__contents .programme-news .block > .date {
    color: rgba(0, 0, 0, 0.08); }

.programme-news .block .table {
  position: relative;
  width: 100%;
  height: 100%;
  display: table; }

.programme-news .block .table .btn-arrow {
  position: absolute;
  bottom: 20px;
  left: 5px;
  margin: 0; }

.programme-news .block .table .cell {
  display: table-cell;
  vertical-align: middle;
  padding: 45px 0; }

.programme-news .block .table .cell .title {
  font-size: 29px;
  font-weight: bold;
  line-height: 1.2em; }
  @media screen and (max-width: 991px) {
    .programme-news .block .table .cell .title {
      margin: 0 0 15px;
      font-size: 24px; } }

.programme-news .block .txt {
  position: relative;
  padding: 40px 15px;
  height: 250px; }
  @media screen and (max-width: 991px) {
    .programme-news .block .txt {
      padding: 40px 15px 60px; } }
  @media screen and (max-width: 480px) {
    .programme-news .block .txt {
      height: auto; } }

.programme-news > h2 {
  display: block;
  width: 100%;
  font-weight: bold;
  padding-bottom: 40px;
  margin-bottom: 0px; }

.programme-news .block .txt .date {
  font-size: 14px;
  font-weight: bold; }
  @media screen and (max-width: 991px) {
    .programme-news .block .txt .date {
      margin: 0 0 15px; } }

@media screen and (max-width: 991px) {
  .programme-news .block .txt p {
    font-size: 14px; } }

.programme-news .block .txt .btn-arrow {
  position: absolute;
  bottom: 10px;
  left: 25px; }
  @media screen and (max-width: 991px) {
    .programme-news .block .txt .btn-arrow {
      left: 15px; } }

.programme-news .block .txt:nth-child(odd) {
  border: solid 10px #CCC; }
  @media screen and (max-width: 991px) {
    .programme-news .block .txt:nth-child(odd) {
      border: solid 5px #CCC; } }

.programme-news .block .txt:nth-child(even) {
  border: solid 10px #999; }
  @media screen and (max-width: 991px) {
    .programme-news .block .txt:nth-child(even) {
      border: solid 5px #CCC; } }

.programme-project {
  position: relative;
  width: 80%;
  margin: 0px auto; }
  @media screen and (max-width: 991px) {
    .programme-project {
      width: 90%; } }
  @media screen and (max-width: 767px) {
    .programme-project {
      margin-top: 30px; } }
  .programme-project.is-loading .pagination--programme-projects {
    pointer-events: none;
    opacity: 0.2; }
  .programme-project.is-loading .programme-project__blocks {
    pointer-events: none; }
    .programme-project.is-loading .programme-project__blocks * {
      z-index: 0;
      opacity: 0.2;
      border-color: rgba(0, 0, 0, 0.2); }
    .programme-project.is-loading .programme-project__blocks:before {
      content: '';
      position: absolute;
      width: 32px;
      height: 32px;
      top: 50%;
      left: 50%;
      margin-left: -12px;
      margin-top: -12px;
      background: url(../images/common/icons/icon-loading.gif) no-repeat center center;
      background-size: 100%;
      z-index: 50; }

.programme-project__blocks {
  position: relative; }

.programme-project > h2 {
  font-weight: bold;
  padding-bottom: 40px;
  border-bottom: solid 1px #000;
  margin-bottom: 0px; }

.programme-project .hidden-block {
  position: reltiave;
  border-bottom: solid 1px #000;
  opacity: 0; }
  .programme-project .hidden-block iframe {
    max-width: 100%; }

.in-view.programme-project .hidden-block {
  -webkit-animation: fade-in-from-bottom 1s 0.9s;
  animation: fade-in-from-bottom 1s 0.9s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform; }
  .in-view.programme-project .hidden-block:nth-child(1) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  .in-view.programme-project .hidden-block:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  .in-view.programme-project .hidden-block:nth-child(3) {
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s; }
  .in-view.programme-project .hidden-block:nth-child(4) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .in-view.programme-project .hidden-block:nth-child(5) {
    -webkit-animation-delay: 0.65s;
    animation-delay: 0.65s; }
  .in-view.programme-project .hidden-block:nth-child(6) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s; }

.programme-project .hidden-block h3 {
  font-size: 32px;
  font-weight: bold;
  margin: 40px 0px;
  cursor: pointer;
  position: relative;
  padding-right: 30px; }
  .programme-project .hidden-block h3:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/common/icons/svg/black/icon-arrow-dropdown.svg) no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: 0.3s; }
  @media screen and (max-width: 991px) {
    .programme-project .hidden-block h3 {
      margin: 30px 0px;
      font-size: 24px; } }

.programme-project .hidden-block.is-active h3:after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0); }

.programme-project .hidden-block .hidden {
  display: none;
  margin-bottom: 40px; }

.programme-project .hidden-block .init-ul {
  padding: 0;
  list-style-position: inside;
  font-size: 0; }
  .programme-project .hidden-block .init-ul li {
    list-style: none;
    list-style-position: inside;
    width: 50%;
    display: inline-block;
    font-size: 16px;
    line-height: 1.8em; }
  @media screen and (max-width: 767px) {
    .programme-project .hidden-block .init-ul li {
      width: 100%; } }

.programme-project .hidden-block p.title {
  background-color: #000;
  color: #b9ffff;
  padding: 10px 15px;
  display: inline-block; }

.programme-project .hidden-block .img-holder {
  font-size: 0px;
  margin-bottom: 60px; }

.programme-project .hidden-block .img-holder img {
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px; }

.programme-related {
  position: relative;
  width: 90%;
  margin: 90px auto;
  margin-right: 0px;
  padding-right: 10%;
  font-size: 0px;
  transition: 0s; }
  .programme-related.in-view {
    background-color: #000;
    transition: 0.3s 1.2s; }
  @media screen and (max-width: 991px) {
    .programme-related {
      padding-right: 0;
      margin: 45px auto 0;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; } }
  @media screen and (min-width: 768px) {
    .programme-related[data-block-num="3"] .block {
      width: 33.3333%; } }

.programme-related .block {
  position: relative;
  width: 25%;
  height: 240px;
  display: inline-block;
  vertical-align: top;
  color: #FFF;
  opacity: 0; }
  @media screen and (max-width: 1580px) {
    .programme-related .block {
      height: 300px; } }
  @media screen and (max-width: 991px) {
    .programme-related .block {
      height: auto; } }
  @media screen and (max-width: 767px) {
    .programme-related .block {
      width: 50%; } }
  @media screen and (max-width: 481px) {
    .programme-related .block {
      width: 100%; } }

.in-view.programme-related .block {
  -webkit-animation: fade-in-from-right 1s 0.3s;
  animation: fade-in-from-right 1s 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform; }
  .in-view.programme-related .block:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .in-view.programme-related .block:nth-child(3) {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s; }
  .in-view.programme-related .block:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  .in-view.programme-related .block:nth-child(5) {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s; }
  .in-view.programme-related .block:nth-child(6) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }

.programme-related .block h3 {
  font-size: 20px; }

.programme-related .block p {
  font-size: 12px;
  line-height: 18px; }

.programme-related .block p.date {
  font-weight: bold;
  margin-bottom: 10px; }

.programme-related .block a {
  font-size: 12px;
  color: #FFF;
  display: inline-block;
  margin-bottom: 10px;
  line-height: 18px; }

.programme-related .block img {
  vertical-align: middle;
  margin-right: 10px; }

.btn-left-arrow--blue:before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/common/icons/svg/blue/icon-arrow-down.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }
  @media screen and (max-width: 991px) {
    .btn-left-arrow--blue:before {
      width: 30px;
      height: 30px; } }

.btn-right-arrow--blue:before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/common/icons/svg/blue/icon-arrow-down.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }
  @media screen and (max-width: 991px) {
    .btn-right-arrow--blue:before {
      width: 30px;
      height: 30px; } }

.programme-related .block .table .cell-picture {
  display: inline-block; }

.programme-related .block .btn-arrow:before {
  background: url(../images/common/icons/svg/white/icon-arrow-down.svg) no-repeat center center; }

.programme-related .block .btn-arrow {
  margin-top: 0px; }

.programme-related .block .table .btn-arrow.btn-arrow-right {
  position: absolute;
  right: 20px;
  bottom: 20px;
  vertical-align: middle; }

.programme-related .block .btn-arrow:before {
  background: url(../images/common/icons/svg/white/icon-arrow-down.svg) no-repeat center center; }

.programme-related .block .table {
  width: 100%;
  height: 100%;
  display: table; }

.programme-related .block .table .cell {
  display: table-cell;
  padding: 50px 30px;
  vertical-align: top; }
  @media screen and (max-width: 991px) {
    .programme-related .block .table .cell {
      padding: 45px 30px 20px; } }

.programme-related .blue {
  background-color: #00a0e9; }

.programme-related .purple {
  background-color: #51296f; }

.programme-related .dark-blue {
  background-color: #002d4a; }

.programme-related .black {
  background-color: #000; }

/* END Style programme used  */
/* ------------------------------------------ */
/* Style programme used  */
/* ------------------------------------------ */
#course {
  position: relative;
  /*
    margin-top: 105px;
    padding-top: 60px;
    @media screen and (max-width: 1580px) {
        padding-top: 30px;
    }
	@media screen and (max-width: 640px) {
        padding-top: 0;
    }
    */ }
  #course h3 {
    margin: 0 0 15px; }
  #course p {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px; }
  #course .course-title {
    position: relative;
    margin: 0 auto 60px;
    width: 70%;
    font-size: 0px;
    margin-top: 105px;
    padding-top: 60px; }
    @media screen and (max-width: 1580px) {
      #course .course-title {
        width: 80%;
        margin: 0 auto 30px; } }
    @media screen and (max-width: 991px) {
      #course .course-title {
        width: 90%; } }
    @media screen and (max-width: 1580px) {
      #course .course-title {
        padding-top: 30px; } }
    @media screen and (max-width: 640px) {
      #course .course-title {
        padding-top: 0; } }
    #course .course-title .title {
      width: 60%;
      display: inline-block;
      vertical-align: bottom;
      padding-right: 30px;
      opacity: 0; }
      @media screen and (max-width: 1580px) {
        #course .course-title .title {
          width: 70%; } }
      @media screen and (max-width: 640px) {
        #course .course-title .title {
          width: 100%;
          padding-right: 0; }
          #course .course-title .title br {
            display: none; } }
      #course .course-title .title h2 {
        margin-bottom: 30px; }
      .page-ready #course .course-title .title {
        -webkit-animation: fade-in-basic 1s 0.3s;
        animation: fade-in-basic 1s 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        will-change: transform; }
    #course .course-title .associate {
      width: 40%;
      display: inline-block;
      vertical-align: bottom; }
      @media screen and (max-width: 1580px) {
        #course .course-title .associate {
          width: 30%; } }
      @media screen and (max-width: 640px) {
        #course .course-title .associate {
          width: 100%; } }
      #course .course-title .associate span {
        font-size: 12px;
        font-weight: bold;
        display: block;
        margin-bottom: 5px; }
      #course .course-title .associate img {
        display: block;
        margin-bottom: 30px; }
        @media screen and (max-width: 640px) {
          #course .course-title .associate img {
            max-width: 120px;
            margin-bottom: 0; } }
    #course .course-title .associate__item {
      opacity: 0; }
      .page-ready #course .course-title .associate__item {
        -webkit-animation: fade-in-from-right 1s 0.3s;
        animation: fade-in-from-right 1s 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        will-change: transform; }
      #course .course-title .associate__item:nth-child(1) {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s; }
      #course .course-title .associate__item:nth-child(2) {
        -webkit-animation-delay: 0.45s;
        animation-delay: 0.45s; }
      #course .course-title .associate__item:nth-child(3) {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s; }
      @media screen and (max-width: 640px) {
        #course .course-title .associate__item {
          display: inline-block;
          vertical-align: top;
          margin-right: 15px; }
          #course .course-title .associate__item:last-child {
            margin-right: 0; } }
  #course .course-details {
    position: relative; }
    #course .course-details .purple-block {
      position: absolute;
      width: 20px;
      height: 25%;
      top: -60px;
      left: 0px;
      background-color: #51296f;
      transition: 1s;
      -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
      transform: scale(1, 0); }
      @media screen and (max-width: 480px) {
        #course .course-details .purple-block {
          width: 10px; } }
      .page-ready #course .course-details .purple-block {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); }
    #course .course-details > p {
      width: 70%;
      margin: auto;
      margin-bottom: 10px; }
      @media screen and (max-width: 1580px) {
        #course .course-details > p {
          width: 80%; } }
      @media screen and (max-width: 991px) {
        #course .course-details > p {
          width: 90%; } }
    #course .course-details .banner {
      margin: 50px 0px;
      margin-left: 15%;
      opacity: 0; }
      @media screen and (max-width: 1580px) {
        #course .course-details .banner {
          margin-left: 10%; } }
      @media screen and (max-width: 991px) {
        #course .course-details .banner {
          margin-left: 5%; } }
      #course .course-details .banner > img {
        width: 100%; }
      #course .course-details .banner.in-view {
        -webkit-animation: fade-in-from-right 1s 0.3s;
        animation: fade-in-from-right 1s 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        will-change: transform; }
  #course .course-details__intro {
    opacity: 0;
    position: relative;
    width: 70%;
    margin: auto; }
    #course .course-details__intro.in-view {
      -webkit-animation: fade-in-basic 1s 0.9s;
      animation: fade-in-basic 1s 0.9s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      will-change: transform; }
    @media screen and (max-width: 1580px) {
      #course .course-details__intro {
        width: 80%; } }
    @media screen and (max-width: 991px) {
      #course .course-details__intro {
        width: 90%; } }
  #course .holder {
    position: relative;
    width: 70%;
    margin: auto; }
    @media screen and (max-width: 1580px) {
      #course .holder {
        width: 80%; } }
    @media screen and (max-width: 991px) {
      #course .holder {
        width: 90%; } }

.cell-picture {
  width: 100%; }

.cell-span {
  display: inline-block;
  width: calc(100% - 90px);
  vertical-align: middle; }

/* END Style programme used  */
/* ------------------------------------------ */