/* frameworks */

.container {

  max-width: 1280px; }



.container.-lg {

  max-width: 1530px; }



.row-0 {

  margin: 0; }

  .row-0 > div {

    padding: 0; }



.row-10 {

  margin: 0 -5px; }

  .row-10 > div {

    padding: 0 5px; }



.row-20 {

  margin: 0 -10px; }

  .row-20 > div {

    padding: 0 10px; }



.row-40 {

  margin: 0 -20px; }

  .row-40 > div {

    padding: 0 20px; }



.row-R > div {

  float: right; }



.row-table {

  display: table;

  width: 100%; }

  .row-table > div {

    display: table-cell;

    vertical-align: middle;

    position: relative;

    padding: 0; }

  .row-table .col {

    width: auto; }

  .row-table .col-auto {

    width: 1%; }

  .row-table.vlign-top > div {

    vertical-align: top; }



.section-middle {

  display: table;

  width: 100%;

  height: 100vh; }

  .section-middle > div {

    display: table-cell;

    vertical-align: middle; }



figure {

  margin: 0;

  position: relative; }

  figure.cover {

    margin: 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat; }

    figure.cover img {

      object-fit: cover;

      object-position: center; }

  figure.contain {

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat; }

    figure.contain img {

      object-fit: contain;

      object-position: center; }

  figure img {

    width: 100%;

    max-width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }



.icon {

  position: relative; }

  .icon img {

    display: block; }



a:focus,

button:focus {

  outline: none; }



.btn,

.link {

  text-decoration: none;

  -webkit-transition: all 400ms ease-out;

  -moz-transition: all 400ms ease-out;

  -o-transition: all 400ms ease-out;

  -ms-transition: all 400ms ease-out;

  transition: all 400ms ease-out; }



.btn:focus,

.btn:hover,

.link:focus,

.link:hover {

  text-decoration: none; }



input,

select,

textarea {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none; }



img {

  max-width: 100%; }



ul.item-list,

ul.nav-list {

  margin: 0;

  padding: 0; }

  ul.item-list li,

  ul.nav-list li {

    list-style: none;

    float: left; }

    ul.item-list li a.link,

    ul.nav-list li a.link {

      display: block; }

  ul.item-list:before, ul.item-list:after,

  ul.nav-list:before,

  ul.nav-list:after {

    content: ' ';

    display: table; }

  ul.item-list:after,

  ul.nav-list:after {

    clear: both; }



ul.item-list.fluid li,

ul.nav-lis.fluid li {

  width: 100%; }



.iframe-container {

  position: relative;

  padding-bottom: 56%;

  overflow: hidden; }

  .iframe-container iframe, .iframe-container object, .iframe-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }



.video-container {

  position: relative;

  padding-bottom: 57%;

  overflow: hidden; }

  .video-container video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }



/* config */

@font-face {

  font-family: 'db_helvethaica';

  src: url("../font/db_helvethaica_x_thin_v3.2-webfont.woff") format("woff");

  font-display: block;

  font-weight: 100;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica';

  src: url("../font/db_helvethaica_x_li_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_li_v3.2-webfont.woff") format("woff");

  font-display: block;

  font-weight: 300;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica';

  src: url("../font/db_helvethaica_x_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_v3.2-webfont.woff") format("woff");

  font-display: block;

  font-weight: normal;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica';

  src: url("../font/db_helvethaica_x_med_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_med_v3.2-webfont.woff") format("woff");

  font-display: block;

  font-weight: 500;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica';

  src: url("../font/db_helvethaica_x_bd_v3.2-webfont.woff2") format("woff2"), url("../font/db_helvethaica_x_bd_v3.2-webfont.woff") format("woff");

  font-display: block;

  font-weight: bold;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica_cond';

  src: url("../font/db_helvethaica_x_ulli_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_ulli_cond_v3.2.woff") format("woff");

  font-display: block;

  font-weight: 100;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica_cond';

  src: url("../font/db_helvethaica_x_thin_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_thin_cond_v3.2.woff") format("woff");

  font-display: block;

  font-weight: 200;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica_cond';

  src: url("../font/db_helvethaica_x_li_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_li_cond_v3.2.woff") format("woff");

  font-display: block;

  font-weight: 300;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica_cond';

  src: url("../font/db_helvethaica_x_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_cond_v3.2.woff") format("woff");

  font-display: block;

  font-weight: normal;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica_cond';

  src: url("../font/db_helvethaica_x_med_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_med_cond_v3.2.woff") format("woff");

  font-display: block;

  font-weight: 500;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica_cond';

  src: url("../font/db_helvethaica_x_bd_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_bd_cond_v3.2.woff") format("woff");

  font-display: block;

  font-weight: 700;

  font-style: normal; }

@font-face {

  font-family: 'db_helvethaica_cond';

  src: url("../font/db_helvethaica_x_blk_cond_v3.2.woff2") format("woff2"), url("../font/db_helvethaica_x_blk_cond_v3.2.woff") format("woff");

  font-display: block;

  font-weight: bold;

  font-style: normal; }

.text-primary {

  color: #144188 !important; }



.text-secondary {

  color: #3F7E44 !important; }



.text-red {

  color: #f00 !important; }



.text-gray {

  color: #666666 !important; }



.text-lightgray {

  color: #999 !important; }



.text-gold {

  color: #e9c87b !important; }



.text-light {

  color: #ffffff !important; }



.text-dark {

  color: #000000 !important; }



.text-darkgray {

  color: #333333 !important; }



.text-brown {

  color: #5B3C31 !important; }



body {

  font-family: 'db_helvethaica';

  background-color: #fff;

  font-size: 16px;

  color: #333333;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-text-size-adjust: none; }



h1, h2, h3, h4, h5, h6,

.h1, .h2, .h3, .h4, .h5, .h6 {

  font-family: 'db_helvethaica'; }



.transition {

  -webkit-transition: all 200ms ease-out;

  -moz-transition: all 200ms ease-out;

  -o-transition: all 200ms ease-out;

  -ms-transition: all 200ms ease-out;

  transition: all 200ms ease-out; }



/* components */

#preload {

  position: fixed;

  width: 100%;

  height: 100%;

  z-index: 9999;

  left: 0;

  top: 0;

  background-color: #f5f5f5; }



.preload {

  text-align: center;

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 9999;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%); }

  .preload .logo {

    width: 180px; }



.lds-facebook {

  display: inline-block;

  position: relative;

  width: 30px;

  height: 15px; }



.lds-facebook div {

  display: inline-block;

  position: absolute;

  left: 0px;

  width: 8px;

  background: #144188;

  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; }



.lds-facebook div:nth-child(1) {

  left: 0px;

  animation-delay: 0s; }



.lds-facebook div:nth-child(2) {

  left: 11px;

  animation-delay: 0.12s; }



.lds-facebook div:nth-child(3) {

  left: 22px;

  animation-delay: 0.24s; }



@keyframes lds-facebook {

  0% {

    top: 8px;

    height: 64px; }

  50%, 100% {

    top: 24px;

    height: 32px; } }

nav.menu li a.link {

  font-size: 22px;

  font-weight: 500;

  color: #000000;

  display: block;

  position: relative;

  text-transform: uppercase; }

  nav.menu li a.link:hover {

    color: #3F7E44; }

  nav.menu li a.link:before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    bottom: -6px;

    width: 100%;

    height: 1px;

    background-color: #3F7E44;

    opacity: 0;

    -webkit-transition: all 400ms ease-out;

    -moz-transition: all 400ms ease-out;

    -o-transition: all 400ms ease-out;

    -ms-transition: all 400ms ease-out;

    transition: all 400ms ease-out; }

nav.menu li.active > a.link {

  color: #3F7E44; }

  nav.menu li.active > a.link:before {

    opacity: 1; }

nav.menu li.dropdown a.link .icon {

  display: inline-block;

  vertical-align: middle; }

  nav.menu li.dropdown a.link .icon:before {

    content: "\f107";

    font-family: 'FontAwesome'; }

nav.menu li.dropdown.show > a.link {

  color: #3F7E44; }

  nav.menu li.dropdown.show > a.link .icon:before {

    content: '\f106'; }

  nav.menu li.dropdown.show > a.link:before {

    opacity: 1; }

nav.menu li + li {

  margin-left: 50px; }

nav.menu .dropdown-toggle::after {

  display: none; }

nav.menu .dropdown-menu {

  width: 100%;

  position: fixed !important;

  top: 120px !important;

  left: 0 !important;

  transform: none !important;

  padding: 35px 0 45px 0;

  background-color: #F6F6F6;

  margin: 0;

  border: 0;

  border-radius: 0; }

  nav.menu .dropdown-menu .h-title {

    margin-bottom: 20px;

    font-size: 42px;

    font-weight: bold;

    line-height: 1;

    color: #144188;

    text-transform: uppercase; }

  nav.menu .dropdown-menu .nav-list {

    float: left;

    width: 250px;

    border-right: 1px solid #E2E2E2;

    padding-right: 30px; }

    nav.menu .dropdown-menu .nav-list.fluid {

      float: none;

      width: 100%; }

    nav.menu .dropdown-menu .nav-list + .nav-list {

      padding-left: 30px; }

    nav.menu .dropdown-menu .nav-list:last-child {

      border-right: 0; }

  nav.menu .dropdown-menu li {

    width: 100%; }

  nav.menu .dropdown-menu li + li {

    margin-top: 10px;

    margin-left: 0; }

  nav.menu .dropdown-menu .link:before {

    display: none; }



.menu-mobile-btn {

  display: none;

  position: fixed;

  right: 20px;

  top: 23px;

  margin: auto;

  z-index: 3;

  width: 20px;

  height: 16px; }

  .menu-mobile-btn .btn-mobile {

    display: block;

    width: 20px;

    height: 16px;

    -webkit-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    -ms-transition: all 200ms ease-out;

    transition: all 200ms ease-out; }

    .menu-mobile-btn .btn-mobile .bar {

      position: absolute;

      width: 100%;

      height: 2px;

      left: 0;

      background-color: #144188;

      margin: auto;

      -webkit-transition: all 200ms ease-out;

      -moz-transition: all 200ms ease-out;

      -o-transition: all 200ms ease-out;

      -ms-transition: all 200ms ease-out;

      transition: all 200ms ease-out;

      -webkit-border-radius: 2px;

      -moz-border-radius: 2px;

      border-radius: 2px; }

      .menu-mobile-btn .btn-mobile .bar:nth-child(1) {

        top: 0; }

      .menu-mobile-btn .btn-mobile .bar:nth-child(2) {

        top: 0;

        bottom: 0; }

      .menu-mobile-btn .btn-mobile .bar:nth-child(3) {

        top: 0;

        bottom: 0; }

      .menu-mobile-btn .btn-mobile .bar:nth-child(4) {

        bottom: 0; }

    .menu-mobile-btn .btn-mobile.close {

      opacity: 1; }

      .menu-mobile-btn .btn-mobile.close .bar:nth-child(1) {

        top: 0;

        opacity: 0; }

      .menu-mobile-btn .btn-mobile.close .bar:nth-child(2) {

        top: 0;

        bottom: 0;

        -webkit-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        transform: rotate(45deg); }

      .menu-mobile-btn .btn-mobile.close .bar:nth-child(3) {

        top: 0;

        bottom: 0;

        -webkit-transform: rotate(-45deg);

        -moz-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

        -o-transform: rotate(-45deg);

        transform: rotate(-45deg); }

      .menu-mobile-btn .btn-mobile.close .bar:nth-child(4) {

        bottom: 0;

        opacity: 0; }



.slick-prev:before,

.slick-next:before {

  display: none; }



.slick-prev:hover:before,

.slick-next:hover:before {

  color: #144188; }



.slick-prev, .slick-next {

  z-index: 1;

  width: 50px;

  height: 50px;

  line-height: 53px;

  text-align: center;

  background-color: #ffffff;

  border: 1px solid #F0F0F0;

  font-size: 20px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  -webkit-transition: All 400ms ease;

  -moz-transition: All 400ms ease;

  -o-transition: All 400ms ease;

  -ms-transition: All 400ms ease;

  transition: All 400ms ease;

  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.09);

  -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.09);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.09); }



.slick-arrow .icon {

  color: #F0F0F0;

  -webkit-transition: All 400ms ease;

  -moz-transition: All 400ms ease;

  -o-transition: All 400ms ease;

  -ms-transition: All 400ms ease;

  transition: All 400ms ease; }



.slick-prev {

  left: -10px; }



.slick-next {

  right: -10px; }



.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

  border-color: #C7C7C7;

  background-color: #ffffff; }



.slick-prev:hover .icon,

.slick-prev:focus .icon,

.slick-next:hover .icon,

.slick-next:focus .icon {

  color: #C7C7C7; }



.slick-dots li {

  width: auto;

  height: auto;

  margin: 0 15px;

  position: relative;

  -webkit-transition: All 400ms ease;

  -moz-transition: All 400ms ease;

  -o-transition: All 400ms ease;

  -ms-transition: All 400ms ease;

  transition: All 400ms ease; }

  .slick-dots li:before {

    content: '';

    position: absolute;

    top: -15px;

    left: -15px;

    right: -15px;

    bottom: -15px;

    border: 1px solid #999;

    -webkit-transition: All 400ms ease;

    -moz-transition: All 400ms ease;

    -o-transition: All 400ms ease;

    -ms-transition: All 400ms ease;

    transition: All 400ms ease;

    opacity: 0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%; }

  .slick-dots li button {

    width: 10px;

    height: 10px;

    padding: 0;

    background: #999;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%; }

    .slick-dots li button:before {

      display: none; }

  .slick-dots li.slick-active button {

    background: #144188; }

  .slick-dots li.slick-active:before {

    opacity: 1; }



.slick-dots:hover li {

  opacity: 0.5; }



.slick-dots:hover li:hover {

  opacity: 1; }



.slick-slide .item {

  float: left; }



.breadcrumb-block {

  padding: 45px 0 60px 0;

  overflow: auto;

  white-space: nowrap;

  display: flex;

  position: relative;

  z-index: 2; }



.breadcrumb {

  background-color: transparent;

  margin: 0;

  padding: 0;

  flex-wrap: nowrap;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px; }

  .breadcrumb li {

    position: relative;

    color: #909090;

    font-size: 20px;

    line-height: 1; }

    .breadcrumb li .icon {

      margin-right: 6px;

      display: inline-block; }

    .breadcrumb li .link {

      color: #909090;

      font-size: 20px;

      line-height: 1; }

      .breadcrumb li .link:hover {

        color: #144188; }

    .breadcrumb li.active {

      max-width: 300px;

      text-overflow: ellipsis;

      white-space: nowrap;

      overflow: hidden;

      color: #000000; }

  .breadcrumb li + li {

    padding-left: 20px;

    margin-left: 10px; }

    .breadcrumb li + li:before {

      content: '';

      position: absolute;

      left: 0;

      top: 0;

      bottom: 0;

      margin: auto;

      padding: 0;

      width: 6px;

      height: 6px;

      border-right: 1px solid #555555;

      border-bottom: 1px solid #555555;

      -webkit-transform: rotate(-45deg);

      -moz-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

      -o-transform: rotate(-45deg);

      transform: rotate(-45deg); }



.pagination-block {

  position: relative; }



.pagination-label .title {

  font-size: 22px;

  font-weight: normal;

  line-height: 1;

  color: #999; }

.pagination-label span {

  font-size: 24px;

  font-weight: bold;

  line-height: 1;

  color: #ffffff;

  display: inline;

  margin: 0 8px;

  padding: 2px 25px;

  background-color: #144188;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px; }



.pagination {

  margin: 0; }

  .pagination .link {

    display: block;

    text-align: center;

    min-width: 50px;

    height: 50px;

    line-height: 48px;

    padding: 0 10px;

    font-size: 22px;

    font-weight: normal;

    position: relative;

    background-color: transparent;

    color: #909090;

    border: 1px solid transparent;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

    -o-transition: all 200ms ease-out;

    -ms-transition: all 200ms ease-out;

    transition: all 200ms ease-out; }

    .pagination .link:hover {

      color: #144188; }

    .pagination .link .feather {

      position: relative;

      top: 3px; }

    .pagination .link:before {

      content: '';

      position: absolute;

      left: 0;

      right: 0;

      bottom: 0;

      height: 2px;

      width: 100%;

      background-color: #144188;

      opacity: 0;

      display: none;

      -webkit-transition: all 200ms ease-out;

      -moz-transition: all 200ms ease-out;

      -o-transition: all 200ms ease-out;

      -ms-transition: all 200ms ease-out;

      transition: all 200ms ease-out; }

  .pagination .active .link {

    color: #ffffff;

    background-color: #144188; }

    .pagination .active .link:before {

      opacity: 1; }

  .pagination li {

    display: inline-block;

    vertical-align: middle; }

  .pagination li + li {

    margin-left: 6px; }

  .pagination .pagination-nav .link {

    color: #C7C7C7;

    border-color: #C7C7C7; }

    .pagination .pagination-nav .link:hover {

      color: #909090;

      border-color: #909090; }

  .pagination .jumpPage {

    width: 110px; }

  .pagination .select2-container--default .select2-selection--single {

    height: 50px; }

  .pagination .select2-container .select2-selection--single .select2-selection__rendered {

    color: #909090;

    line-height: 48px;

    font-size: 22px;

    font-weight: normal; }

  .pagination .select2-container--default .select2-selection--single .select2-selection__arrow:before {

    line-height: 36px;

    font-size: 26px;

    color: #909090; }



.font-base-editor, .editor-content, .editor-content p {

  font-size: 30px;

  font-weight: normal;

  color: #909090;

  line-height: 1.2em;

  margin-bottom: 20px; }



.editor-content {

  padding-bottom: 65px; }

  .editor-content p:last-child {

    margin-bottom: 0; }

  .editor-content img {

    height: auto !important; }



.whead {

  margin-bottom: 60px; }

  .whead .wtxt {

    margin: 0;

    font-size: 117px;

    font-weight: bold;

    line-height: 1em;

    color: #000000;

    position: relative;

    z-index: 1; }

    .whead .wtxt.-sm {

      font-size: 52px; }

    .whead .wtxt:before {

      content: '';

      position: absolute;

      z-index: -1;

      top: -7px;

      left: 0;

      width: 70px;

      height: 70px;

      opacity: 0.3;

      background-color: #EEEEEE;

      -webkit-border-radius: 30px 0 30px 0;

      -moz-border-radius: 30px 0 30px 0;

      border-radius: 30px 0 30px 0; }

    .whead .wtxt.-typeI:before {

      background-image: linear-gradient(180deg, #76bf88 0%, #1b4a27 100%);

      opacity: 1; }

    .whead .wtxt.-typeII:before {

      background-image: linear-gradient(180deg, #eece50 0%, #635506 100%);

      opacity: 1; }

    .whead .wtxt.-typeIII:before {

      background-image: linear-gradient(180deg, #c2b6dc 0%, #382563 100%);

      opacity: 1; }

    .whead .wtxt.-typeIV:before {

      background-image: linear-gradient(180deg, #e99fc9 0%, #6a234b 100%);

      opacity: 1; }

    .whead .wtxt.-typeV:before {

      background-image: linear-gradient(180deg, #7ab6d5 0%, #1d4e68 100%);

      opacity: 1; }



.btn {

  background: none;

  position: relative;

  overflow: hidden;

  top: 0;

  z-index: 10;

  border: 1px solid transparent;

  text-transform: uppercase;

  padding: 0 10px;

  min-width: 250px;

  height: 60px;

  line-height: 58px;

  font-size: 22px;

  font-weight: normal;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px; }

  .btn.fluid {

    min-width: inherit;

    width: 100%;

    position: relative; }

  .btn:focus {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none; }

  .btn:before {

    content: '';

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transform: scaleX(0);

    transform-origin: 0 50%;

    transition-property: transform;

    transition-duration: 0.3s;

    transition-timing-function: ease-out; }

  .btn:hover:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1); }

  .btn .icon-R {

    margin-left: 10px;

    position: relative;

    right: 0;

    -webkit-transition: All 400ms ease;

    -moz-transition: All 400ms ease;

    -o-transition: All 400ms ease;

    -ms-transition: All 400ms ease;

    transition: All 400ms ease; }

  .btn .icon-L {

    margin-right: 10px;

    position: relative;

    left: 0;

    -webkit-transition: All 400ms ease;

    -moz-transition: All 400ms ease;

    -o-transition: All 400ms ease;

    -ms-transition: All 400ms ease;

    transition: All 400ms ease; }

  .btn:hover .icon-R {

    right: -5px; }

  .btn:hover .icon-L {

    left: -5px; }



.btn-primary {

  color: #ffffff;

  background-color: #144188;

  border-color: #144188; }

  .btn-primary:hover, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.actitve:focus, .btn-primary:active.focus, .btn-primary.active.focus, .btn-primary:focus:hover, .btn-primary.focus:hover {

    color: #ffffff;

    background-color: #ffffff;

    border-color: #144188; }

  .btn-primary.disabled, .btn-primary.disabled:hover {

    color: #ffffff;

    background-color: #144188;

    border-color: #144188;

    opacity: 0.5; }

  .btn-primary:before {

    background-color: #144188; }



.btn-secondary-light {

  color: #3F7E44;

  background-color: #ffffff;

  border-color: #ffffff; }

  .btn-secondary-light:hover, .btn-secondary-light:active:hover, .btn-secondary-light.active:hover, .btn-secondary-light:active:focus, .btn-secondary-light.actitve:focus, .btn-secondary-light:active.focus, .btn-secondary-light.active.focus, .btn-secondary-light:focus:hover, .btn-secondary-light.focus:hover {

    color: #ffffff;

    background-color: #ffffff;

    border-color: #3F7E44; }

  .btn-secondary-light.disabled, .btn-secondary-light.disabled:hover {

    color: #ffffff;

    background-color: #ffffff;

    border-color: #3F7E44;

    opacity: 0.5; }

  .btn-secondary-light:before {

    background-color: #3F7E44; }



.form-default .form-group {

  position: relative;

  margin-bottom: 20px; }

.form-default .control-label {

  margin-bottom: 10px;

  font-weight: normal;

  font-size: 14px;

  color: #333333;

  line-height: 1.2em; }

.form-default .form-control {

  line-height: 1.2em;

  padding: 10px 15px;

  font-size: 14px;

  color: #333333;

  min-height: 40px;

  background-color: #ffffff;

  border: 1px solid #333333;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none; }

  .form-default .form-control:focus {

    border-color: #333333; }

.form-default .floating-label {

  color: #333333;

  font-size: 14px;

  position: absolute;

  pointer-events: none;

  left: 15px;

  top: 9px;

  -webkit-transition: all 200ms ease-out;

  -moz-transition: all 200ms ease-out;

  -o-transition: all 200ms ease-out;

  -ms-transition: all 200ms ease-out;

  transition: all 200ms ease-out; }

.form-default .form-control:focus ~ .floating-label,

.form-default .form-control:not(:focus):valid ~ .floating-label {

  color: #333333;

  font-size: 12px;

  left: 0;

  top: -22px; }

.form-default .block-control {

  position: relative; }

.form-default .has-error .form-control:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none; }

.form-default .has-success .form-control:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none; }



.form-control-feedback {

  position: absolute;

  top: 10px;

  right: 10px;

  width: 20px;

  height: 20px;

  background-size: 100%; }

  .form-control-feedback:before {

    display: none; }

  .form-control-feedback.glyphicon-ok {

    background: url("../img/icon/checked.png") center no-repeat;

    background-size: 16px; }

  .form-control-feedback.glyphicon-remove {

    background: url("../img/icon/cancel.png") center no-repeat;

    background-size: 16px; }



.radio-control {

  position: relative;

  display: inline-block;

  min-height: 34px;

  padding-left: 0; }

  .radio-control .icon {

    width: 20px;

    height: 20px;

    border: 1px solid #ccc;

    background-color: #ffffff;

    position: absolute;

    top: 10px;

    left: 0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%; }

  .radio-control .txt {

    margin: 0;

    font-size: 16px;

    font-weight: normal;

    color: #333333;

    line-height: 20px;

    display: block;

    padding-left: 30px;

    padding-top: 10px;

    padding-bottom: 10px; }

  .radio-control input[type='radio'] {

    margin-top: 0;

    position: absolute;

    z-index: 5;

    opacity: 0;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    cursor: pointer; }

  .radio-control input[type='radio']:checked ~ .icon {

    border-color: transparent;

    border-color: #333333; }

    .radio-control input[type='radio']:checked ~ .icon:before {

      content: '';

      position: absolute;

      width: 10px;

      height: 10px;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      margin: auto;

      background-color: #333333;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      border-radius: 50%; }



.checkbox-control {

  position: relative;

  display: inline-block; }

  .checkbox-control .icon {

    width: 15px;

    height: 15px;

    border: 1px solid #CCCCCC;

    background-color: #fff;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0; }

  .checkbox-control .txt {

    margin: 0;

    font-size: 20px;

    font-weight: normal;

    color: #333333;

    padding-left: 25px;

    line-height: 15px;

    display: block;

    -webkit-transition: all 400ms ease-out;

    -moz-transition: all 400ms ease-out;

    -o-transition: all 400ms ease-out;

    -ms-transition: all 400ms ease-out;

    transition: all 400ms ease-out; }

    .checkbox-control .txt .color {

      color: #144188; }

  .checkbox-control input[type='checkbox'] {

    margin-top: 0;

    position: absolute;

    z-index: 5;

    opacity: 0;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    cursor: pointer; }

  .checkbox-control input[type='checkbox']:checked ~ .icon:before {

    content: '\f00c';

    position: absolute;

    width: 10px;

    height: 15px;

    font-family: 'FontAwesome';

    font-size: 12px;

    color: #144188;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto; }



.select2-container--default .select2-selection--single {

  border: 1px solid #D4D4D4;

  border-radius: 25px;

  height: 50px; }



.select2-container .select2-selection--single .select2-selection__rendered {

  padding-left: 20px;

  padding-right: 30px;

  color: #144188;

  line-height: 48px;

  font-size: 24px;

  font-weight: 300; }



.select2-container--default .select2-selection--single .select2-selection__placeholder {

  color: #999; }



.select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 36px;

  width: 20px;

  top: 0;

  right: 12px;

  bottom: 0;

  margin: auto; }



.select2-container--default .select2-selection--single .select2-selection__arrow b {

  display: none; }



.select2-container--default .select2-selection--single .select2-selection__arrow:before {

  content: "\f107";

  font-family: 'FontAwesome';

  line-height: 36px;

  font-size: 32px;

  color: #999; }



.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {

  content: "\f106"; }



.select2-container--default .select2-selection--single,

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single:focus,

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple:focus {

  outline: none; }



.select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__rendered,

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple .select2-selection__rendered {

  color: #144188; }



.select2-results__option {

  font-size: 20px;

  font-weight: normal;

  line-height: 1;

  color: #666666;

  border: 1px solid #D4D4D4;

  padding: 7px 18px; }



.select2-results__option + .select2-results__option {

  border-top: 0; }



.select2-container--default .select2-results__option[aria-selected=true] {

  background-color: #144188;

  color: #ffffff;

  border-color: #144188;

  font-weight: 300; }



.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {

  margin: 0; }



.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #144188; }



.modal-title .title {

  font-size: 30px;

  font-weight: bold;

  line-height: 1;

  color: #000000;

  margin: 0; }

.modal-title .desc {

  font-size: 26px;

  font-weight: normal;

  line-height: 1;

  color: #000000;

  margin: 0; }



.modal-body .title {

  font-size: 24px;

  font-weight: bold;

  line-height: 1;

  color: #000000;

  margin: 0; }

.modal-body .desc {

  font-size: 22px;

  font-weight: normal;

  line-height: 1;

  color: #000000;

  margin: 0; }



.modal-dialog {

  max-width: 780px; }



/* pages */

.global-container {

  overflow: hidden; }



.site-container {

  padding-top: 120px; }



.tooltip.show {

  opacity: 1; }



.tooltip-inner {

  max-width: 230px;

  padding: 5px 10px;

  color: #909090;

  background-color: #ffffff;

  font-size: 20px;

  font-weight: normal;

  border: 1px solid #3F7E44;

  font-family: 'db_helvethaica';

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px;

  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);

  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09); }



.bs-tooltip-bottom .arrow::before {

  z-index: 0;

  border: 0;

  width: 0.8rem;

  height: 0.8rem;

  background-color: #ffffff;

  bottom: -6px;

  transform: rotate(45deg); }



.bs-tooltip-bottom .arrow::after {

  content: '';

  position: absolute;

  z-index: 1;

  width: 0.8rem;

  height: 0.8rem;

  border: 1px solid #3F7E44;

  border-bottom: 0;

  border-right: 0;

  transform: rotate(45deg);

  bottom: -6px; }



.action-back {

  position: relative;

  z-index: 3; }

  .action-back .btn {

    min-width: 150px;

    height: 50px;

    line-height: 48px;

    font-size: 20px; }



.main-slider.slick-dotted.slick-slider {

  margin-bottom: 0; }

.main-slider .slick-dots {

  bottom: 100px; }

  .main-slider .slick-dots li:before {

    border: 1px solid #ffffff; }

  .main-slider .slick-dots li button {

    background: #ffffff; }

  .main-slider .slick-dots li.slick-active button {

    background: #ffffff; }

.main-slider .wrapper {

  position: relative; }

.main-slider .content {

  position: absolute;

  z-index: +1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: flex-end;

  text-align: center; }

  .main-slider .content .inner {

    padding-bottom: 160px; }

  .main-slider .content .title {

    font-size: 112px;

    font-weight: bold;

    line-height: 0.7em;

    color: #ffffff;

    margin-bottom: 20px;

    overflow: hidden;

    height: 1.4em;

    max-width: 1180px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    -webkit-transition: All 400ms ease;

    -moz-transition: All 400ms ease;

    -o-transition: All 400ms ease;

    -ms-transition: All 400ms ease;

    transition: All 400ms ease; }

  .main-slider .content .desc {

    font-size: 24px;

    font-weight: normal;

    line-height: 1;

    color: #ffffff; }

.main-slider .cover,

.main-slider .iframe-container {

  padding-bottom: calc(100vh - 120px); }

.main-slider .link:hover .title {

  -webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);

  -moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);

  text-shadow: 0 0 10px rgba(0, 0, 0, 0.75); }



.wg-highlights .row-item {

  align-items: center; }

.wg-highlights .box:nth-child(odd) {

  background-color: #ffffff; }

  .wg-highlights .box:nth-child(odd) .row-item > .col-auto {

    order: 1; }

  .wg-highlights .box:nth-child(odd) .row-item > .col {

    order: 2; }

  .wg-highlights .box:nth-child(odd) .row-item .highlights-box {

    margin-left: -195px;

    padding-left: 195px;

    padding-right: 115px; }

  .wg-highlights .box:nth-child(odd) .row-item .wg-highlights-slider .highlights-nav {

    justify-content: flex-start; }

.wg-highlights .box:nth-child(even) {

  background-color: #F9F9F9; }

  .wg-highlights .box:nth-child(even) .row-item > .col-auto {

    order: 2; }

  .wg-highlights .box:nth-child(even) .row-item > .col {

    order: 1; }

  .wg-highlights .box:nth-child(even) .row-item .highlights-box {

    margin-right: -195px;

    padding-right: 195px;

    padding-left: 115px; }

  .wg-highlights .box:nth-child(even) .row-item .wg-highlights-slider .highlights-nav {

    justify-content: flex-end; }

.wg-highlights .highlights-box {

  height: 870px;

  width: 560px;

  padding-top: 140px;

  position: relative;

  -webkit-border-radius: 100px 0 100px 0;

  -moz-border-radius: 100px 0 100px 0;

  border-radius: 100px 0 100px 0;

  overflow: hidden; }

  .wg-highlights .highlights-box:before {

    content: '';

    position: absolute;

    right: 0;

    bottom: 0;

    width: 400px;

    height: 400px;

    pointer-events: none;

    background-image: url(../img/static/highlights-watermark.png);

    background-position: right bottom;

    background-repeat: no-repeat;

    background-size: contain; }

  .wg-highlights .highlights-box .h-title {

    font-size: 55px;

    font-weight: normal;

    line-height: 1;

    color: #ffffff;

    margin-bottom: 35px;

    position: relative;

    z-index: 1;

    padding-left: 35px; }

    .wg-highlights .highlights-box .h-title:before {

      content: '';

      position: absolute;

      z-index: -1;

      top: -7px;

      left: 0;

      width: 70px;

      height: 70px;

      opacity: 0.3;

      background-color: #EEEEEE;

      -webkit-border-radius: 30px 0 30px 0;

      -moz-border-radius: 30px 0 30px 0;

      border-radius: 30px 0 30px 0; }

  .wg-highlights .highlights-box .title {

    font-size: 68px;

    font-weight: bold;

    line-height: 1em;

    color: #ffffff;

    margin-bottom: 25px;

    overflow: hidden;

    height: 1em;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical; }

  .wg-highlights .highlights-box .desc {

    font-size: 35px;

    font-weight: 500;

    line-height: 1em;

    color: #ffffff;

    margin-bottom: 60px;

    overflow: hidden;

    height: 10em;

    display: -webkit-box;

    -webkit-line-clamp: 10;

    -webkit-box-orient: vertical; }

  .wg-highlights .highlights-box .action .link {

    text-transform: uppercase;

    font-size: 22px;

    font-weight: normal;

    line-height: 1;

    color: #ffffff; }

    .wg-highlights .highlights-box .action .link .icon {

      margin-left: 10px;

      position: relative;

      right: 0;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

      .wg-highlights .highlights-box .action .link .icon .lazy {

        display: inline-block; }

    .wg-highlights .highlights-box .action .link:hover .icon {

      right: -5px; }

  .wg-highlights .highlights-box.-typeI {

    background-image: linear-gradient(180deg, #48a030 0%, #1b4a27 100%); }

  .wg-highlights .highlights-box.-typeII {

    background-image: linear-gradient(180deg, #fbc412 0%, #ff950b 100%); }

  .wg-highlights .highlights-box.-typeIII {

    background-image: linear-gradient(180deg, #11bce4 0%, #0084dc 100%); }

  .wg-highlights .highlights-box.-typeIV {

    background-image: linear-gradient(180deg, #00669f 0%, #003a9f 100%); }

  .wg-highlights .highlights-box.-typeV {

    background-image: linear-gradient(180deg, #19486a 0%, #0b263a 100%); }



.wg-highlights-slider {

  width: 1105px; }

  .wg-highlights-slider .highlights-nav {

    display: flex;

    width: 100%; }

    .wg-highlights-slider .highlights-nav .item {

      width: calc(100%/5); }

    .wg-highlights-slider .highlights-nav.-slider {

      display: block; }

      .wg-highlights-slider .highlights-nav.-slider .item {

        width: 100%; }

    .wg-highlights-slider .highlights-nav .link {

      display: block;

      padding: 0 10px; }

    .wg-highlights-slider .highlights-nav .height {

      height: 72px;

      align-items: center; }

    .wg-highlights-slider .highlights-nav .number {

      font-size: 40px;

      font-weight: bold;

      line-height: 1;

      color: #ffffff;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

    .wg-highlights-slider .highlights-nav .txt {

      padding: 0 10px;

      font-size: 18px;

      font-weight: 500;

      line-height: 0.8em;

      color: #ffffff;

      overflow: hidden;

      height: 1.6em;

      display: -webkit-box;

      -webkit-line-clamp: 2;

      -webkit-box-orient: vertical; }

    .wg-highlights-slider .highlights-nav .icon {

      position: relative;

      top: 0;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease;

      -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

      -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

      -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

      -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

      transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

      .wg-highlights-slider .highlights-nav .icon .lazy {

        height: 36px;

        max-width: 50px;

        object-fit: contain; }

    .wg-highlights-slider .highlights-nav .link:hover .number {

      -webkit-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);

      -moz-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);

      text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

    .wg-highlights-slider .highlights-nav .link:hover .icon {

      -webkit-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);

      -moz-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);

      -ms-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);

      -o-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);

      transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1); }

    .wg-highlights-slider .highlights-nav .-typeI {

      background-color: #E5243B; }

    .wg-highlights-slider .highlights-nav .-typeII {

      background-color: #DDA73A; }

    .wg-highlights-slider .highlights-nav .-typeIII {

      background-color: #48A030; }

    .wg-highlights-slider .highlights-nav .-typeIV {

      background-color: #C71427; }

    .wg-highlights-slider .highlights-nav .-typeV {

      background-color: #FF3709; }

    .wg-highlights-slider .highlights-nav .-typeVI {

      background-color: #11BCE4; }

    .wg-highlights-slider .highlights-nav .-typeVII {

      background-color: #FBC412; }

    .wg-highlights-slider .highlights-nav .-typeVIII {

      background-color: #A21942; }

    .wg-highlights-slider .highlights-nav .-typeIX {

      background-color: #FF680B; }

    .wg-highlights-slider .highlights-nav .-typeX {

      background-color: #DF0466; }

    .wg-highlights-slider .highlights-nav .-typeXI {

      background-color: #FF9D00; }

    .wg-highlights-slider .highlights-nav .-typeXII {

      background-color: #C08B20; }

    .wg-highlights-slider .highlights-nav .-typeXIII {

      background-color: #407F46; }

    .wg-highlights-slider .highlights-nav .-typeXIV {

      background-color: #0096DC; }

    .wg-highlights-slider .highlights-nav .-typeXV {

      background-color: #51C217; }

    .wg-highlights-slider .highlights-nav .-typeXVI {

      background-color: #00669F; }

    .wg-highlights-slider .highlights-nav .-typeXVII {

      background-color: #19486A; }

  .wg-highlights-slider .highlights-for {

    padding-top: 30px;

    margin: 0 -15px; }

    .wg-highlights-slider .highlights-for .item {

      padding: 0 15px; }

    .wg-highlights-slider .highlights-for .link {

      display: block; }

    .wg-highlights-slider .highlights-for .thumb .cover {

      position: relative;

      overflow: hidden;

      padding-bottom: 420px; }

      .wg-highlights-slider .highlights-for .thumb .cover .lazy {

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1); }

    .wg-highlights-slider .highlights-for .content {

      position: relative;

      padding-top: 30px; }

      .wg-highlights-slider .highlights-for .content .number-list {

        position: absolute;

        left: 0;

        right: 0;

        margin: auto;

        top: -80px;

        display: flex;

        justify-content: center;

        align-items: center;

        pointer-events: none; }

        .wg-highlights-slider .highlights-for .content .number-list .dropdown {

          position: absolute;

          left: 0;

          right: 0;

          top: 100%;

          text-align: center;

          pointer-events: visible; }

          .wg-highlights-slider .highlights-for .content .number-list .dropdown a.link .icon {

            font-size: 24px;

            font-weight: bold;

            line-height: 1;

            color: #000000; }

            .wg-highlights-slider .highlights-for .content .number-list .dropdown a.link .icon:before {

              content: "\f107";

              font-family: 'FontAwesome'; }

          .wg-highlights-slider .highlights-for .content .number-list .dropdown.show a.link .icon:before {

            content: '\f106'; }

        .wg-highlights-slider .highlights-for .content .number-list .dropdown-toggle::after {

          display: none; }

        .wg-highlights-slider .highlights-for .content .number-list .dropdown-menu {

          padding: 15px;

          margin: 0;

          border: 1px solid #e1e0e0;

          background-color: #ffffff;

          -webkit-border-radius: 15px;

          -moz-border-radius: 15px;

          border-radius: 15px; }

          .wg-highlights-slider .highlights-for .content .number-list .dropdown-menu li {

            width: calc(100%/5);

            margin: 2px 0; }

      .wg-highlights-slider .highlights-for .content .number {

        width: 60px;

        height: 60px;

        margin: 0 2px;

        pointer-events: visible;

        font-size: 32px;

        font-weight: bold;

        line-height: 1;

        color: #ffffff;

        text-align: center;

        display: flex;

        align-items: center;

        justify-content: center;

        border: 1px solid transparent;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        border-radius: 50%; }

      .wg-highlights-slider .highlights-for .content .date {

        font-size: 24px;

        font-weight: normal;

        line-height: 1em;

        color: #333333;

        margin-bottom: 10px;

        opacity: 0.4; }

      .wg-highlights-slider .highlights-for .content .title {

        font-size: 40px;

        font-weight: normal;

        line-height: 1em;

        color: #333333;

        overflow: hidden;

        max-height: 2em;

        margin-bottom: 20px;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease; }

      .wg-highlights-slider .highlights-for .content .desc {

        font-size: 24px;

        font-weight: normal;

        line-height: 1em;

        color: #333333;

        overflow: hidden;

        max-height: 2em;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical; }

    .wg-highlights-slider .highlights-for .link:hover .thumb .cover .lazy {

      -webkit-transform: scale(1.1);

      -moz-transform: scale(1.1);

      -ms-transform: scale(1.1);

      -o-transform: scale(1.1);

      transform: scale(1.1); }

    .wg-highlights-slider .highlights-for .-typeI.number {

      background-color: #E5243B;

      border-color: #E5243B; }

      .wg-highlights-slider .highlights-for .-typeI.number:hover {

        background-color: #ffffff;

        color: #E5243B; }

    .wg-highlights-slider .highlights-for .-typeI:hover .title {

      color: #E5243B; }

    .wg-highlights-slider .highlights-for .-typeII.number {

      background-color: #DDA73A;

      border-color: #DDA73A; }

      .wg-highlights-slider .highlights-for .-typeII.number:hover {

        background-color: #ffffff;

        color: #DDA73A; }

    .wg-highlights-slider .highlights-for .-typeII:hover .title {

      color: #DDA73A; }

    .wg-highlights-slider .highlights-for .-typeIII.number {

      background-color: #48A030;

      border-color: #48A030; }

      .wg-highlights-slider .highlights-for .-typeIII.number:hover {

        background-color: #ffffff;

        color: #48A030; }

    .wg-highlights-slider .highlights-for .-typeIII:hover .title {

      color: #48A030; }

    .wg-highlights-slider .highlights-for .-typeIV.number {

      background-color: #C71427;

      border-color: #C71427; }

      .wg-highlights-slider .highlights-for .-typeIV.number:hover {

        background-color: #ffffff;

        color: #C71427; }

    .wg-highlights-slider .highlights-for .-typeIV:hover .title {

      color: #C71427; }

    .wg-highlights-slider .highlights-for .-typeV.number {

      background-color: #FF3709;

      border-color: #FF3709; }

      .wg-highlights-slider .highlights-for .-typeV.number:hover {

        background-color: #ffffff;

        color: #FF3709; }

    .wg-highlights-slider .highlights-for .-typeV:hover .title {

      color: #FF3709; }

    .wg-highlights-slider .highlights-for .-typeVI.number {

      background-color: #11BCE4;

      border-color: #11BCE4; }

      .wg-highlights-slider .highlights-for .-typeVI.number:hover {

        background-color: #ffffff;

        color: #11BCE4; }

    .wg-highlights-slider .highlights-for .-typeVI:hover .title {

      color: #11BCE4; }

    .wg-highlights-slider .highlights-for .-typeVII.number {

      background-color: #FBC412;

      border-color: #FBC412; }

      .wg-highlights-slider .highlights-for .-typeVII.number:hover {

        background-color: #ffffff;

        color: #FBC412; }

    .wg-highlights-slider .highlights-for .-typeVII:hover .title {

      color: #FBC412; }

    .wg-highlights-slider .highlights-for .-typeVIII.number {

      background-color: #A21942;

      border-color: #A21942; }

      .wg-highlights-slider .highlights-for .-typeVIII.number:hover {

        background-color: #ffffff;

        color: #A21942; }

    .wg-highlights-slider .highlights-for .-typeVIII:hover .title {

      color: #A21942; }

    .wg-highlights-slider .highlights-for .-typeIX.number {

      background-color: #FF680B;

      border-color: #FF680B; }

      .wg-highlights-slider .highlights-for .-typeIX.number:hover {

        background-color: #ffffff;

        color: #FF680B; }

    .wg-highlights-slider .highlights-for .-typeIX:hover .title {

      color: #FF680B; }

    .wg-highlights-slider .highlights-for .-typeX.number {

      background-color: #DF0466;

      border-color: #DF0466; }

      .wg-highlights-slider .highlights-for .-typeX.number:hover {

        background-color: #ffffff;

        color: #DF0466; }

    .wg-highlights-slider .highlights-for .-typeX:hover .title {

      color: #DF0466; }

    .wg-highlights-slider .highlights-for .-typeXI.number {

      background-color: #FF9D00;

      border-color: #FF9D00; }

      .wg-highlights-slider .highlights-for .-typeXI.number:hover {

        background-color: #ffffff;

        color: #FF9D00; }

    .wg-highlights-slider .highlights-for .-typeXI:hover .title {

      color: #FF9D00; }

    .wg-highlights-slider .highlights-for .-typeXII.number {

      background-color: #C08B20;

      border-color: #C08B20; }

      .wg-highlights-slider .highlights-for .-typeXII.number:hover {

        background-color: #ffffff;

        color: #C08B20; }

    .wg-highlights-slider .highlights-for .-typeXII:hover .title {

      color: #C08B20; }

    .wg-highlights-slider .highlights-for .-typeXIII.number {

      background-color: #407F46;

      border-color: #407F46; }

      .wg-highlights-slider .highlights-for .-typeXIII.number:hover {

        background-color: #ffffff;

        color: #407F46; }

    .wg-highlights-slider .highlights-for .-typeXIII:hover .title {

      color: #407F46; }

    .wg-highlights-slider .highlights-for .-typeXIV.number {

      background-color: #0096DC;

      border-color: #0096DC; }

      .wg-highlights-slider .highlights-for .-typeXIV.number:hover {

        background-color: #ffffff;

        color: #0096DC; }

    .wg-highlights-slider .highlights-for .-typeXIV:hover .title {

      color: #0096DC; }

    .wg-highlights-slider .highlights-for .-typeXV.number {

      background-color: #51C217;

      border-color: #51C217; }

      .wg-highlights-slider .highlights-for .-typeXV.number:hover {

        background-color: #ffffff;

        color: #51C217; }

    .wg-highlights-slider .highlights-for .-typeXV:hover .title {

      color: #51C217; }

    .wg-highlights-slider .highlights-for .-typeXVI.number {

      background-color: #00669F;

      border-color: #00669F; }

      .wg-highlights-slider .highlights-for .-typeXVI.number:hover {

        background-color: #ffffff;

        color: #00669F; }

    .wg-highlights-slider .highlights-for .-typeXVI:hover .title {

      color: #00669F; }

    .wg-highlights-slider .highlights-for .-typeXVII.number {

      background-color: #19486A;

      border-color: #19486A; }

      .wg-highlights-slider .highlights-for .-typeXVII.number:hover {

        background-color: #ffffff;

        color: #19486A; }

    .wg-highlights-slider .highlights-for .-typeXVII:hover .title {

      color: #19486A; }



.wg-sustainable-policies {

  padding-top: 120px;

  padding-bottom: 220px;

  position: relative;

  background-image: radial-gradient(circle, #2b68c7 0%, #103a7d 100%); }

  .wg-sustainable-policies:before {

    content: '';

    position: absolute;

    right: 0;

    bottom: 0;

    width: 1000px;

    height: 850px;

    pointer-events: none;

    background-image: url(../img/static/sustainable-watermark.png);

    background-position: right bottom;

    background-repeat: no-repeat;

    background-size: contain; }

  .wg-sustainable-policies .h-title {

    font-size: 87px;

    font-weight: 500;

    line-height: 0.8;

    color: #ffffff;

    margin-bottom: 10px; }

  .wg-sustainable-policies .content {

    padding: 0 115px;

    position: relative; }

    .wg-sustainable-policies .content .img {

      position: absolute;

      top: 90px;

      height: 300px; }

      .wg-sustainable-policies .content .img.-L {

        left: -965px;

        width: 960px; }

      .wg-sustainable-policies .content .img.-R {

        right: -900px;

        width: 905px; }

    .wg-sustainable-policies .content .title {

      font-size: 52px;

      font-weight: bold;

      line-height: 1;

      color: #4ED0F9;

      margin-bottom: 30px; }

    .wg-sustainable-policies .content .s-title {

      font-size: 42px;

      font-weight: bold;

      line-height: 1;

      color: #ffffff;

      margin-bottom: 20px;

      text-transform: uppercase; }

    .wg-sustainable-policies .content .desc {

      font-size: 26px;

      font-weight: 500;

      line-height: 1.2em;

      color: #ffffff;

      margin-bottom: 50px; }

    .wg-sustainable-policies .content .action .link {

      text-transform: uppercase;

      font-size: 22px;

      font-weight: normal;

      line-height: 1;

      color: #ffffff; }

      .wg-sustainable-policies .content .action .link .icon {

        margin-left: 10px;

        position: relative;

        right: 0;

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease; }

        .wg-sustainable-policies .content .action .link .icon .lazy {

          display: inline-block; }

      .wg-sustainable-policies .content .action .link:hover .icon {

        right: -5px; }

  .wg-sustainable-policies .strategy-list {

    padding-top: 75px;

    margin-bottom: -380px;

    position: relative; }

    .wg-sustainable-policies .strategy-list .title {

      font-size: 42px;

      font-weight: bold;

      line-height: 1;

      color: #ffffff;

      text-align: center;

      margin-bottom: 25px;

      text-transform: uppercase; }

    .wg-sustainable-policies .strategy-list .item-list {

      width: 960px;

      margin: 0 auto;

      -webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

      -moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

      box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }

      .wg-sustainable-policies .strategy-list .item-list li {

        width: calc(100%/3); }

        .wg-sustainable-policies .strategy-list .item-list li + li {

          position: relative; }

          .wg-sustainable-policies .strategy-list .item-list li + li:before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            bottom: 0;

            width: 1px;

            background-color: #D4D4D4; }

    .wg-sustainable-policies .strategy-list .link {

      display: block;

      height: 300px;

      padding: 60px 60px 60px 50px;

      background-color: #ffffff; }

      .wg-sustainable-policies .strategy-list .link:hover {

        background-color: #fbfbfb; }

        .wg-sustainable-policies .strategy-list .link:hover .thumb {

          top: -5px; }

    .wg-sustainable-policies .strategy-list .thumb {

      padding-bottom: 35px;

      position: relative;

      top: 0;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

      .wg-sustainable-policies .strategy-list .thumb .contain {

        margin: 0 auto;

        width: 90px;

        height: 90px; }

    .wg-sustainable-policies .strategy-list .txt {

      font-size: 32px;

      font-weight: bold;

      line-height: 1em;

      color: #000000;

      text-align: center;

      text-transform: uppercase;

      height: 2em;

      overflow: hidden;

      display: -webkit-box;

      -webkit-line-clamp: 2;

      -webkit-box-orient: vertical; }



.wg-browse-courses {

  padding-top: 160px;

  background-color: #ffffff;

  background-image: url(../img/background/bg-wg-browse-courses.png);

  background-repeat: no-repeat;

  background-position: bottom center;

  background-size: contain; }

  .wg-browse-courses .inner {

    padding-top: 130px;

    padding-bottom: 160px;

    position: relative; }

    .wg-browse-courses .inner:before {

      content: '';

      position: absolute;

      height: 1px;

      background-color: #EEEEEE;

      left: 0;

      right: 0;

      bottom: 164px; }

  .wg-browse-courses .h-title {

    font-size: 116px;

    font-weight: 100;

    line-height: 0.8;

    color: #144188;

    margin-bottom: 100px;

    text-align: center; }

  .wg-browse-courses .item-list {

    margin: 0 -35px;

    position: relative; }

    .wg-browse-courses .item-list > li {

      width: calc(100%/7);

      padding: 0 35px;

      position: relative; }

      .wg-browse-courses .item-list > li + li:after {

        content: '';

        position: absolute;

        width: 9px;

        height: 9px;

        background-color: #EEEEEE;

        left: 0px;

        bottom: 0;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        border-radius: 50%; }

  .wg-browse-courses .thumb {

    width: 130px;

    height: 130px;

    background-color: #ffffff;

    border: 2px solid #ffffff;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    bottom: -15px;

    -webkit-transition: All 400ms ease;

    -moz-transition: All 400ms ease;

    -o-transition: All 400ms ease;

    -ms-transition: All 400ms ease;

    transition: All 400ms ease;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%; }

    .wg-browse-courses .thumb .contain {

      width: 70px;

      height: 70px; }

      .wg-browse-courses .thumb .contain .-iconA {

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease;

        opacity: 1; }

      .wg-browse-courses .thumb .contain .-iconB {

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease;

        opacity: 0; }

  .wg-browse-courses .txt {

    text-align: center;

    height: 96px;

    position: relative;

    padding-bottom: 40px; }

    .wg-browse-courses .txt:before {

      content: '';

      position: absolute;

      width: 1px;

      height: 36px;

      background-color: #EEEEEE;

      left: 0;

      right: 0;

      bottom: 0;

      margin: auto; }

    .wg-browse-courses .txt:after {

      content: '';

      position: absolute;

      width: 9px;

      height: 9px;

      background-color: #EEEEEE;

      left: 0;

      right: 0;

      bottom: 0;

      margin: auto;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      border-radius: 50%; }

    .wg-browse-courses .txt .word {

      font-size: 22px;

      font-weight: bold;

      line-height: 1em;

      color: #000000;

      text-transform: uppercase;

      overflow: hidden;

      position: relative;

      top: 0;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease;

      display: -webkit-box;

      -webkit-line-clamp: 2;

      -webkit-box-orient: vertical; }

  .wg-browse-courses .link:hover .thumb {

    background-color: #EEEEEE;

    border-color: #E8E8E8;

    bottom: 5px; }

    .wg-browse-courses .link:hover .thumb .contain .-iconA {

      opacity: 0; }

    .wg-browse-courses .link:hover .thumb .contain .-iconB {

      opacity: 1; }

  .wg-browse-courses .link:hover .txt .word {

    top: 15px;

    color: #144188; }



.wg-sustainable {

  padding: 70px 0;

  background-image: url(../img/background/bg-wg-sustainable.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat; }

  .wg-sustainable .h-title {

    font-size: 90px;

    font-weight: 500;

    line-height: 0.9;

    color: #ffffff;

    text-align: center;

    margin-bottom: 40px; }

  .wg-sustainable .txt {

    font-size: 36px;

    font-weight: normal;

    line-height: 1;

    color: #ffffff;

    margin-bottom: 15px; }

  .wg-sustainable .item-list li {

    width: 100%; }

    .wg-sustainable .item-list li + li {

      margin-top: 8px; }

  .wg-sustainable .item-list + .txt {

    margin-top: 30px; }

  .wg-sustainable .link {

    font-size: 22px;

    font-weight: normal;

    line-height: 1;

    color: #ffffff;

    opacity: 0.5; }

    .wg-sustainable .link:hover {

      opacity: 1; }



.strategic-page {

  position: relative;

  background-image: url(../img/background/bg-strategic.png);

  background-repeat: no-repeat;

  background-position: bottom right;

  background-size: contain; }

  .strategic-page .txt {

    font-size: 50px;

    font-weight: normal;

    line-height: 1;

    color: #3F7E44;

    margin-bottom: 25px; }

  .strategic-page .title {

    font-size: 80px;

    font-weight: bold;

    line-height: 1;

    color: #000000; }

  .strategic-page .title + .desc {

    padding-top: 20px; }

  .strategic-page .desc {

    font-size: 40px;

    font-weight: normal;

    line-height: 1.2;

    color: #000000; }



.strategic-head {

  padding-bottom: 170px; }

  .strategic-head .thumb {

    position: relative; }

    .strategic-head .thumb .cover {

      width: 490px;

      padding-bottom: 100%;

      overflow: hidden;

      -webkit-border-radius: 100px 0 100px 0;

      -moz-border-radius: 100px 0 100px 0;

      border-radius: 100px 0 100px 0; }

    .strategic-head .thumb .icon {

      height: 230px;

      width: 230px;

      position: absolute;

      z-index: 1;

      left: 0;

      bottom: -80px;

      background-color: #ffffff;

      display: flex;

      align-items: center;

      justify-content: center;

      -webkit-border-radius: 0 80px 0 80px;

      -moz-border-radius: 0 80px 0 80px;

      border-radius: 0 80px 0 80px;

      -webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

      -moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

      box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }

      .strategic-head .thumb .icon .lazy {

        width: 109px;

        height: 109px;

        object-fit: contain; }

  .strategic-head .content {

    padding-left: 160px; }



.strategic-body {

  padding-bottom: 100px; }

  .strategic-body .content + .content {

    margin-top: 65px; }



.highlights-page {

  position: relative;

  background-image: url(../img/background/bg-highlights.png);

  background-size: contain;

  background-position: left bottom;

  background-repeat: no-repeat; }

  .highlights-page .whead {

    margin-bottom: 40px; }

    .highlights-page .whead .wtxt {

      padding-left: 40px; }

  .highlights-page .nav-tabs {

    border: 0;

    margin: 0 -15px; }

    .highlights-page .nav-tabs .nav-item {

      margin-bottom: 0;

      padding: 0 15px; }

    .highlights-page .nav-tabs .nav-link {

      font-size: 30px;

      font-weight: bold;

      color: #000000;

      border: 0;

      line-height: 40px;

      padding: 0;

      -webkit-border-radius: 0;

      -moz-border-radius: 0;

      border-radius: 0; }

      .highlights-page .nav-tabs .nav-link.active {

        font-size: 42px;

        color: #144188; }

      .highlights-page .nav-tabs .nav-link:hover {

        color: #144188; }

  .highlights-page .tab-content {

    padding-top: 40px;

    padding-bottom: 180px; }

    .highlights-page .tab-content .content {

      padding-left: 40px;

      width: 540px; }

      .highlights-page .tab-content .content p {

        font-size: 22px;

        font-weight: normal;

        line-height: 1;

        color: #909090; }



.highlights-list {

  width: 880px; }

  .highlights-list .item-list {

    margin: -6px; }

    .highlights-list .item-list > li {

      padding: 6px;

      width: 25%; }

      .highlights-list .item-list > li:first-child {

        width: 50%; }

        .highlights-list .item-list > li:first-child .wrapper {

          padding: 40px; }

        .highlights-list .item-list > li:first-child .number {

          font-size: 106px; }

        .highlights-list .item-list > li:first-child .txt {

          font-size: 40px;

          left: 100px;

          right: 0;

          bottom: auto;

          top: -2px; }

        .highlights-list .item-list > li:first-child .icon {

          top: 0;

          left: 0;

          right: 0;

          bottom: 15px;

          margin: auto;

          max-width: 200px;

          height: 90px;

          display: flex;

          justify-content: center;

          align-items: center; }

          .highlights-list .item-list > li:first-child .icon .lazy {

            height: 90px;

            max-width: 200px; }

        .highlights-list .item-list > li:first-child .desc {

          display: -webkit-box; }

        .highlights-list .item-list > li:first-child .action {

          display: block; }

  .highlights-list .link {

    display: block;

    padding-bottom: 100%;

    position: relative; }

    .highlights-list .link.-typeI {

      background-color: #E5243B; }

    .highlights-list .link.-typeII {

      background-color: #DDA73A; }

    .highlights-list .link.-typeIII {

      background-color: #48A030; }

    .highlights-list .link.-typeIV {

      background-color: #C71427; }

    .highlights-list .link.-typeV {

      background-color: #FF3709; }

    .highlights-list .link.-typeVI {

      background-color: #11BCE4; }

    .highlights-list .link.-typeVII {

      background-color: #FBC412; }

    .highlights-list .link.-typeVIII {

      background-color: #A21942; }

    .highlights-list .link.-typeIX {

      background-color: #FF680B; }

    .highlights-list .link.-typeX {

      background-color: #DF0466; }

    .highlights-list .link.-typeXI {

      background-color: #FF9D00; }

    .highlights-list .link.-typeXII {

      background-color: #C08B20; }

    .highlights-list .link.-typeXIII {

      background-color: #407F46; }

    .highlights-list .link.-typeXIV {

      background-color: #0096DC; }

    .highlights-list .link.-typeXV {

      background-color: #51C217; }

    .highlights-list .link.-typeXVI {

      background-color: #00669F; }

    .highlights-list .link.-typeXVII {

      background-color: #19486A; }

  .highlights-list .wrapper {

    position: absolute;

    width: 100%;

    height: 100%;

    padding: 15px;

    display: flex; }

    .highlights-list .wrapper .inner {

      position: relative;

      width: 100%; }

  .highlights-list .number {

    font-size: 60px;

    font-weight: bold;

    line-height: 0.6;

    color: #ffffff;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transition: All 400ms ease;

    -moz-transition: All 400ms ease;

    -o-transition: All 400ms ease;

    -ms-transition: All 400ms ease;

    transition: All 400ms ease; }

  .highlights-list .txt {

    font-size: 28px;

    font-weight: 500;

    line-height: 0.8em;

    color: #ffffff;

    overflow: hidden;

    max-height: 2.4em;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 15px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical; }

  .highlights-list .icon {

    position: absolute;

    top: 0;

    right: 0;

    -webkit-transition: All 400ms ease;

    -moz-transition: All 400ms ease;

    -o-transition: All 400ms ease;

    -ms-transition: All 400ms ease;

    transition: All 400ms ease; }

    .highlights-list .icon .lazy {

      height: 50px;

      max-width: 80px;

      object-fit: contain;

      object-position: center;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease;

      -webkit-transform: scale(1);

      -moz-transform: scale(1);

      -ms-transform: scale(1);

      -o-transform: scale(1);

      transform: scale(1);

      -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

      -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

      -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

      -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

      transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  .highlights-list .desc {

    font-size: 32px;

    font-weight: normal;

    line-height: 0.9em;

    color: #ffffff;

    display: none;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 30px;

    overflow: hidden;

    max-height: 2.7em;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical; }

  .highlights-list .action {

    display: none;

    position: absolute;

    left: 0;

    bottom: 0; }

    .highlights-list .action .more {

      text-transform: uppercase;

      font-size: 22px;

      font-weight: normal;

      line-height: 1;

      color: #ffffff; }

      .highlights-list .action .more .-icon {

        margin-left: 10px;

        position: relative;

        right: 0;

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease; }

        .highlights-list .action .more .-icon .lazy {

          display: inline-block; }

  .highlights-list .link:hover .number {

    -webkit-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);

    -moz-text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);

    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

  .highlights-list .link:hover .icon .lazy {

    -webkit-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);

    -moz-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);

    -ms-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);

    -o-transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1);

    transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -100, 0, 0, 0, 0, 1); }

  .highlights-list .link:hover .-icon {

    right: -5px; }

  .highlights-list .item-list:hover .link {

    -webkit-transform: scale(0.95);

    -moz-transform: scale(0.95);

    -ms-transform: scale(0.95);

    -o-transform: scale(0.95);

    transform: scale(0.95);

    opacity: 0.95; }

    .highlights-list .item-list:hover .link:hover {

      -webkit-transform: scale(1.05);

      -moz-transform: scale(1.05);

      -ms-transform: scale(1.05);

      -o-transform: scale(1.05);

      transform: scale(1.05);

      opacity: 1; }



.SDGs-page {

  position: relative; }



.SDGs-head {

  position: relative;

  z-index: 1;

  padding-bottom: 85px; }

  .SDGs-head:before {

    content: '';

    position: absolute;

    z-index: -1;

    background-color: #F9F9F9;

    left: 0;

    right: 430px;

    top: -125px;

    bottom: 0;

    background-image: url(../img/background/bg-SDGs.png);

    background-repeat: no-repeat;

    background-position: bottom left;

    background-size: cover;

    -webkit-border-radius: 0 0 100px 0;

    -moz-border-radius: 0 0 100px 0;

    border-radius: 0 0 100px 0; }

  .SDGs-head .content .title {

    font-size: 42px;

    font-weight: 500;

    line-height: 1em;

    color: #000000;

    margin-bottom: 20px; }

  .SDGs-head .content .desc {

    font-size: 36px;

    font-weight: normal;

    line-height: 1em;

    color: #909090;

    margin-bottom: 1em; }

  .SDGs-head .highlights-list {

    width: 490px; }

    .SDGs-head .highlights-list .item-list {

      margin: 0px; }

      .SDGs-head .highlights-list .item-list > li {

        padding: 0px;

        display: none; }

        .SDGs-head .highlights-list .item-list > li:first-child {

          width: 100%;

          display: block; }

          .SDGs-head .highlights-list .item-list > li:first-child .desc {

            display: none; }

          .SDGs-head .highlights-list .item-list > li:first-child .action {

            display: none; }



.SDGs-body {

  padding: 95px 0; }

  .SDGs-body .h-title {

    font-size: 72px;

    font-weight: bold;

    line-height: 1;

    color: #000000;

    margin-bottom: 50px; }

  .SDGs-body .wg-highlights-slider {

    width: 100%;

    margin-bottom: 70px; }

  .SDGs-body .item-list {

    margin: -15px;

    padding: 0; }

  .SDGs-body .item {

    width: calc(100%/4);

    margin: 15px 0; }



.detail-page {

  position: relative;

  background-image: url(../img/background/bg-detail.png);

  background-repeat: no-repeat;

  background-position: top center; }



.detail-top .tag-list .item-list {

  margin: 0 -5px; }

  .detail-top .tag-list .item-list li {

    padding: 0 5px; }

.detail-top .tag-list .link {

  width: 80px;

  height: 80px;

  border: 2px solid #909090;

  background-color: #ffffff;

  opacity: 0.2;

  display: flex;

  justify-content: center;

  align-items: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%; }

.detail-top .tag-list .lazy {

  width: 46px;

  height: 46px;

  object-position: center;

  object-fit: contain;

  filter: grayscale(1); }

.detail-top .tag-list .link:hover {

  border-color: #3F7E44;

  opacity: 1; }



.detail-head {

  padding-bottom: 30px; }

  .detail-head .row {

    align-items: flex-end; }

  .detail-head .thumb {

    padding-bottom: 6px; }

    .detail-head .thumb .cover {

      width: 490px;

      padding-bottom: 575px; }

  .detail-head .content {

    padding: 0 90px; }

  .detail-head .title {

    font-size: 48px;

    font-weight: bold;

    line-height: 1;

    color: #144188; }

    .detail-head .title + .SDGs-about {

      margin-top: 100px; }

  .detail-head .SDGs-about .text {

    font-size: 30px;

    font-weight: normal;

    line-height: 1;

    color: #000000;

    margin-bottom: 10px; }

  .detail-head .SDGs-about .mcscrollX {

    max-width: 830px; }

  .detail-head .SDGs-about .highlights-list {

    width: 100%;

    display: -webkit-box; }

    .detail-head .SDGs-about .highlights-list .item-list {

      display: flex;

      align-items: flex-end;

      margin: 0; }

      .detail-head .SDGs-about .highlights-list .item-list li {

        width: 97px;

        padding: 0;

        position: relative;

        overflow: hidden; }

        .detail-head .SDGs-about .highlights-list .item-list li + li {

          margin-left: 10px; }

      .detail-head .SDGs-about .highlights-list .item-list > li:first-child {

        width: 150px; }

        .detail-head .SDGs-about .highlights-list .item-list > li:first-child .wrapper {

          padding: 15px; }

        .detail-head .SDGs-about .highlights-list .item-list > li:first-child .number {

          font-size: 50px; }

        .detail-head .SDGs-about .highlights-list .item-list > li:first-child .icon {

          max-width: 90px;

          height: 70px;

          top: auto;

          left: auto;

          right: 0;

          bottom: 0; }

          .detail-head .SDGs-about .highlights-list .item-list > li:first-child .icon .lazy {

            height: 70px;

            max-width: 90px; }

    .detail-head .SDGs-about .highlights-list .number {

      top: 0;

      left: 0;

      font-size: 30px; }

    .detail-head .SDGs-about .highlights-list .icon {

      max-width: 40px;

      height: 30px;

      top: auto;

      left: auto;

      right: 0;

      bottom: 0; }

      .detail-head .SDGs-about .highlights-list .icon .lazy {

        height: 30px;

        max-width: 40px; }

    .detail-head .SDGs-about .highlights-list .btn {

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease;

      min-width: inherit;

      width: auto;

      height: 26px;

      line-height: 24px;

      padding: 0;

      top: auto;

      bottom: -100px;

      left: 3px;

      right: 3px;

      position: absolute;

      z-index: 1;

      font-size: 14px; }

    .detail-head .SDGs-about .highlights-list li:hover .btn {

      bottom: 3px; }

  .detail-head .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    height: 2px;

    margin: 2px 0; }

  .detail-head .mCSB_horizontal.mCSB_inside > .mCSB_container {

    margin-bottom: 6px; }

  .detail-head .mCSB_scrollTools.mCSB_scrollTools_horizontal {

    height: 6px; }

  .detail-head .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    height: 2px;

    margin: 2px auto; }

  .detail-head .mCSB_scrollTools .mCSB_draggerRail {

    background-color: #ebebeb; }

  .detail-head .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #144188; }



.detail-body {

  padding-top: 30px; }

  .detail-body .gallery-list {

    padding-bottom: 60px; }

    .detail-body .gallery-list .item-list {

      margin: -15px; }

      .detail-body .gallery-list .item-list > li {

        width: 25%;

        padding: 15px; }

    .detail-body .gallery-list .cover {

      padding-bottom: 65%;

      overflow: hidden; }

      .detail-body .gallery-list .cover .lazy {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease; }

    .detail-body .gallery-list .link:hover .cover .lazy {

      -webkit-transform: scale(1.1);

      -moz-transform: scale(1.1);

      -ms-transform: scale(1.1);

      -o-transform: scale(1.1);

      transform: scale(1.1); }

  .detail-body .Links-box {

    padding-bottom: 170px; }

    .detail-body .Links-box .title {

      font-size: 52px;

      font-weight: bold;

      line-height: 1;

      color: #000000;

      margin-bottom: 20px; }

    .detail-body .Links-box .item-list {

      border-top: 5px solid #144188; }

      .detail-body .Links-box .item-list li {

        border-bottom: 1px solid #EEEEEE;

        width: 100%; }

    .detail-body .Links-box .link {

      display: block; }

    .detail-body .Links-box .wrapper {

      position: relative;

      padding: 20px 60px 20px 130px; }

    .detail-body .Links-box .icon {

      position: absolute;

      left: 30px;

      top: 0;

      bottom: 0;

      margin: auto;

      width: 42px;

      height: 42px;

      font-size: 30px;

      color: #000000;

      display: flex;

      justify-content: center;

      align-items: center; }

    .detail-body .Links-box .txt {

      font-size: 30px;

      font-weight: normal;

      line-height: 1;

      color: #000000;

      margin-bottom: 5px;

      text-transform: uppercase;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

    .detail-body .Links-box .url {

      font-size: 30px;

      font-weight: normal;

      line-height: 1em;

      color: #909090;

      text-transform: uppercase;

      overflow: hidden;

      height: 1em;

      display: -webkit-box;

      -webkit-line-clamp: 1;

      -webkit-box-orient: vertical;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

    .detail-body .Links-box .more {

      position: absolute;

      right: 0px;

      top: 0;

      bottom: 0;

      margin: auto;

      width: 50px;

      height: 50px;

      opacity: 0.5;

      display: flex;

      justify-content: center;

      align-items: center;

      font-size: 20px;

      color: #909090;

      border: 2px solid #909090;

      background-color: #ffffff;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      border-radius: 50%;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

      .detail-body .Links-box .more span {

        position: relative;

        top: 3px;

        right: 0;

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease; }

    .detail-body .Links-box .link:hover .txt {

      color: #144188; }

    .detail-body .Links-box .link:hover .url {

      color: #333; }

    .detail-body .Links-box .link:hover .more {

      opacity: 1; }

      .detail-body .Links-box .link:hover .more span {

        right: -3px; }



.detail-end {

  background-image: radial-gradient(circle, #2b68c7 0%, #103a7d 100%);

  padding: 80px 0 100px 0; }

  .detail-end .row {

    height: 800px; }

  .detail-end .boxI {

    position: relative; }

    .detail-end .boxI:before {

      content: '';

      position: absolute;

      right: 0;

      bottom: -100px;

      width: 750px;

      height: 650px;

      background-image: url(../img/static/detail-end-watermark.png);

      background-size: contain;

      background-position: center;

      background-repeat: no-repeat; }

    .detail-end .boxI .title {

      font-size: 68px;

      font-weight: normal;

      line-height: 1;

      color: #ffffff; }

    .detail-end .boxI .desc {

      font-size: 30px;

      font-weight: normal;

      line-height: 1;

      color: #ffffff;

      margin-bottom: 20px; }

    .detail-end .boxI .action {

      position: absolute;

      left: 0;

      bottom: 0; }

  .detail-end .boxII {

    position: relative;

    z-index: 1;

    padding: 0 140px; }

    .detail-end .boxII:before {

      content: '';

      position: absolute;

      z-index: -1;

      top: -185px;

      left: 0;

      right: -195px;

      bottom: -100px;

      background-image: url(../img/background/bg-detail-end.jpg);

      background-size: cover;

      background-position: center;

      background-repeat: no-repeat;

      -webkit-border-radius: 100px 0 0 0;

      -moz-border-radius: 100px 0 0 0;

      border-radius: 100px 0 0 0; }

    .detail-end .boxII .title {

      font-size: 66px;

      font-weight: normal;

      line-height: 1;

      color: #ffffff;

      margin-bottom: 20px; }

    .detail-end .boxII .desc {

      font-size: 30px;

      font-weight: normal;

      line-height: 1.2;

      color: #ffffff; }



.who-we-are .who-we-are-head {

  height: 1048px; }

  .who-we-are .who-we-are-head .thumb {

    position: relative; }

    .who-we-are .who-we-are-head .thumb h1.title {

      position: relative;

      font-size: 85px;

      color: #ffffff;

      width: 490px;

      padding: 110px 0;

      line-height: 0.8em; }

    .who-we-are .who-we-are-head .thumb h1.title::before {

      content: url(../img/icon/double-quote-1.png);

      position: absolute;

      top: 32px;

      left: 45%; }

    .who-we-are .who-we-are-head .thumb h1.title::after {

      content: url(../img/icon/double-quote-2.png);

      position: absolute;

      bottom: 0;

      left: 45%; }

    .who-we-are .who-we-are-head .thumb .mu {

      width: 1010px;

      height: 461px;

      margin-top: 50px;

      position: absolute; }

    .who-we-are .who-we-are-head .thumb .mu::before {

      content: "";

      position: absolute;

      background-color: #3f7e44;

      width: 100px;

      height: 461px; }

  .who-we-are .who-we-are-head .thumb::before {

    content: "";

    position: absolute;

    width: 845px;

    height: 1048px;

    border-radius: 0px 100px 0px 0px;

    background: linear-gradient(#265cb2 0%, #19458b 100%);

    z-index: -1;

    left: -210px; }

  .who-we-are .who-we-are-head .thumb::after {

    content: "";

    position: absolute;

    width: 815px;

    height: 694px;

    background-image: url(../img/static/watermark.png);

    transform: scaleX(-1);

    right: 142px;

    top: 353px;

    background-repeat: no-repeat;

    z-index: -1; }

  .who-we-are .who-we-are-head .title {

    font-weight: bold;

    font-size: 54px;

    color: #144188;

    line-height: 1.1em;

    padding-top: 60px; }

  .who-we-are .who-we-are-head .desc {

    font-size: 40px;

    line-height: 1.1em; }

.who-we-are .who-we-are-body {

  position: relative; }

  .who-we-are .who-we-are-body .title {

    font-weight: bold;

    font-size: 54px;

    color: #144188;

    line-height: 1.1em; }

  .who-we-are .who-we-are-body .desc {

    font-size: 40px;

    line-height: 1.1em; }

  .who-we-are .who-we-are-body .strategic-issues .title {

    padding-top: 50px;

    margin-bottom: 80px; }

  .who-we-are .who-we-are-body .strategic-issues .item {

    position: relative;

    width: 620px;

    height: 220px;

    margin-bottom: 20px; }

    .who-we-are .who-we-are-body .strategic-issues .item .no {

      top: 0;

      font-weight: bold;

      font-size: 236px;

      color: #e6e5e5;

      position: absolute;

      z-index: -1;

      left: -40px; }

  .who-we-are .who-we-are-body .four-strategy {

    height: auto;

    margin-bottom: 60px; }

    .who-we-are .who-we-are-body .four-strategy .title {

      padding-top: 50px;

      margin: 0 auto 60px auto; }

    .who-we-are .who-we-are-body .four-strategy .item .icon {

      align-items: center;

      display: flex;

      justify-content: center;

      width: 150px;

      height: 150px;

      border-radius: 0px 30px;

      background: #fff;

      box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

      margin-bottom: 30px; }

    .who-we-are .who-we-are-body .four-strategy .item .title {

      font-weight: bold;

      font-size: 40px;

      line-height: 1.1em;

      color: #000;

      margin-bottom: 20px;

      padding-top: 0; }

  .who-we-are .who-we-are-body .content-end {

    position: relative;

    height: auto;

    padding: 60px 0 0 0; }

    .who-we-are .who-we-are-body .content-end p {

      font-size: 30px;

      line-height: 1.1em;

      margin-bottom: 30px; }

    .who-we-are .who-we-are-body .content-end .logos {

      position: relative;

      height: 365px; }

      .who-we-are .who-we-are-body .content-end .logos .logo {

        display: flex;

        justify-content: center;

        align-items: center;

        width: 490px;

        height: 253px;

        border-radius: 0px 80px;

        background: #fff;

        box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }

      .who-we-are .who-we-are-body .content-end .logos .logo:first-child {

        margin: 0 10px 0 auto; }

      .who-we-are .who-we-are-body .content-end .logos .logo:last-child {

        margin: 0 auto 0 10px; }

    .who-we-are .who-we-are-body .content-end .logos::before {

      content: "";

      position: absolute;

      left: -225px;

      bottom: 0;

      width: 1920px;

      height: 234px;

      border-radius: 0px 100px 0px 0px;

      background: linear-gradient(#265cb2 0%, #19458b 100%);

      z-index: -1; }

  .who-we-are .who-we-are-body .content-end::before {

    content: "";

    position: absolute;

    background-color: #f9f9f9;

    width: 1920px;

    height: 100%;

    left: -210px;

    top: 0;

    z-index: -1; }

.who-we-are .who-we-are-body::before {

  content: "";

  position: absolute;

  width: 1075px;

  height: 991px;

  background: #f9f9f9;

  right: -210px;

  top: -310px;

  z-index: -1; }



.who-we-are .who-we-are-head .title {

  font-size: 48px; }



.who-we-are .who-we-are-body .title {

  font-size: 48px; }



@media (max-width: 1600px) {

  .who-we-are .who-we-are-head .thumb::before {

    width: 680px;

    left: -150px; }



  .who-we-are .who-we-are-body::before {

    width: 920px;

    right: -150px; }



  .who-we-are .who-we-are-head .title {

    font-size: 48px; }



  .who-we-are .who-we-are-body .content-end .logos::before {

    left: -165px;

    width: 1600px; }



  .who-we-are .who-we-are-head .title {

    font-size: 44px; }



  .who-we-are .who-we-are-body .title {

    font-size: 44px; }



  .who-we-are .who-we-are-head .desc {

    font-size: 36px; }



  .who-we-are .who-we-are-body .desc {

    font-size: 36px; }



  .who-we-are .who-we-are-body .content-end p {

    font-size: 28px; }



  .who-we-are .who-we-are-head .thumb::after {

    right: -21px; } }

@media (max-width: 1440px) {

  .who-we-are .who-we-are-body::before {

    width: 780px;

    right: -130px; }



  .who-we-are .who-we-are-body .strategic-issues .item {

    width: 535px; }



  .who-we-are .who-we-are-body .content-end .logos::before {

    left: -145px;

    width: 1440px; }



  .who-we-are .who-we-are-head .title {

    font-size: 38px; }



  .who-we-are .who-we-are-body .title {

    font-size: 38px; }



  .who-we-are .who-we-are-head .desc {

    font-size: 32px; }



  .who-we-are .who-we-are-body .desc {

    font-size: 32px; }



  .who-we-are .who-we-are-body .four-strategy .item .title {

    font-size: 36px; }



  .who-we-are .who-we-are-body .content-end p {

    font-size: 26px; } }

@media (max-width: 1199px) {

  .who-we-are .who-we-are-head .title {

    font-size: 32px; }



  .who-we-are .who-we-are-body .title {

    font-size: 32px; }



  .who-we-are .who-we-are-head .desc {

    font-size: 26px; }



  .who-we-are .who-we-are-body .desc {

    font-size: 26px; }



  .who-we-are .who-we-are-body .four-strategy .item .title {

    font-size: 28px; }



  .who-we-are .who-we-are-body .content-end p {

    font-size: 24px; }



  .who-we-are .who-we-are-body .strategic-issues .item {

    width: 100%; }



  .who-we-are .who-we-are-head .thumb::before {

    width: 563px;

    left: -130px; }



  .who-we-are .who-we-are-head .title {

    padding-top: 30px; }



  .who-we-are .who-we-are-body::before {

    width: 637px;

    right: -130px;

    height: 900px; }



  .who-we-are .who-we-are-body .strategic-issues .item {

    width: 430px;

    margin-bottom: 70px; }



  .who-we-are .who-we-are-body .four-strategy .item {

    width: 435px;

    margin-bottom: 35px; }



  .who-we-are .who-we-are-body .strategic-issues .item {

    height: 144px; }



  .who-we-are .who-we-are-body .content-end .logos .logo {

    width: 460px; }



  .who-we-are .who-we-are-head .thumb h1.title {

    font-size: 68px;

    width: 470px; }



  .who-we-are .who-we-are-body .content-end .logos::before {

    left: -145px;

    width: 1199px; }



  .who-we-are .who-we-are-head .thumb::after {

    right: -174px; } }

@media (max-width: 991px) {

  .who-we-are .who-we-are-head .thumb .mu::before {

    height: 356px; }



  .who-we-are .who-we-are-head .thumb .mu {

    width: 780px;

    height: auto;

    margin-top: 90px; }



  .who-we-are .who-we-are-body::before {

    width: 543px;

    right: -15px;

    height: 1200px; }



  .who-we-are .who-we-are-body .strategic-issues .item .no {

    left: -5px; }



  .who-we-are .who-we-are-head .thumb h1.title {

    font-size: 65px;

    width: 475px; }



  .who-we-are .who-we-are-head .thumb::before {

    height: 930px; }



  .who-we-are .who-we-are-head {

    height: 930px; }



  .who-we-are .who-we-are-head .title {

    padding-top: 48px; }



  .who-we-are .who-we-are-body .content-end .logos .logo {

    width: 359px;

    height: 230px; }



  .who-we-are .who-we-are-body .strategic-issues .row.items {

    flex-direction: column; }



  .who-we-are .who-we-are-body .strategic-issues .item {

    width: 100%;

    height: 120px; }



  .who-we-are .who-we-are-body .strategic-issues .item .desc {

    padding-left: 210px; }



  .who-we-are .who-we-are-body .four-strategy .item {

    width: 100%; }



  .who-we-are .who-we-are-body .content-end .logos::before {

    left: -30px;

    width: 991px; }



  .who-we-are .who-we-are-body .strategic-issues .item .no {

    top: 60px; }



  .who-we-are .who-we-are-body .strategic-issues .title {

    margin-bottom: 34px; }



  .who-we-are .who-we-are-body .content-end p {

    font-size: 22px; }



  .who-we-are .who-we-are-body .desc {

    font-size: 24px; }



  .who-we-are .who-we-are-body .title {

    font-size: 28px; }



  .who-we-are .who-we-are-head .thumb::before {

    height: 850px; }



  .who-we-are .who-we-are-head {

    height: 850px; }



  .who-we-are .who-we-are-head .thumb .mu {

    margin-top: 40px; }



  .who-we-are .who-we-are-head .title {

    font-size: 28px; }



  .who-we-are .who-we-are-body .title {

    font-size: 28px; }



  .who-we-are .who-we-are-head .desc {

    font-size: 22px; }



  .who-we-are .who-we-are-body .desc {

    font-size: 22px; }



  .who-we-are .who-we-are-body .four-strategy .item .title {

    font-size: 26px; } }

@media (max-width: 767px) {

  .who-we-are .who-we-are-head .thumb h1.title {

    width: 100%; }



  .who-we-are .who-we-are-head .thumb {

    border-radius: 0px 100px 0px 0px;

    background: linear-gradient(#265cb2 0%, #19458b 100%);

    height: auto;

    margin-left: -15px;

    padding-left: 15px;

    padding-bottom: 40px; }



  .who-we-are .who-we-are-head .thumb::before {

    height: 658px;

    width: 271px;

    left: -15px; }



  .who-we-are .who-we-are-head .thumb h1.title::after {

    bottom: 17px; }



  .who-we-are .who-we-are-head .thumb .mu {

    width: auto;

    height: auto;

    margin-top: 0px;

    position: relative;

    margin-right: -15px;

    background-color: #3f7e44;

    padding-left: 15px;

    margin-left: -15px; }



  .who-we-are .who-we-are-head .thumb .mu::before {

    display: none; }



  .who-we-are .who-we-are-head .thumb::before {

    display: none; }



  .who-we-are .who-we-are-body {

    margin-top: 60px; }



  .who-we-are .who-we-are-body .four-strategy .title {

    padding-top: 0;

    margin: 0 auto 30px auto; }



  .who-we-are .who-we-are-body .content-end .logos {

    height: auto; }



  .who-we-are .who-we-are-body .content-end .logos .logo {

    max-width: 359px; }



  .who-we-are .who-we-are-body .content-end .logos .logo:first-child {

    margin: 20px auto 20px auto; }



  .who-we-are .who-we-are-body .content-end .logos .logo:last-child {

    margin: auto auto 20px auto; }



  .who-we-are .who-we-are-body .content-end .logos::before {

    height: 520px; }



  .who-we-are .who-we-are-body .content-end .logos .row {

    flex-direction: column; }



  .who-we-are .who-we-are-body {

    margin-top: 90px; }



  .who-we-are .who-we-are-body::before {

    display: none; }



  .who-we-are .who-we-are-head {

    height: auto; }



  .who-we-are .who-we-are-body {

    margin-top: 0px; }



  .who-we-are .who-we-are-body .four-strategy .row.items {

    flex-direction: column; }



  .who-we-are .who-we-are-body .content-end p {

    font-size: 18px; }



  .who-we-are .who-we-are-head .title {

    font-size: 26px; }



  .who-we-are .who-we-are-body .title {

    font-size: 26px; }



  .who-we-are .who-we-are-head .desc {

    font-size: 20px; }



  .who-we-are .who-we-are-body .desc {

    font-size: 20px; }



  .who-we-are .who-we-are-body .four-strategy .item .title {

    font-size: 24px; } }

@media (max-width: 575px) {

  .who-we-are .who-we-are-body .strategic-issues .item .no {

    font-size: 180px;

    top: 40px; }



  .who-we-are .who-we-are-body .strategic-issues .title {

    padding-top: 0px; }



  .who-we-are .who-we-are-body .strategic-issues .title {

    margin-bottom: 30px; }



  .who-we-are .who-we-are-body .strategic-issues .item .desc {

    padding-left: 165px; }



  .who-we-are .who-we-are-body .strategic-issues .item {

    height: auto; }



  .who-we-are .who-we-are-body {

    margin-top: 44px; }



  .who-we-are .who-we-are-body .content-end {

    padding: 30px 0 0 0; }



  .who-we-are .who-we-are-body .four-strategy {

    margin-bottom: 30px; } }

@media (max-width: 375px) {

  .who-we-are .who-we-are-head .thumb h1.title {

    font-size: 54px; }



  .who-we-are .who-we-are-head .thumb h1.title::before {

    transform: scale(0.8); }



  .who-we-are .who-we-are-head .thumb h1.title::after {

    transform: scale(0.8); }



  .who-we-are .who-we-are-body .strategic-issues .item .no {

    top: 40px; }



  .who-we-are .who-we-are-body .strategic-issues .item .desc {

    padding-left: 118px; }



  .who-we-are .who-we-are-body .strategic-issues .item .no {

    font-size: 140px; }



  .who-we-are .who-we-are-body .content-end .logos .logo {

    max-width: 291px;

    height: 180px; }



  .who-we-are .who-we-are-body .content-end .logos .logo img {

    padding: 50px; }



  .who-we-are .who-we-are-body .content-end .logos::before {

    height: 419px; }



  .who-we-are .who-we-are-head .thumb h1.title {

    padding: 45px 0; }



  .who-we-are .who-we-are-head .thumb h1.title {

    font-size: 44px; }



  .who-we-are .who-we-are-head .thumb h1.title::before {

    transform: scale(0.5);

    top: 3px;

    left: 37%; }



  .who-we-are .who-we-are-head .thumb h1.title::after {

    transform: scale(0.5); }



  .who-we-are .who-we-are-head .thumb h1.title::after {

    bottom: -6px;

    left: 37%; }



  .who-we-are .who-we-are-body .strategic-issues .item {

    margin-bottom: 30px; } }

@media (max-width: 320px) {

  .who-we-are .who-we-are-head .thumb h1.title {

    font-size: 40px; }



  .who-we-are .who-we-are-body .strategic-issues .item .no {

    font-size: 110px;

    top: 28px; }



  .who-we-are .who-we-are-body .strategic-issues .item .desc {

    padding-left: 92px; } }

.p-a-p .p-a-p-head {

  background-image: url("../img/static/p-a-p.png");

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  color: #fff;

  height: auto;

  padding: 105px 0;

  position: relative; }

  .p-a-p .p-a-p-head .container {

    position: relative; }

    .p-a-p .p-a-p-head .container .title {

      font-size: 80px;

      margin-bottom: 40px;

      max-width: 800px;

      line-height: 0.8em;

      text-transform: uppercase;

      font-weight: bold;

      opacity: 0.8; }

    .p-a-p .p-a-p-head .container .subtitle {

      font-size: 54px;

      line-height: 1.1em;

      font-weight: bold; }

    .p-a-p .p-a-p-head .container .desc {

      font-size: 30px;

      line-height: 1.4em; }

    .p-a-p .p-a-p-head .container .leafs {

      position: absolute;

      width: 289px;

      height: 230px;

      right: 0;

      bottom: -190px; }

      .p-a-p .p-a-p-head .container .leafs .leaf-1 {

        position: absolute;

        width: 230px;

        height: 230px;

        border-radius: 0px 100px;

        background: linear-gradient(#265cb2 0%, #19458b 100%); }

      .p-a-p .p-a-p-head .container .leafs .leaf-2 {

        position: absolute;

        width: 118px;

        height: 118px;

        border-radius: 0px 50px;

        background: #144188;

        mix-blend-mode: screen;

        bottom: 0;

        right: 0; }

.p-a-p .p-a-p-body {

  padding: 60px 0; }

  .p-a-p .p-a-p-body .semi-title {

    font-size: 30px;

    text-transform: uppercase;

    line-height: 1.1em; }

  .p-a-p .p-a-p-body .title {

    font-size: 62px;

    font-weight: bold;

    line-height: 1.1em;

    margin-bottom: 30px; }

  .p-a-p .p-a-p-body .items {

    display: grid;

    grid-template-columns: auto auto;

    column-gap: 24px;

    row-gap: 40px; }

    .p-a-p .p-a-p-body .items .item {

      display: flex;

      column-gap: 14px; }

      .p-a-p .p-a-p-body .items .item .icon {

        width: 130px;

        height: 130px;

        background: #eee;

        border: 2px solid #e8e8e8;

        border-radius: 50%; }

        .p-a-p .p-a-p-body .items .item .icon svg {

          width: 130px; }

      .p-a-p .p-a-p-body .items .item .txts .txt-en {

        font-size: 20px;

        font-weight: bold;

        text-transform: uppercase;

        color: #3f7e44;

        line-height: 1.1em; }

      .p-a-p .p-a-p-body .items .item .txts .txt-th {

        font-size: 52px;

        line-height: 1.1em;

        margin-bottom: 8px; }

      .p-a-p .p-a-p-body .items .item .txts .txt-lists {

        color: #909090;

        line-height: 1.1em;

        font-size: 30px; }

        .p-a-p .p-a-p-body .items .item .txts .txt-lists .list {

          position: relative;

          padding-left: 20px; }

        .p-a-p .p-a-p-body .items .item .txts .txt-lists .list::before {

          content: "";

          position: absolute;

          width: 10px;

          height: 10px;

          background: #909090;

          border-radius: 50%;

          top: 12px;

          left: 0px; }



@media (max-width: 1600px) {

  .p-a-p .p-a-p-head .container .leafs {

    bottom: -236px; }



  .p-a-p .p-a-p-head .container .subtitle,

  .p-a-p .p-a-p-body .title {

    font-size: 48px; }



  .p-a-p .p-a-p-head .container .desc {

    font-size: 28px; }



  .p-a-p .p-a-p-body .semi-title {

    font-size: 26px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-th {

    font-size: 44px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-lists {

    font-size: 24px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-lists .list::before {

    width: 9px;

    height: 9px;

    top: 9px; } }

@media (max-width: 1440px) {

  .p-a-p .p-a-p-head .container .leafs {

    bottom: -200px; }



  .p-a-p .p-a-p-head .container .leafs .leaf-2 {

    width: 95px;

    height: 95px; }



  .p-a-p .p-a-p-head .container .leafs .leaf-1 {

    width: 200px;

    height: 200px; }



  .p-a-p .p-a-p-head .container .leafs {

    width: 230px; }



  .p-a-p .p-a-p-head .container .subtitle,

  .p-a-p .p-a-p-body .title {

    font-size: 44px; }



  .p-a-p .p-a-p-head .container .desc {

    font-size: 24px; }



  .p-a-p .p-a-p-body .semi-title {

    font-size: 24px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-th {

    font-size: 38px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-lists {

    font-size: 22px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-lists .list::before {

    top: 8px; } }

@media (max-width: 1199px) {

  .p-a-p .p-a-p-head .container .subtitle,

  .p-a-p .p-a-p-body .title {

    font-size: 40px; }



  .p-a-p .p-a-p-head .container .desc {

    font-size: 20px; }



  .p-a-p .p-a-p-body .semi-title {

    font-size: 22px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-th {

    font-size: 34px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-lists {

    font-size: 22px; } }

@media (max-width: 991px) {

  .p-a-p .p-a-p-head .container .subtitle,

  .p-a-p .p-a-p-body .title {

    font-size: 36px; }



  .p-a-p .p-a-p-body .semi-title {

    font-size: 20px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-th {

    font-size: 30px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-lists {

    font-size: 20px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-lists .list::before {

    width: 8px;

    height: 8px;

    top: 7px; } }

@media (max-width: 767px) {

  .p-a-p .p-a-p-head .container .subtitle,

  .p-a-p .p-a-p-body .title {

    font-size: 32px; }



  .p-a-p .p-a-p-body .semi-title {

    font-size: 18px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-th {

    font-size: 28px; }



  .p-a-p .p-a-p-body .items .item .txts .txt-lists {

    font-size: 18px; }



  .p-a-p .p-a-p-head .container .title {

    font-size: 65px; }



  .p-a-p .p-a-p-head .container .leafs .leaf-1 {

    width: 150px;

    height: 150px;

    border-radius: 0px 70px; }



  .p-a-p .p-a-p-head .container .leafs {

    width: 190px;

    height: 190px; }



  .p-a-p .p-a-p-body .items {

    grid-template-columns: auto; } }

@media (max-width: 425px) {

  .p-a-p .p-a-p-head {

    padding: 30px 0; }



  .p-a-p .p-a-p-head .container .leafs .leaf-1 {

    width: 130px;

    height: 130px;

    border-radius: 0px 60px; }



  .p-a-p .p-a-p-head .container .leafs {

    bottom: -171px; }



  .p-a-p .p-a-p-head {

    background-position: top;

    color: #333333;

    background-size: 1000px 276px; }



  .p-a-p .p-a-p-head .container .title {

    color: #fff;

    margin-bottom: 55px; }



  .p-a-p .p-a-p-head .container .leafs {

    width: 150px;

    height: 150px; }



  .p-a-p .p-a-p-head .container .leafs .leaf-1 {

    width: 100px;

    height: 100px;

    border-radius: 0px 40px; }



  .p-a-p .p-a-p-head .container .leafs .leaf-2 {

    width: 80px;

    height: 80px; }



  .p-a-p .p-a-p-head .container .leafs {

    bottom: -135px;

    right: -33px; }



  .p-a-p .p-a-p-body .items .item {

    flex-direction: column; }



  .p-a-p .p-a-p-body .items .item .icon {

    margin: 0 auto 10px auto; }



  .p-a-p .p-a-p-body .items .item .txts .txt-en, .p-a-p .p-a-p-body .items .item .txts .txt-th {

    text-align: center; }



  .p-a-p .p-a-p-body .title {

    margin-bottom: 14px; } }

@media (max-width: 375px) {

  .p-a-p .p-a-p-head .container .title {

    font-size: 60px; }



  .p-a-p .p-a-p-head {

    background-size: 960px 260px; } }

@media (max-width: 320px) {

  .p-a-p .p-a-p-head .container .title {

    font-size: 50px; }



  .p-a-p .p-a-p-head {

    background-size: 930px 230px; } }

.award-page {

  position: relative; }

  .award-page .title {

    font-size: 70px;

    font-weight: bold;

    line-height: 1;

    color: #000000; }

  .award-page .desc {

    font-size: 30px;

    font-weight: normal;

    line-height: 1.2em;

    color: #000000; }

  .award-page .text {

    font-size: 54px;

    font-weight: normal;

    line-height: 1.2;

    color: #144188; }

  .award-page .highlights-list {

    width: 100%; }

    .award-page .highlights-list .item-list > li {

      width: calc(100%/6); }

      .award-page .highlights-list .item-list > li:nth-child(1), .award-page .highlights-list .item-list > li:nth-child(8) {

        width: 33.33%; }

        .award-page .highlights-list .item-list > li:nth-child(1) .wrapper, .award-page .highlights-list .item-list > li:nth-child(8) .wrapper {

          padding: 40px; }

        .award-page .highlights-list .item-list > li:nth-child(1) .number, .award-page .highlights-list .item-list > li:nth-child(8) .number {

          font-size: 106px; }

        .award-page .highlights-list .item-list > li:nth-child(1) .txt, .award-page .highlights-list .item-list > li:nth-child(8) .txt {

          font-size: 40px;

          left: 100px;

          right: 0;

          bottom: auto;

          top: -2px; }

        .award-page .highlights-list .item-list > li:nth-child(1) .icon, .award-page .highlights-list .item-list > li:nth-child(8) .icon {

          top: 0;

          left: 0;

          right: 0;

          bottom: 15px;

          margin: auto;

          max-width: 200px;

          height: 90px;

          display: flex;

          justify-content: center;

          align-items: center; }

          .award-page .highlights-list .item-list > li:nth-child(1) .icon .lazy, .award-page .highlights-list .item-list > li:nth-child(8) .icon .lazy {

            height: 90px;

            max-width: 200px; }

        .award-page .highlights-list .item-list > li:nth-child(1) .desc, .award-page .highlights-list .item-list > li:nth-child(8) .desc {

          display: -webkit-box; }

        .award-page .highlights-list .item-list > li:nth-child(1) .action, .award-page .highlights-list .item-list > li:nth-child(8) .action {

          display: block; }

      .award-page .highlights-list .item-list > li:nth-child(8) {

        float: right;

        margin-bottom: 0.1px; }

      .award-page .highlights-list .item-list > li:nth-child(15) {

        width: 33.33%; }

        .award-page .highlights-list .item-list > li:nth-child(15) .link {

          padding-bottom: 240px; }

    .award-page .highlights-list .desc {

      color: #ffffff; }



.award-sectorI .title {

  margin-bottom: 50px; }

.award-sectorI .desc {

  margin-bottom: 30px; }

.award-sectorI .ui-green {

  padding-top: 50px;

  padding-bottom: 100px;

  position: relative;

  z-index: 0; }

  .award-sectorI .ui-green:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    right: -680px;

    left: -200px;

    background-color: #F9F9F9; }

  .award-sectorI .ui-green .item-list {

    margin: -15px -25px; }

    .award-sectorI .ui-green .item-list > li {

      width: 50%;

      padding: 15px 25px; }

  .award-sectorI .ui-green .wrapper {

    position: relative; }

    .award-sectorI .ui-green .wrapper .number {

      font-size: 80px;

      font-weight: bold;

      line-height: 1;

      color: #000000;

      position: absolute;

      top: -2px;

      left: 0; }

    .award-sectorI .ui-green .wrapper .txt {

      font-size: 28px;

      font-weight: normal;

      line-height: 1.2;

      color: #000000;

      padding-left: 80px; }

.award-sectorI .thumb {

  float: right;

  position: relative;

  z-index: 1; }

  .award-sectorI .thumb:before {

    content: '';

    position: absolute;

    z-index: 1;

    right: 0;

    bottom: 100%;

    width: 270px;

    height: 80px;

    background-color: #144188;

    opacity: 0.8;

    -webkit-border-radius: 100px 0 0 0;

    -moz-border-radius: 100px 0 0 0;

    border-radius: 100px 0 0 0; }

  .award-sectorI .thumb:after {

    content: '';

    position: absolute;

    z-index: 1;

    right: -30px;

    top: -120px;

    width: 67px;

    height: 67px;

    background-color: #144188;

    -webkit-border-radius: 25px 0 25px 0;

    -moz-border-radius: 25px 0 25px 0;

    border-radius: 25px 0 25px 0; }

  .award-sectorI .thumb .bg {

    position: absolute;

    z-index: -1;

    top: -300px;

    right: -195px;

    width: 100%;

    height: 100%;

    background-image: radial-gradient(circle, #265cb2 0%, #19458b 100%); }



.award-sectorII {

  padding-top: 65px;

  padding-bottom: 75px; }

  .award-sectorII .desc {

    margin-bottom: 40px; }

  .award-sectorII .thumb {

    width: 1270px;

    margin: 0 auto;

    -webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }

    .award-sectorII .thumb .lazy {

      width: 100%; }

  .award-sectorII .text {

    text-align: center;

    padding-top: 30px; }



.award-sectorIII {

  padding: 70px 0;

  background-color: #F9F9F9;

  background-image: url(../img/background/bg-award-sectorIII.jpg);

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: cover; }

  .award-sectorIII .item-list {

    position: relative; }

    .award-sectorIII .item-list:before {

      content: '';

      position: absolute;

      top: -110px;

      bottom: -110px;

      left: 65px;

      display: block;

      width: 1px;

      background-image: linear-gradient(180deg, white 0%, #909090 20%, #909090 80%, white 100%); }

    .award-sectorIII .item-list > li {

      width: 100%;

      position: relative;

      min-height: 129px;

      display: flex;

      align-items: center;

      padding-left: 150px; }

      .award-sectorIII .item-list > li:before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 129px;

        height: 129px;

        background-image: url(../img/static/award-stIII.png);

        background-size: contain; }

      .award-sectorIII .item-list > li + li {

        margin-top: 30px; }

  .award-sectorIII .txt {

    font-size: 38px;

    font-weight: 300;

    line-height: 1;

    color: #000000; }

  .award-sectorIII .thumb {

    margin-top: -200px;

    margin-right: -150px; }



.award-sectorIV {

  padding-top: 135px;

  padding-bottom: 75px; }

  .award-sectorIV .desc {

    margin-bottom: 40px; }

  .award-sectorIV .thumb {

    width: 1270px;

    margin: 0 auto;

    -webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }

    .award-sectorIV .thumb .lazy {

      width: 100%; }

  .award-sectorIV .text {

    text-align: center;

    padding-top: 30px; }



.award-sectorV {

  padding-bottom: 35px; }

  .award-sectorV .title {

    text-transform: uppercase; }



.award-sectorVI {

  padding-bottom: 120px; }



.award-sectorVII {

  padding-top: 50px;

  background-image: url(../img/background/bg-award-stVII.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center; }

  .award-sectorVII .container {

    max-width: 1040px; }

  .award-sectorVII .desc {

    text-align: center;

    margin-bottom: 50px; }

  .award-sectorVII .thumb {

    margin-top: -90px;

    bottom: -90px;

    position: relative;

    -webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }

    .award-sectorVII .thumb .lazy {

      width: 100%; }



.award-sectorVIII {

  padding-top: 190px;

  padding-bottom: 70px; }

  .award-sectorVIII .title {

    margin-bottom: 30px;

    text-transform: uppercase; }

  .award-sectorVIII .thumbII {

    float: right;

    padding-top: 70px; }



@media (max-width: 1600px) {

  .award-page .title {

    font-size: 65px; }



  .award-page .desc {

    font-size: 28px; }



  .award-page .text {

    font-size: 50px; }



  .award-page .highlights-list .item-list > li:nth-child(15) .link {

    padding-bottom: 206.66px; }



  .award-sectorI .title {

    margin-bottom: 40px; }



  .award-sectorI .ui-green:before {

    right: -520px; }



  .award-sectorI .ui-green .item-list {

    margin: -10px -15px; }



  .award-sectorI .ui-green .item-list > li {

    padding: 10px 15px; }



  .award-sectorI .ui-green .wrapper .number {

    font-size: 70px; }



  .award-sectorI .ui-green .wrapper .txt {

    font-size: 25px;

    padding-left: 70px; }



  .award-sectorIII .txt {

    font-size: 34px; }



  .award-sectorIII .item-list > li {

    min-height: 100px;

    padding-left: 120px; }



  .award-sectorIII .item-list > li:before {

    width: 100px;

    height: 100px; }



  .award-sectorIII .thumb {

    margin-top: -170px;

    margin-right: -100px; } }

@media (max-width: 1440px) {

  .award-page .title {

    font-size: 60px; }



  .award-page .desc {

    font-size: 26px; }



  .award-page .text {

    font-size: 45px; }



  .award-page .highlights-list .item-list > li:nth-child(1) .wrapper,

  .award-page .highlights-list .item-list > li:nth-child(8) .wrapper {

    padding: 30px; }



  .award-page .highlights-list .item-list > li:nth-child(1) .number,

  .award-page .highlights-list .item-list > li:nth-child(8) .number {

    font-size: 80px; }



  .award-page .highlights-list .item-list > li:nth-child(1) .txt,

  .award-page .highlights-list .item-list > li:nth-child(8) .txt {

    font-size: 32px;

    left: 80px; }



  .award-page .highlights-list .item-list > li:nth-child(1) .icon,

  .award-page .highlights-list .item-list > li:nth-child(8) .icon {

    max-width: 150px;

    height: 70px; }



  .award-page .highlights-list .item-list > li:nth-child(1) .icon .lazy,

  .award-page .highlights-list .item-list > li:nth-child(8) .icon .lazy {

    height: 70px;

    max-width: 150px; }



  .award-page .highlights-list .item-list > li:nth-child(15) .link {

    padding-bottom: 186.66px; }



  .award-sectorI .title {

    margin-bottom: 30px; }



  .award-sectorI .thumb {

    width: 500px; }



  .award-sectorI .thumb .bg {

    top: -200px;

    right: -80px; }



  .award-sectorI .ui-green {

    padding-top: 40px;

    padding-bottom: 60px; }



  .award-sectorI .ui-green:before {

    right: -400px; }



  .award-sectorI .ui-green .item-list {

    margin: -8px -12px; }



  .award-sectorI .ui-green .item-list > li {

    padding: 8px 12px; }



  .award-sectorI .ui-green .wrapper .number {

    font-size: 60px; }



  .award-sectorI .ui-green .wrapper .txt {

    font-size: 23px;

    padding-left: 60px; }



  .award-sectorII {

    padding-top: 50px;

    padding-bottom: 60px; }



  .award-sectorII .thumb {

    width: 1000px; }



  .award-sectorIII {

    padding: 60px 0; }



  .award-sectorIII .item-list:before {

    left: 40px; }



  .award-sectorIII .item-list > li {

    min-height: 80px;

    padding-left: 100px; }



  .award-sectorIII .item-list > li:before {

    width: 80px;

    height: 80px; }



  .award-sectorIII .txt {

    font-size: 32px; }



  .award-sectorIV {

    padding-top: 100px;

    padding-bottom: 60px; }



  .award-sectorIV .thumb {

    width: 1000px; }



  .award-sectorVI {

    padding-bottom: 60px; }



  .award-sectorVII .desc {

    margin-bottom: 30px; } }

@media (max-width: 1199px) {

  .award-page .title {

    font-size: 46px; }



  .award-page .desc {

    font-size: 24px; }



  .award-page .text {

    font-size: 38px; }



  .award-page .highlights-list .item-list > li {

    width: calc(100%/5); }



  .award-page .highlights-list .item-list > li:nth-child(1),

  .award-page .highlights-list .item-list > li:nth-child(8) {

    width: 39.9%; }



  .award-page .highlights-list .item-list > li:nth-child(8) {

    margin-bottom: 1px; }



  .award-page .highlights-list .item-list > li:nth-child(15) .link {

    padding-bottom: 178.39px; }



  .award-sectorI .title {

    margin-bottom: 20px; }



  .award-sectorI .thumb {

    width: 420px; }



  .award-sectorI .thumb:after {

    right: -20px;

    top: -70px;

    width: 45px;

    height: 45px;

    border-radius: 15px 0 15px 0; }



  .award-sectorI .thumb:before {

    width: 230px;

    height: 40px; }



  .award-sectorI .thumb .bg {

    top: -120px;

    right: -70px; }



  .award-sectorI .ui-green {

    padding-top: 30px;

    padding-bottom: 30px; }



  .award-sectorI .ui-green .item-list > li {

    width: 100%; }



  .award-sectorI .ui-green .wrapper .txt {

    min-height: 55px; }



  .award-sectorII {

    padding-top: 40px;

    padding-bottom: 50px; }



  .award-sectorII .desc {

    margin-bottom: 20px; }



  .award-sectorII .thumb {

    width: 100%; }



  .award-sectorIII {

    padding: 40px 0; }



  .award-sectorIII .item-list:before {

    top: -70px;

    bottom: -70px;

    left: 30px; }



  .award-sectorIII .item-list > li {

    min-height: 60px;

    padding-left: 75px; }



  .award-sectorIII .item-list > li:before {

    width: 60px;

    height: 60px; }



  .award-sectorIII .txt {

    font-size: 25px; }



  .award-sectorIII .thumb {

    margin-top: -140px;

    margin-right: -70px; }



  .award-sectorIV {

    padding-top: 60px;

    padding-bottom: 40px; }



  .award-sectorIV .thumb {

    width: 100%; }



  .award-sectorV {

    padding-bottom: 15px; }



  .award-sectorVI {

    padding-bottom: 50px; }



  .award-sectorVII {

    padding-top: 40px; }



  .award-sectorVII .container {

    max-width: 970px; } }

@media (max-width: 991px) {

  .award-page .title {

    font-size: 38px; }



  .award-page .desc {

    font-size: 22px; }



  .award-page .text {

    font-size: 30px; }



  .award-page .highlights-list .item-list > li {

    width: calc(100%/4); }



  .award-page .highlights-list .item-list > li:nth-child(1),

  .award-page .highlights-list .item-list > li:nth-child(8) {

    width: 50%; }



  .award-page .highlights-list .item-list > li:nth-child(15) {

    width: 50%; }



  .award-page .highlights-list .item-list > li:nth-child(15) .link {

    padding-bottom: 48.5%; }



  .award-sectorI .thumb {

    width: 420px;

    float: none;

    margin: 0 auto 20px; }



  .award-sectorI .ui-green .item-list > li {

    width: 50%;

    padding: 8px 30px; }



  .award-sectorIII {

    padding: 40px 0 0 0; }



  .award-sectorIII .thumb {

    margin-top: -220px;

    margin-right: 0;

    width: 40%; }



  .award-sectorV .desc {

    padding-top: 20px; }



  .award-sectorVIII {

    padding-top: 150px;

    padding-bottom: 60px; }



  .award-sectorVIII .title {

    margin-bottom: 10px; }



  .award-sectorVIII .thumb,

  .award-sectorVIII .thumbII {

    text-align: center;

    padding-bottom: 20px; }



  .award-sectorVIII .thumbII {

    padding-top: 40px;

    float: none; } }

@media (max-width: 767px) {

  .award-page .title {

    font-size: 28px; }



  .award-page .desc {

    font-size: 20px; }



  .award-page .text {

    font-size: 24px; }



  .award-page .highlights-list .item-list > li {

    width: calc(100%/2); }



  .award-page .highlights-list .item-list > li:nth-child(1),

  .award-page .highlights-list .item-list > li:nth-child(8) {

    width: 100%; }



  .award-page .highlights-list .item-list > li:nth-child(8) {

    margin-bottom: 0;

    float: left; }



  .award-page .highlights-list .item-list > li:nth-child(15) .link {

    padding-bottom: 100%; }



  .award-sectorI .thumb {

    width: 90%; }



  .award-sectorI .thumb:before {

    width: 160px;

    height: 30px; }



  .award-sectorI .thumb:after {

    right: -10px;

    top: -50px;

    width: 25px;

    height: 25px;

    border-radius: 5px 0 5px 0; }



  .award-sectorI .thumb .bg {

    top: -20px;

    right: -20px; }



  .award-sectorI .title {

    margin-bottom: 10px; }



  .award-sectorI .ui-green .item-list > li {

    width: 100%;

    padding: 6px 15px; }



  .award-sectorI .ui-green .wrapper .number {

    font-size: 50px; }



  .award-sectorI .ui-green .wrapper .txt {

    font-size: 20px;

    padding-left: 50px;

    min-height: 50px; }



  .award-sectorII {

    padding-top: 30px;

    padding-bottom: 30px; }



  .award-sectorIII {

    padding: 30px 0 0 0; }



  .award-sectorIII .text {

    margin-bottom: 30px; }



  .award-sectorIII .thumb {

    margin-top: 0;

    margin-right: auto;

    margin-left: auto;

    width: 80%; }



  .award-sectorIII .item-list:before {

    top: -20px;

    bottom: -20px;

    left: 25px; }



  .award-sectorIII .item-list > li {

    min-height: 50px;

    padding-left: 65px; }



  .award-sectorIII .item-list > li:before {

    width: 50px;

    height: 50px; }



  .award-sectorIII .txt {

    font-size: 20px; }



  .award-sectorVIII {

    padding-top: 130px;

    padding-bottom: 30px; } }

.research-page {

  padding-bottom: 135px; }



.research-list .item-list {

  margin: -15px -35px; }

  .research-list .item-list > li {

    width: calc(100%/3);

    padding: 15px 35px; }

.research-list .link {

  display: block; }

.research-list .thumb {

  position: relative;

  z-index: 2; }

  .research-list .thumb .cover {

    position: relative;

    overflow: hidden;

    padding-bottom: 60%; }

    .research-list .thumb .cover .lazy {

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease;

      -webkit-transform: scale(1);

      -moz-transform: scale(1);

      -ms-transform: scale(1);

      -o-transform: scale(1);

      transform: scale(1); }

.research-list .content {

  position: relative;

  z-index: 1;

  padding-top: 20px;

  padding-bottom: 45px; }

  .research-list .content:before {

    content: '';

    position: absolute;

    z-index: -1;

    left: -40px;

    top: -50px;

    right: 0;

    bottom: 0;

    background-color: #ffffff;

    -webkit-border-radius: 0 80px 0 80px;

    -moz-border-radius: 0 80px 0 80px;

    border-radius: 0 80px 0 80px;

    -webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }

.research-list .txt {

  font-size: 32px;

  font-weight: normal;

  line-height: 1em;

  color: #000000;

  height: 2em;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical; }

.research-list .link:hover .thumb .cover .lazy {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1); }



@media (max-width: 1600px) {

  .research-list .txt {

    font-size: 30px; } }

@media (max-width: 1440px) {

  .research-list .txt {

    font-size: 28px; } }

@media (max-width: 1199px) {

  .research-page {

    padding-bottom: 75px; }



  .research-list .item-list {

    margin: -10px -25px; }



  .research-list .item-list > li {

    padding: 10px 25px; }



  .research-list .content {

    padding-top: 15px;

    padding-bottom: 30px; }



  .research-list .content:before {

    left: -20px;

    top: -30px;

    border-radius: 0 40px 0 40px; }



  .research-list .txt {

    font-size: 26px; } }

@media (max-width: 991px) {

  .research-page {

    padding-bottom: 50px; }



  .research-list .txt {

    font-size: 24px; } }

@media (max-width: 767px) {

  .research-list .item-list {

    margin: -5px -10px; }



  .research-list .item-list > li {

    width: calc(100%/2);

    padding: 5px 10px; }



  .research-list .content {

    padding-top: 10px;

    padding-bottom: 15px; }



  .research-list .content:before {

    left: -10px;

    top: -10px;

    border-radius: 0 15px 0 15px; }



  .research-list .txt {

    font-size: 22px; } }

.search-page {

  padding-bottom: 80px; }

  .search-page .search-word {

    font-weight: 500;

    font-size: 65px;

    line-height: 1;

    color: #144188;

    padding: 0;

    height: auto;

    background-color: transparent;

    border: 0; }

    .search-page .search-word:focus {

      box-shadow: none; }

  .search-page .search-topic {

    position: relative; }

    .search-page .search-topic:after {

      content: "";

      width: 100%;

      left: 0;

      height: 4px;

      background: #144188;

      bottom: -7px;

      position: absolute; }

  .search-page .search-icon {

    position: relative;

    font-size: 38px;

    color: #000000;

    display: block;

    text-align: center;

    border-radius: 50px;

    padding: 0;

    border: 0;

    background-color: transparent; }

    .search-page .search-icon .icon-search {

      line-height: 54px; }

    .search-page .search-icon:hover {

      color: #144188; }

  .search-page .search-result {

    font-weight: 500;

    font-size: 40px;

    line-height: 1;

    color: #3F7E44;

    margin: 35px 0px 20px 0px; }

  .search-page .search-list {

    padding-bottom: 50px; }

    .search-page .search-list .item-list > li {

      width: 100%;

      padding: 28px 0px; }

    .search-page .search-list .title {

      font-weight: bold;

      font-size: 45px;

      color: #144188;

      line-height: 0.8;

      margin-bottom: 5px; }

    .search-page .search-list .desc {

      margin: 0;

      font-weight: normal;

      font-size: 30px;

      line-height: 1em;

      color: #000000;

      display: -webkit-box;

      margin: 0;

      -webkit-line-clamp: 2;

      -webkit-box-orient: vertical;

      overflow: hidden; }



@media (max-width: 1600px) {

  .search-page .search-word {

    font-size: 62px; }



  .search-page .search-result {

    font-size: 38px; }



  .search-page .search-list .title {

    font-size: 42px; }



  .search-page .search-list .desc {

    font-size: 28px; } }

@media (max-width: 1440px) {

  .search-page .search-word {

    font-size: 60px; }



  .search-page .search-result {

    font-size: 36px; }



  .search-page .search-list .title {

    font-size: 40px; }



  .search-page .search-list .desc {

    font-size: 26px; } }

@media (max-width: 1199px) {

  .search-page .search-word {

    font-size: 50px; }



  .search-page .search-result {

    font-size: 30px; }



  .search-page .search-list .title {

    font-size: 36px; }



  .search-page .search-list .desc {

    font-size: 24px; } }

@media (max-width: 991px) {

  .search-page .search-word {

    font-size: 40px; }



  .search-page .search-result {

    font-size: 26px; }



  .search-page .search-list .title {

    font-size: 30px; }



  .search-page .search-list .desc {

    font-size: 22px; } }

@media (max-width: 767px) {

  .search-page .search-word {

    font-size: 28px; }



  .search-page .search-result {

    font-size: 22px;

    margin: 25px 0px 20px 0px; }



  .search-page .search-list .title {

    font-size: 24px; }



  .search-page .search-list .desc {

    font-size: 20px; }



  .search-page .search-icon {

    font-size: 28px; }



  .search-page .search-list .item-list > li {

    padding: 15px 0px; } }

.service-page .center {

  display: block;

  margin-left: auto;

  margin-right: auto; }

.service-page .service-content {

  padding-bottom: 120px; }

  .service-page .service-content li {

    position: relative;

    display: flex;

    width: 100%;

    align-items: center; }

    .service-page .service-content li + li {

      margin-top: 240px; }

    .service-page .service-content li:nth-child(odd) .cover {

      order: 2; }

    .service-page .service-content li:nth-child(odd) .cont {

      order: 1; }

    .service-page .service-content li:nth-child(even) .cont .center {

      float: right; }

  .service-page .service-content .cover {

    position: relative;

    float: left;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%; }

    .service-page .service-content .cover .pic01 {

      width: 750px; }

      .service-page .service-content .cover .pic01 img {

        width: 100%;

        height: auto;

        z-index: -1; }

    .service-page .service-content .cover .label-detail {

      position: absolute;

      padding: 30px 50px;

      font-size: 52px;

      z-index: 1;

      line-height: 1;

      color: #ffffff;

      bottom: -70px;

      display: block;

      margin: 0;

      background-image: radial-gradient(circle, #265cb2 0%, #19458b 100%);

      -webkit-border-radius: 0 70px 0 70px;

      -moz-border-radius: 0 70px 0 70px;

      border-radius: 0 70px 0 70px; }

      .service-page .service-content .cover .label-detail.i-line {

        padding: 65px 50px; }

      .service-page .service-content .cover .label-detail.ii-line {

        padding: 40px 40px; }

  .service-page .service-content .cont {

    flex-basis: 0;

    flex-grow: 1;

    max-width: 100%; }

    .service-page .service-content .cont p {

      font-weight: normal;

      font-size: 30px;

      line-height: 1.2;

      color: #000;

      margin: 0;

      width: 600px; }

.service-page .good-health {

  padding: 125px 0px; }

  .service-page .good-health .green-box {

    position: relative;

    background-color: #48A030;

    width: 390px;

    height: 390px; }

    .service-page .good-health .green-box .num {

      font-size: 86px;

      top: 155px;

      left: 33px;

      position: absolute;

      color: #fff; }

    .service-page .good-health .green-box .img {

      position: absolute;

      right: 32px;

      top: 115px;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

    .service-page .good-health .green-box .txt-topic {

      font-size: 49px;

      line-height: 1;

      font-weight: 400;

      color: #fff;

      position: absolute;

      left: 33px;

      bottom: 33px; }

  .service-page .good-health .green-box:hover .img {

    -webkit-transform: scale(0.9);

    transform: scale(0.9); }

  .service-page .good-health .txt {

    font-weight: normal;

    font-size: 60px;

    line-height: 1.2;

    color: #000; }



@media (max-width: 1600px) {

  .service-page .service-content .cover .pic01 {

    width: 650px; }



  .service-page .service-content .cover .label-detail {

    font-size: 45px;

    bottom: -35px;

    border-radius: 0 40px 0 40px; }



  .service-page .service-content .cover .label-detail.i-line {

    padding: 50px 50px; }



  .service-page .service-content .cover .label-detail.ii-line {

    padding: 30px 40px; }



  .service-page .service-content .cont p {

    font-size: 28px;

    width: 520px; }



  .service-page .good-health .txt {

    font-size: 55px; } }

@media (max-width: 1440px) {

  .service-page .service-content .cover .pic01 {

    width: 580px; }



  .service-page .service-content .cover .label-detail {

    font-size: 40px;

    bottom: -95px; }



  .service-page .good-health .green-box {

    width: 360px;

    height: 360px; }



  .service-page .good-health .green-box .num {

    font-size: 70px;

    top: 95px; }



  .service-page .good-health .green-box .img {

    top: 55px; }



  .service-page .good-health .green-box .txt-topic {

    font-size: 40px; }



  .service-page .good-health .txt {

    font-size: 45px; } }

@media (max-width: 1199px) {

  .service-page .service-content {

    padding-bottom: 90px; }



  .service-page .service-content .cover .pic01 {

    width: 450px; }



  .service-page .service-content .cover .label-detail {

    font-size: 30px;

    bottom: 0;

    border-radius: 0 0px 0 30px;

    padding: 20px 35px;

    position: relative; }



  .service-page .service-content .cover .label-detail.i-line,

  .service-page .service-content .cover .label-detail.ii-line {

    padding: 20px 35px; }



  .service-page .service-content .cont p {

    font-size: 26px;

    width: auto;

    padding-right: 30px; }



  .service-page .service-content li + li {

    margin-top: 140px; }



  .service-page .service-content li:nth-child(even) .cont .center {

    float: none; }



  .service-page .service-content li:nth-child(even) .cont .center p {

    padding-left: 30px;

    padding-right: 0; }



  .service-page .good-health {

    padding: 0px 0 80px 0px; }



  .service-page .good-health .txt {

    font-size: 32px; }



  .service-page .good-health .green-box {

    width: 100%;

    height: auto;

    padding-bottom: 100%; }



  .service-page .good-health .green-box .num {

    font-size: 50px;

    top: 40px;

    left: 20px; }



  .service-page .good-health .green-box .img {

    top: 20px;

    right: 20px;

    width: 80px; }



  .service-page .good-health .green-box .txt-topic {

    font-size: 30px;

    left: 20px;

    bottom: 20px; } }

@media (max-width: 991px) {

  .service-page .service-content {

    padding-bottom: 60px; }



  .service-page .service-content .cont p {

    font-size: 24px; }



  .service-page .service-content .cover .pic01 {

    width: 360px; }



  .service-page .service-content li + li {

    margin-top: 60px; }



  .service-page .good-health .txt {

    font-size: 28px; }



  .service-page .good-health .green-box .txt-topic {

    font-size: 28px; } }

@media (max-width: 767px) {

  .service-page .service-content li:nth-child(odd) .cover {

    order: 1; }



  .service-page .service-content li:nth-child(odd) .cont {

    order: 2; }



  .service-page .service-content li:nth-child(even) .cont .center p {

    padding-left: 0;

    padding-right: 0; }



  .service-page .service-content li {

    display: block; }



  .service-page .service-content li + li {

    margin-top: 40px; }



  .service-page .service-content .cover {

    flex: 0 0 100%;

    max-width: 100%;

    padding-bottom: 15px; }



  .service-page .service-content .cover .pic01 {

    width: 100%; }



  .service-page .service-content .cover .label-detail {

    font-size: 24px;

    border-radius: 0 0px 0 20px;

    padding: 15px 25px; }



  .service-page .service-content .cover .label-detail.i-line,

  .service-page .service-content .cover .label-detail.ii-line {

    padding: 15px 25px; }



  .service-page .service-content .cont {

    flex: 0 0 100%;

    max-width: 100%; }



  .service-page .service-content .cont p {

    font-size: 20px;

    padding: 0; }



  .service-page .good-health .green-box {

    width: 70%;

    height: auto;

    padding-bottom: 70%;

    margin: 0 auto; }



  .service-page .good-health .txt {

    font-size: 24px;

    padding-top: 20px; }



  .service-page .good-health .green-box .txt-topic {

    font-size: 24px; } }

.health-page .text p {

  font-weight: normal;

  font-size: 30px;

  line-height: 1.2em;

  color: #000;

  padding-right: 3rem; }

.health-page .topic {

  font-weight: bold;

  font-size: 80px;

  line-height: 1.1em;

  color: #000;

  margin-top: 10px;

  padding-right: 3rem; }

.health-page .p-01 {

  margin: 30px 0px 85px 0px; }

.health-page .p-02,

.health-page .p-03 {

  margin: 85px 0px; }

.health-page .p-02 .txt {

  padding-left: 60px; }

.health-page .sub-topic {

  margin: 150px 0px 0px 0px;

  font-weight: bold;

  font-size: 54px;

  line-height: 1.1em;

  color: #144188; }

.health-page .bullet {

  font-weight: bold;

  font-size: 30px;

  line-height: 1.2em;

  color: #000;

  width: 100%; }



@media (max-width: 1600px) {

  .health-page .topic {

    font-size: 70px; }



  .health-page .sub-topic {

    font-size: 50px;

    margin: 100px 0px 0px 0px; }



  .health-page .text p {

    font-size: 28px; }



  .health-page .bullet {

    font-size: 28px; } }

@media (max-width: 1440px) {

  .health-page .text-topic {

    font-family: "DB Helvethaica X Bd";

    font-weight: bold;

    font-size: 75px;

    line-height: 60px;

    text-align: left;

    color: #000;

    margin-top: 10px; }



  .health-page .blue-topic {

    margin: 100px 0px 0px 0px;

    font-family: "DB Helvethaica X Bd";

    font-weight: bold;

    font-size: 54px;

    line-height: 72px;

    text-align: left;

    color: #144188; }



  .health-page .topic {

    font-size: 60px; }



  .health-page .sub-topic {

    font-size: 46px; }



  .health-page .text p {

    font-size: 26px; }



  .health-page .bullet {

    font-size: 26px; } }

@media (max-width: 1199px) {

  .health-page .topic {

    font-size: 50px; }



  .health-page .sub-topic {

    font-size: 42px;

    margin: 80px 0px 0px 0px; }



  .health-page .text p {

    font-size: 24px; }



  .health-page .bullet {

    font-size: 24px; } }

@media (max-width: 991px) {

  .health-page .p-02 .txt {

    padding-left: 15px; }



  .health-page .topic {

    font-size: 40px;

    margin-top: 0; }



  .health-page .sub-topic {

    font-size: 32px; }



  .health-page .text p {

    font-size: 22px;

    padding-right: 0; }



  .health-page .bullet {

    font-size: 22px; }



  .health-page .row.img {

    justify-content: center !important; }



  .health-page .p-01, .health-page .p-02 {

    margin: 30px 0px 40px 0px; } }

@media (max-width: 767px) {

  .health-page .topic {

    font-size: 30px; }



  .health-page .sub-topic {

    font-size: 26px; }



  .health-page .text p {

    font-size: 20px; }



  .health-page .bullet {

    font-size: 20px; } }

@media (max-width: 575px) {

  .health-page .sub-topic {

    margin: 60px 0px 0px 0px;

    font-size: 24px; }



  .health-page .text p {

    font-size: 18px; }



  .health-page .bullet {

    font-size: 18px; }



  .health-page .p-03 {

    margin: 60px 0px; } }

.climate-page .ph-1 {

  margin-top: -33px; }

.climate-page .link.-typeXIII {

  background-color: #407f46; }

.climate-page .link {

  float: right;

  margin-top: -148px;

  width: 390px;

  display: block;

  padding-bottom: 390px;

  position: relative; }

.climate-page .wrapper {

  position: absolute;

  width: 100%;

  height: 100%;

  padding: 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

.climate-page .wrapper .inner {

  position: relative;

  width: 80%;

  margin-top: 124px;

  margin-left: 40px; }

.climate-page .number {

  font-size: 85px;

  font-weight: bold;

  line-height: 75px;

  color: #ffffff;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: All 400ms ease;

  transition: All 400ms ease; }

.climate-page .txt {

  color: #ffffff;

  overflow: hidden;

  max-height: 3em;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 28px;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  font-size: 45px;

  line-height: 1.1em;

  text-align: left;

  color: #fff; }

.climate-page .icon {

  width: 146.25px;

  height: 77.26px;

  position: absolute;

  top: 0;

  right: 0;

  -webkit-transition: All 400ms ease;

  transition: All 400ms ease; }

.climate-page .desc {

  color: #ffffff; }

.climate-page .text-content {

  font-weight: normal;

  font-size: 30px;

  line-height: 1.2em;

  text-align: left;

  color: #000; }

.climate-page .blue-topic {

  font-weight: bold;

  font-size: 54px;

  line-height: 0.9em;

  text-align: left;

  color: #144188;

  margin-bottom: 40px; }

  .climate-page .blue-topic p {

    margin-bottom: 0; }

.climate-page .topic {

  margin-top: 30px;

  font-weight: bold;

  font-size: 30px;

  line-height: 1.1em;

  text-align: left;

  color: #000; }

  .climate-page .topic p {

    margin-bottom: 0px; }

.climate-page .txt-topic {

  font-weight: normal;

  font-size: 30px;

  line-height: 1.1em;

  text-align: left;

  color: #000; }

  .climate-page .txt-topic .andl {

    margin: -117px 0px 0px 598px; }

  .climate-page .txt-topic p {

    margin-bottom: 0; }

    .climate-page .txt-topic p span.blue-topic.highlight {

      position: relative;

      margin: 0 1rem; }

.climate-page .blue-topic.highlight p {

  margin: -73px 0px 65px 427px; }

.climate-page .p0 {

  margin-top: 16px; }

.climate-page .p1 {

  margin-bottom: 50px; }

.climate-page .p2 {

  margin-bottom: 112px; }

.climate-page .blue-topic.highlight02 p {

  margin: -73px 0px 65px 49px; }

.climate-page .blue-topic.highlight03 p {

  margin: -56px 0px 55px 640px; }



@media (max-width: 1600px) {

  .climate-page .text-content,

  .climate-page .topic,

  .climate-page .txt-topic {

    font-size: 28px; }



  .climate-page .blue-topic {

    font-size: 50px; }



  .climate-page .txt-topic p span.blue-topic.highlight {

    margin: 0 0.8rem; } }

@media (max-width: 1440px) {

  .climate-page .link {

    float: right;

    margin-top: -123px;

    margin-right: -38px;

    width: 390px;

    display: block;

    padding-bottom: 390px;

    position: relative; }



  .climate-page .text-content,

  .climate-page .topic,

  .climate-page .txt-topic {

    font-size: 26px; }



  .climate-page .blue-topic {

    font-size: 45px; }



  .climate-page .text-content {

    margin-top: 1.5rem; } }

@media (max-width: 1280px) {

  .climate-page .link.-typeXIII {

    -webkit-transform: scale(0.8); } }

@media (max-width: 1199px) {

  .climate-page .text-content,

  .climate-page .topic,

  .climate-page .txt-topic {

    font-size: 24px; }



  .climate-page .blue-topic {

    font-size: 40px; }



  .climate-page .text-content {

    margin-top: 2rem; }



  .climate-page .p1 {

    margin-bottom: 40px; } }

@media (max-width: 991px) {

  .climate-page .text-content,

  .climate-page .topic,

  .climate-page .txt-topic {

    font-size: 22px; }



  .climate-page .blue-topic {

    font-size: 34px; }



  .climate-page .text-content {

    margin-top: 2.3rem; }



  .climate-page .p0 {

    margin-top: 10px; } }

@media (max-width: 960px) {

  .climate-page .link {

    float: right;

    margin-top: -91px;

    margin-right: -25px;

    width: 390px;

    display: block;

    padding-bottom: 390px;

    position: relative; }



  .climate-page .link.-typeXIII {

    -webkit-transform: scale(0.7); } }

@media (max-width: 768px) {

  .climate-page .link {

    float: right;

    margin-top: -59px;

    margin-right: -25px;

    width: 390px;

    display: block;

    padding-bottom: 390px;

    position: relative; }



  .climate-page .blue-topic.highlight p {

    margin: -73px 0px 65px 308px; }



  .climate-page .p1 {

    margin-bottom: 14px; } }

@media (max-width: 767px) {

  .climate-page .link.-typeXIII {

    -webkit-transform: scale(0.8);

    margin-left: auto;

    margin-right: auto;

    float: unset;

    margin-top: 0; }



  .climate-page .text-content,

  .climate-page .topic,

  .climate-page .txt-topic {

    font-size: 20px; }



  .climate-page .blue-topic {

    font-size: 27px; }



  .climate-page .text-content {

    margin-top: 0; } }

@media (max-width: 575px) {

  .climate-page .text-content,

  .climate-page .topic,

  .climate-page .txt-topic {

    font-size: 18px; }



  .climate-page .blue-topic {

    font-size: 26px; }



  .climate-page .p0 {

    margin-top: 0; }



  .climate-page .txt-topic p span.blue-topic.highlight {

    margin: 0 0.4rem; } }

@media (max-width: 411px) {

  .climate-page .link.-typeXIII {

    -webkit-transform: scale(0.65);

    margin-left: auto;

    margin-right: auto;

    float: unset;

    margin-top: 0px; } }

@media (max-width: 375px) {

  .climate-page .link.-typeXIII {

    -webkit-transform: scale(0.65);

    margin-left: -22px;

    margin-right: auto;

    float: unset;

    margin-top: 3px; } }

@media (max-width: 361px) {

  .climate-page .link.-typeXIII {

    -webkit-transform: scale(0.65);

    margin-left: -26px;

    margin-right: auto;

    float: unset;

    margin-top: 3px; } }

@media (max-width: 320px) {

  .climate-page .link.-typeXIII {

    -webkit-transform: scale(0.6);

    margin-left: -51px;

    margin-right: auto;

    float: unset;

    margin-top: 3px; } }

@media (max-width: 280px) {

  .climate-page .link.-typeXIII {

    -webkit-transform: scale(0.55);

    margin-left: -70px;

    margin-right: auto;

    float: unset;

    margin-top: 3px; } }

.financial-page .whead {

  margin-bottom: 10px; }

.financial-page .thumb {

  margin-top: -250px;

  margin-right: -205px;

  padding-bottom: 130%;

  position: relative; }

  .financial-page .thumb .lazy {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center; }

.financial-page .txt {

  padding-bottom: 20px; }

  .financial-page .txt p {

    margin: 0; }

.financial-page .txt02 {

  margin-bottom: 6px;

  margin-top: 35px; }

.financial-page .txt,

.financial-page .txt02 {

  font-weight: normal;

  font-size: 30px;

  line-height: 1.2;

  color: #000; }

.financial-page .bullet01 {

  list-style-type: none;

  padding-left: 26px; }

  .financial-page .bullet01 li {

    font-weight: bold;

    font-size: 30px;

    line-height: 1.2;

    color: #000;

    position: relative;

    padding-left: 24px; }

    .financial-page .bullet01 li:before {

      content: "";

      width: 10px;

      height: 10px;

      background-color: #000000;

      border-radius: 50%;

      left: 0;

      top: 14px;

      position: absolute; }



@media (max-width: 1600px) {

  .financial-page .thumb {

    margin-right: -145px;

    padding-bottom: 140%; }



  .financial-page .txt,

  .financial-page .txt02,

  .financial-page .bullet01 li {

    font-size: 28px; }



  .financial-page .bullet01 li:before {

    top: 12px; } }

@media (max-width: 1440px) {

  .financial-page .thumb {

    margin-right: -125px;

    padding-bottom: 150%; }



  .financial-page .txt,

  .financial-page .txt02,

  .financial-page .bullet01 li {

    font-size: 26px; }



  .financial-page .bullet01 li:before {

    top: 12px;

    width: 8px;

    height: 8px; } }

@media (max-width: 1199px) {

  .financial-page .thumb {

    margin-right: -45px;

    padding-bottom: 210%; }



  .financial-page .txt,

  .financial-page .txt02,

  .financial-page .bullet01 li {

    font-size: 24px; }



  .financial-page .bullet01 li {

    padding-left: 20px; }



  .financial-page .bullet01 li:before {

    top: 10px; } }

@media (max-width: 991px) {

  .financial-page {

    padding-bottom: 50px; }



  .financial-page .thumb {

    margin: 0;

    padding-bottom: 50%; }



  .financial-page .thumb .lazy {

    object-position: top center; }



  .financial-page .txt,

  .financial-page .txt02,

  .financial-page .bullet01 li {

    font-size: 22px; }



  .financial-page .txt {

    padding-top: 20px; } }

@media (max-width: 767px) {

  .financial-page {

    padding-bottom: 30px; }



  .financial-page .txt,

  .financial-page .txt02,

  .financial-page .bullet01 li {

    font-size: 20px; } }

.facilities-page .title {

  font-weight: 500;

  font-size: 80px;

  line-height: 1;

  text-align: left;

  color: #000; }

.facilities-page .desc {

  font-weight: normal;

  font-size: 30px;

  line-height: 1.2;

  color: #000; }

.facilities-page .map {

  margin-top: 34px;

  margin-bottom: 12px;

  position: relative;

  height: 360px;

  display: flex;

  justify-content: center;

  align-items: center; }

  .facilities-page .map .txt {

    font-weight: bold;

    font-size: 40px;

    line-height: 1.2;

    text-align: center;

    color: #fff; }

  .facilities-page .map .filter {

    opacity: 0.9;

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center; }

  .facilities-page .map .map-pic {

    position: absolute;

    z-index: -2;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center; }



@media (max-width: 1600px) {

  .facilities-page .detail-body .Links-box {

    padding-bottom: 120px; }



  .facilities-page .title {

    font-size: 70px; }



  .facilities-page .desc {

    font-size: 28px; }



  .facilities-page .map .txt {

    font-size: 38px; } }

@media (max-width: 1440px) {

  .facilities-page .detail-body .Links-box {

    padding-bottom: 90px; }



  .facilities-page .title {

    font-size: 60px; }



  .facilities-page .desc {

    font-size: 26px; }



  .facilities-page .map .txt {

    font-size: 36px; }



  .facilities-page .map {

    height: 300px; } }

@media (max-width: 1199px) {

  .facilities-page .title {

    font-size: 50px; }



  .facilities-page .desc {

    font-size: 24px; }



  .facilities-page .map .txt {

    font-size: 30px; }



  .facilities-page .map {

    height: 240px; } }

@media (max-width: 991px) {

  .facilities-page .title {

    font-size: 40px; }



  .facilities-page .desc {

    font-size: 22px; }



  .facilities-page .map .txt {

    font-size: 26px; }



  .facilities-page .map {

    height: 200px; } }

@media (max-width: 767px) {

  .facilities-page .detail-body .Links-box {

    padding-bottom: 60px; }



  .facilities-page .title {

    font-size: 28px; }



  .facilities-page .desc {

    font-size: 20px; }



  .facilities-page .map .txt {

    font-size: 24px; } }

.cookiepolicy-page .txt {

  font-weight: bold;

  font-size: 48px;

  line-height: 62px;

  text-align: left;

  color: #000; }

.cookiepolicy-page .url, .cookiepolicy-page .url a {

  font-weight: normal;

  font-size: 30px;

  line-height: 36px;

  text-align: left;

  color: #909090; }

.cookiepolicy-page .detail-body .Links-box .more {

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  width: 0;

  height: 0;

  opacity: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 20px;

  color: #909090;

  border: 0px solid #909090;

  background-color: #ffffff;

  border-radius: 50%;

  -webkit-transition: All 400ms ease;

  transition: All 400ms ease; }

.cookiepolicy-page .see:hover {

  opacity: 1; }

  .cookiepolicy-page .see:hover img {

    margin-right: -3px; }

.cookiepolicy-page .download:hover {

  opacity: 1; }

  .cookiepolicy-page .download:hover img {

    margin-right: -3px; }

.cookiepolicy-page .btn {

  background: none;

  position: absolute;

  top: -30px;

  right: -2px;

  z-index: 10;

  border: 1px solid transparent;

  text-transform: uppercase;

  padding: 0 10px;

  min-width: 137px;

  height: 60px;

  line-height: 58px;

  font-size: 22px;

  font-weight: normal;

  border-radius: 30px; }

.cookiepolicy-page .see {

  position: absolute;

  right: 69px;

  top: 0;

  bottom: 0;

  margin: auto;

  width: 50px;

  height: 50px;

  opacity: 0.5;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 20px;

  border: 2px solid #909090;

  background-color: #ffffff;

  border-radius: 50%;

  -webkit-transition: All 400ms ease;

  transition: All 400ms ease; }

.cookiepolicy-page .download {

  position: absolute;

  z-index: 30;

  right: 0px;

  top: 0;

  bottom: 0;

  margin: auto;

  width: 50px;

  height: 50px;

  opacity: 0.5;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 20px;

  color: #909090;

  border: 2px solid #909090;

  background-color: #ffffff;

  border-radius: 50%;

  -webkit-transition: All 400ms ease;

  transition: All 400ms ease; }

.cookiepolicy-page .detail-body .Links-box .wrapper {

  position: relative;

  padding: 20px 60px 15px 130px; }

.cookiepolicy-page .card-body h1 {

  font-weight: bold;

  font-size: 22px;

  line-height: 62px;

  text-align: left;

  color: #909090; }



@media (max-width: 1440px) {

  .cookiepolicy-page .url, .cookiepolicy-page .url a {

    font-size: 22px;

    line-height: 35px;

    text-align: left;

    color: #909090; }



  .cookiepolicy-page .see {

    -webkit-transform: scale(0.8); }



  .cookiepolicy-page .download {

    -webkit-transform: scale(0.8); }



  .cookiepolicy-page .detail-body .Links-box .icon {

    -webkit-transform: scale(0.8); } }

@media (max-width: 1280px) {

  .cookiepolicy-page .detail-body .Links-box .wrapper {

    position: relative;

    padding: 20px 60px 15px 96px; } }

@media (max-width: 1024px) {

  .cookiepolicy-page .detail-body .Links-box .wrapper {

    position: relative;

    padding: 20px 60px 15px 84px; }



  .cookiepolicy-page .btn {

    background: none;

    position: absolute;

    top: -30px;

    right: -15px; } }

@media (max-width: 960px) {

  .cookiepolicy-page .detail-body .Links-box .icon {

    -webkit-transform: scale(0.7); }



  .cookiepolicy-page .see {

    -webkit-transform: scale(0.7); }



  .cookiepolicy-page .download {

    -webkit-transform: scale(0.7); }



  .cookiepolicy-page .btn {

    background: none;

    position: absolute;

    top: -30px;

    right: -20px;

    z-index: 10;

    border: 1px solid transparent;

    text-transform: uppercase;

    padding: 0 10px;

    min-width: 137px;

    height: 60px;

    line-height: 58px;

    font-size: 22px;

    font-weight: normal;

    border-radius: 30px; }



  .cookiepolicy-page .detail-body .Links-box .wrapper {

    position: relative;

    padding: 20px 60px 15px 88px; }



  .cookiepolicy-page .detail-body .Links-box .url {

    font-size: 18px; }



  .cookiepolicy-page .url, .cookiepolicy-page .url a {

    font-size: 16px;

    line-height: 10px;

    text-align: left;

    color: #909090; }



  .cookiepolicy-page .detail-body .Links-box .url {

    font-size: 18px; } }

@media (max-width: 768px) {

  .cookiepolicy-page .detail-body .Links-box .txt {

    font-size: 20px; }



  .cookiepolicy-page .detail-body .Links-box .url {

    font-size: 18px; } }

@media (max-width: 767px) {

  .cookiepolicy-page .detail-body .Links-box .wrapper {

    position: relative;

    padding: 20px 60px 15px 51px; } }

@media (max-width: 540px) {

  .cookiepolicy-page .detail-body .Links-box .txt {

    font-size: 16px;

    margin-bottom: 0; }



  .cookiepolicy-page .detail-body .Links-box .url {

    font-size: 14px; }



  .cookiepolicy-page .url a span {

    font-size: 12px; }



  .cookiepolicy-page .see {

    -webkit-transform: scale(0.6); }



  .cookiepolicy-page .download {

    -webkit-transform: scale(0.6); }



  .cookiepolicy-page .btn {

    background: none;

    position: absolute;

    top: -30px;

    right: -30px;

    z-index: 10;

    border: 1px solid transparent;

    text-transform: uppercase;

    padding: 0 10px;

    min-width: 137px;

    height: 60px;

    line-height: 58px;

    font-size: 22px;

    font-weight: normal;

    border-radius: 30px; }



  .cookiepolicy-page .detail-body .Links-box .wrapper {

    position: relative;

    padding: 20px 60px 15px 47px; } }

@media (max-width: 390px) {

  .cookiepolicy-page .btn {

    background: none;

    position: absolute;

    top: -30px;

    right: -35px; }



  .cookiepolicy-page .detail-body .Links-box .wrapper {

    position: relative;

    padding: 20px 60px 15px 42px; } }

@media (max-width: 393px) {

  .cookiepolicy-page .detail-body .Links-box .wrapper {

    position: relative;

    padding: 20px 60px 15px 43px; } }

@media (max-width: 375px) {

  .cookiepolicy-page .detail-body .Links-box .wrapper {

    position: relative;

    padding: 20px 60px 15px 39px; }



  .cookiepolicy-page .download {

    -webkit-transform: scale(0.5); }



  .cookiepolicy-page .download {

    position: absolute;

    z-index: 30;

    right: -11px; }



  .cookiepolicy-page .see {

    -webkit-transform: scale(0.5); }



  .cookiepolicy-page .btn {

    background: none;

    position: absolute;

    top: -30px;

    right: -49px; } }

@media (max-width: 361px) {

  .cookiepolicy-page .btn {

    background: none;

    position: absolute;

    top: -30px;

    right: -52px; } }

@media (max-width: 320px) {

  .cookiepolicy-page .btn {

    background: none;

    position: absolute;

    top: -30px;

    right: -49px; } }

.cookie-tab {

  background-color: rgba(150, 150, 150, 0.3);

  -webkit-backdrop-filter: blur(14px);

  backdrop-filter: blur(14px);

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 20; }

  .cookie-tab .h-tap {

    height: 140px; }

  .cookie-tab .icon-pdpa {

    position: relative; }

  .cookie-tab .text {

    font-weight: normal;

    font-size: 24px;

    text-align: left;

    color: #ffffff;

    line-height: 1; }

  .cookie-tab .link-cookie-policy {

    color: #26bde2;

    display: inline-block;

    vertical-align: middle; }

  .cookie-tab .action {

    display: flex; }

    .cookie-tab .action .link {

      display: block;

      width: 150px;

      height: 50px;

      line-height: 50px;

      background: #ffffff;

      font-weight: normal;

      font-size: 28px;

      color: #1a458a;

      text-align: center; }

      .cookie-tab .action .link + .link {

        margin-left: 15px; }

      .cookie-tab .action .link:hover {

        text-decoration: none;

        background-color: #1a458a;

        color: #fff; }



@media (max-width: 1199px) {

  .cookie-tab .h-tap {

    height: 100px; }



  .cookie-tab .icon-pdpa {

    width: 60px; }



  .cookie-tab .action .link {

    width: 120px;

    height: 40px;

    line-height: 40px;

    font-size: 22px; }



  .cookie-tab .text {

    font-size: 20px; } }

@media (max-width: 991px) {

  .cookie-tab .action {

    display: block; }



  .cookie-tab .action .link + .link {

    margin-left: 0px;

    margin-top: 5px; } }

@media (max-width: 767px) {

  .cookie-tab .h-tap {

    height: auto;

    padding: 15px 0 15px 60px;

    position: relative; }



  .cookie-tab .h-tap > div:nth-child(1) {

    position: absolute;

    top: 15px;

    left: 0px; }



  .cookie-tab .icon-pdpa {

    width: 50px; }



  .cookie-tab .text {

    font-size: 18px; }



  .cookie-tab .action {

    display: flex;

    padding-top: 10px; }



  .cookie-tab .action .link {

    width: 100px;

    height: 30px;

    line-height: 30px;

    font-size: 18px; }



  .cookie-tab .action .link + .link {

    margin-left: 10px;

    margin-top: 0px; } }

.engagement-page .card-topic {

  margin-bottom: 100px; }

  .engagement-page .card-topic .card:hover .icon1,

  .engagement-page .card-topic .card:hover .icon {

    transition-delay: 0.3s;

    -webkit-transform: scale(0.9);

    transform: scale(1.1); }

  .engagement-page .card-topic .card:hover .filter-pic {

    opacity: 0;

    transition-delay: 0.3s; }

  .engagement-page .card-topic .card {

    overflow: hidden;

    position: relative; }

    .engagement-page .card-topic .card .filter-pic {

      position: absolute;

      z-index: +1;

      transition: 0.3s ease-out; }

    .engagement-page .card-topic .card .pic {

      position: relative; }

    .engagement-page .card-topic .card .icon1 {

      position: absolute;

      z-index: +2;

      bottom: 90px;

      left: 0;

      width: 65px;

      height: 66px;

      mix-blend-mode: screen;

      transition: 0.3s ease-out; }

    .engagement-page .card-topic .card .icon {

      position: absolute;

      bottom: 0px;

      left: 0;

      width: 127px;

      height: 127px;

      transition: 0.3s ease-out; }

  .engagement-page .card-topic .txt {

    position: absolute;

    z-index: +3;

    bottom: 4%;

    left: 10%; }

    .engagement-page .card-topic .txt p {

      font-weight: 400;

      font-size: 52px;

      line-height: 32px;

      text-align: left;

      color: #fff; }



@media (max-width: 767px) {

  .engagement-page .card-topic .card .filter-pic {

    height: 100%; }



  .engagement-page .card-topic {

    row-gap: 15px; }



  .engagement-page .card-topic {

    margin-bottom: 3.5rem; } }

@media (max-width: 540px) {

  .engagement-page .card-topic .card {

    width: 90%;

    margin-left: 25px;

    margin-bottom: 3rem; } }

@media (max-width: 414px) {

  .engagement-page .card-topic .card {

    width: 90%;

    margin-left: 16px;

    margin-bottom: 50px; } }

@media (max-width: 411px) {

  .engagement-page .card-topic .card {

    width: 90%;

    margin-left: 17px;

    margin-bottom: 50px; } }

@media (max-width: 375px) {

  .engagement-page .card-topic .card {

    width: 100%;

    margin-left: 0px;

    margin-bottom: 40px; }



  .engagement-page .card-topic .txt p {

    font-weight: 400;

    font-size: 48px;

    line-height: 32px;

    text-align: left;

    color: #fff; } }

.reports .reports-top .row {

  justify-content: space-between;

  align-items: end; }

.reports .reports-top .bottom .btn {

  color: #ffffff;

  padding: 0 40px;

  border-radius: 30px;

  background: #3f7e44;

  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.09); }

.reports .reports-head {

  margin-bottom: 60px; }

  .reports .reports-head .item a {

    color: #000000;

    text-decoration: none; }

  .reports .reports-head .item a:hover .cover {

    transform: scale(0.8);

    opacity: .8; }

  .reports .reports-head .item .cover {

    max-width: 360px;

    margin: 0 auto;

    margin-bottom: 8px;

    transition: .3s ease-out; }

  .reports .reports-head .item .title {

    font-size: 30px;

    line-height: 1.1em; }

  .reports .reports-head .item .year {

    font-size: 72px;

    line-height: .8em; }



@media (max-width: 1600px) {

  .reports .reports-head .item .title {

    font-size: 26px; }



  .reports .reports-head .item .year {

    font-size: 68px; } }

@media (max-width: 1440px) {

  .reports .reports-head .item .title {

    font-size: 24px; }



  .reports .reports-head .item .year {

    font-size: 64px; } }

@media (max-width: 1199px) {

  .reports .reports-head .item .title {

    font-size: 22px; }



  .reports .reports-head .item .year {

    font-size: 58px; } }

@media (max-width: 991px) {

  .reports .reports-head .item .title {

    font-size: 20px; }



  .reports .reports-head .item .year {

    font-size: 54px; } }

@media (max-width: 767px) {

  .reports .reports-head .item {

    text-align: center;

    margin-bottom: 30px; }



  .reports .reports-top .bottom .btn {

    padding: 0 10px; }



  .reports .reports-head .item .title {

    font-size: 18px; }



  .reports .reports-head .item .year {

    font-size: 48px; } }

@media (max-width: 320px) {

  .reports .reports-top .row {

    justify-content: center; }



  .reports .reports-top h1.wtxt.-sm {

    margin-bottom: 10px; } }

.ecosystem-page .title {

  font-size: 40px;

  font-weight: bold;

  line-height: 1em;

  color: #000000;

  margin-bottom: 15px; }

.ecosystem-page .desc {

  font-size: 30px;

  font-weight: normal;

  line-height: 1.2em;

  color: #000000; }

.ecosystem-page .picture {

  padding: 30px 0; }

.ecosystem-page.-innerI .whead {

  margin-bottom: 35px; }

.ecosystem-page.-innerI .ecosystem-body {

  padding-top: 0;

  padding-bottom: 100px; }

.ecosystem-page.-innerII .ecosystem-body {

  padding: 0; }



.ecosystem-head .txt {

  font-size: 42px;

  font-weight: normal;

  line-height: 1;

  color: #ffffff;

  width: 490px;

  margin-top: -120px;

  padding: 45px 50px 60px 50px;

  position: relative;

  z-index: 1;

  background-image: radial-gradient(circle, #265cb2 0%, #19458b 100%);

  -webkit-border-radius: 0 70px 0 70px;

  -moz-border-radius: 0 70px 0 70px;

  border-radius: 0 70px 0 70px; }



.ecosystem-body {

  padding-top: 40px;

  padding-bottom: 30px; }



.ecosystem-foot .item-list > li {

  width: 25%; }

  .ecosystem-foot .item-list > li + li {

    border-left: 1px solid #EEEEEE; }

.ecosystem-foot .wrapper {

  height: 950px;

  padding-right: 30px; }

  .ecosystem-foot .wrapper.-boxI {

    padding-top: 230px; }

  .ecosystem-foot .wrapper.-boxII {

    padding-top: 230px; }

  .ecosystem-foot .wrapper.-boxIII {

    padding-top: 140px; }

  .ecosystem-foot .wrapper.-boxIV {

    padding-top: 50px; }

.ecosystem-foot .thumb {

  overflow: hidden;

  position: relative;

  top: 0;

  -webkit-border-radius: 0 70px 0 50px;

  -moz-border-radius: 0 70px 0 50px;

  border-radius: 0 70px 0 50px;

  -webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

  -moz-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09);

  -webkit-transition: All 400ms ease;

  -moz-transition: All 400ms ease;

  -o-transition: All 400ms ease;

  -ms-transition: All 400ms ease;

  transition: All 400ms ease; }

  .ecosystem-foot .thumb .lazy {

    -webkit-transition: All 400ms ease;

    -moz-transition: All 400ms ease;

    -o-transition: All 400ms ease;

    -ms-transition: All 400ms ease;

    transition: All 400ms ease;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1); }

.ecosystem-foot .content {

  display: flex;

  align-items: center;

  width: 100%;

  padding: 30px;

  position: relative;

  z-index: 1;

  background-image: radial-gradient(circle, #265cb2 0%, #19458b 100%); }

  .ecosystem-foot .content .number {

    font-size: 70px;

    font-weight: bold;

    line-height: 0.9;

    color: #ffffff;

    padding-right: 20px;

    border-right: 1px solid rgba(255, 255, 255, 0.2); }

  .ecosystem-foot .content .txt {

    font-size: 40px;

    font-weight: normal;

    line-height: 0.9;

    color: #ffffff;

    padding-left: 20px; }

.ecosystem-foot .link:hover .thumb {

  top: -5px; }

  .ecosystem-foot .link:hover .thumb .lazy {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1); }



.ecosystem-sectorI {

  position: relative;

  background-color: #F9F9F9; }

  .ecosystem-sectorI .highlights-list {

    width: auto;

    position: relative;

    left: 100%; }

    .ecosystem-sectorI .highlights-list .item-list {

      margin: 0; }

      .ecosystem-sectorI .highlights-list .item-list > li {

        width: 100px;

        padding: 0; }

        .ecosystem-sectorI .highlights-list .item-list > li:first-child {

          width: 100px; }

          .ecosystem-sectorI .highlights-list .item-list > li:first-child .wrapper {

            padding: 15px; }

          .ecosystem-sectorI .highlights-list .item-list > li:first-child .number {

            font-size: 22px; }

          .ecosystem-sectorI .highlights-list .item-list > li:first-child .icon {

            left: 0;

            right: 0;

            bottom: 0;

            top: auto;

            margin: auto;

            max-width: inherit;

            height: auto; }

            .ecosystem-sectorI .highlights-list .item-list > li:first-child .icon .lazy {

              height: 40px;

              max-width: 60px;

              margin: 0 auto; }

    .ecosystem-sectorI .highlights-list .wrapper {

      padding: 15px; }

    .ecosystem-sectorI .highlights-list .number {

      font-size: 22px; }

    .ecosystem-sectorI .highlights-list .icon {

      left: 0;

      right: 0;

      bottom: 0;

      top: auto;

      margin: auto; }

      .ecosystem-sectorI .highlights-list .icon .lazy {

        height: 40px;

        max-width: 60px;

        margin: 0 auto; }

  .ecosystem-sectorI .boxI {

    position: relative;

    z-index: 2;

    padding-top: 160px;

    padding-bottom: 60px; }

    .ecosystem-sectorI .boxI:before {

      content: '';

      position: absolute;

      z-index: -1;

      left: -190px;

      top: 0;

      bottom: 0;

      width: 685px;

      background-image: radial-gradient(circle, #2B68C7 0%, #103A7D 100%); }

    .ecosystem-sectorI .boxI:after {

      content: '';

      position: absolute;

      z-index: -1;

      left: -190px;

      bottom: 0;

      width: 600px;

      height: 500px;

      background-image: url(../img/static/ecosystem-stI-watermark.png);

      background-position: bottom left;

      background-repeat: no-repeat;

      background-size: contain; }

    .ecosystem-sectorI .boxI .thumb .lazy {

      -webkit-border-radius: 0 70px 0 70px;

      -moz-border-radius: 0 70px 0 70px;

      border-radius: 0 70px 0 70px; }

  .ecosystem-sectorI .boxII {

    position: relative;

    z-index: 1;

    padding-top: 160px;

    padding-bottom: 60px;

    padding-left: 130px; }



.ecosystem-sectorII {

  padding-bottom: 100px; }

  .ecosystem-sectorII .thumb {

    padding-top: 0;

    padding-bottom: 60px; }

  .ecosystem-sectorII .desc {

    margin-bottom: 20px; }

  .ecosystem-sectorII .gallery-list {

    padding-top: 40px; }

    .ecosystem-sectorII .gallery-list .item-list {

      margin: -15px; }

      .ecosystem-sectorII .gallery-list .item-list > li {

        width: calc(100%/4);

        padding: 15px; }

    .ecosystem-sectorII .gallery-list .link {

      display: block; }

      .ecosystem-sectorII .gallery-list .link .cover {

        position: relative;

        overflow: hidden;

        padding-bottom: 60%; }

        .ecosystem-sectorII .gallery-list .link .cover .lazy {

          -webkit-transition: All 400ms ease;

          -moz-transition: All 400ms ease;

          -o-transition: All 400ms ease;

          -ms-transition: All 400ms ease;

          transition: All 400ms ease;

          -webkit-transform: scale(1);

          -moz-transform: scale(1);

          -ms-transform: scale(1);

          -o-transform: scale(1);

          transform: scale(1); }

    .ecosystem-sectorII .gallery-list .link:hover .cover .lazy {

      -webkit-transform: scale(1.1);

      -moz-transform: scale(1.1);

      -ms-transform: scale(1.1);

      -o-transform: scale(1.1);

      transform: scale(1.1); }



@media (max-width: 1600px) {

  .ecosystem-head .txt {

    font-size: 38px;

    width: 450px;

    margin-top: -90px;

    padding: 35px 40px 50px 40px;

    border-radius: 0 60px 0 60px; }



  .ecosystem-page .title {

    font-size: 38px; }



  .ecosystem-page .desc {

    font-size: 28px; }



  .ecosystem-foot .wrapper {

    height: 900px; }



  .ecosystem-foot .content {

    padding: 25px; }



  .ecosystem-foot .content .number {

    font-size: 60px; }



  .ecosystem-foot .content .txt {

    font-size: 38px; }



  .ecosystem-sectorI .boxI:after {

    width: 430px;

    height: 370px; }



  .ecosystem-sectorI .boxII {

    padding-left: 80px; } }

@media (max-width: 1440px) {

  .ecosystem-head .txt {

    font-size: 36px;

    width: 400px;

    margin-top: -70px;

    padding: 30px 35px 45px 35px;

    border-radius: 0 50px 0 50px; }



  .ecosystem-page .title {

    font-size: 36px; }



  .ecosystem-page .desc {

    font-size: 26px; }



  .ecosystem-foot .wrapper {

    height: 760px;

    padding-right: 20px; }



  .ecosystem-foot .thumb {

    border-radius: 0 50px 0 40px; }



  .ecosystem-foot .content {

    padding: 20px; }



  .ecosystem-foot .content .number {

    font-size: 55px; }



  .ecosystem-foot .content .txt {

    font-size: 34px; }



  .ecosystem-sectorI .boxI,

  .ecosystem-sectorI .boxII {

    padding-top: 140px; }



  .ecosystem-sectorI .boxI:before {

    left: -240px; }



  .ecosystem-sectorI .boxI:after {

    width: 500px;

    height: 430px; }



  .ecosystem-sectorI .boxII {

    padding-left: 90px; } }

@media (max-width: 1199px) {

  .ecosystem-head .txt {

    font-size: 30px;

    width: 320px;

    margin-top: -40px;

    padding: 20px 25px 25px 25px;

    border-radius: 0 40px 0 40px; }



  .ecosystem-page .title {

    font-size: 30px; }



  .ecosystem-page .desc {

    font-size: 24px; }



  .ecosystem-foot .wrapper {

    height: 690px; }



  .ecosystem-foot .wrapper.-boxI {

    padding-top: 160px; }



  .ecosystem-foot .wrapper.-boxII {

    padding-top: 160px; }



  .ecosystem-foot .wrapper.-boxIII {

    padding-top: 90px; }



  .ecosystem-foot .wrapper.-boxIV {

    padding-top: 30px; }



  .ecosystem-foot .thumb {

    border-radius: 0 30px 0 20px; }



  .ecosystem-foot .content {

    padding: 15px; }



  .ecosystem-foot .content .number {

    font-size: 45px;

    padding-right: 12px; }



  .ecosystem-foot .content .txt {

    font-size: 26px;

    padding-left: 12px; }



  .ecosystem-sectorI .highlights-list {

    padding-top: 10px;

    left: 0; }



  .ecosystem-sectorI .boxI:before {

    left: -30px;

    width: 100%; }



  .ecosystem-sectorI .boxI:after {

    width: 360px;

    height: 310px;

    left: -30px; }



  .ecosystem-sectorI .boxII {

    padding-left: 60px; }



  .ecosystem-sectorII .gallery-list .item-list {

    margin: -10px; }



  .ecosystem-sectorII .gallery-list .item-list > li {

    padding: 10px; } }

@media (max-width: 991px) {

  .ecosystem-head .txt {

    font-size: 26px;

    width: 280px;

    padding: 15px 15px 15px 15px;

    border-radius: 0 30px 0 30px; }



  .ecosystem-page {

    padding-top: 15px; }



  .ecosystem-page .title {

    font-size: 28px; }



  .ecosystem-page .desc {

    font-size: 22px; }



  .ecosystem-page .picture {

    padding: 20px 0; }



  .ecosystem-foot .content .txt {

    font-size: 24px; }



  .ecosystem-foot .wrapper.-boxI {

    padding-top: 90px; }



  .ecosystem-foot .wrapper.-boxII {

    padding-top: 90px; }



  .ecosystem-foot .wrapper.-boxIII {

    padding-top: 40px; }



  .ecosystem-foot .wrapper.-boxIV {

    padding-top: 0px; }



  .ecosystem-page.-innerI .whead {

    margin-bottom: 25px; }



  .ecosystem-page.-innerI .ecosystem-body {

    padding-bottom: 50px; }



  .ecosystem-sectorI .boxI,

  .ecosystem-sectorI .boxII {

    padding-top: 60px; }



  .ecosystem-sectorI .boxI:before {

    left: 0px;

    right: 0px;

    width: auto; }



  .ecosystem-sectorI .boxII {

    padding-left: 15px; }



  .ecosystem-sectorII {

    padding-bottom: 50px; }



  .ecosystem-sectorII .thumb {

    padding-bottom: 30px; }



  .ecosystem-sectorII .gallery-list {

    padding-top: 20px; }



  .ecosystem-sectorII .gallery-list .item-list {

    margin: -5px; }



  .ecosystem-sectorII .gallery-list .item-list > li {

    padding: 5px; } }

@media (max-width: 767px) {

  .ecosystem-head .txt {

    font-size: 20px;

    width: 100%;

    padding: 15px;

    border-radius: 0 0 0 15px;

    margin-top: 0; }



  .ecosystem-page .title {

    font-size: 24px; }



  .ecosystem-page .desc {

    font-size: 20px; }



  .ecosystem-body {

    padding-top: 30px; }



  .ecosystem-foot {

    padding-bottom: 30px; }



  .ecosystem-foot .item-list > li:nth-child(1) {

    width: 100%; }



  .ecosystem-foot .item-list > li {

    width: 50%; }



  .ecosystem-foot .item-list > li + li {

    border-left: 0; }



  .ecosystem-foot .wrapper {

    height: auto;

    padding-right: 10px; }



  .ecosystem-foot .wrapper.-boxI {

    padding-top: 0; }



  .ecosystem-foot .wrapper.-boxII {

    padding-top: 15px; }



  .ecosystem-foot .wrapper.-boxIII {

    padding-top: 15px;

    position: relative;

    top: 130px; }



  .ecosystem-foot .wrapper.-boxIV {

    padding-top: 15px; }



  .ecosystem-foot .item-list > li + li {

    border-left: 0; }



  .ecosystem-foot .content .number {

    font-size: 30px; }



  .ecosystem-foot .content .txt {

    font-size: 18px; }



  .ecosystem-page.-innerI .whead {

    margin-bottom: 20px; }



  .ecosystem-page.-innerI .ecosystem-body {

    padding-bottom: 30px; }



  .ecosystem-sectorI .boxI,

  .ecosystem-sectorI .boxII {

    padding-top: 40px;

    padding-bottom: 40px; }



  .ecosystem-sectorI .boxI .thumb .lazy {

    border-radius: 0 40px 0 40px; }



  .ecosystem-sectorII .gallery-list {

    padding-top: 0px; }



  .ecosystem-sectorII .gallery-list .item-list > li {

    width: 50%; } }

.contact-us .contact-us-head .img {

  text-align: center; }

.contact-us .contact-us-body {

  color: #ffffff;

  overflow: hidden;

  background: linear-gradient(#265cb2 0%, #19458b 100%); }

  .contact-us .contact-us-body .map {

    max-width: 100%;

    height: 940px; }

    .contact-us .contact-us-body .map iframe {

      width: 100%;

      border: 0;

      height: 100%; }

  .contact-us .contact-us-body .datas {

    position: relative;

    z-index: 1;

    max-width: 910px;

    padding: 60px 0 60px 90px; }

    .contact-us .contact-us-body .datas .title {

      font-size: 42px;

      font-weight: bold;

      line-height: 1.1em;

      margin-bottom: 10px; }

    .contact-us .contact-us-body .datas .social .title,

    .contact-us .contact-us-body .datas .get-in-touch .title {

      margin-top: 14px; }

    .contact-us .contact-us-body .datas .subtitle {

      font-size: 30px;

      opacity: 0.5;

      line-height: 1.1em;

      text-transform: uppercase; }

    .contact-us .contact-us-body .datas .desc {

      font-size: 30px;

      line-height: 1.1em;

      padding-left: 50px; }

    .contact-us .contact-us-body .datas td.desc {

      max-width: 550px; }

    .contact-us .contact-us-body .datas .contact tr td {

      vertical-align: top; }

    .contact-us .contact-us-body .datas .social .contact .fb .desc {

      padding-left: 20px; }

      .contact-us .contact-us-body .datas .social .contact .fb .desc a {

        color: #ffffff; }

    .contact-us .contact-us-body .datas .get-in-touch form ::placeholder {

      color: #ffffff; }

    .contact-us .contact-us-body .datas .get-in-touch input,

    .contact-us .contact-us-body .datas .get-in-touch textarea {

      background: none;

      color: #ffffff;

      font-size: 24px;

      padding: 12px 12px 12px 0;

      outline: 0;

      border-width: 0 0 2px;

      border-color: #ffffff;

      margin-bottom: 14px;

      opacity: 0.5;

      transition: 0.3s; }

    .contact-us .contact-us-body .datas .get-in-touch .name,

    .contact-us .contact-us-body .datas .get-in-touch .phone,

    .contact-us .contact-us-body .datas .get-in-touch .email,

    .contact-us .contact-us-body .datas .get-in-touch .messeage {

      width: 100%; }

    .contact-us .contact-us-body .datas .get-in-touch input:focus,

    .contact-us .contact-us-body .datas .get-in-touch textarea:focus {

      opacity: 1; }

    .contact-us .contact-us-body .datas .get-in-touch input:focus ::placeholder,

    .contact-us .contact-us-body .datas .get-in-touch textarea:focus ::placeholder {

      opacity: 1; }

    .contact-us .contact-us-body .datas .get-in-touch .submit {

      width: 250px;

      height: 60px;

      border-radius: 30px;

      background: #3f7e44;

      opacity: 1;

      color: #ffffff;

      font-size: 20px;

      text-transform: uppercase;

      border: 2px solid #3f7e44;

      margin-top: 20px; }

    .contact-us .contact-us-body .datas .get-in-touch .submit:hover {

      background: #ffffff;

      color: #3f7e44; }

    .contact-us .contact-us-body .datas .find-us .leaf {

      width: 70px;

      height: 70px;

      border-radius: 30px 0px;

      background: #194891;

      position: absolute;

      z-index: -1;

      top: 45px;

      left: 55px; }

  .contact-us .contact-us-body .watermark-white {

    position: absolute;

    max-width: 910px;

    height: auto;

    bottom: 0;

    right: -209px;

    z-index: -1; }

  .contact-us .contact-us-body .leaf-t {

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1; }

    .contact-us .contact-us-body .leaf-t .leaf-1 {

      position: absolute;

      top: -190px;

      right: 0;

      width: 274px;

      height: 274px;

      border-radius: 100px 0px;

      background: #1a4b98; }

    .contact-us .contact-us-body .leaf-t .leaf-2 {

      position: absolute;

      top: 50px;

      right: 235px;

      width: 67px;

      height: 67px;

      border-radius: 25px 0px;

      background: #144188; }

  .contact-us .contact-us-body .leaf-b {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -2; }

    .contact-us .contact-us-body .leaf-b .leaf-1 {

      position: absolute;

      bottom: 0;

      width: 274px;

      height: 274px;

      border-radius: 100px 0px;

      background: #1a4b98; }

    .contact-us .contact-us-body .leaf-b .leaf-2 {

      position: absolute;

      left: 220px;

      bottom: -45px;

      width: 87px;

      height: 87px;

      border-radius: 0px 30px;

      background: #144188; }



@media (max-width: 1600px) {

  .contact-us .contact-us-body .datas .title {

    font-size: 38px; }



  .contact-us .contact-us-body .datas .subtitle,

  .contact-us .contact-us-body .datas .desc {

    font-size: 28px; }



  .contact-us .contact-us-body .map {

    height: 910px; }



  .contact-us .contact-us-body .datas {

    max-width: 780px; } }

@media (max-width: 1440px) {

  .contact-us .contact-us-body .datas .title {

    font-size: 36px; }



  .contact-us .contact-us-body .datas .subtitle,

  .contact-us .contact-us-body .datas .desc {

    font-size: 26px; }



  .contact-us .contact-us-body .datas .get-in-touch input,

  .contact-us .contact-us-body .datas .get-in-touch textarea {

    font-size: 22px; }



  .contact-us .contact-us-body .map {

    height: 875px; }



  .contact-us .contact-us-body .datas {

    max-width: 710px; } }

@media (max-width: 1199px) {

  .contact-us .contact-us-body .datas {

    padding: 60px 60px; }



  .contact-us .contact-us-body .datas .title {

    font-size: 34px; }



  .contact-us .contact-us-body .datas .subtitle,

  .contact-us .contact-us-body .datas .desc {

    font-size: 24px; }



  .contact-us .contact-us-body .datas .get-in-touch input,

  .contact-us .contact-us-body .datas .get-in-touch textarea {

    font-size: 20px; }



  .contact-us .contact-us-body .datas .get-in-touch .submit {

    width: 200px;

    height: auto; }



  .contact-us .contact-us-body .map {

    height: 831px; }



  .contact-us .contact-us-body .datas .find-us .leaf {

    width: 60px;

    height: 60px;

    border-radius: 25px 0px;

    left: 30px; }



  .contact-us .contact-us-body .datas {

    padding-right: 76px; } }

@media (max-width: 991px) {

  .contact-us .contact-us-body .datas .title {

    font-size: 32px; }



  .contact-us .contact-us-body .datas .subtitle,

  .contact-us .contact-us-body .datas .desc {

    font-size: 22px; }



  .contact-us .contact-us-body .datas .get-in-touch input,

  .contact-us .contact-us-body .datas .get-in-touch textarea {

    font-size: 18px; }



  .contact-us .contact-us-body .datas {

    overflow: hidden; }



  .contact-us .contact-us-body .map {

    max-width: initial; }



  .contact-us .contact-us-body .map {

    height: 750px; }



  .contact-us .contact-us-body .datas {

    padding: 50px 40px; }



  .contact-us .contact-us-body .datas .find-us .leaf {

    top: 30px; }



  .contact-us .contact-us-body .datas {

    max-width: 100%; } }

@media (max-width: 767px) {

  .contact-us .contact-us-body .map {

    height: 650px; }



  .contact-us .contact-us-body .datas .social .contact .fb .desc {

    max-width: 238px; }



  .contact-us .contact-us-body .leaf-b {

    display: none; }



  .datas .contact tr {

    display: grid; }



  .contact-us .contact-us-body .datas .desc {

    padding-left: 0px; }



  .contact-us .contact-us-body .datas .social .contact .fb .desc {

    padding-left: 0px; } }

@media (max-width: 575px) {

  .contact-us .contact-us-body .datas .get-in-touch .send {

    text-align: center; }



  .contact-us .contact-us-body .datas {

    padding: 40px 40px; }



  .contact-us .contact-us-body .datas .find-us .leaf {

    top: 24px; } }

@media (max-width: 425px) {

  .contact-us .contact-us-body .map {

    height: 500px; }



  .contact-us .contact-us-body .datas .desc {

    padding-left: 0;

    margin-bottom: 6px; }



  .contact-us .contact-us-body .datas .social .contact .fb .desc {

    padding-left: 0; } }

@media (max-width: 375px) {

  .contact-us .contact-us-body .map {

    height: 450px; }



  .contact-us .contact-us-body .leaf-t .leaf-1 {

    width: 240px;

    height: 240px;

    border-radius: 85px 0px; }



  .contact-us .contact-us-body .leaf-t .leaf-2 {

    top: 24px;

    right: 213px;

    width: 50px;

    height: 50px;

    border-radius: 20px 0px; } }

@media (max-width: 320px) {

  .contact-us .contact-us-body .map {

    height: 400px; }



  .contact-us .contact-us-body .leaf-t .leaf-1 {

    width: 200px;

    height: 200px;

    top: -150px;

    border-radius: 70px 0px; }



  .contact-us .contact-us-body .leaf-t .leaf-2 {

    top: 24px;

    right: 169px;

    width: 50px; }



  .contact-us .contact-us-body .datas .wrap-a {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis; } }

.accommodations .accom-head {

  position: relative;

  margin-bottom: 60px; }

  .accommodations .accom-head .watermark {

    position: absolute;

    bottom: -63px; }

  .accommodations .accom-head .row {

    align-items: center; }

  .accommodations .accom-head .txt {

    font-size: 30px;

    line-height: 1.1em; }

  .accommodations .accom-head .img {

    margin-left: 120px; }

  .accommodations .accom-head .img::before {

    position: absolute;

    content: "";

    width: 490px;

    height: 490px;

    border-radius: 0px 100px;

    background: linear-gradient(#265cb2 0%, #19458b 100%);

    z-index: -1;

    right: 0px;

    top: -100px; }

.accommodations .accom-body {

  position: relative;

  background-color: #f9f9f9;

  padding: 60px 0; }

  .accommodations .accom-body .semi-title {

    font-weight: bold;

    font-size: 40px;

    line-height: 1em;

    color: #144188; }

  .accommodations .accom-body .dorm {

    margin-bottom: 30px; }

    .accommodations .accom-body .dorm .h-title {

      font-weight: bold;

      font-size: 80px;

      line-height: 1em;

      margin-bottom: 20px; }

    .accommodations .accom-body .dorm .items {

      display: grid;

      grid-template-columns: auto auto auto;

      justify-content: flex-start;

      column-gap: 24px;

      row-gap: 24px; }

      .accommodations .accom-body .dorm .items .item {

        width: 490px;

        min-height: 345px;

        background: #fff;

        transition: ease-in-out 0.3s;

        padding: 45px 35px; }

        .accommodations .accom-body .dorm .items .item .title {

          font-weight: bold;

          font-size: 40px;

          line-height: 1.1em;

          color: #144188;

          margin-bottom: 10px;

          height: 120px; }

        .accommodations .accom-body .dorm .items .item .details {

          font-size: 30px;

          line-height: 1.1em;

          color: #909090;

          display: flex;

          column-gap: 14px; }

          .accommodations .accom-body .dorm .items .item .details .locate,

          .accommodations .accom-body .dorm .items .item .details .type {

            position: relative;

            padding-left: 20px; }

          .accommodations .accom-body .dorm .items .item .details .locate::before {

            position: absolute;

            content: "";

            width: 16px;

            height: 16px;

            background-image: url("../img/icon/location.png");

            background-repeat: no-repeat;

            top: 10px;

            left: 0; }

          .accommodations .accom-body .dorm .items .item .details .type::before {

            position: absolute;

            content: "";

            width: 16px;

            height: 16px;

            background-image: url("../img/icon/person.png");

            background-repeat: no-repeat;

            top: 8px;

            left: 0; }

        .accommodations .accom-body .dorm .items .item .price {

          font-size: 30px;

          line-height: 1.1em;

          color: #3f7e44; }

      .accommodations .accom-body .dorm .items .item:hover {

        box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }



@media (max-width: 1600px) {

  .accommodations .accom-body .dorm .items .item .details,

  .accommodations .accom-body .dorm .items .item .price {

    font-size: 24px; }



  .accommodations .accom-body .dorm .items .item .title {

    font-size: 36px;

    margin-bottom: 0; }



  .accommodations .accom-body .dorm .items .item {

    padding: 35px 35px; }



  .accommodations .accom-body .dorm .h-title {

    font-size: 68px; }



  .accommodations .accom-body .semi-title {

    font-size: 36px; }



  .accommodations .accom-head .txt {

    font-size: 28px; }



  .accommodations .accom-head .img {

    margin-left: 30px; }



  .accommodations .accom-body .dorm .items .item {

    width: 418px;

    min-height: 325px; }



  .accommodations .accom-body .dorm .items .item .details .locate::before {

    top: 5px; }



  .accommodations .accom-body .dorm .items .item .details .type::before {

    top: 3px; }



  .accommodations .accom-head .watermark {

    transform: scale(0.9);

    bottom: -95px;

    left: -39px; } }

@media (max-width: 1440px) {

  .accommodations .accom-head .txt {

    font-size: 26px; }



  .accommodations .accom-head .img::before {

    right: -60px; }



  .accommodations .accom-body .semi-title {

    font-size: 32px; }



  .accommodations .accom-body .dorm .h-title {

    font-size: 60px; }



  .accommodations .accom-body .dorm .items .item .title {

    font-size: 32px;

    height: 105px; }



  .accommodations .accom-body .dorm .items .item .details,

  .accommodations .accom-body .dorm .items .item .price {

    font-size: 22px; }



  .accommodations .accom-body .dorm .items .item {

    width: 377px;

    min-height: 303px; }



  .accommodations .accom-body .dorm .items .item .details {

    flex-direction: column; } }

@media (max-width: 1199px) {

  .accommodations .accom-head .txt {

    font-size: 24px; }



  .accommodations .accom-head .img {

    margin-left: 0px; }



  .accommodations .accom-head .img::before {

    width: 420px;

    height: 420px; }



  .accommodations .accom-body .semi-title {

    font-size: 28px; }



  .accommodations .accom-body .dorm .h-title {

    font-size: 48px; }



  .accommodations .accom-body .dorm .items .item .title {

    font-size: 28px;

    height: 92px; }



  .accommodations .accom-body .dorm .items .item .details,

  .accommodations .accom-body .dorm .items .item .price {

    font-size: 20px; }



  .accommodations .accom-body .dorm .items .item {

    width: 305px;

    min-height: 285px;

    padding: 30px; }



  .accommodations .accom-body .dorm .items .item .details .locate::before {

    width: 13px;

    height: 13px;

    background-size: contain; }



  .accommodations .accom-body .dorm .items .item .details .type::before {

    width: 13px;

    height: 13px;

    background-size: contain; } }

@media (max-width: 991px) {

  .accommodations .accom-head .txt {

    font-size: 22px; }



  .accommodations .accom-body .semi-title {

    font-size: 24px; }



  .accommodations .accom-body .dorm .h-title {

    font-size: 42px; }



  .accommodations .accom-body .dorm .items .item .title {

    font-size: 24px;

    height: 78px; }



  .accommodations .accom-body .dorm .items .item .details,

  .accommodations .accom-body .dorm .items .item .price {

    font-size: 18px; }



  .accommodations .accom-body .dorm .items .item {

    width: 100%; }



  .accommodations .accom-head .watermark {

    transform: scale(0.8);

    bottom: -200px;

    left: -163px; } }

@media (max-width: 769px) {

  .accommodations .accom-head .img::before {

    width: 330px;

    height: 330px;

    top: -73px; } }

@media (max-width: 767px) {

  .accommodations .accom-body .dorm .items {

    grid-template-columns: auto auto; }



  .accommodations .accom-head .txt {

    font-size: 20px; }



  .accommodations .accom-body {

    padding: 40px 0; }



  .accommodations .accom-body .dorm .items .item .title {

    height: 60px;

    font-size: 20px; }



  .accommodations .accom-body .dorm .items .item {

    min-height: 225px; }



  .accommodations .accom-body .dorm .h-title {

    font-size: 38px; }



  .accommodations .accom-body .semi-title {

    font-size: 20px; } }

@media (max-width: 575px) {

  .accommodations .accom-body .dorm .items {

    column-gap: 14px;

    row-gap: 14px; }



  .accommodations .accom-body .dorm .items .item .title {

    height: 80px; }



  .accommodations .accom-head .img {

    margin-top: 45px; }



  .accommodations .accom-head .img::before {

    top: 0;

    width: 420px;

    height: 420px; }



  .accommodations .accom-head .watermark {

    display: none; }



  .accommodations .accom-head .txt {

    font-size: 18px; }



  .accommodations .accom-head {

    position: relative;

    margin-bottom: 40px; }



  .accommodations .accom-body .dorm .h-title {

    font-size: 34px; } }

@media (max-width: 425px) {

  .accommodations .accom-body .dorm .items .item .title {

    height: auto;

    margin-bottom: 10px; }



  .accommodations .accom-body .dorm .items {

    grid-template-columns: auto; }



  .accommodations .accom-head .img::before {

    width: 370px;

    height: 370px; }



  .accommodations .accom-body {

    padding: 30px 0; } }

@media (max-width: 375px) {

  .accom-head .img::before {

    width: 330px;

    height: 330px; } }

@media (max-width: 320px) {

  .accommodations .accom-head .img::before {

    width: 280px;

    height: 280px; } }

.nze .nze-head {

  margin-bottom: 30px; }

  .nze .nze-head p {

    font-size: 30px;

    line-height: 1.2em; }

  .nze .nze-head .img {

    width: 490px;

    height: 600px;

    border-radius: 100px 0px;

    background-image: url("../img/static/nze.jpg");

    background-position: center;

    margin-top: -195px; }

.nze .nze-body .title {

  font-size: 80px;

  font-weight: bold;

  line-height: 1.1em; }

.nze .nze-body .semi-title {

  font-size: 36px;

  line-height: 1.1em;

  color: #3f7e44; }

.nze .nze-body .topic {

  color: #3f7e44; }

.nze .nze-body p {

  font-size: 30px;

  line-height: 1.2em;

  margin-bottom: 0; }

.nze .nze-body .thirteen-ca {

  row-gap: 1.5rem; }

  .nze .nze-body .thirteen-ca .no {

    font-weight: bold;

    font-size: 52px;

    line-height: 1.1em;

    color: #3f7e44; }

.nze .nze-body .glass-greenhouse .box {

  color: #ffffff;

  width: 100%;

  height: 517px;

  background-image: url("../img/static/glass-greenhouse.jpg");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding-left: 6rem;

  padding-right: 2rem; }

  .nze .nze-body .glass-greenhouse .box .txt-en {

    color: #ffffff;

    opacity: 0.5; }

.nze .nze-body .project {

  background: #f9f9f9; }

  .nze .nze-body .project .title {

    font-size: 54px;

    color: #144188; }



.watermark {

  position: absolute;

  background-image: url("../img/static/watermark-1.png");

  background-repeat: no-repeat;

  width: 100%;

  height: 698px;

  z-index: 0;

  left: 0;

  bottom: 43px; }



.watermark-top {

  position: absolute;

  background-image: url("../img/static/watermark-2.png");

  background-repeat: no-repeat;

  width: 100%;

  height: 133.9px;

  background-position: right; }



@media (max-width: 1600px) {

  .nze .nze-head p,

  .nze .nze-body p {

    font-size: 26px; }



  .nze .nze-body p span[style] {

    padding-left: 1.1rem !important; }



  .nze .nze-body .title {

    font-size: 68px; }



  .nze .nze-body .thirteen-ca .no,

  .nze .nze-body .project .title {

    font-size: 48px; }



  .nze .nze-body .semi-title {

    font-size: 32px; }



  .watermark {

    transform: scale(0.9);

    left: -80px;

    bottom: -60px; } }

@media (max-width: 1440px) {

  .nze .nze-head p,

  .nze .nze-body p {

    font-size: 24px; }



  .nze .nze-body .title {

    font-size: 60px; }



  .nze .nze-body .thirteen-ca .no,

  .nze .nze-body .project .title {

    font-size: 44px; }



  .nze .nze-body .semi-title {

    font-size: 28px; }



  .watermark {

    transform: scale(0.8);

    left: -145px;

    bottom: -60px; } }

@media (max-width: 1199px) {

  .nze .nze-head .img {

    height: 520px;

    border-radius: 90px 0px;

    margin-top: -110px; }



  .watermark {

    transform: scale(0.7);

    left: -155px;

    bottom: 0px; }



  .nze .nze-body .title {

    font-size: 48px; }



  .nze .nze-head p,

  .nze .nze-body p {

    font-size: 22px; }



  .nze .nze-body .thirteen-ca .no,

  .nze .nze-body .project .title {

    font-size: 40px; }



  .nze .nze-body .semi-title {

    font-size: 24px; }



  .nze .nze-body .glass-greenhouse .box {

    height: 320px; } }

@media (max-width: 991px) {

  .nze .nze-head p,

  .nze .nze-body p {

    font-size: 20px; }



  .nze .nze-head .img {

    height: 460px;

    border-radius: 80px 0px; }



  .nze .nze-body .title {

    font-size: 42px; }



  .nze .nze-body .semi-title {

    font-size: 20px; }



  .nze .nze-body .thirteen-ca .no,

  .nze .nze-body .project .title {

    font-size: 36px; } }

@media (max-width: 767px) {

  .nze .nze-head .img {

    margin-top: 20px;

    border-radius: 100px 0px;

    width: 100%; }



  .nze .nze-body .topic.title {

    margin-top: 20px; }



  .nze .nze-body .title {

    font-size: 38px; }



  .nze .nze-head p,

  .nze .nze-body p {

    font-size: 18px; }



  .nze .nze-body .thirteen-ca .no,

  .nze .nze-body .project .title {

    font-size: 32px; }



  .nze .nze-body .thirteen-ca .no {

    margin-right: -1rem !important; }



  .nze .nze-head .watermark {

    transform: initial;

    bottom: 0px;

    left: auto; } }

@media (max-width: 767px) {

  .nze .nze-body .glass-greenhouse .box {

    padding-left: 2rem; } }

@media (max-width: 575px) {

  .watermark-top {

    display: none; } }

.learning-page {

  position: relative;

  background-image: url(../img/background/bg-detail.png);

  background-repeat: no-repeat;

  background-position: top center; }

  .learning-page .slider {

    padding-bottom: 120px; }

    .learning-page .slider:nth-child(odd) .col-lg-4 {

      order: 2; }

    .learning-page .slider:nth-child(odd) .col-lg-8 {

      order: 1; }

    .learning-page .slider:nth-child(odd) .slider-content {

      padding-left: 30px; }

    .learning-page .slider:nth-child(odd) .slider-blog {

      position: relative;

      z-index: 1; }

      .learning-page .slider:nth-child(odd) .slider-blog:before {

        left: -205px; }

      .learning-page .slider:nth-child(odd) .slider-blog:after {

        left: -360px;

        transform: scaleX(-1); }

    .learning-page .slider:nth-child(odd) .slick-prev {

      left: auto;

      right: -110px;

      top: auto;

      bottom: 0px; }

    .learning-page .slider:nth-child(odd) .slick-next {

      left: auto;

      right: -170px;

      top: auto;

      bottom: 0px; }

    .learning-page .slider:nth-child(even) .col-lg-4 {

      order: 1; }

    .learning-page .slider:nth-child(even) .col-lg-8 {

      order: 2; }

    .learning-page .slider:nth-child(even) .slider-content {

      padding-right: 30px; }

    .learning-page .slider:nth-child(even) .slider-blog {

      position: relative;

      z-index: 1; }

      .learning-page .slider:nth-child(even) .slider-blog:before {

        right: -205px; }

      .learning-page .slider:nth-child(even) .slider-blog:after {

        right: -360px; }

    .learning-page .slider:nth-child(even) .slick-prev {

      right: auto;

      left: -510px;

      top: auto;

      bottom: 0px; }

    .learning-page .slider:nth-child(even) .slick-next {

      right: auto;

      left: -450px;

      top: auto;

      bottom: 0px; }

    .learning-page .slider .slick-prev, .learning-page .slider .slick-next {

      z-index: 3;

      box-shadow: none; }

    .learning-page .slider .slick-prev:hover, .learning-page .slider .slick-prev:focus, .learning-page .slider .slick-next:hover, .learning-page .slider .slick-next:focus {

      border-color: #3F7E44; }

      .learning-page .slider .slick-prev:hover .icon, .learning-page .slider .slick-prev:focus .icon, .learning-page .slider .slick-next:hover .icon, .learning-page .slider .slick-next:focus .icon {

        color: #3F7E44; }

  .learning-page .slider-content {

    padding-top: 40px; }

    .learning-page .slider-content .title {

      font-size: 60px;

      font-weight: bold;

      line-height: 1em;

      color: #3F7E44;

      margin-bottom: 25px;

      overflow: hidden;

      height: 1em;

      display: -webkit-box;

      -webkit-line-clamp: 1;

      -webkit-box-orient: vertical; }

    .learning-page .slider-content .desc {

      font-size: 30px;

      font-weight: normal;

      line-height: 1em;

      color: #000000;

      margin-bottom: 15px;

      overflow: hidden;

      height: 3em;

      display: -webkit-box;

      -webkit-line-clamp: 3;

      -webkit-box-orient: vertical; }

    .learning-page .slider-content .action .link {

      text-transform: uppercase;

      font-size: 22px;

      font-weight: normal;

      line-height: 1;

      color: #909090; }

      .learning-page .slider-content .action .link .icon {

        margin-left: 10px;

        position: relative;

        right: 0;

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease; }

        .learning-page .slider-content .action .link .icon .lazy {

          display: inline-block; }

      .learning-page .slider-content .action .link:hover .icon {

        right: -5px; }

  .learning-page .slider-blog {

    position: relative;

    z-index: 1; }

    .learning-page .slider-blog:before {

      content: '';

      position: absolute;

      z-index: -1;

      top: 0;

      width: 100%;

      height: 100%;

      background-image: radial-gradient(circle, #2b68c7 0%, #103a7d 100%); }

    .learning-page .slider-blog:after {

      content: '';

      position: absolute;

      z-index: 0;

      bottom: 0;

      width: 318px;

      height: 395px;

      background-image: url(../img/static/slider-blog-watermask.png);

      background-position: bottom;

      background-repeat: no-repeat;

      background-size: contain; }

    .learning-page .slider-blog .slick-list {

      z-index: 2; }

    .learning-page .slider-blog .wrapper {

      position: relative; }

    .learning-page .slider-blog .thumb {

      position: relative;

      z-index: 1; }

      .learning-page .slider-blog .thumb:before {

        content: '';

        position: absolute;

        z-index: +1;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5970763305) 100%); }

      .learning-page .slider-blog .thumb .cover {

        padding-bottom: 126%; }

    .learning-page .slider-blog .txt {

      position: absolute;

      z-index: 2;

      left: 30px;

      bottom: 30px;

      font-size: 32px;

      font-weight: bold;

      line-height: 0.9em;

      color: #ffffff; }



.learning-detail .h-title {

  font-size: 80px;

  font-weight: bold;

  line-height: 1;

  color: #000000;

  margin-bottom: 10px; }

.learning-detail .h-title-box {

  background-color: #F9F9F9;

  padding: 5px 70px 5px 15px;

  position: relative; }

  .learning-detail .h-title-box .h-title {

    margin-bottom: 0; }

  .learning-detail .h-title-box .icon {

    position: absolute;

    top: 0;

    right: 15px;

    bottom: 0;

    margin: auto;

    width: 54px;

    height: 54px;

    font-size: 50px; }

.learning-detail .s-title {

  font-size: 46px;

  font-weight: normal;

  line-height: 1;

  color: #000000;

  margin-bottom: 10px; }

.learning-detail .desc {

  font-size: 30px;

  font-weight: normal;

  line-height: 1;

  color: #000000;

  margin-bottom: 30px; }

.learning-detail .h-desc {

  font-size: 40px;

  font-weight: normal;

  line-height: 1;

  color: #000000;

  margin-bottom: 30px;

  padding-left: 20px;

  padding-top: 20px; }

.learning-detail .link-box {

  padding-bottom: 50px; }

  .learning-detail .link-box li {

    width: 100%;

    padding-bottom: 10px; }

  .learning-detail .link-box .link {

    display: inline; }

  .learning-detail .link-box .h-link {

    font-size: 54px;

    font-weight: bold;

    line-height: 1;

    color: #144188;

    position: relative;

    padding-left: 30px; }

    .learning-detail .link-box .h-link:before {

      content: '';

      position: absolute;

      top: 25px;

      left: 0;

      width: 14px;

      height: 14px;

      background-color: #144188;

      -webkit-border-radius: 5px 0 5px 0;

      -moz-border-radius: 5px 0 5px 0;

      border-radius: 5px 0 5px 0;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

    .learning-detail .link-box .h-link:hover {

      color: #3F7E44; }

      .learning-detail .link-box .h-link:hover:before {

        background-color: #3F7E44; }

.learning-detail .sub-box {

  padding-bottom: 20px;

  padding-left: 30px;

  padding-top: 20px; }

  .learning-detail .sub-box li {

    width: 100%;

    padding-bottom: 10px; }

  .learning-detail .sub-box .s-link {

    font-size: 30px;

    font-weight: bold;

    line-height: 1;

    color: #000000;

    position: relative;

    padding-left: 14px; }

    .learning-detail .sub-box .s-link:before {

      content: '';

      position: absolute;

      top: 13px;

      left: 0;

      width: 10px;

      height: 10px;

      background-color: #000000;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      border-radius: 50%;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

    .learning-detail .sub-box .s-link:hover {

      color: #3F7E44; }

      .learning-detail .sub-box .s-link:hover:before {

        background-color: #3F7E44; }

  .learning-detail .sub-box .s-desc {

    font-size: 30px;

    font-weight: bold;

    line-height: 1;

    color: #000000; }



.public-program-list {

  padding-bottom: 45px; }

  .public-program-list .item-list {

    margin: -15px; }

    .public-program-list .item-list > li {

      width: 50%;

      padding: 15px; }

  .public-program-list .link {

    display: block; }

  .public-program-list .wrapper {

    background-color: #F9F9F9;

    padding: 50px;

    display: flex;

    width: 100%; }

    .public-program-list .wrapper.-end {

      padding: 90px 130px;

      background-color: #ffffff;

      display: block; }

      .public-program-list .wrapper.-end > div {

        display: block;

        padding: 0; }

  .public-program-list .thumb {

    position: relative;

    z-index: 1;

    -ms-flex: 0 0 auto;

    -webkit-box-flex: 0;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%; }

    .public-program-list .thumb .cover {

      padding-bottom: 140%;

      width: 285px;

      overflow: hidden; }

      .public-program-list .thumb .cover .lazy {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease; }

  .public-program-list .content {

    padding-left: 40px;

    max-width: 100%;

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    -webkit-box-flex: 1;

    flex-grow: 1; }

  .public-program-list .title {

    font-size: 50px;

    font-weight: bold;

    line-height: 1;

    color: #144188;

    margin-bottom: 10px; }

  .public-program-list .desc {

    font-size: 30px;

    font-weight: normal;

    line-height: 1;

    color: #000000; }

  .public-program-list .link:hover .thumb .cover .lazy {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1); }



.scholarship-page {

  padding-bottom: 130px; }



.scholarship-box {

  padding-left: 50px;

  padding-bottom: 50px; }

  .scholarship-box > ul.item-list > li {

    width: 100%;

    padding-bottom: 10px;

    list-style-type: decimal;

    list-style-position: inside;

    font-size: 54px;

    font-weight: bold;

    line-height: 1;

    color: #144188; }

    .scholarship-box > ul.item-list > li .link {

      display: inline; }

  .scholarship-box .h-link {

    font-size: 54px;

    font-weight: bold;

    line-height: 1;

    color: #144188;

    position: relative; }

    .scholarship-box .h-link:hover {

      color: #3F7E44; }

      .scholarship-box .h-link:hover:before {

        background-color: #3F7E44; }

  .scholarship-box .sub-box {

    padding-bottom: 0px;

    padding-left: 45px;

    padding-top: 0px; }

    .scholarship-box .sub-box > ul.item-list > li .link {

      display: block; }

    .scholarship-box .sub-box .s-link:before {

      top: 11px; }

    .scholarship-box .sub-box .s-link i {

      font-weight: normal;

      font-style: italic; }



@media (max-width: 1600px) {

  .learning-page .slider:nth-child(even) .slick-prev {

    left: -450px; }



  .learning-page .slider:nth-child(even) .slick-next {

    left: -390px; }



  .learning-page .slider:nth-child(even) .slider-blog:after {

    right: -290px; }



  .learning-page .slider:nth-child(odd) .slider-blog:after {

    left: -290px; }



  .learning-page .slider-blog:after {

    width: 280px;

    height: 360px; }



  .learning-detail .h-title {

    font-size: 70px; }



  .learning-detail .s-title {

    font-size: 40px; }



  .learning-detail .link-box .h-link {

    font-size: 50px; }



  .learning-detail .h-desc {

    font-size: 36px; }



  .public-program-list .wrapper {

    padding: 40px; }



  .public-program-list .wrapper.-end {

    padding: 80px 120px; }



  .public-program-list .thumb .cover {

    width: 245px; }



  .public-program-list .content {

    padding-left: 30px; }



  .public-program-list .title {

    font-size: 42px; }



  .public-program-list .desc {

    font-size: 26px; }



  .scholarship-page {

    padding-bottom: 100px; }



  .scholarship-box > ul.item-list > li,

  .scholarship-box .h-link {

    font-size: 50px; } }

@media (max-width: 1440px) {

  .learning-page .slider:nth-child(even) .slick-prev {

    left: -400px; }



  .learning-page .slider:nth-child(even) .slick-next {

    left: -340px; }



  .learning-page .slider:nth-child(odd) .slick-prev {

    right: -100px; }



  .learning-page .slider:nth-child(odd) .slick-next {

    right: -160px; }



  .learning-page .slider:nth-child(even) .slider-blog:after {

    right: -260px; }



  .learning-page .slider:nth-child(odd) .slider-blog:after {

    left: -260px; }



  .learning-page .slider:nth-child(even) .slider-content {

    padding-right: 20px; }



  .learning-page .slider:nth-child(odd) .slider-content {

    padding-left: 20px; }



  .learning-page .slider-blog:after {

    width: 240px;

    height: 320px; }



  .learning-page .slider-blog .txt {

    left: 20px;

    bottom: 20px;

    font-size: 26px; }



  .learning-page .slider-content .title {

    font-size: 54px;

    margin-bottom: 5px; }



  .learning-page .slider-content .desc {

    font-size: 26px; }



  .learning-detail .h-title {

    font-size: 60px; }



  .learning-detail .s-title {

    font-size: 35px; }



  .learning-detail .desc {

    font-size: 28px; }



  .learning-detail .h-desc {

    font-size: 32px; }



  .learning-detail .link-box {

    padding-bottom: 40px; }



  .learning-detail .link-box .h-link {

    font-size: 40px; }



  .learning-detail .link-box .h-link:before {

    top: 17px; }



  .learning-detail .sub-box {

    padding-top: 0px; }



  .learning-detail .sub-box .s-link:before {

    top: 13px;

    width: 8px;

    height: 8px; }



  .learning-detail .sub-box .s-link,

  .learning-detail .sub-box .s-desc {

    font-size: 28px; }



  .public-program-list .wrapper {

    padding: 30px; }



  .public-program-list .wrapper.-end {

    padding: 80px 90px; }



  .public-program-list .thumb .cover {

    width: 240px; }



  .public-program-list .content {

    padding-left: 20px; }



  .public-program-list .title {

    font-size: 36px; }



  .scholarship-box > ul.item-list > li,

  .scholarship-box .h-link {

    font-size: 40px; }



  .scholarship-box .sub-box {

    padding-left: 35px; }



  .scholarship-box .sub-box .s-link:before {

    top: 11px; } }

@media (max-width: 1199px) {

  .learning-page .slider {

    padding-bottom: 80px; }



  .learning-page .slider:nth-child(even) .slick-prev {

    left: -330px; }



  .learning-page .slider:nth-child(even) .slick-next {

    left: -270px; }



  .learning-page .slider:nth-child(odd) .slick-prev {

    right: -80px; }



  .learning-page .slider:nth-child(odd) .slick-next {

    right: -140px; }



  .learning-page .slider:nth-child(even) .slider-content {

    padding-right: 0; }



  .learning-page .slider:nth-child(odd) .slider-content {

    padding-left: 0; }



  .learning-page .slider-content {

    padding-top: 20px; }



  .learning-page .slider-content .title {

    font-size: 50px;

    margin-bottom: 0; }



  .learning-page .slider-content .desc {

    font-size: 22px; }



  .learning-page .slider-content .action .link {

    font-size: 20px; }



  .learning-page .slider-blog:after {

    width: 300px;

    height: 260px; }



  .learning-page .slider-blog .txt {

    font-size: 20px;

    font-weight: normal; }



  .learning-detail .h-title {

    font-size: 50px; }



  .learning-detail .h-title-box .icon {

    width: 36px;

    height: 39px;

    font-size: 36px; }



  .learning-detail .s-title {

    font-size: 30px; }



  .learning-detail .desc {

    font-size: 26px; }



  .learning-detail .h-desc {

    font-size: 28px;

    margin-bottom: 20px;

    padding-top: 10px; }



  .learning-detail .link-box .h-link {

    font-size: 35px; }



  .learning-detail .link-box .h-link:before {

    top: 15px; }



  .learning-detail .sub-box .s-link,

  .learning-detail .sub-box .s-desc {

    font-size: 26px; }



  .public-program-list .wrapper.-end {

    padding: 60px 70px; }



  .public-program-list .item-list > li {

    width: 100%; }



  .public-program-list .thumb .cover {

    width: 200px; }



  .public-program-list .title {

    font-size: 34px; }



  .public-program-list .desc {

    font-size: 24px; }



  .scholarship-page {

    padding-bottom: 70px; }



  .scholarship-box {

    padding-left: 40px;

    padding-bottom: 30px; }



  .scholarship-box > ul.item-list > li,

  .scholarship-box .h-link {

    font-size: 35px; } }

@media (max-width: 991px) {

  .learning-page .slider {

    padding-bottom: 50px; }



  .learning-page .slider:nth-child(odd) .col-lg-4 {

    order: 1; }



  .learning-page .slider:nth-child(odd) .col-lg-8 {

    order: 2; }



  .learning-page .slider:nth-child(even) .slider-blog:after {

    right: -180px; }



  .learning-page .slider:nth-child(odd) .slider-blog:after {

    left: -180px; }



  .learning-page .slider-content {

    padding-top: 0;

    padding-bottom: 15px; }



  .learning-page .slider-blog {

    padding-top: 15px; }



  .learning-page .slider-blog:after {

    width: 300px;

    height: 320px; }



  .learning-detail .h-title {

    font-size: 40px; }



  .learning-detail .h-title-box .icon {

    right: 10px;

    width: 30px;

    height: 32px;

    font-size: 30px; }



  .public-program-list .item-list {

    margin: -10px; }



  .public-program-list .item-list > li {

    padding: 10px; }



  .public-program-list .wrapper {

    padding: 15px; }



  .public-program-list .wrapper.-end {

    padding: 40px 60px; }



  .public-program-list .title {

    font-size: 32px; }



  .public-program-list .content {

    padding-left: 15px; }



  .scholarship-box {

    padding-left: 20px;

    padding-bottom: 25px; } }

@media (max-width: 767px) {

  .learning-page .slider-content .title {

    font-size: 30px;

    margin-bottom: 5px; }



  .learning-page .slider-content .desc {

    font-size: 20px;

    margin-bottom: 5px; }



  .learning-page .slider-content .action .link {

    font-size: 18px; }



  .learning-page .slider-blog:after {

    width: 250px;

    height: 240px; }



  .learning-page .slider-blog .txt {

    left: 15px;

    bottom: 15px;

    font-size: 18px; }



  .learning-detail .h-title {

    font-size: 30px; }



  .learning-detail .h-title-box {

    padding: 5px 40px 5px 15px; }



  .learning-detail .h-title-box .icon {

    right: 2px;

    width: 24px;

    height: 26px;

    font-size: 24px; }



  .learning-detail .s-title {

    font-size: 24px; }



  .learning-detail .desc {

    font-size: 20px; }



  .learning-detail .h-desc {

    font-size: 24px;

    margin-bottom: 10px; }



  .learning-detail .link-box {

    padding-bottom: 20px; }



  .learning-detail .link-box .h-link {

    font-size: 26px; }



  .learning-detail .link-box .h-link:before {

    top: 8px; }



  .learning-detail .sub-box {

    padding-bottom: 0; }



  .learning-detail .sub-box .s-link:before {

    top: 8px; }



  .learning-detail .sub-box .s-link,

  .learning-detail .sub-box .s-desc {

    font-size: 20px; }



  .public-program-list .wrapper.-end {

    padding: 15px 30px; }



  .public-program-list .thumb .cover {

    width: 100px; }



  .public-program-list .title {

    font-size: 24px;

    margin-bottom: 5px; }



  .public-program-list .desc {

    font-size: 20px; }



  .scholarship-page {

    padding-bottom: 40px; }



  .scholarship-box > ul.item-list > li,

  .scholarship-box .h-link {

    font-size: 26px; }



  .scholarship-box .sub-box {

    padding-left: 23px; }



  .scholarship-box .sub-box .s-link:before {

    top: 6px; } }

.browse-courses-page {

  position: relative;

  background-image: url(../img/background/bg-detail.png);

  background-repeat: no-repeat;

  background-position: top center; }

  .browse-courses-page .wg-browse-courses {

    padding-top: 0;

    background-image: none; }

    .browse-courses-page .wg-browse-courses .inner {

      padding-top: 0; }

  .browse-courses-page .action {

    padding-top: 25px; }

    .browse-courses-page .action .link {

      text-transform: uppercase;

      font-size: 22px;

      font-weight: normal;

      line-height: 1;

      color: #3F7E44; }

      .browse-courses-page .action .link .icon {

        margin-left: 10px;

        position: relative;

        right: 0;

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease; }

        .browse-courses-page .action .link .icon .lazy {

          display: inline-block; }

      .browse-courses-page .action .link:hover .icon {

        right: -5px; }

  .browse-courses-page .content {

    width: 620px;

    padding-top: 65px; }

  .browse-courses-page .title {

    font-size: 62px;

    font-weight: bold;

    line-height: 1;

    color: #000000; }

  .browse-courses-page .desc {

    font-size: 30px;

    font-weight: normal;

    line-height: 1.2;

    color: #000000; }

  .browse-courses-page .h-desc {

    font-size: 40px;

    font-weight: normal;

    line-height: 1.2;

    color: #000000; }



.-creative-innovation .sectorI {

  padding: 30px 0 110px 0; }

  .-creative-innovation .sectorI .thumb {

    position: relative;

    padding: 50px 0;

    width: 1218px;

    margin-left: -380px; }

    .-creative-innovation .sectorI .thumb:before {

      content: '';

      position: absolute;

      z-index: 0;

      top: 0;

      left: 0;

      bottom: 0;

      right: 180px;

      background-color: #F9F9F9;

      -webkit-border-radius: 0 100px 0 0;

      -moz-border-radius: 0 100px 0 0;

      border-radius: 0 100px 0 0; }

    .-creative-innovation .sectorI .thumb .lazy {

      position: relative;

      z-index: 1; }

  .-creative-innovation .sectorI .thumbII {

    text-align: right; }

.-creative-innovation .sectorI-list {

  padding-top: 30px; }

  .-creative-innovation .sectorI-list .item-list {

    margin: 0 -15px; }

    .-creative-innovation .sectorI-list .item-list > li {

      width: 33.33%;

      padding: 0 15px; }

  .-creative-innovation .sectorI-list .wrapper {

    padding: 45px 40px 40px 40px;

    position: relative;

    z-index: 1;

    min-height: 320px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover; }

    .-creative-innovation .sectorI-list .wrapper:before {

      content: '';

      position: absolute;

      z-index: 0;

      top: 0;

      left: 0;

      bottom: 0;

      right: 0px;

      background-image: linear-gradient(180deg, rgba(20, 65, 136, 0) 0%, #144188 100%); }

    .-creative-innovation .sectorI-list .wrapper .desc {

      color: #ffffff;

      position: relative;

      z-index: 1; }

.-creative-innovation .sectorII {

  background-color: #F9F9F9;

  padding: 85px 0; }

  .-creative-innovation .sectorII .thumb {

    padding-right: 30px; }

  .-creative-innovation .sectorII .content {

    padding-top: 0px; }

.-creative-innovation .sectorIII {

  padding: 70px 0 110px 0; }



.-communication-media {

  background-image: none; }

  .-communication-media .whead {

    margin-bottom: 30px; }

    .-communication-media .whead .wtxt {

      line-height: 0.7; }

  .-communication-media .sectorI .content {

    padding-top: 0; }

  .-communication-media .sectorI .thumb {

    position: relative;

    padding: 112px 0 112px 60px;

    text-align: right; }

    .-communication-media .sectorI .thumb:before {

      content: '';

      position: absolute;

      z-index: 0;

      top: 0;

      bottom: 0;

      right: -200px;

      left: 230px;

      background-color: #F9F9F9;

      -webkit-border-radius: 100px 0 0 0;

      -moz-border-radius: 100px 0 0 0;

      border-radius: 100px 0 0 0; }

    .-communication-media .sectorI .thumb .lazy {

      position: relative;

      z-index: 1; }

  .-communication-media .sectorII {

    padding: 50px 0 80px 0; }

    .-communication-media .sectorII .content {

      padding-top: 0; }

    .-communication-media .sectorII .thumb {

      position: relative;

      text-align: left;

      width: 1124px;

      margin-left: -390px; }



@media (max-width: 1600px) {

  .browse-courses-page .content {

    padding-top: 60px; }



  .browse-courses-page .title {

    font-size: 58px; }



  .browse-courses-page .desc {

    font-size: 28px; }



  .browse-courses-page .h-desc {

    font-size: 36px; }



  .-creative-innovation .sectorI .thumb {

    width: 980px;

    margin-left: -320px; }



  .-communication-media .sectorII .thumb {

    width: 1000px;

    margin-left: -330px; } }

@media (max-width: 1440px) {

  .browse-courses-page .content {

    padding-top: 50px;

    width: 550px; }



  .browse-courses-page .title {

    font-size: 54px; }



  .browse-courses-page .desc {

    font-size: 26px; }



  .browse-courses-page .h-desc {

    font-size: 32px; }



  .-creative-innovation .sectorI .thumb {

    width: 820px;

    margin-left: -250px; }



  .-communication-media .sectorI .thumb {

    padding: 80px 0 80px 50px; }



  .-communication-media .sectorII .thumb {

    width: 900px;

    margin-left: -280px; } }

@media (max-width: 1199px) {

  .browse-courses-page .content {

    padding-top: 20px;

    width: 450px; }



  .browse-courses-page .title {

    font-size: 48px; }



  .browse-courses-page .desc {

    font-size: 24px; }



  .browse-courses-page .h-desc {

    font-size: 28px; }



  .-creative-innovation .sectorI {

    padding: 20px 0 60px 0; }



  .-creative-innovation .sectorI .thumb {

    width: 650px;

    margin-left: -180px; }



  .-creative-innovation .sectorI .thumb:before {

    right: 90px; }



  .-creative-innovation .sectorI-list {

    padding-top: 10px; }



  .-creative-innovation .sectorI-list .wrapper {

    padding: 25px 20px 20px 20px;

    min-height: 280px; }



  .-creative-innovation .sectorII {

    padding: 50px 0; }



  .-creative-innovation .sectorIII {

    padding: 50px 0; }



  .-communication-media .sectorII .thumb {

    width: 700px;

    margin-left: -220px; }



  .-communication-media .sectorI .thumb:before {

    right: -50px;

    left: 120px;

    border-radius: 70px 0 0 0; } }

@media (max-width: 991px) {

  .browse-courses-page .action .link {

    font-size: 20px; }



  .browse-courses-page .content {

    width: 100%; }



  .browse-courses-page .title {

    font-size: 40px; }



  .browse-courses-page .desc {

    font-size: 22px; }



  .browse-courses-page .h-desc {

    font-size: 26px; }



  .-creative-innovation .sectorI {

    padding: 20px 0 30px 0; }



  .-creative-innovation .sectorI .thumb {

    width: 100%;

    margin-left: -20px; }



  .-creative-innovation .sectorI .thumb:before {

    right: 180px; }



  .-creative-innovation .sectorI .thumb .lazy {

    margin-left: -100px; }



  .-creative-innovation .sectorI .thumbII {

    text-align: center; }



  .-creative-innovation .sectorI-list {

    padding-top: 30px; }



  .-creative-innovation .sectorI-list .wrapper {

    min-height: inherit; }



  .-creative-innovation .sectorI-list .item-list > li {

    width: 50%;

    padding: 15px; }



  .-creative-innovation .sectorII .thumb {

    padding-right: 0;

    padding-bottom: 20px; }



  .-communication-media .whead {

    margin-bottom: 10px; }



  .-communication-media .sectorI .content {

    padding-bottom: 20px; }



  .-communication-media .sectorI .thumb {

    padding: 30px 0; }



  .-communication-media .sectorI .thumb:before {

    right: -20px;

    left: 40px;

    border-radius: 50px 0 0 0; }



  .-communication-media .sectorII {

    padding: 30px 0 50px 0; }



  .-communication-media .sectorII .thumb {

    width: 100%;

    margin-left: 0;

    margin-bottom: 15px; } }

@media (max-width: 767px) {

  .browse-courses-page .action {

    padding-top: 10px;

    padding-bottom: 10px; }



  .browse-courses-page .action .link {

    font-size: 18px; }



  .browse-courses-page .title {

    font-size: 32px; }



  .browse-courses-page .desc {

    font-size: 20px; }



  .browse-courses-page .h-desc {

    font-size: 22px; }



  .-creative-innovation .sectorI .thumb {

    padding: 0; }



  .-creative-innovation .sectorI .thumb:before {

    right: 0px;

    border-radius: 0 40px 0 0; }



  .-creative-innovation .sectorI .thumb .lazy {

    margin-left: -10%; }



  .-creative-innovation .sectorI-list {

    padding-top: 10px; }



  .-creative-innovation .sectorI-list .item-list {

    margin: -10px; }



  .-creative-innovation .sectorI-list .item-list > li {

    width: 100%;

    padding: 10px; }



  .-creative-innovation .sectorII {

    padding: 30px 0; }



  .-creative-innovation .sectorII .thumb {

    padding-right: 0;

    padding-bottom: 20px; }



  .-creative-innovation .sectorIII {

    padding: 30px 0; }



  .-communication-media .sectorI .content {

    padding-bottom: 10px; }



  .-communication-media .sectorII {

    padding: 20px 0 30px 0; } }

.community-page {

  padding-bottom: 100px; }

  .community-page .content .title {

    font-size: 80px;

    font-weight: bold;

    line-height: 1;

    color: #000000;

    margin-bottom: 15px; }

  .community-page .content .s-title {

    font-size: 54px;

    font-weight: bold;

    line-height: 1;

    color: #144188;

    margin-bottom: 15px; }

  .community-page .content .desc {

    font-size: 30px;

    font-weight: normal;

    line-height: 1.2;

    color: #000000;

    margin-bottom: 15px; }

  .community-page .sectorI {

    padding-bottom: 660px;

    background-image: url(../img/background/bg-community.jpg);

    background-repeat: no-repeat;

    background-position: bottom center; }

  .community-page .sectorII {

    padding-top: 60px; }

    .community-page .sectorII .award-sectorVI {

      padding-bottom: 60px; }

  .community-page .sectorIII {

    padding-top: 60px; }

    .community-page .sectorIII .row + .row {

      margin-top: 80px; }

    .community-page .sectorIII .thumb {

      text-align: left; }

    .community-page .sectorIII .thumbII {

      text-align: right; }

    .community-page .sectorIII .content {

      width: 650px; }

      .community-page .sectorIII .content.-L {

        padding-right: 30px; }

      .community-page .sectorIII .content.-R {

        padding-left: 30px; }



@media (max-width: 1600px) {

  .community-page .content .title {

    font-size: 70px; }



  .community-page .content .s-title {

    font-size: 50px; }



  .community-page .content .desc {

    font-size: 28px; } }

@media (max-width: 1440px) {

  .community-page .content .title {

    font-size: 60px; }



  .community-page .content .s-title {

    font-size: 40px; }



  .community-page .content .desc {

    font-size: 26px; }



  .community-page .sectorIII .content {

    width: 590px; } }

@media (max-width: 1199px) {

  .community-page .content .title {

    font-size: 50px; }



  .community-page .content .s-title {

    font-size: 36px; }



  .community-page .content .desc {

    font-size: 24px; }



  .community-page .sectorI {

    padding-bottom: 40%;

    background-size: contain; }



  .community-page .sectorIII .content {

    width: 470px; } }

@media (max-width: 991px) {

  .community-page {

    padding-bottom: 30px; }



  .community-page .content .title {

    font-size: 40px; }



  .community-page .content .s-title {

    font-size: 30px; }



  .community-page .content .desc {

    font-size: 22px; }



  .community-page .sectorII {

    padding-top: 30px; }



  .community-page .sectorII .award-sectorVI {

    padding-bottom: 30px; }



  .community-page .sectorIII {

    padding-top: 30px; }



  .community-page .sectorIII .row + .row {

    margin-top: 30px; }



  .community-page .sectorIII .content {

    width: 100%;

    padding-top: 10px; }



  .community-page .sectorIII .content.-L {

    padding-right: 0px; }



  .community-page .sectorIII .content.-R {

    padding-left: 0px; } }

@media (max-width: 767px) {

  .community-page .content .title {

    font-size: 28px;

    margin-bottom: 5px; }



  .community-page .content .s-title {

    font-size: 24px;

    margin-bottom: 5px; }



  .community-page .content .desc {

    font-size: 20px;

    margin-bottom: 0px; } }

.green-building .green-building-head .cover img {

  margin-top: -160px; }

.green-building .green-building-body .title {

  font-size: 80px;

  font-weight: bold;

  line-height: 1em; }

.green-building .green-building-body p {

  font-size: 30px;

  line-height: 1.2em;

  margin-bottom: 3rem; }

.green-building .green-building-body .g-b-c-desc .title {

  color: #3f7e44; }

.green-building .green-building-body .g-b-c-desc .img {

  text-align: end; }

  .green-building .green-building-body .g-b-c-desc .img img {

    margin-top: -164px; }

.green-building .green-building-body .part-one {

  background-color: #f9f9f9; }

  .green-building .green-building-body .part-one .img {

    width: 129%;

    height: 100%; }

    .green-building .green-building-body .part-one .img img {

      height: 100%;

      object-fit: cover;

      object-position: center; }

.green-building .green-building-body .part-two {

  padding: 280px 0 0 0; }

  .green-building .green-building-body .part-two .img img.top {

    margin-top: -190px; }

  .green-building .green-building-body .part-two .img img.bottom {

    margin-left: -127px;

    margin-top: -95px; }

.green-building .green-building-body .part-two .col-md-6.left,

.green-building .green-building-body .part-three .col-md-6.left {

  padding-left: 6rem; }



@media (max-width: 1600px) {

  .green-building .green-building-body .title {

    font-size: 68px; }



  .green-building .green-building-body p {

    font-size: 28px; }



  .green-building .green-building-body .part-two {

    padding: 200px 0 0 0; }



  .green-building .green-building-body .part-two .img img.top {

    margin-top: -160px; }



  .green-building .green-building-body .part-two .img img.bottom {

    margin-left: -111px; } }

@media (max-width: 1440px) {

  .green-building .green-building-body .title {

    font-size: 60px; }



  .green-building .green-building-body p {

    font-size: 26px; }



  .green-building .green-building-body .part-two {

    padding: 150px 0 0 0; }



  .green-building .green-building-body .part-two .img img.top {

    margin-top: -120px; }



  .green-building .green-building-body .part-two .img img.bottom {

    margin-left: -100px; } }

@media (max-width: 1199px) {

  .green-building .green-building-head .cover img {

    margin-top: -100px; }



  .green-building .green-building-body .title {

    font-size: 48px; }



  .green-building .green-building-body p {

    font-size: 24px; }



  .green-building .green-building-body .part-two {

    padding: 110px 0 0 0; }



  .green-building .green-building-body .part-two .img img.top {

    margin-top: -80px; }



  .green-building .green-building-body .part-two .img img.bottom {

    margin-left: -80px; }



  .green-building .green-building-body .part-two .col-6.left,

  .green-building .green-building-body .part-three .col-6.left {

    padding-left: 4rem; } }

@media (max-width: 991px) {

  .green-building .green-building-head .cover img {

    margin-top: -90px; }



  .green-building .green-building-body .title {

    font-size: 42px; }



  .green-building .green-building-body p {

    font-size: 22px; }



  .green-building .green-building-body .part-two {

    padding: 100px 0 0 0; }



  .green-building .green-building-body .part-two .img img.top {

    margin-top: -80px; }



  .green-building .green-building-body .part-two .img img.bottom {

    margin-left: -80px; }



  .green-building .green-building-body .part-two .col-md-6.left,

  .green-building .green-building-body .part-three .col-md-6.left {

    padding-left: 4rem; } }

@media (max-width: 767px) {

  .green-building .green-building-head .cover img {

    margin-top: -60px; }



  .green-building .green-building-body .title {

    font-size: 35px;

    margin-bottom: 1rem !important; }



  .green-building .green-building-body p {

    font-size: 20px; }



  .green-building .green-building-body .g-b-c-desc .img img {

    margin-top: -100px; }



  .green-building .green-building-body .part-one .img {

    width: 100%;

    margin: 3rem 0; }



  .green-building .green-building-body .part-one .img img {

    height: auto; }



  .green-building .green-building-body .part-two .img img.top {

    margin-top: 0;

    margin-bottom: 10rem; }



  .green-building .green-building-body .part-two {

    padding: 0; }



  .green-building .green-building-body .part-two .img {

    text-align: end;

    margin-top: 1rem; }



  .green-building .green-building-body .part-two .img img.bottom {

    margin-left: 0;

    position: absolute;

    bottom: 2rem;

    left: 0; }



  .green-building .green-building-body .part-two p,

  .green-building .green-building-body .part-three p {

    margin-bottom: 0; }



  .green-building .green-building-body .part-two .col-md-6.left, .green-building .green-building-body .part-three .col-md-6.left {

    padding-left: 15px; } }

@media (max-width: 575px) {

  .green-building .green-building-body .title {

    font-size: 35px;

    margin-bottom: 1rem !important; }



  .green-building .green-building-body p {

    font-size: 18px; }



  .green-building .green-building-body .g-b-c-desc .img img {

    margin-top: 0; }



  .green-building .green-building-body .g-b-c-desc .img {

    text-align: center; }



  .green-building .green-building-body .part-two .img img.bottom {

    position: relative;

    bottom: 0;

    margin-top: 0;

    margin-bottom: 3rem; }



  .green-building .green-building-body .part-two .img img.top {

    margin-bottom: 1rem; }



  .green-building .green-building-body .part-two .img {

    text-align: center; }



  .green-building .green-building-head .cover img {

    margin-top: -47px; } }

@media (max-width: 425px) {

  .green-building .green-building-head .cover img {

    margin-top: 0px;

    margin-left: 35px;

    transform: scale(1.5); }



  .green-building-head {

    margin-bottom: 2rem; } }

.green-area p {

  font-size: 30px;

  line-height: 1.2em;

  margin-bottom: 3rem; }

.green-area .green-area-head {

  position: relative; }

  .green-area .green-area-head .bottom {

    background: #144188;

    color: #ffffff; }

    .green-area .green-area-head .bottom .watermark-white {

      position: absolute;

      bottom: 0; }

  .green-area .green-area-head .side-img {

    position: absolute;

    top: -30px;

    right: 0; }

    .green-area .green-area-head .side-img img.top {

      position: absolute;

      top: 60px;

      left: 90px; }

.green-area .green-area-body .topic {

  font-size: 42px;

  line-height: 1.1em; }

.green-area .green-area-body .title {

  font-size: 80px;

  font-weight: bold;

  line-height: 1.1em;

  color: #000000; }

.green-area .green-area-body .subtitle {

  font-size: 54px;

  font-weight: bold;

  color: #144188;

  line-height: 1.1em; }

.green-area .green-area-body .part-one .row:first-child p {

  margin-bottom: 0; }

.green-area .green-area-body .part-two {

  background-color: #f9f9f9; }

  .green-area .green-area-body .part-two p {

    margin-bottom: 2rem; }



@media (max-width: 1600px) {

  .green-area p {

    font-size: 28px; }



  .green-area .green-area-body .title {

    font-size: 68px; }



  .green-area .green-area-body .subtitle {

    font-size: 50px; }



  .green-area .green-area-body .topic {

    font-size: 40px; }



  .green-area .green-area-head .side-img {

    top: -55px;

    right: -41px;

    transform: scale(0.9); } }

@media (max-width: 1440px) {

  .green-area p {

    font-size: 26px; }



  .green-area .green-area-body .title {

    font-size: 60px; }



  .green-area .green-area-body .subtitle {

    font-size: 46px; }



  .green-area .green-area-body .topic {

    font-size: 38px; }



  .green-area .green-area-head .side-img {

    top: -79px;

    right: -82px;

    transform: scale(0.8); } }

@media (max-width: 1199px) {

  .green-area p {

    font-size: 24px; }



  .green-area .green-area-body .title {

    font-size: 50px; }



  .green-area .green-area-body .subtitle {

    font-size: 42px; }



  .green-area .green-area-body .topic {

    font-size: 36px; }



  .green-area .green-area-head .side-img {

    top: -52px;

    right: -163px;

    transform: scale(0.6); } }

@media (max-width: 991px) {

  .green-area p {

    font-size: 22px;

    margin-bottom: 1rem; }



  .green-area .green-area-body .title {

    font-size: 42px; }



  .green-area .green-area-body .subtitle {

    font-size: 36px; }



  .green-area .green-area-body .topic {

    font-size: 30px; }



  .green-area .green-area-head .side-img {

    top: -166px;

    right: -204px;

    transform: scale(0.5); } }

@media (max-width: 767px) {

  .green-area p {

    font-size: 20px; }



  .green-area .green-area-body .title {

    font-size: 40px; }



  .green-area .green-area-body .subtitle {

    font-size: 30px; }



  .green-area .green-area-body .topic {

    font-size: 28px; }



  .green-area .green-area-head .side-img {

    position: relative;

    top: -66px;

    right: 0;

    transform: scale(1); }



  .green-area .green-area-head .bottom .watermark-white {

    display: none; }



  .green-area .green-area-head {

    margin-bottom: -50px; }



  .green-area .green-area-head .top.mb-5 {

    margin-bottom: 1rem !important; }



  .green-area .row.my-5 {

    margin-bottom: 1rem !important;

    margin-top: 1rem !important; }



  .green-area .green-area-body img {

    padding: 1rem 0; }



  .reverse {

    flex-direction: column-reverse; }



  .col-sm-2.col-4.pr-0 {

    padding-right: 1rem !important; } }

@media (max-width: 575px) {

  .green-area p {

    font-size: 18px; }



  .green-area .green-area-body .title {

    font-size: 28px; }



  .green-area .green-area-body .subtitle {

    font-size: 24px; }



  .green-area .green-area-body .topic {

    font-size: 22px; } }

.education-page .whead {

  margin-bottom: 15px; }

.education-page .content .title {

  font-size: 80px;

  font-weight: bold;

  line-height: 1;

  color: #000000;

  margin-bottom: 15px; }

.education-page .content .s-title {

  font-size: 54px;

  font-weight: bold;

  line-height: 1;

  color: #144188;

  margin-bottom: 15px; }

.education-page .content .h-desc {

  font-size: 40px;

  font-weight: normal;

  line-height: 1.2;

  color: #000000;

  margin-bottom: 15px; }

.education-page .content .desc {

  font-size: 30px;

  font-weight: normal;

  line-height: 1.2;

  color: #000000;

  margin-bottom: 15px; }

.education-page .sectorI {

  padding: 30px 0 60px 0; }

  .education-page .sectorI .inner {

    padding-left: 34px; }

  .education-page .sectorI .s-title {

    position: relative;

    padding-left: 34px; }

    .education-page .sectorI .s-title:before {

      content: '';

      position: absolute;

      top: 25px;

      left: 0;

      width: 14px;

      height: 14px;

      background-color: #144188;

      -webkit-border-radius: 5px 0 5px 0;

      -moz-border-radius: 5px 0 5px 0;

      border-radius: 5px 0 5px 0; }

  .education-page .sectorI .desc {

    position: relative;

    padding-left: 15px;

    margin-bottom: 0;

    font-weight: bold; }

    .education-page .sectorI .desc:before {

      content: '';

      position: absolute;

      top: 14px;

      left: 0;

      width: 10px;

      height: 10px;

      background-color: #000000;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      border-radius: 50%; }

.education-page .sectorII {

  padding: 50px 0;

  background-color: #F9F9F9; }

  .education-page .sectorII .content {

    padding-bottom: 20px; }

  .education-page .sectorII .inner {

    width: 505px; }

.education-page .sectorIII {

  padding: 90px 0 100px 0; }

  .education-page .sectorIII .item-list {

    margin: 0 -15px; }

    .education-page .sectorIII .item-list > li {

      width: 33.33%;

      padding: 0 15px; }

  .education-page .sectorIII .thumb {

    padding-bottom: 25px; }

    .education-page .sectorIII .thumb .cover {

      padding-bottom: 60%;

      overflow: hidden; }

      .education-page .sectorIII .thumb .cover .lazy {

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1); }

  .education-page .sectorIII .link:hover .thumb .cover .lazy {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1); }



@media (max-width: 1600px) {

  .education-page .content .title {

    font-size: 70px; }



  .education-page .content .s-title {

    font-size: 50px; }



  .education-page .content .h-desc {

    font-size: 38px; }



  .education-page .content .desc {

    font-size: 28px; }



  .education-page .sectorI .s-title:before {

    top: 22px; }



  .education-page .sectorI .desc:before {

    top: 12px; } }

@media (max-width: 1440px) {

  .education-page .content .title {

    font-size: 60px; }



  .education-page .content .s-title {

    font-size: 40px; }



  .education-page .content .h-desc {

    font-size: 36px; }



  .education-page .content .desc {

    font-size: 26px; }



  .education-page .sectorI .s-title {

    padding-left: 30px; }



  .education-page .sectorI .s-title:before {

    top: 17px; }



  .education-page .sectorI .desc:before {

    top: 10px; }



  .education-page .sectorI .inner {

    padding-left: 30px; } }

@media (max-width: 1199px) {

  .education-page .content .title {

    font-size: 50px; }



  .education-page .content .s-title {

    font-size: 36px; }



  .education-page .content .h-desc {

    font-size: 30px; }



  .education-page .content .desc {

    font-size: 24px; }



  .education-page .sectorI {

    padding: 30px 0; }



  .education-page .sectorI .s-title {

    padding-left: 25px; }



  .education-page .sectorI .s-title:before {

    top: 15px;

    width: 12px;

    height: 12px; }



  .education-page .sectorI .desc:before {

    width: 8px;

    height: 8px; }



  .education-page .sectorI .inner {

    padding-left: 25px; }



  .education-page .sectorII {

    padding: 30px 0 0px 0; }



  .education-page .sectorII .inner {

    width: 100%; }



  .education-page .sectorIII {

    padding: 30px 0 50px 0; } }

@media (max-width: 991px) {

  .education-page .content .title {

    font-size: 40px; }



  .education-page .content .s-title {

    font-size: 30px;

    margin-bottom: 5px; }



  .education-page .content .h-desc {

    font-size: 26px; }



  .education-page .content .desc {

    font-size: 22px; }



  .education-page .sectorI .s-title {

    padding-left: 20px; }



  .education-page .sectorI .s-title:before {

    top: 12px;

    width: 10px;

    height: 10px; }



  .education-page .sectorI .inner {

    padding-left: 20px;

    padding-bottom: 15px; }



  .education-page .sectorIII .item-list {

    margin: 0 -5px; }



  .education-page .sectorIII .item-list > li {

    padding: 0 5px; } }

@media (max-width: 767px) {

  .education-page .content .title {

    font-size: 28px; }



  .education-page .content .s-title {

    font-size: 24px; }



  .education-page .content .h-desc {

    font-size: 22px; }



  .education-page .content .desc {

    font-size: 20px; }



  .education-page .sectorI {

    padding: 30px 0 20px 0; }



  .education-page .sectorI .row > div + div {

    margin-top: 15px; }



  .education-page .sectorI .s-title:before {

    top: 8px; }



  .education-page .sectorIII .item-list > li {

    width: 100%; } }

.equality-page .whead {

  margin-bottom: 15px; }

.equality-page .content .title {

  font-size: 80px;

  font-weight: bold;

  line-height: 1;

  color: #000000;

  margin-bottom: 15px; }

.equality-page .content .s-title {

  font-size: 54px;

  font-weight: bold;

  line-height: 1;

  color: #144188;

  margin-bottom: 15px; }

.equality-page .content .h-desc {

  font-size: 40px;

  font-weight: normal;

  line-height: 1.2;

  color: #000000;

  margin-bottom: 15px; }

.equality-page .content .desc {

  font-size: 30px;

  font-weight: normal;

  line-height: 1.2;

  color: #000000;

  margin-bottom: 15px; }

.equality-page .sectorI {

  padding: 30px 0 60px 0; }

  .equality-page .sectorI .content {

    padding-right: 130px; }

  .equality-page .sectorI .thumb {

    margin-top: -155px;

    margin-bottom: -60px; }

    .equality-page .sectorI .thumb .cover {

      width: 360px;

      padding-bottom: 160%; }

.equality-page .sectorII {

  padding: 50px 0;

  background-color: #F9F9F9; }

  .equality-page .sectorII .desc-box {

    width: 1100px; }

  .equality-page .sectorII .list-box {

    padding-left: 35px; }

    .equality-page .sectorII .list-box .desc {

      position: relative;

      padding-left: 15px;

      margin-bottom: 0; }

      .equality-page .sectorII .list-box .desc:before {

        content: '';

        position: absolute;

        top: 14px;

        left: 0;

        width: 10px;

        height: 10px;

        background-color: #000000;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        border-radius: 50%; }

.equality-page .sectorIII {

  padding: 50px 0 100px 0; }



@media (max-width: 1600px) {

  .equality-page .content .title {

    font-size: 70px; }



  .equality-page .content .s-title {

    font-size: 50px; }



  .equality-page .content .h-desc {

    font-size: 38px; }



  .equality-page .content .desc {

    font-size: 28px; }



  .equality-page .sectorI {

    padding: 30px 0 46px 0; }



  .equality-page .sectorII .list-box .desc:before {

    top: 13px; } }

@media (max-width: 1440px) {

  .equality-page .content .title {

    font-size: 60px; }



  .equality-page .content .s-title {

    font-size: 40px; }



  .equality-page .content .h-desc {

    font-size: 36px; }



  .equality-page .content .desc {

    font-size: 26px; }



  .equality-page .sectorI {

    padding: 30px 0 51px 0; }



  .equality-page .sectorII .list-box .desc:before {

    top: 12px;

    width: 9px;

    height: 9px; } }

@media (max-width: 1199px) {

  .equality-page .content .title {

    font-size: 50px; }



  .equality-page .content .s-title {

    font-size: 36px; }



  .equality-page .content .h-desc {

    font-size: 30px; }



  .equality-page .content .desc {

    font-size: 24px; }



  .equality-page .sectorI {

    padding: 0px 0 30px 0; }



  .equality-page .sectorI .content {

    padding-right: 30px; }



  .equality-page .sectorI .thumb {

    margin-top: 0;

    margin-bottom: -30px; }



  .equality-page .sectorI .thumb .cover {

    width: 300px;

    padding-bottom: 140%; }



  .equality-page .sectorII {

    padding: 40px 0; }



  .equality-page .sectorII .desc-box {

    width: 100%; }



  .equality-page .sectorII .list-box .desc:before {

    top: 10px;

    width: 8px;

    height: 8px; }



  .equality-page .sectorIII {

    padding: 40px 0 50px 0; } }

@media (max-width: 991px) {

  .equality-page .content .title {

    font-size: 40px; }



  .equality-page .content .s-title {

    font-size: 30px;

    margin-bottom: 5px; }



  .equality-page .content .h-desc {

    font-size: 26px; }



  .equality-page .content .desc {

    font-size: 22px; }



  .equality-page .sectorI .thumb {

    margin-bottom: 0; }



  .equality-page .sectorI .thumb .cover {

    width: 220px; }



  .equality-page .sectorII {

    padding: 30px 0; }



  .equality-page .sectorIII {

    padding: 30px 0; } }

@media (max-width: 767px) {

  .equality-page .content .title {

    font-size: 28px; }



  .equality-page .content .s-title {

    font-size: 24px; }



  .equality-page .content .h-desc {

    font-size: 22px; }



  .equality-page .content .desc {

    font-size: 20px; }



  .equality-page .sectorI .content {

    padding-right: 0; }



  .equality-page .sectorI .thumb .cover {

    width: 100%;

    padding-bottom: 90%; }



  .equality-page .sectorII .list-box {

    padding-left: 20px; }



  .equality-page .sectorII .list-box .desc:before {

    top: 9px;

    width: 6px;

    height: 6px; } }

.energy-page {

  background-image: url(../img/background/bg-detail.png);

  background-repeat: no-repeat;

  background-position: top center; }

  .energy-page .content .title {

    font-size: 80px;

    font-weight: bold;

    line-height: 1;

    color: #000000;

    margin-bottom: 15px; }

  .energy-page .content .s-title {

    font-size: 54px;

    font-weight: bold;

    line-height: 1;

    color: #144188;

    margin-bottom: 15px; }

  .energy-page .content .h-desc {

    font-size: 40px;

    font-weight: normal;

    line-height: 1.2;

    color: #000000;

    margin-bottom: 15px; }

  .energy-page .content .desc {

    font-size: 30px;

    font-weight: normal;

    line-height: 1.2;

    color: #000000;

    margin-bottom: 15px; }

  .energy-page .content table {

    width: 100%;

    border: 2px solid #3F7E44;

    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }

    .energy-page .content table th {

      padding: 10px 30px;

      text-align: center; }

      .energy-page .content table th + th {

        border-left: 2px solid #3F7E44; }

    .energy-page .content table td {

      vertical-align: top; }

      .energy-page .content table td + td {

        border-left: 2px solid #3F7E44; }

    .energy-page .content table .inner {

      padding: 30px;

      border-top: 2px solid #EEEEEE; }

    .energy-page .content table .title {

      margin-bottom: 0; }

    .energy-page .content table .s-title {

      margin-bottom: 0; }

    .energy-page .content table .h-desc {

      margin-bottom: 0; }

    .energy-page .content table .desc {

      margin-bottom: 0; }

      .energy-page .content table .desc + .desc {

        margin-top: 10px; }

  .energy-page .sectorI {

    padding-bottom: 70px; }

    .energy-page .sectorI .thumb {

      position: relative; }

      .energy-page .sectorI .thumb .cover {

        width: 620px;

        padding-bottom: 80%; }

    .energy-page .sectorI .txt {

      width: 360px;

      height: 312px;

      padding: 45px;

      display: flex;

      align-items: center;

      font-size: 60px;

      font-weight: bold;

      line-height: 0.8;

      color: #ffffff;

      background-image: radial-gradient(circle, #2b68c7 0%, #103a78 100%);

      position: absolute;

      bottom: -82px;

      right: 20px;

      -webkit-border-radius: 100px 0 100px 0;

      -moz-border-radius: 100px 0 100px 0;

      border-radius: 100px 0 100px 0; }

  .energy-page .sectorII {

    padding-bottom: 40px; }

    .energy-page .sectorII .thumb {

      width: 1270px;

      margin: 0 auto;

      margin-bottom: 80px;

      -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

      -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }

  .energy-page .sectorIII {

    padding-bottom: 90px; }

    .energy-page .sectorIII .thumb {

      width: 1010px;

      margin: 0 auto; }

      .energy-page .sectorIII .thumb + .thumb {

        margin-top: 30px; }

  .energy-page .sectorIV {

    background-color: #F9F9F9;

    padding: 60px 0 70px 0; }

  .energy-page .sectorV {

    padding: 100px 0 80px 0; }

    .energy-page .sectorV .content {

      width: 750px; }

    .energy-page .sectorV .thumb {

      text-align: right;

      padding-left: 40px; }

  .energy-page .sectorVI {

    padding-bottom: 60px; }

    .energy-page .sectorVI .content {

      width: 750px; }

    .energy-page .sectorVI .thumb {

      width: 620px; }

      .energy-page .sectorVI .thumb .item-list {

        margin: -15px; }

        .energy-page .sectorVI .thumb .item-list li {

          padding: 15px; }

        .energy-page .sectorVI .thumb .item-list li:nth-child(1) {

          width: 100%; }

        .energy-page .sectorVI .thumb .item-list li:nth-child(2) {

          width: 60%; }

        .energy-page .sectorVI .thumb .item-list li:nth-child(3) {

          width: 40%; }

        .energy-page .sectorVI .thumb .item-list li:nth-child(4) {

          width: 40%; }

      .energy-page .sectorVI .thumb .lazy {

        width: 100%; }

  .energy-page .sectorVII {

    padding-bottom: 70px; }

    .energy-page .sectorVII .content {

      padding-bottom: 50px; }

    .energy-page .sectorVII .thumb {

      width: 1010px;

      margin: 0 auto;

      -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

      -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }

  .energy-page .sectorVIII {

    padding-bottom: 30px; }

    .energy-page .sectorVIII .thumb {

      text-align: right; }

    .energy-page .sectorVIII .row + .row {

      margin-top: 70px; }

  .energy-page .sectorIX {

    padding-bottom: 100px; }

    .energy-page .sectorIX .thumb {

      width: 880px;

      margin: 0 auto; }

      .energy-page .sectorIX .thumb + .thumb {

        margin-top: 30px; }

  .energy-page .sectorX {

    padding-bottom: 80px; }

    .energy-page .sectorX .content .title {

      margin-bottom: 30px; }

  .energy-page .sectorXI {

    padding-bottom: 170px; }

    .energy-page .sectorXI .content .title {

      margin-bottom: 30px; }

  .energy-page .sectorXII {

    position: relative;

    padding: 70px 0 80px 0;

    overflow: hidden;

    background-image: radial-gradient(circle, #2b68c7 0%, #103a78 100%); }

    .energy-page .sectorXII:before {

      content: '';

      position: absolute;

      left: 0;

      bottom: 0;

      width: 1420px;

      height: 1120px;

      pointer-events: none;

      background-image: url(../img/static/energy-watermark.png);

      background-position: left bottom;

      background-repeat: no-repeat;

      background-size: contain; }

    .energy-page .sectorXII .lazy {

      -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

      -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }

    .energy-page .sectorXII .thumb {

      text-align: right;

      padding-left: 30px; }

    .energy-page .sectorXII .thumbII {

      text-align: left;

      padding-right: 30px; }

    .energy-page .sectorXII .content .title,

    .energy-page .sectorXII .content .s-title,

    .energy-page .sectorXII .content .h-desc,

    .energy-page .sectorXII .content .desc {

      color: #ffffff; }

    .energy-page .sectorXII .inner {

      width: 700px; }

    .energy-page .sectorXII .row + .row {

      margin-top: 30px; }

  .energy-page .sectorXIII {

    padding: 70px 0 100px 0; }



@media (max-width: 1600px) {

  .energy-page .content .title {

    font-size: 70px; }



  .energy-page .content .s-title {

    font-size: 50px; }



  .energy-page .content .h-desc {

    font-size: 38px; }



  .energy-page .content .desc {

    font-size: 28px; }



  .energy-page .sectorI .txt {

    width: 340px;

    height: 240px;

    padding: 35px;

    font-size: 50px;

    bottom: -70px;

    right: -10px; }



  .energy-page .sectorVI .thumb {

    width: 530px; }



  .energy-page .sectorVI .content {

    width: 720px; } }

@media (max-width: 1440px) {

  .energy-page .content .title {

    font-size: 60px; }



  .energy-page .content .s-title {

    font-size: 40px; }



  .energy-page .content .h-desc {

    font-size: 36px; }



  .energy-page .content .desc {

    font-size: 26px; }



  .energy-page .sectorI .thumb .cover {

    width: 520px; }



  .energy-page .sectorI .txt {

    width: 300px;

    height: 150px;

    padding: 35px;

    font-size: 40px;

    bottom: -50px;

    right: 0px;

    border-radius: 50px 0 50px 0; }



  .energy-page .sectorII .thumb {

    width: 100%;

    margin-bottom: 60px; }



  .energy-page .sectorV .content {

    width: 680px; }



  .energy-page .sectorVI .thumb {

    width: 550px; }



  .energy-page .sectorVI .content {

    width: 580px; } }

@media (max-width: 1199px) {

  .energy-page .content .title {

    font-size: 50px; }



  .energy-page .content .s-title {

    font-size: 36px; }



  .energy-page .content .h-desc {

    font-size: 30px; }



  .energy-page .content .desc {

    font-size: 24px; }



  .energy-page .content table th {

    padding: 5px 20px; }



  .energy-page .content table .inner {

    padding: 20px; }



  .energy-page .sectorI {

    padding-bottom: 50px; }



  .energy-page .sectorI .thumb .cover {

    width: 100%; }



  .energy-page .sectorI .txt {

    width: 220px;

    height: 100px;

    padding: 25px;

    font-size: 30px;

    bottom: -30px;

    border-radius: 30px 0 30px 0; }



  .energy-page .sectorII {

    padding-bottom: 30px; }



  .energy-page .sectorII .thumb {

    margin-bottom: 30px; }



  .energy-page .sectorIII {

    padding-bottom: 50px; }



  .energy-page .sectorIII .thumb {

    width: 100%; }



  .energy-page .sectorIV {

    padding: 50px 0; }



  .energy-page .sectorV {

    padding: 50px 0; }



  .energy-page .sectorV .content {

    width: 450px; }



  .energy-page .sectorVI {

    padding-bottom: 0px; }



  .energy-page .sectorVI .thumb {

    width: 420px; }



  .energy-page .sectorVI .thumb .item-list {

    margin: -5px; }



  .energy-page .sectorVI .thumb .item-list li {

    padding: 5px; }



  .energy-page .sectorVI .content {

    width: 500px; }



  .energy-page .sectorVII {

    padding-bottom: 50px; }



  .energy-page .sectorVII .content {

    padding-bottom: 0px; }



  .energy-page .sectorVII .thumb {

    width: 100%; }



  .energy-page .sectorVIII .row + .row {

    margin-top: 20px; }



  .energy-page .sectorIX {

    padding-bottom: 50px; }



  .energy-page .sectorX {

    padding-bottom: 50px; }



  .energy-page .sectorXI {

    padding-bottom: 50px; }



  .energy-page .sectorXII {

    padding: 50px 0; }



  .energy-page .sectorXII .inner {

    width: 450px; }



  .energy-page .sectorXII .thumb {

    padding-left: 10px; }



  .energy-page .sectorXII .thumbII {

    padding-right: 10px; }



  .energy-page .sectorXII .row + .row {

    margin-top: 10px; }



  .energy-page .sectorXIII {

    padding: 50px 0; } }

@media (max-width: 991px) {

  .energy-page .content .title {

    font-size: 40px; }



  .energy-page .content .s-title {

    font-size: 30px;

    margin-bottom: 5px; }



  .energy-page .content .h-desc {

    font-size: 26px; }



  .energy-page .content .desc {

    font-size: 22px; }



  .energy-page .sectorI {

    padding-bottom: 30px; }



  .energy-page .sectorI .thumb {

    margin-bottom: 30px; }



  .energy-page .sectorIII {

    padding-bottom: 30px; }



  .energy-page .sectorIV {

    padding: 30px 0; }



  .energy-page .sectorV {

    padding: 30px 0; }



  .energy-page .sectorV .thumb {

    text-align: center;

    padding-left: 0;

    padding-bottom: 20px; }



  .energy-page .sectorV .content {

    width: 100%; }



  .energy-page .sectorVI .thumb {

    width: 100%;

    padding-bottom: 20px; }



  .energy-page .sectorVI .content {

    width: 100%; }



  .energy-page .sectorVII {

    padding-bottom: 30px; }



  .energy-page .sectorVIII .thumb {

    text-align: center; }



  .energy-page .sectorIX {

    padding-bottom: 30px; }



  .energy-page .sectorIX .thumb {

    width: 100%; }



  .energy-page .sectorIX .thumb + .thumb {

    margin-top: 10px; }



  .energy-page .sectorX {

    padding-bottom: 30px; }



  .energy-page .sectorX .content .title {

    margin-bottom: 10px; }



  .energy-page .sectorXI {

    padding-bottom: 30px; }



  .energy-page .sectorXI .content .title {

    margin-bottom: 10px; }



  .energy-page .sectorXII {

    padding: 30px 0; }



  .energy-page .sectorXII .thumb {

    padding-left: 0;

    text-align: center;

    padding-bottom: 20px; }



  .energy-page .sectorXII .thumbII {

    padding-right: 0;

    text-align: center;

    padding-bottom: 20px; }



  .energy-page .sectorXII .inner {

    width: 100%; }



  .energy-page .sectorXIII {

    padding: 30px 0; } }

@media (max-width: 767px) {

  .energy-page .content .title {

    font-size: 28px;

    margin-bottom: 5px; }



  .energy-page .content .s-title {

    font-size: 24px;

    margin-bottom: 5px; }



  .energy-page .content .h-desc {

    font-size: 22px;

    margin-bottom: 5px; }



  .energy-page .content .desc {

    font-size: 20px;

    margin-bottom: 5px; }



  .energy-page .content table th {

    padding: 5px 10px; }



  .energy-page .content table .inner {

    padding: 10px; }



  .energy-page .sectorI .txt {

    width: 130px;

    height: 60px;

    padding: 15px;

    font-size: 20px;

    bottom: -20px;

    border-radius: 20px 0 20px 0; }



  .energy-page .sectorIII .thumb + .thumb {

    margin-top: 10px; } }

.circular-economy {

  color: #000; }

  .circular-economy .title {

    font-size: 80px;

    line-height: 1em;

    font-weight: bold;

    margin-bottom: 1.5rem; }

  .circular-economy p {

    font-size: 30px;

    line-height: 1.2em;

    margin-bottom: 1rem; }

  .circular-economy .whead {

    margin-bottom: 90px; }

  .circular-economy .circular-economy-head {

    background: linear-gradient(#265cb2 0%, #19458b 100%);

    color: #ffffff; }

    .circular-economy .circular-economy-head .images {

      margin-bottom: 5rem; }

      .circular-economy .circular-economy-head .images .front {

        position: absolute;

        top: -70px;

        right: 120px; }

    .circular-economy .circular-economy-head p i {

      position: relative;

      top: 5px; }

  .circular-economy .circular-economy-body .part {

    margin: 3rem 0; }

  .circular-economy .circular-economy-body .part.two .box {

    width: 100%;

    background: #fff;

    border: 2px solid #3f7e44;

    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }

    .circular-economy .circular-economy-body .part.two .box .topic {

      font-size: 54px;

      font-weight: bold;

      color: #144188;

      line-height: 1.1em; }

    .circular-economy .circular-economy-body .part.two .box .desc {

      font-size: 40px;

      line-height: 1.1em;

      color: #000;

      margin-bottom: 1rem; }



.circular-economy .title {

  font-size: 80px;

  line-height: 1em;

  font-weight: bold;

  margin-bottom: 1.5rem; }

.circular-economy p {

  font-size: 30px;

  line-height: 1.2em;

  margin-bottom: 1rem; }

.circular-economy .whead {

  margin-bottom: 90px; }

.circular-economy .circular-economy-head {

  background: linear-gradient(#265cb2 0%, #19458b 100%);

  color: #ffffff; }

  .circular-economy .circular-economy-head .images {

    margin-bottom: 5rem; }

    .circular-economy .circular-economy-head .images .front {

      position: absolute;

      top: -70px;

      right: 120px; }

  .circular-economy .circular-economy-head p i {

    position: relative;

    top: 5px; }

.circular-economy .circular-economy-body .part {

  margin: 3rem 0; }

.circular-economy .circular-economy-body .part.two .box {

  width: 100%;

  background: #fff;

  border: 2px solid #3f7e44;

  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }

  .circular-economy .circular-economy-body .part.two .box .topic {

    font-size: 54px;

    font-weight: bold;

    color: #144188;

    line-height: 1.1em; }

  .circular-economy .circular-economy-body .part.two .box .desc {

    font-size: 40px;

    line-height: 1.1em;

    color: #000; }

  .circular-economy .circular-economy-body .part.two .box .desc:last-child {

    padding-bottom: 1rem; }



@media (max-width: 1600px) {

  .circular-economy .title {

    font-size: 70px; }



  .circular-economy p {

    font-size: 28px; }



  .circular-economy .circular-economy-body .part.two .box .topic {

    font-size: 50px; }



  .circular-economy .circular-economy-body .part.two .box .desc {

    font-size: 36px; }



  .circular-economy .circular-economy-head .images .front {

    right: 70px; } }

@media (max-width: 1440px) {

  .circular-economy .title {

    font-size: 60px; }



  .circular-economy p {

    font-size: 26px; }



  .circular-economy .circular-economy-body .part.two .box .topic {

    font-size: 46px; }



  .circular-economy .circular-economy-body .part.two .box .desc {

    font-size: 32px; }



  .circular-economy .circular-economy-head .images img.behide {

    height: 600px; }



  .circular-economy .circular-economy-head .images img.front {

    height: 480px; } }

@media (max-width: 1199px) {

  .circular-economy .title {

    font-size: 50px; }



  .circular-economy p {

    font-size: 24px; }



  .circular-economy .circular-economy-body .part.two .box .topic {

    font-size: 42px; }



  .circular-economy .circular-economy-body .part.two .box .desc {

    font-size: 28px; }



  .circular-economy .circular-economy-head .images img.behide {

    height: 560px; }



  .circular-economy .circular-economy-head .images img.front {

    height: 400px; } }

@media (max-width: 991px) {

  .circular-economy .title {

    font-size: 42px; }



  .circular-economy p {

    font-size: 22px; }



  .circular-economy .circular-economy-body .part.two .box .topic {

    font-size: 38px; }



  .circular-economy .circular-economy-body .part.two .box .desc {

    font-size: 24px; }



  .circular-economy .circular-economy-head .images {

    margin-bottom: -2rem; }



  .circular-economy .circular-economy-head p i {

    position: relative;

    top: 3px; } }

@media (max-width: 767px) {

  .circular-economy .title {

    font-size: 34px; }



  .circular-economy p {

    font-size: 20px; }



  .circular-economy .circular-economy-body .part.two .box .topic {

    font-size: 30px; }



  .circular-economy .circular-economy-body .part.two .box .desc {

    font-size: 22px; }



  .circular-economy .circular-economy-head .images .front {

    right: 15px; }



  .circular-economy .circular-economy-head .images {

    margin-bottom: 0rem; } }

@media (max-width: 575px) {

  .circular-economy .title {

    font-size: 30px; }



  .circular-economy p {

    font-size: 18px; }



  .circular-economy .circular-economy-body .part.two .box .topic {

    font-size: 26px; }



  .circular-economy .circular-economy-body .part.two .box .desc {

    font-size: 20px; }



  .circular-economy .circular-economy-head .images .front {

    right: 15px; }



  .circular-economy .circular-economy-head .images img.behide {

    height: auto; }



  .circular-economy .circular-economy-head .images {

    margin-bottom: 0rem;

    width: 220px; }



  .circular-economy .circular-economy-head .images img.front {

    max-height: 250px; } }

@media (max-width: 425px) {

  .circular-economy .circular-economy-head .images {

    width: 200px; } }

.waste .waste-body .title {

  font-size: 80px;

  line-height: 1em;

  font-weight: bold;

  color: #000;

  margin-bottom: 1.5rem; }

.waste .waste-body p {

  font-size: 30px;

  line-height: 1.2em;

  margin-bottom: 1rem;

  color: #000; }

.waste .waste-body .subtitle {

  font-size: 54px;

  font-weight: bold;

  color: #144188;

  line-height: 1.1em; }

.waste .waste-body .part p {

  margin-bottom: 0; }

.waste .waste-body .graph img {

  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.09); }



@media (max-width: 1600px) {

  .waste .waste-body .title {

    font-size: 70px; }



  .waste .waste-body p {

    font-size: 28px; }



  .waste .waste-body .subtitle {

    font-size: 50px; } }

@media (max-width: 1440px) {

  .waste .waste-body .title {

    font-size: 60px; }



  .waste .waste-body p {

    font-size: 26px; }



  .waste .waste-body .subtitle {

    font-size: 46px; } }

@media (max-width: 1199px) {

  .waste .waste-body .title {

    font-size: 50px; }



  .waste .waste-body p {

    font-size: 24px; }



  .waste .waste-body .subtitle {

    font-size: 42px; }



  .waste .waste-body .part.three .graph.four {

    margin-top: -4rem; } }

@media (max-width: 991px) {

  .waste .waste-body .title {

    font-size: 42px; }



  .waste .waste-body p {

    font-size: 22px; }



  .waste .waste-body .subtitle {

    font-size: 36px; } }

@media (max-width: 767px) {

  .waste .waste-body .title {

    font-size: 30px; }



  .waste .waste-body p {

    font-size: 20px; }



  .waste .waste-body .subtitle {

    font-size: 26px; }



  .waste .waste-body .part.three .graph.four {

    margin-top: -3rem; }



  .bin-img {

    text-align: center !important; } }

@media (max-width: 767px) {

  .waste .waste-body .title {

    font-size: 28px; }



  .waste .waste-body p {

    font-size: 18px; }



  .waste .waste-body .subtitle {

    font-size: 24px; }



  .waste .waste-body .part.three .graph.four {

    margin-top: -2rem; } }

.transportation-page .content .title {

  font-size: 80px;

  font-weight: bold;

  line-height: 1;

  color: #000000;

  margin-bottom: 15px; }

.transportation-page .content .s-title {

  font-size: 54px;

  font-weight: bold;

  line-height: 1;

  color: #144188;

  margin-bottom: 15px; }

.transportation-page .content .h-desc {

  font-size: 40px;

  font-weight: normal;

  line-height: 1.2;

  color: #000000;

  margin-bottom: 15px; }

.transportation-page .content .desc {

  font-size: 30px;

  font-weight: normal;

  line-height: 1.2;

  color: #000000;

  margin-bottom: 15px; }

.transportation-page .sectorI {

  padding: 60px 0;

  background-color: #F9F9F9; }

  .transportation-page .sectorI .inner {

    padding-right: 120px; }

  .transportation-page .sectorI .thumb {

    position: relative; }

    .transportation-page .sectorI .thumb .cover {

      width: 620px;

      padding-bottom: 80%; }

  .transportation-page .sectorI .row + .row {

    margin-top: 70px; }

.transportation-page .sectorII .thumb {

  position: relative;

  left: -200px; }

  .transportation-page .sectorII .thumb .cover {

    width: 815px;

    padding-bottom: 170%; }

.transportation-page .sectorII .content {

  padding-left: 140px; }

.transportation-page .sectorIII {

  padding-top: 180px; }

  .transportation-page .sectorIII .thumb {

    width: 1270px;

    margin: 0 auto;

    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }

.transportation-page .sectorIV {

  padding-top: 70px;

  padding-bottom: 110px; }

  .transportation-page .sectorIV .content {

    width: 650px;

    padding-right: 30px; }

  .transportation-page .sectorIV .thumb {

    text-align: right;

    margin-bottom: -200px; }

.transportation-page .sectorV {

  padding: 100px 0 1px 0;

  background-color: #F9F9F9; }

  .transportation-page .sectorV .thumb-list {

    padding-top: 30px;

    margin-bottom: -60px; }

  .transportation-page .sectorV .item-list {

    margin: 0 -15px; }

    .transportation-page .sectorV .item-list li {

      width: 25%;

      padding: 0 15px; }

.transportation-page .sectorVI {

  padding-top: 150px; }

  .transportation-page .sectorVI .thumb {

    width: 80px;

    margin-bottom: 20px; }

.transportation-page .sectorVII {

  padding-top: 80px; }

  .transportation-page .sectorVII .content {

    padding-bottom: 40px; }

.transportation-page .sectorVIII {

  padding-top: 40px; }

  .transportation-page .sectorVIII .inner {

    padding-left: 25px;

    position: relative; }

    .transportation-page .sectorVIII .inner:before {

      content: '';

      position: absolute;

      top: 12px;

      left: 0;

      width: 14px;

      height: 14px;

      background-color: #144188;

      -webkit-border-radius: 5px 0 5px 0;

      -moz-border-radius: 5px 0 5px 0;

      border-radius: 5px 0 5px 0; }

  .transportation-page .sectorVIII .row + .row {

    margin-top: 40px; }

.transportation-page .sectorIX {

  padding-top: 80px; }

  .transportation-page .sectorIX .content {

    padding-bottom: 40px; }

  .transportation-page .sectorIX .-shadow {

    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }

.transportation-page .sectorX {

  padding-top: 80px; }

  .transportation-page .sectorX .inner {

    padding-left: 25px;

    position: relative; }

    .transportation-page .sectorX .inner:before {

      content: '';

      position: absolute;

      top: 3px;

      left: 0;

      width: 10px;

      height: 49px; }

    .transportation-page .sectorX .inner.-typeI:before {

      background-color: #3F7E44; }

    .transportation-page .sectorX .inner.-typeI .s-title {

      color: #3F7E44; }

    .transportation-page .sectorX .inner.-typeII:before {

      background-color: #144188; }

    .transportation-page .sectorX .inner.-typeII .s-title {

      color: #144188; }

    .transportation-page .sectorX .inner.-typeIII:before {

      background-color: #E20000; }

    .transportation-page .sectorX .inner.-typeIII .s-title {

      color: #E20000; }

    .transportation-page .sectorX .inner.-typeIV:before {

      background-color: #E5D468; }

    .transportation-page .sectorX .inner.-typeIV .s-title {

      color: #E5D468; }

.transportation-page .sectorXI {

  padding-top: 120px; }

  .transportation-page .sectorXI .content {

    padding-bottom: 30px; }

.transportation-page .sectorXII {

  padding-top: 100px; }

.transportation-page .sectorXIII {

  padding-top: 40px; }

  .transportation-page .sectorXIII .thumb + .thumb {

    margin-top: 30px; }

  .transportation-page .sectorXIII .content {

    width: 750px; }

.transportation-page .sectorXIV {

  padding-top: 80px; }

  .transportation-page .sectorXIV .thumb {

    width: 880px;

    margin: 0 auto;

    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }

.transportation-page .sectorXV {

  padding-top: 80px;

  padding-bottom: 100px; }



@media (max-width: 1600px) {

  .transportation-page .content .title {

    font-size: 70px; }



  .transportation-page .content .s-title {

    font-size: 50px; }



  .transportation-page .content .h-desc {

    font-size: 38px; }



  .transportation-page .content .desc {

    font-size: 28px; }



  .transportation-page .sectorII .thumb {

    left: -142px; }



  .transportation-page .sectorII .thumb .cover {

    width: 680px; }



  .transportation-page .sectorII .content {

    padding-left: 90px; }



  .transportation-page .sectorIII {

    padding-top: 100px; } }

@media (max-width: 1440px) {

  .transportation-page .content .title {

    font-size: 60px; }



  .transportation-page .content .s-title {

    font-size: 40px; }



  .transportation-page .content .h-desc {

    font-size: 36px; }



  .transportation-page .content .desc {

    font-size: 26px; }



  .transportation-page .sectorI .thumb .cover {

    width: 520px; }



  .transportation-page .sectorI .inner {

    padding-right: 50px; }



  .transportation-page .sectorI .row + .row {

    margin-top: 60px; }



  .transportation-page .sectorII .thumb {

    left: -40px; }



  .transportation-page .sectorII .thumb .cover {

    width: 530px;

    padding-bottom: 150%; }



  .transportation-page .sectorII .content {

    padding-left: 50px; }



  .transportation-page .sectorIII {

    padding-top: 70px; }



  .transportation-page .sectorIII .thumb {

    width: 100%; }



  .transportation-page .sectorVI .thumb {

    width: 70px; }



  .transportation-page .sectorVII {

    padding-top: 60px; }



  .transportation-page .sectorIX {

    padding-top: 60px; }



  .transportation-page .sectorX {

    padding-top: 60px; }



  .transportation-page .sectorXI {

    padding-top: 60px; }



  .transportation-page .sectorXII {

    padding-top: 60px; }



  .transportation-page .sectorXIII {

    padding-top: 30px; }



  .transportation-page .sectorXIII .content {

    width: 650px; }



  .transportation-page .sectorXIV {

    padding-top: 60px; }



  .transportation-page .sectorXV {

    padding-top: 60px;

    padding-bottom: 60px; } }

@media (max-width: 1199px) {

  .transportation-page .content .title {

    font-size: 50px; }



  .transportation-page .content .s-title {

    font-size: 36px; }



  .transportation-page .content .h-desc {

    font-size: 30px; }



  .transportation-page .content .desc {

    font-size: 24px; }



  .transportation-page .sectorI .thumb .cover {

    width: 380px; }



  .transportation-page .sectorI .row + .row {

    margin-top: 30px; }



  .transportation-page .sectorII .thumb .cover {

    width: 430px;

    padding-bottom: 210%; }



  .transportation-page .sectorII .content {

    padding-left: 30px; }



  .transportation-page .sectorIII {

    padding-top: 60px; }



  .transportation-page .sectorIV {

    padding-top: 60px;

    padding-bottom: 50px; }



  .transportation-page .sectorIV .thumb {

    margin-bottom: 0; }



  .transportation-page .sectorV {

    padding: 50px 0 1px 0; }



  .transportation-page .sectorV .thumb-list {

    padding-top: 10px; }



  .transportation-page .sectorVI {

    padding-top: 90px; }



  .transportation-page .sectorVI .thumb {

    width: 50px;

    margin-bottom: 15px; }



  .transportation-page .sectorVII {

    padding-top: 30px; }



  .transportation-page .sectorVII .content {

    padding-bottom: 20px; }



  .transportation-page .sectorVIII .inner {

    padding-left: 20px; }



  .transportation-page .sectorVIII .inner:before {

    top: 9px;

    width: 10px;

    height: 10px; }



  .transportation-page .sectorVIII .row + .row {

    margin-top: 10px; }



  .transportation-page .sectorIX {

    padding-top: 30px; }



  .transportation-page .sectorIX .content {

    padding-bottom: 10px; }



  .transportation-page .sectorX {

    padding-top: 30px; }



  .transportation-page .sectorX .inner {

    padding-left: 20px; }



  .transportation-page .sectorX .inner:before {

    top: 2px;

    width: 6px;

    height: 35px; }



  .transportation-page .sectorXI {

    padding-top: 30px; }



  .transportation-page .sectorXI .content {

    padding-bottom: 10px; }



  .transportation-page .sectorXII {

    padding-top: 30px; }



  .transportation-page .sectorXIII {

    padding-top: 0; }



  .transportation-page .sectorXIII .content {

    width: 500px; }



  .transportation-page .sectorXIV {

    padding-top: 30px; }



  .transportation-page .sectorXV {

    padding-top: 30px;

    padding-bottom: 30px; } }

@media (max-width: 991px) {

  .transportation-page .content .title {

    font-size: 40px; }



  .transportation-page .content .s-title {

    font-size: 30px;

    margin-bottom: 5px; }



  .transportation-page .content .h-desc {

    font-size: 26px; }



  .transportation-page .content .desc {

    font-size: 22px; }



  .transportation-page .sectorI {

    padding: 30px 0; }



  .transportation-page .sectorI .inner {

    padding-right: 0; }



  .transportation-page .sectorI .thumb .cover {

    width: 100%; }



  .transportation-page .sectorI .row + .row {

    margin-top: 20px; }



  .transportation-page .sectorII .thumb {

    left: 0; }



  .transportation-page .sectorII .thumb .cover {

    width: 100%;

    padding-bottom: 90%; }



  .transportation-page .sectorII .content {

    padding-left: 0;

    padding-top: 20px; }



  .transportation-page .sectorIII {

    padding-top: 30px; }



  .transportation-page .sectorIV {

    padding-top: 30px;

    padding-bottom: 30px; }



  .transportation-page .sectorIV .content {

    width: 100%;

    padding-right: 0; }



  .transportation-page .sectorV {

    padding: 20px 0 1px 0; }



  .transportation-page .sectorVI {

    padding-top: 80px; }



  .transportation-page .sectorVI .thumb {

    width: 35px;

    margin-bottom: 10px; }



  .transportation-page .sectorVII .content {

    padding-bottom: 0px; }



  .transportation-page .sectorVIII {

    padding-top: 20px; }



  .transportation-page .sectorXI {

    padding-top: 20px; }



  .transportation-page .sectorXIII .thumb {

    text-align: center; }



  .transportation-page .sectorXIII .thumb + .thumb {

    margin-top: 20px; }



  .transportation-page .sectorXIII .content {

    width: 100%;

    padding-top: 20px; }



  .transportation-page .sectorXIV {

    padding-top: 0px; }



  .transportation-page .sectorXIV .thumb {

    width: 100%; } }

@media (max-width: 767px) {

  .transportation-page .content .title {

    font-size: 28px;

    margin-bottom: 5px; }



  .transportation-page .content .s-title {

    font-size: 24px;

    margin-bottom: 5px; }



  .transportation-page .content .h-desc {

    font-size: 22px;

    margin-bottom: 5px; }



  .transportation-page .content .desc {

    font-size: 20px;

    margin-bottom: 5px; }



  .transportation-page .sectorI {

    padding: 20px 0; }



  .transportation-page .sectorIII {

    padding-top: 10px; }



  .transportation-page .sectorV .item-list {

    margin: 0 -5px; }



  .transportation-page .sectorV .item-list li {

    width: 100%;

    padding: 5px; }



  .transportation-page .sectorVIII .inner:before {

    top: 7px; }



  .transportation-page .sectorIX .-shadow {

    margin-top: 10px; }



  .transportation-page .sectorX {

    padding-top: 20px; }



  .transportation-page .sectorXI .content {

    padding-bottom: 0; }



  .transportation-page .sectorXI .thumb {

    padding: 10px 0; } }

.water-page .content .title {

  font-size: 80px;

  font-weight: bold;

  line-height: 1;

  color: #000000;

  margin-bottom: 15px; }

.water-page .content .s-title {

  font-size: 54px;

  font-weight: bold;

  line-height: 1;

  color: #144188;

  margin-bottom: 15px; }

.water-page .content .h-desc {

  font-size: 40px;

  font-weight: normal;

  line-height: 1.2;

  color: #000000;

  margin-bottom: 15px; }

.water-page .content .desc {

  font-size: 30px;

  font-weight: normal;

  line-height: 1.2;

  color: #000000;

  margin-bottom: 15px; }

.water-page .sectorI {

  padding: 80px 0;

  background-color: #F9F9F9;

  background-image: url(../img/background/bg-water-sectorI.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat; }

  .water-page .sectorI .content .title,

  .water-page .sectorI .content .s-title,

  .water-page .sectorI .content .h-desc,

  .water-page .sectorI .content .desc {

    color: #ffffff; }

.water-page .sectorII {

  padding-top: 80px; }

  .water-page .sectorII .thumb {

    position: relative;

    top: -180px;

    text-align: right; }

    .water-page .sectorII .thumb .cover {

      width: 600px;

      padding-bottom: 90%; }

  .water-page .sectorII .content {

    padding-right: 40px; }

  .water-page .sectorII .row {

    margin-bottom: 30px; }

.water-page .sectorIII {

  padding-top: 10px; }

  .water-page .sectorIII .row + .desc {

    margin-top: 20px; }

  .water-page .sectorIII .desc + .row {

    margin-top: 30px; }

.water-page .sectorIV {

  padding-top: 60px;

  padding-bottom: 100px; }

  .water-page .sectorIV .thumb {

    width: 1270px;

    margin: 0 auto;

    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }

.water-page .sectorV {

  background-color: #F9F9F9;

  padding: 50px 0; }

  .water-page .sectorV .content {

    padding-right: 150px; }

  .water-page .sectorV .thumb {

    margin: -50px -200px -50px 0; }

.water-page .sectorVI {

  padding-top: 50px; }

.water-page .sectorVII {

  padding-top: 50px; }

  .water-page .sectorVII .content {

    padding-bottom: 30px; }

  .water-page .sectorVII .row {

    margin-top: 30px; }

.water-page .sectorVIII {

  padding-top: 60px; }

  .water-page .sectorVIII .thumb {

    width: 620px; }

.water-page .sectorIX {

  padding-top: 40px; }

  .water-page .sectorIX .thumb {

    width: 1270px;

    margin: 0 auto;

    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09);

    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.09); }

.water-page .sectorX {

  padding-top: 60px;

  padding-bottom: 130px; }

  .water-page .sectorX .thumb-list {

    padding-top: 60px; }

    .water-page .sectorX .thumb-list .item-list {

      margin: 0 -15px; }

      .water-page .sectorX .thumb-list .item-list li {

        padding: 0 15px;

        width: 25%; }



@media (max-width: 1600px) {

  .water-page .content .title {

    font-size: 70px; }



  .water-page .content .s-title {

    font-size: 50px; }



  .water-page .content .h-desc {

    font-size: 38px; }



  .water-page .content .desc {

    font-size: 28px; }



  .water-page .sectorII .row {

    margin-bottom: 0px; }



  .water-page .sectorII .thumb .cover {

    width: 550px; }



  .water-page .sectorV .content {

    padding-right: 100px; }



  .water-page .sectorX {

    padding-bottom: 100px; } }

@media (max-width: 1440px) {

  .water-page .content .title {

    font-size: 60px; }



  .water-page .content .s-title {

    font-size: 40px; }



  .water-page .content .h-desc {

    font-size: 36px; }



  .water-page .content .desc {

    font-size: 26px; }



  .water-page .sectorI {

    padding: 60px 0; }



  .water-page .sectorII {

    padding-top: 60px; }



  .water-page .sectorII .thumb {

    top: -150px; }



  .water-page .sectorII .thumb .cover {

    width: 480px; }



  .water-page .sectorIV {

    padding-top: 50px;

    padding-bottom: 50px; }



  .water-page .sectorIV .thumb {

    width: 100%; }



  .water-page .sectorV .content {

    padding-right: 30px; }



  .water-page .sectorV .thumb {

    margin: 0px -120px 0px 0;

    width: 520px; }



  .water-page .sectorVIII .thumb {

    width: 500px; }



  .water-page .sectorIX .thumb {

    width: 100%; }



  .water-page .sectorX {

    padding-bottom: 80px; }



  .water-page .sectorX .thumb-list {

    padding-top: 40px; } }

@media (max-width: 1199px) {

  .water-page .content .title {

    font-size: 50px; }



  .water-page .content .s-title {

    font-size: 36px; }



  .water-page .content .h-desc {

    font-size: 30px; }



  .water-page .content .desc {

    font-size: 24px; }



  .water-page .sectorI {

    padding: 40px 0; }



  .water-page .sectorII .thumb {

    top: 0; }



  .water-page .sectorII .thumb .cover {

    width: 380px; }



  .water-page .sectorV .thumb {

    margin: 0px -40px 0px 0;

    width: 480px; }



  .water-page .sectorVIII .thumb {

    width: 380px; }



  .water-page .sectorX {

    padding-bottom: 50px; } }

@media (max-width: 991px) {

  .water-page .content .title {

    font-size: 40px; }



  .water-page .content .s-title {

    font-size: 30px;

    margin-bottom: 5px; }



  .water-page .content .h-desc {

    font-size: 26px; }



  .water-page .content .desc {

    font-size: 22px; }



  .water-page .sectorII {

    padding-top: 50px; }



  .water-page .sectorII .row {

    margin-bottom: 20px; }



  .water-page .sectorII .content {

    padding-right: 0; }



  .water-page .sectorII .thumb .cover {

    width: 100%; }



  .water-page .sectorIII .row .desc {

    margin-bottom: 0; }



  .water-page .sectorV .content {

    padding-right: 0px; }



  .water-page .sectorV .thumb {

    margin: 0;

    width: 100%; }



  .water-page .sectorVI {

    padding-top: 40px; }



  .water-page .sectorVII {

    padding-top: 40px; }



  .water-page .sectorVII .content {

    padding-bottom: 10px; }



  .water-page .sectorVII .thumb {

    text-align: center;

    padding: 10px 0; }



  .water-page .sectorVIII .thumb {

    width: 100%;

    text-align: center; }



  .water-page .sectorX .row .thumb {

    padding-bottom: 20px; }



  .water-page .sectorX .thumb-list {

    padding-top: 10px; } }

@media (max-width: 767px) {

  .water-page .content .title {

    font-size: 28px;

    margin-bottom: 5px; }



  .water-page .content .s-title {

    font-size: 24px;

    margin-bottom: 5px; }



  .water-page .content .h-desc {

    font-size: 22px;

    margin-bottom: 5px; }



  .water-page .content .desc {

    font-size: 20px;

    margin-bottom: 5px; }



  .water-page .sectorI {

    padding: 20px 0; }



  .water-page .sectorII {

    padding-top: 30px; }



  .water-page .sectorIII .desc + .row {

    margin-top: 0px; }



  .water-page .sectorIII .row .thumb {

    margin-top: 10px; }



  .water-page .sectorIV {

    padding-top: 30px;

    padding-bottom: 30px; }



  .water-page .sectorV {

    padding: 30px 0; }



  .water-page .sectorVI {

    padding-top: 20px; }



  .water-page .sectorVII {

    padding-top: 20px; }



  .water-page .sectorVII .row {

    margin-top: 0px; }



  .water-page .sectorVIII {

    padding-top: 20px; }



  .water-page .sectorIX {

    padding-top: 20px; }



  .water-page .sectorX {

    padding-bottom: 30px;

    padding-top: 20px; }



  .water-page .sectorX .row .thumb {

    padding-bottom: 10px; }



  .water-page .sectorX .thumb-list .item-list {

    margin: -10px; }



  .water-page .sectorX .thumb-list .item-list li {

    padding: 10px;

    width: 50%; } }

/* layouts */

.site-header {

  position: fixed;

  z-index: 99;

  border-top: 4px solid #144188;

  background-color: #ffffff;

  width: 100%;

  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.09);

  -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0.09);

  box-shadow: 0 0 60px rgba(0, 0, 0, 0.09); }

  .site-header .headerbar {

    padding: 0 100px; }

  .site-header .height {

    height: 116px;

    align-items: center; }

  .site-header .logo .lazy {

    height: 70px; }

  .site-header nav.menu {

    display: flex;

    justify-content: flex-end;

    padding-right: 50px;

    margin-right: 50px;

    border-right: 1px solid #E2E2E2; }

  .site-header .nav-search {

    position: relative;

    top: 0px;

    z-index: 1;

    display: block;

    line-height: 1;

    width: 24px;

    height: 24px;

    margin-bottom: 0;

    -webkit-transition: All 400ms ease;

    -moz-transition: All 400ms ease;

    -o-transition: All 400ms ease;

    -ms-transition: All 400ms ease;

    transition: All 400ms ease; }

    .site-header .nav-search .link.-search {

      position: relative;

      font-size: 22px;

      color: #000000;

      display: block;

      text-align: center;

      -webkit-border-radius: 50px;

      -moz-border-radius: 50px;

      border-radius: 50px;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

      .site-header .nav-search .link.-search span {

        line-height: 54px; }

      .site-header .nav-search .link.-search:hover {

        color: #144188; }

    .site-header .nav-search .search-form {

      margin: 0;

      position: absolute;

      top: -15px;

      right: 0;

      width: 32px;

      height: 54px;

      background-color: transparent;

      -webkit-border-radius: 30px;

      -moz-border-radius: 30px;

      border-radius: 30px;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

      .site-header .nav-search .search-form form {

        width: 0px;

        background-color: transparent;

        position: absolute;

        top: 0;

        opacity: 0;

        pointer-events: none;

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease; }

      .site-header .nav-search .search-form .height {

        height: 0;

        -webkit-transition: All 400ms ease;

        -moz-transition: All 400ms ease;

        -o-transition: All 400ms ease;

        -ms-transition: All 400ms ease;

        transition: All 400ms ease; }

    .site-header .nav-search .form-control {

      width: 0;

      height: 54px;

      background-color: #ffffff;

      border: none;

      padding: 0;

      font-size: 22px;

      color: #666666;

      -webkit-border-radius: 0;

      -moz-border-radius: 0;

      border-radius: 0;

      -webkit-box-shadow: none;

      -moz-box-shadow: none;

      box-shadow: none;

      -webkit-transition: All 400ms ease;

      -moz-transition: All 400ms ease;

      -o-transition: All 400ms ease;

      -ms-transition: All 400ms ease;

      transition: All 400ms ease; }

    .site-header .nav-search .btn {

      min-width: 80px;

      height: 40px;

      line-height: 40px;

      font-size: 18px;

      font-weight: normal;

      margin-left: 5px;

      padding: 0 20px; }

    .site-header .nav-search .icon-close {

      opacity: 0;

      visibility: hidden;

      position: absolute;

      top: 17px;

      right: 14px;

      width: 22px;

      height: 22px;

      background-size: 100%; }

  .site-header .nav-search.open .link.-search {

    line-height: 54px;

    padding-left: 15px;

    color: #144188;

    text-align: left; }

  .site-header .nav-search.open .search-form {

    border-color: #D4D4D4;

    width: 1160px;

    overflow: hidden;

    background-color: #ffffff;

    border: 1px solid #D4D4D4; }

    .site-header .nav-search.open .search-form form {

      width: auto;

      opacity: 1;

      pointer-events: visible;

      left: 60px;

      right: 50px; }

    .site-header .nav-search.open .search-form .height {

      height: 38px; }

  .site-header .nav-search.open .form-control {

    width: 100%; }

    .site-header .nav-search.open .form-control:focus {

      border-bottom-color: #144188; }

  .site-header .nav-search.open .icon-close {

    opacity: 0.4;

    visibility: visible;

    display: block;

    font-size: 22px; }

    .site-header .nav-search.open .icon-close span {

      line-height: 20px; }

    .site-header .nav-search.open .icon-close:hover {

      opacity: 0.6; }

  .site-header .language-box {

    padding-left: 30px; }

    .site-header .language-box li + li {

      margin-left: 30px; }

    .site-header .language-box .link {

      width: 40px;

      height: 40px;

      text-align: center;

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 22px;

      font-weight: 500;

      color: #000000;

      border: 1px solid transparent;

      position: relative;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      border-radius: 50%; }

      .site-header .language-box .link:hover {

        color: #3F7E44; }

    .site-header .language-box li.active .link {

      color: #3F7E44;

      border-color: #3F7E44; }



.site-footer {

  position: relative;

  background-color: #ffffff;

  border-top: 5px solid #3F7E44;

  background-image: url(../img/background/bg-site-footer.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover; }

  .site-footer .Totop {

    position: absolute;

    z-index: 1;

    top: -40px;

    right: 95px;

    width: 70px;

    height: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #3F7E44;

    border: 1px solid #3F7E44;

    -webkit-transition: all 400ms ease-out;

    -moz-transition: all 400ms ease-out;

    -o-transition: all 400ms ease-out;

    -ms-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%; }

    .site-footer .Totop .icon {

      font-size: 22px;

      line-height: 1;

      color: #ffffff;

      -webkit-transition: all 400ms ease-out;

      -moz-transition: all 400ms ease-out;

      -o-transition: all 400ms ease-out;

      -ms-transition: all 400ms ease-out;

      transition: all 400ms ease-out; }

    .site-footer .Totop:hover {

      background-color: #ffffff; }

      .site-footer .Totop:hover .icon {

        color: #3F7E44; }



.footer-top {

  padding: 50px 0; }

  .footer-top .row {

    align-items: flex-end; }

  .footer-top .logo .icon > .lazy {

    height: 90px; }

  .footer-top .logo .content {

    padding-top: 20px;

    font-size: 22px;

    font-weight: 500;

    line-height: 1;

    color: #000000; }

  .footer-top .policy .item-list {

    padding-top: 25px;

    margin: -5px -25px; }

    .footer-top .policy .item-list li {

      padding: 5px 25px;

      position: relative; }

      .footer-top .policy .item-list li + li:before {

        content: '';

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        width: 1px;

        height: 14px;

        margin: auto;

        background-color: #D4D4D4; }

  .footer-top .policy .link {

    font-size: 18px;

    font-weight: normal;

    line-height: 1;

    color: #000000; }

    .footer-top .policy .link:hover {

      color: #3F7E44; }

  .footer-top .title {

    font-size: 32px;

    font-weight: 500;

    line-height: 1;

    color: #3F7E44; }

  .footer-top .desc {

    padding-top: 20px;

    font-size: 22px;

    font-weight: 500;

    line-height: 1;

    color: #000000; }

  .footer-top .social .item-list {

    padding-top: 25px; }

    .footer-top .social .item-list li + li {

      margin-left: 12px; }

  .footer-top .social .link {

    width: 46px;

    height: 46px;

    border: 1px solid #D4D4D4;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%; }

    .footer-top .social .link .lazy {

      filter: grayscale(1) brightness(3);

      -webkit-transition: all 400ms ease-out;

      -moz-transition: all 400ms ease-out;

      -o-transition: all 400ms ease-out;

      -ms-transition: all 400ms ease-out;

      transition: all 400ms ease-out; }

  .footer-top .social .link:hover {

    border-color: #144188; }

    .footer-top .social .link:hover .lazy {

      filter: grayscale(0) brightness(1); }



.footer-bottom {

  background-color: #144188; }

  .footer-bottom .height {

    height: 65px;

    align-items: center; }

  .footer-bottom .txt {

    font-size: 26px;

    font-weight: 500;

    line-height: 1;

    color: #ffffff; }

    .footer-bottom .txt .line {

      display: inline-block;

      vertical-align: middle;

      margin: 0 20px; }

    .footer-bottom .txt .link {

      color: #ffffff; }

      .footer-bottom .txt .link:hover {

        color: #f00; }



@media (max-width: 1600px) {

  .container.-lg {

    max-width: 1330px; }



  .site-header .headerbar {

    padding: 0 50px; }



  .site-header nav.menu {

    padding-right: 30px;

    margin-right: 30px; }



  .site-header .language-box {

    padding-left: 15px; }



  .site-header .language-box li + li {

    margin-left: 15px; }



  .site-header .nav-search.open .search-form {

    width: 850px; }



  nav.menu li + li {

    margin-left: 30px; }



  .main-slider .cover,

  .main-slider .iframe-container {

    padding-bottom: 50%; }



  .main-slider .content .title {

    font-size: 100px; }



  .wg-highlights .highlights-box {

    width: 450px;

    height: 740px;

    padding-top: 110px; }



  .wg-highlights .box:nth-child(odd) .row-item .highlights-box {

    margin-left: -60px;

    padding-left: 60px;

    padding-right: 60px; }



  .wg-highlights .box:nth-child(even) .row-item .highlights-box {

    margin-right: -60px;

    padding-right: 60px;

    padding-left: 60px; }



  .wg-highlights .highlights-box .h-title {

    font-size: 50px;

    margin-bottom: 30px;

    padding-left: 30px; }



  .wg-highlights .highlights-box .h-title:before {

    width: 60px;

    height: 60px; }



  .wg-highlights .highlights-box .title {

    font-size: 60px; }



  .wg-highlights .highlights-box .desc {

    font-size: 30px;

    margin-bottom: 40px; }



  .wg-highlights .highlights-box .action .link {

    font-size: 20px; }



  .wg-highlights-slider {

    width: 880px; }



  .wg-highlights-slider .highlights-nav .number {

    font-size: 34px; }



  .wg-highlights-slider .highlights-nav .txt {

    padding: 0 6px;

    font-size: 16px;

    max-width: 100px; }



  .wg-highlights-slider .highlights-nav .icon .lazy {

    height: 26px;

    max-width: 40px; }



  .wg-highlights-slider .highlights-for .thumb .cover {

    padding-bottom: 130%; }



  .wg-highlights-slider .highlights-for .content {

    padding-top: 20px; }



  .wg-highlights-slider .highlights-for .content .number-list {

    top: -70px; }



  .wg-highlights-slider .highlights-for .content .number {

    width: 45px;

    height: 45px;

    font-size: 24px; }



  .wg-highlights-slider .highlights-for .content .date {

    font-size: 20px; }



  .wg-highlights-slider .highlights-for .content .title {

    font-size: 30px; }



  .wg-highlights-slider .highlights-for .content .desc {

    font-size: 22px; }



  .wg-sustainable-policies:before {

    width: 720px;

    height: 610px; }



  .wg-sustainable-policies .h-title {

    font-size: 80px; }



  .wg-sustainable-policies .content .img {

    top: 70px; }



  .wg-sustainable-policies .content .title {

    font-size: 46px; }



  .wg-sustainable-policies .content .s-title {

    font-size: 36px; }



  .wg-sustainable-policies .content .desc {

    font-size: 24px;

    margin-bottom: 40px; }



  .wg-sustainable-policies .content .action .link {

    font-size: 20px; }



  .wg-sustainable-policies .strategy-list .title {

    font-size: 36px; }



  .wg-sustainable-policies .strategy-list .thumb .contain {

    width: 80px;

    height: 80px; }



  .wg-sustainable-policies .strategy-list .link {

    height: 290px; }



  .wg-sustainable-policies .strategy-list .txt {

    font-size: 28px; }



  .wg-browse-courses .inner {

    padding-top: 100px; }



  .wg-browse-courses .h-title {

    font-size: 90px;

    margin-bottom: 60px; }



  .wg-sustainable .h-title {

    font-size: 80px; }



  .whead .wtxt {

    font-size: 110px; }



  .whead .wtxt.-sm {

    font-size: 44px; }



  .whead .wtxt.-sm:before {

    top: -15px; }



  .strategic-page .txt {

    font-size: 46px;

    margin-bottom: 15px; }



  .strategic-page .title {

    font-size: 70px; }



  .strategic-page .desc {

    font-size: 36px; }



  .strategic-head .thumb .cover {

    width: 420px; }



  .strategic-head .thumb .icon {

    height: 200px;

    width: 200px; }



  .strategic-head .thumb .icon .lazy {

    width: 90px;

    height: 90px; }



  .strategic-head .content {

    padding-left: 100px; }



  .highlights-page .tab-content .content {

    width: 500px; }



  .highlights-list {

    width: 770px; }



  .highlights-list .number {

    font-size: 50px; }



  .highlights-list .txt {

    font-size: 26px; }



  .highlights-list .icon .lazy {

    height: 40px;

    max-width: 60px; }



  .highlights-list .desc {

    font-size: 28px; }



  .highlights-list .action .more {

    font-size: 20px; }



  .highlights-list .item-list > li:first-child .wrapper {

    padding: 35px; }



  .highlights-list .item-list > li:first-child .number {

    font-size: 100px; }



  .highlights-list .item-list > li:first-child .txt {

    font-size: 38px;

    left: 90px;

    top: -2px; }



  .highlights-list .item-list > li:first-child .icon {

    max-width: 180px;

    height: 80px; }



  .highlights-list .item-list > li:first-child .icon .lazy {

    height: 80px;

    max-width: 180px; }



  .SDGs-head .content .title {

    font-size: 38px;

    margin-bottom: 15px; }



  .SDGs-head .content .desc {

    font-size: 32px; }



  .SDGs-head .highlights-list {

    width: 450px; }



  .SDGs-body .h-title {

    font-size: 68px;

    margin-bottom: 40px; }



  .font-base-editor, .editor-content, .editor-content p,

  .editor-content,

  .editor-content p {

    font-size: 28px; }



  .detail-top .tag-list .link {

    width: 70px;

    height: 70px; }



  .detail-top .tag-list .lazy {

    width: 42px;

    height: 42px; }



  .detail-head .thumb .cover {

    width: 450px;

    padding-bottom: 535px; }



  .detail-head .content {

    padding: 0 60px; }



  .detail-head .title {

    font-size: 44px; }



  .detail-head .title + .SDGs-about {

    margin-top: 80px; }



  .detail-head .SDGs-about .mcscrollX {

    max-width: 730px; }



  .detail-body .Links-box .title {

    font-size: 48px; }



  .detail-body .Links-box .wrapper {

    padding: 20px 60px 20px 110px; }



  .detail-body .Links-box .txt {

    font-size: 28px; }



  .detail-body .Links-box .url {

    font-size: 28px; }



  .detail-end .row {

    height: 500px; }



  .detail-end .boxI:before {

    width: 540px;

    height: 440px; }



  .detail-end .boxI .title {

    font-size: 62px; }



  .detail-end .boxI .desc {

    font-size: 28px; }



  .detail-end .boxII {

    padding: 0 100px; }



  .detail-end .boxII .title {

    font-size: 62px; }



  .detail-end .boxII .desc {

    font-size: 28px; } }

@media (max-width: 1440px) {

  .container,

  .container.-lg {

    max-width: inherit;

    width: 1210px; }



  .site-header .headerbar {

    padding: 0 20px; }



  .site-header .nav-search.open .search-form {

    width: 800px; }



  nav.menu li a.link {

    font-size: 20px; }



  nav.menu .dropdown-menu .h-title {

    margin-bottom: 15px;

    font-size: 38px; }



  .main-slider .slick-dots {

    bottom: 40px; }



  .main-slider .content .inner {

    padding-bottom: 90px; }



  .main-slider .content .title {

    font-size: 80px; }



  .wg-highlights .highlights-box {

    height: 670px; }



  .wg-highlights .highlights-box .h-title {

    font-size: 42px;

    margin-bottom: 25px;

    padding-left: 25px; }



  .wg-highlights .highlights-box .h-title:before {

    width: 50px;

    height: 50px;

    -webkit-border-radius: 15px 0 15px 0;

    -moz-border-radius: 15px 0 15px 0;

    border-radius: 15px 0 15px 0; }



  .wg-highlights .highlights-box .title {

    font-size: 50px;

    margin-bottom: 20px; }



  .wg-highlights .highlights-box .desc {

    font-size: 26px;

    margin-bottom: 30px; }



  .wg-highlights-slider {

    width: 760px; }



  .wg-highlights-slider .highlights-nav .number {

    font-size: 28px; }



  .wg-highlights-slider .highlights-nav .txt {

    max-width: 90px; }



  .wg-highlights-slider .highlights-nav .icon .lazy {

    height: 16px; }



  .wg-highlights-slider .highlights-for .content .title {

    font-size: 26px; }



  .wg-highlights-slider .highlights-for .content .desc {

    font-size: 20px; }



  .wg-highlights-slider .highlights-for .content .number-list {

    top: -60px; }



  .wg-highlights-slider .highlights-for .content .number-list .dropdown-menu {

    padding: 10px; }



  .wg-highlights-slider .highlights-for .content .number {

    width: 38px;

    height: 38px;

    font-size: 20px; }



  .wg-sustainable-policies {

    padding-top: 80px; }



  .wg-sustainable-policies .h-title {

    font-size: 70px; }



  .wg-sustainable-policies .content {

    padding: 0 80px; }



  .wg-sustainable-policies .content .img {

    top: 10px; }



  .wg-sustainable-policies .content .title {

    font-size: 40px; }



  .wg-sustainable-policies .content .s-title {

    font-size: 32px; }



  .wg-sustainable-policies .content .desc {

    font-size: 22px;

    margin-bottom: 30px; }



  .wg-sustainable-policies .strategy-list .item-list {

    width: 850px; }



  .wg-sustainable-policies .strategy-list .link {

    height: 260px;

    padding: 50px 50px 50px 40px; }



  .wg-sustainable-policies .strategy-list .title {

    font-size: 32px; }



  .wg-sustainable-policies .strategy-list .thumb .contain {

    width: 70px;

    height: 70px; }



  .wg-sustainable-policies .strategy-list .txt {

    font-size: 26px; }



  .wg-browse-courses .inner {

    padding-top: 80px;

    padding-bottom: 100px; }



  .wg-browse-courses .inner:before {

    bottom: 104px; }



  .wg-browse-courses .h-title {

    font-size: 80px;

    margin-bottom: 50px; }



  .wg-browse-courses .thumb {

    width: 100px;

    height: 100px; }



  .wg-browse-courses .thumb .contain {

    width: 50px;

    height: 50px; }



  .wg-browse-courses .txt .word {

    font-size: 20px; }



  .wg-sustainable .h-title {

    font-size: 70px; }



  .wg-sustainable .txt {

    font-size: 32px; }



  .wg-sustainable .link {

    font-size: 20px; }



  .site-footer .Totop {

    right: 40px;

    width: 60px;

    height: 60px; }



  .footer-top {

    padding: 40px 0; }



  .footer-top .logo .icon > .lazy {

    height: 80px; }



  .footer-top .title {

    font-size: 28px; }



  .footer-top .desc {

    font-size: 20px;

    padding-top: 15px; }



  .footer-top .social .item-list {

    padding-top: 15px; }



  .footer-bottom .txt {

    font-size: 20px; }



  .whead .wtxt {

    font-size: 90px; }



  .whead .wtxt.-sm {

    font-size: 40px; }



  .strategic-page .txt {

    font-size: 40px;

    margin-bottom: 15px; }



  .strategic-page .title {

    font-size: 60px; }



  .strategic-page .desc {

    font-size: 30px; }



  .strategic-head {

    padding-bottom: 120px; }



  .strategic-head .thumb .cover {

    width: 360px;

    -webkit-border-radius: 60px 0 60px 0;

    -moz-border-radius: 60px 0 60px 0;

    border-radius: 60px 0 60px 0; }



  .strategic-head .thumb .icon {

    height: 120px;

    width: 120px;

    bottom: -40px;

    -webkit-border-radius: 40px 0 40px 0;

    -moz-border-radius: 40px 0 40px 0;

    border-radius: 40px 0 40px 0; }



  .strategic-head .thumb .icon .lazy {

    width: 50px;

    height: 50px; }



  .strategic-head .content {

    padding-left: 60px; }



  .strategic-body {

    padding-bottom: 80px; }



  .strategic-body .content + .content {

    margin-top: 50px; }



  .highlights-page .nav-tabs .nav-link {

    font-size: 28px; }



  .highlights-page .nav-tabs .nav-link.active {

    font-size: 38px; }



  .highlights-page .tab-content .content {

    width: 400px; }



  .highlights-list {

    width: 750px; }



  .highlights-list .number {

    font-size: 50px; }



  .highlights-list .txt {

    font-size: 26px; }



  .highlights-list .icon .lazy {

    height: 30px;

    max-width: 50px; }



  .highlights-list .desc {

    font-size: 24px; }



  .highlights-list .action .more {

    font-size: 18px; }



  .highlights-list .item-list > li:first-child .wrapper {

    padding: 30px; }



  .highlights-list .item-list > li:first-child .number {

    font-size: 90px; }



  .highlights-list .item-list > li:first-child .txt {

    font-size: 34px;

    left: 80px; }



  .highlights-list .item-list > li:first-child .icon {

    max-width: 150px;

    height: 70px; }



  .highlights-list .item-list > li:first-child .icon .lazy {

    height: 70px;

    max-width: 150px; }



  .SDGs-head:before {

    right: 230px; }



  .SDGs-head {

    padding-bottom: 70px; }



  .SDGs-head .content .title {

    font-size: 36px;

    margin-bottom: 10px; }



  .SDGs-head .content .desc {

    font-size: 28px; }



  .SDGs-head .highlights-list {

    width: 400px; }



  .SDGs-body {

    padding: 70px 0; }



  .SDGs-body .h-title {

    font-size: 62px;

    margin-bottom: 30px; }



  .SDGs-body .wg-highlights-slider {

    margin-bottom: 50px; }



  .font-base-editor, .editor-content, .editor-content p,

  .editor-content,

  .editor-content p {

    font-size: 26px; }



  .detail-top .tag-list .link {

    width: 60px;

    height: 60px; }



  .detail-top .tag-list .lazy {

    width: 38px;

    height: 38px; }



  .detail-head .thumb .cover {

    width: 400px;

    padding-bottom: 475px; }



  .detail-head .title {

    font-size: 38px; }



  .detail-head .title + .SDGs-about {

    margin-top: 50px; }



  .detail-head .SDGs-about .text {

    font-size: 28px; }



  .detail-head .SDGs-about .mcscrollX {

    max-width: 660px; }



  .detail-body .Links-box .txt {

    font-size: 26px; }



  .detail-body .Links-box .url {

    font-size: 24px; }



  .detail-end .boxI:before {

    width: 380px;

    height: 360px; }



  .detail-end .boxI .title,

  .detail-end .boxII .title {

    font-size: 58px; }



  .footer-top .policy .link {

    font-size: 16px; } }

@media (max-width: 1199px) {

  .container,

  .container.-lg {

    max-width: inherit;

    width: 970px; }



  .btn {

    min-width: 200px;

    height: 50px;

    line-height: 48px;

    font-size: 20px; }



  .site-header .height {

    height: 76px; }



  .site-header .logo .lazy {

    height: 40px; }



  .site-header nav.menu {

    padding-right: 20px;

    margin-right: 20px; }



  .site-header .nav-search .search-form {

    top: -7px; }



  .site-header .nav-search .link.-search {

    font-size: 18px; }



  .site-header .nav-search .link.-search span {

    line-height: 40px; }



  .site-header .nav-search .form-control {

    height: 34px; }



  .site-header .nav-search .icon-close {

    top: 9px; }



  .site-header .nav-search .btn {

    height: 36px;

    line-height: 36px;

    font-size: 18px; }



  .site-header .nav-search.open .search-form {

    width: 700px;

    height: 40px;

    top: -8px; }



  .site-header .nav-search.open .link.-search {

    line-height: 40px; }



  .site-header .language-box .link {

    width: 30px;

    height: 30px;

    font-size: 18px; }



  nav.menu li a.link {

    font-size: 18px; }



  nav.menu li + li {

    margin-left: 25px; }



  nav.menu .dropdown-menu {

    top: 80px !important;

    padding: 25px 0 35px 0; }



  nav.menu .dropdown-menu .h-title {

    margin-bottom: 5px;

    font-size: 32px; }



  .site-container {

    padding-top: 80px; }



  .slick-dots li:before {

    top: -10px;

    left: -10px;

    right: -10px;

    bottom: -10px; }



  .main-slider .content .title {

    font-size: 60px;

    max-width: 940px; }



  .wg-highlights .highlights-box {

    width: auto;

    height: auto; }



  .wg-highlights .box {

    padding: 30px 0; }



  .wg-highlights .box .row-item > .col-auto {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%; }



  .wg-highlights .box .row-item > .col {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%; }



  .wg-highlights .box:nth-child(odd) .row-item .highlights-box {

    margin-left: 0;

    padding: 60px 50px; }



  .wg-highlights .box:nth-child(even) .row-item > .col-auto {

    order: 1; }



  .wg-highlights .box:nth-child(even) .row-item > .col {

    order: 2; }



  .wg-highlights .box:nth-child(even) .row-item .highlights-box {

    margin-right: 0;

    padding: 60px 50px; }



  .wg-highlights .highlights-box {

    margin-bottom: 10px; }



  .wg-highlights .highlights-box .h-title {

    font-size: 36px; }



  .wg-highlights .highlights-box .title {

    font-size: 40px; }



  .wg-highlights .highlights-box .desc {

    height: 2em;

    -webkit-line-clamp: 2;

    font-size: 24px; }



  .wg-highlights-slider {

    width: 100%; }



  .wg-highlights-slider .highlights-nav .txt {

    max-width: 130px; }



  .wg-highlights-slider .highlights-for .content .number {

    width: 34px;

    height: 34px;

    font-size: 18px; }



  .wg-highlights-slider .highlights-for .content .date {

    font-size: 16px; }



  .wg-highlights-slider .highlights-for .content .title {

    font-size: 24px;

    margin-bottom: 10px; }



  .wg-highlights-slider .highlights-for .content .desc {

    font-size: 18px; }



  .wg-sustainable-policies {

    padding-top: 50px; }



  .wg-sustainable-policies .h-title {

    font-size: 60px; }



  .wg-browse-courses .h-title {

    font-size: 70px;

    margin-bottom: 30px; }



  .wg-browse-courses .item-list {

    margin: 0 -20px; }



  .wg-browse-courses .item-list > li {

    padding: 0 20px; }



  .wg-sustainable .h-title {

    font-size: 60px; }



  .wg-sustainable .txt {

    font-size: 28px; }



  .footer-top .logo .icon > .lazy {

    height: 60px; }



  .footer-top .desc br {

    display: none; }



  .footer-top .social .link {

    width: 40px;

    height: 40px; }



  .breadcrumb-block {

    padding: 20px 0 30px 0; }



  .whead {

    margin-bottom: 40px; }



  .whead .wtxt {

    font-size: 70px; }



  .whead .wtxt.-sm {

    font-size: 36px; }



  .strategic-page .txt {

    font-size: 32px;

    margin-bottom: 10px; }



  .strategic-page .title {

    font-size: 50px; }



  .strategic-page .desc {

    font-size: 26px; }



  .strategic-head {

    padding-bottom: 90px; }



  .strategic-head .thumb .cover {

    width: 300px;

    -webkit-border-radius: 50px 0 50px 0;

    -moz-border-radius: 50px 0 50px 0;

    border-radius: 50px 0 50px 0; }



  .strategic-head .thumb .icon {

    height: 90px;

    width: 90px;

    bottom: -25px;

    -webkit-border-radius: 30px 0 30px 0;

    -moz-border-radius: 30px 0 30px 0;

    border-radius: 30px 0 30px 0; }



  .strategic-head .thumb .icon .lazy {

    width: 45px;

    height: 45px; }



  .strategic-head .content {

    padding-left: 50px; }



  .highlights-page .whead {

    margin-bottom: 10px; }



  .highlights-page .nav-tabs .nav-link {

    font-size: 24px; }



  .highlights-page .nav-tabs .nav-link.active {

    font-size: 34px; }



  .highlights-page .tab-content {

    padding-top: 30px;

    padding-bottom: 90px; }



  .highlights-page .tab-content .content {

    width: 100%; }



  .highlights-list {

    width: 100%;

    padding-top: 20px; }



  .pagination-label .title {

    font-size: 20px; }



  .pagination-label span {

    font-size: 22px; }



  .pagination .link {

    min-width: 40px;

    height: 40px;

    line-height: 38px;

    padding: 0 5px;

    font-size: 20px; }



  .pagination .link .feather {

    top: 2px; }



  .pagination .select2-container--default .select2-selection--single {

    height: 40px; }



  .pagination .select2-container .select2-selection--single .select2-selection__rendered {

    line-height: 38px;

    font-size: 20px; }



  .pagination .select2-container--default .select2-selection--single .select2-selection__arrow:before {

    font-size: 22px; }



  .SDGs-head .content .title {

    font-size: 34px; }



  .SDGs-head .content .desc {

    font-size: 26px; }



  .SDGs-head .highlights-list {

    width: 360px;

    padding-top: 0; }



  .SDGs-body .h-title {

    font-size: 56px;

    margin-bottom: 25px; }



  .tooltip-inner {

    padding: 3px 8px;

    font-size: 18px; }



  .editor-content {

    padding-bottom: 45px; }



  .font-base-editor, .editor-content, .editor-content p,

  .editor-content,

  .editor-content p {

    font-size: 24px; }



  .detail-top .tag-list .link {

    width: 50px;

    height: 50px; }



  .detail-top .tag-list .lazy {

    width: 30px;

    height: 30px; }



  .detail-head {

    padding-bottom: 20px; }



  .detail-head .thumb .cover {

    width: 320px;

    padding-bottom: 130%; }



  .detail-head .content {

    padding: 0 40px; }



  .detail-head .title {

    font-size: 32px; }



  .detail-head .title + .SDGs-about {

    margin-top: 30px; }



  .detail-head .SDGs-about .text {

    font-size: 26px; }



  .detail-head .SDGs-about .mcscrollX {

    max-width: 540px; }



  .detail-head .SDGs-about .highlights-list {

    padding-top: 0; }



  .detail-head .SDGs-about .highlights-list .wrapper {

    padding: 10px; }



  .detail-head .SDGs-about .highlights-list .number {

    font-size: 26px; }



  .detail-head .SDGs-about .highlights-list .icon,

  .detail-head .SDGs-about .highlights-list .icon .lazy {

    height: 26px;

    max-width: 30px; }



  .detail-head .SDGs-about .highlights-list .item-list li {

    width: 80px; }



  .detail-head .SDGs-about .highlights-list .item-list > li:first-child {

    width: 120px; }



  .detail-head .SDGs-about .highlights-list .item-list > li:first-child .wrapper {

    padding: 10px; }



  .detail-head .SDGs-about .highlights-list .item-list > li:first-child .number {

    font-size: 40px; }



  .detail-head .SDGs-about .highlights-list .item-list > li:first-child .icon,

  .detail-head .SDGs-about .highlights-list .item-list > li:first-child .icon .lazy {

    height: 40px;

    max-width: 80px; }



  .detail-body {

    padding-top: 20px; }



  .detail-body .gallery-list {

    padding-bottom: 40px; }



  .detail-body .gallery-list .item-list {

    margin: -10px; }



  .detail-body .gallery-list .item-list > li {

    padding: 10px; }



  .detail-body .Links-box {

    padding-bottom: 100px; }



  .detail-body .Links-box .wrapper {

    padding: 15px 50px 15px 80px; }



  .detail-body .Links-box .icon {

    left: 20px; }



  .detail-body .Links-box .title {

    font-size: 44px; }



  .detail-body .Links-box .txt {

    font-size: 24px; }



  .detail-body .Links-box .url {

    font-size: 22px; }



  .detail-body .Links-box .more {

    width: 40px;

    height: 40px;

    font-size: 18px; }



  .detail-end {

    padding: 60px 0 80px 0; }



  .detail-end .row {

    height: 360px; }



  .detail-end .boxI .title,

  .detail-end .boxII .title {

    font-size: 48px; }



  .detail-end .boxI .desc,

  .detail-end .boxII .desc {

    font-size: 26px; }



  .detail-end .boxII {

    padding: 0 0 0 60px; }



  .detail-end .boxII:before {

    top: -105px;

    right: -105px;

    bottom: -80px;

    border-radius: 50px 0 0 0; } }

@media (max-width: 991px) {

  .container,

  .container.-lg {

    max-width: inherit;

    width: 100%; }



  .site-header .headerbar {

    position: relative;

    z-index: 11; }



  .site-header .height {

    height: 56px; }



  .site-header nav.menu {

    margin-right: 0;

    padding-right: 0; }



  .site-header .nav-search.open .search-form {

    width: 430px; }



  .site-header .language-box {

    padding-right: 40px; }



  .site-container {

    padding-top: 60px; }



  /*mobile-menu (start)*/

  .global-container {

    position: relative;

    overflow: hidden;

    right: 0; }



  .global-container .site-header .overlay {

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 400ms ease;

    -moz-transition: all 400ms ease;

    -o-transition: all 400ms ease;

    -ms-transition: all 400ms ease;

    transition: all 400ms ease; }



  .global-container .site-container {

    position: relative;

    right: 0;

    -webkit-transition: all 400ms ease;

    -moz-transition: all 400ms ease;

    -o-transition: all 400ms ease;

    -ms-transition: all 400ms ease;

    transition: all 400ms ease; }



  .global-container .site-footer {

    position: relative;

    right: 0;

    -webkit-transition: all 400ms ease;

    -moz-transition: all 400ms ease;

    -o-transition: all 400ms ease;

    -ms-transition: all 400ms ease;

    transition: all 400ms ease; }



  .global-container.sidebar-open .site-header .overlay {

    opacity: 1;

    visibility: visible; }



  .global-container.sidebar-open .site-container {

    right: 260px; }



  .global-container.sidebar-open .site-footer {

    right: 260px; }



  .site-header > .container {

    position: relative;

    z-index: 99; }



  .site-header .overlay {

    position: fixed;

    z-index: 10;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.8); }



  .menu-mobile-btn {

    display: block; }



  nav.menu {

    position: fixed;

    z-index: 100;

    top: 60px;

    bottom: 0;

    width: 260px;

    overflow: auto;

    right: -260px;

    padding-left: 0;

    border-top: 1px solid #D4D4D4;

    background-color: #ffffff;

    -webkit-transition: all 400ms ease;

    -moz-transition: all 400ms ease;

    -o-transition: all 400ms ease;

    -ms-transition: all 400ms ease;

    transition: all 400ms ease; }



  nav.menu.open {

    right: 0; }



  nav.menu li {

    width: 100%;

    border-bottom: 1px solid #D4D4D4; }



  nav.menu li + li {

    margin-left: 0; }



  nav.menu li a.link {

    font-size: 18px;

    padding: 15px 20px; }



  nav.menu li a.link:before {

    display: none; }



  nav.menu li a.link.-link-title {

    padding: 0; }



  nav.menu li.active > a.link,

  nav.menu li.dropdown.show > a.link {

    color: #ffffff;

    background-color: #3F7E44; }



  nav.menu .dropdown-menu {

    position: relative !important;

    top: 0px !important;

    padding: 20px 0; }



  nav.menu li.dropdown a.link .icon {

    position: absolute;

    right: 20px; }



  nav.menu .dropdown-menu .h-title {

    margin-bottom: 5px;

    font-size: 26px;

    margin-left: 3px; }



  nav.menu .dropdown-menu .nav-list {

    float: none;

    width: 100%;

    border-right: 0; }



  nav.menu .dropdown-menu .nav-list + .nav-list {

    padding-left: 0;

    border-top: 1px solid #D4D4D4; }



  nav.menu .dropdown-menu li {

    border-top: 0; }



  nav.menu .dropdown-menu li + li {

    margin-top: 0; }



  nav.menu .dropdown-menu li a.link {

    padding: 10px; }



  /*mobile-menu (end)*/

  .main-slider .content .title {

    font-size: 50px;

    max-width: 100%; }



  .slick-prev, .slick-next {

    width: 40px;

    height: 40px;

    line-height: 43px;

    font-size: 20px; }



  .wg-highlights .box:nth-child(odd) .row-item .highlights-box,

  .wg-highlights .box:nth-child(even) .row-item .highlights-box {

    padding: 30px 30px; }



  .wg-highlights .box:nth-child(even) .row-item .wg-highlights-slider .highlights-nav {

    justify-content: flex-start; }



  .wg-highlights .highlights-box {

    border-radius: 40px 0 40px 0; }



  .wg-highlights .highlights-box .h-title {

    font-size: 30px;

    margin-bottom: 15px;

    padding-left: 15px; }



  .wg-highlights .highlights-box .h-title:before {

    width: 40px;

    height: 40px;

    top: -3px; }



  .wg-highlights .highlights-box .title {

    font-size: 34px;

    margin-bottom: 15px; }



  .wg-highlights .highlights-box .desc {

    font-size: 22px;

    margin-bottom: 15px; }



  .wg-highlights-slider .highlights-nav-overflow {

    overflow: auto;

    flex-wrap: nowrap;

    display: flex;

    margin: 0 -20px; }



  .wg-highlights-slider .highlights-nav {

    width: auto;

    margin-left: 20px;

    padding-right: 20px; }



  .wg-highlights-slider .highlights-nav .item {

    width: 200px; }



  .wg-highlights-slider .highlights-nav .txt {

    max-width: 120px; }



  .wg-highlights-slider .highlights-nav .icon .lazy {

    height: 24px; }



  .wg-highlights-slider .highlights-for {

    padding-top: 10px;

    margin: 0 -5px; }



  .wg-highlights-slider .highlights-for .item {

    padding: 0 5px; }



  .wg-sustainable-policies:before {

    width: 530px;

    height: 450px; }



  .wg-sustainable-policies .h-title {

    font-size: 50px; }



  .wg-sustainable-policies .content {

    padding: 0; }



  .wg-sustainable-policies .content .img {

    display: none; }



  .wg-sustainable-policies .strategy-list {

    padding-top: 35px; }



  .wg-sustainable-policies .strategy-list .item-list {

    width: 100%; }



  .wg-sustainable-policies .strategy-list .link {

    height: 250px; }



  .wg-browse-courses .h-title {

    font-size: 60px; }



  .wg-browse-courses .browse-list {

    overflow: auto;

    flex-wrap: nowrap;

    display: flex;

    margin: 0 -20px; }



  .wg-browse-courses .item-list {

    width: auto;

    margin-right: 0;

    margin-left: 20px;

    padding-right: 20px;

    display: flex; }



  .wg-browse-courses .item-list > li {

    padding: 0 10px;

    width: 120px; }



  .wg-sustainable {

    padding: 50px 0; }



  .wg-sustainable .h-title {

    font-size: 50px; }



  .wg-sustainable .row > div {

    margin: 10px 0; }



  .footer-top .logo .icon > .lazy {

    height: 50px; }



  .footer-top .col-md-12 {

    margin-bottom: 20px; }



  .whead {

    margin-bottom: 30px; }



  .whead .wtxt {

    font-size: 60px; }



  .whead .wtxt:before {

    top: 0px;

    width: 50px;

    height: 50px;

    border-radius: 20px 0 20px 0; }



  .whead .wtxt.-sm {

    font-size: 34px; }



  .strategic-page .txt {

    font-size: 26px; }



  .strategic-page .title {

    font-size: 40px; }



  .strategic-page .title + .desc {

    padding-top: 15px; }



  .strategic-page .desc {

    font-size: 22px; }



  .strategic-head {

    padding-bottom: 60px; }



  .strategic-head .thumb .cover {

    width: 250px; }



  .strategic-head .thumb .icon {

    height: 70px;

    width: 70px;

    bottom: -20px; }



  .strategic-head .thumb .icon .lazy {

    width: 35px;

    height: 35px; }



  .strategic-head .content {

    padding-left: 30px; }



  .strategic-body {

    padding-bottom: 40px; }



  .strategic-body .content + .content {

    margin-top: 40px; }



  .highlights-page .whead .wtxt {

    padding-left: 20px; }



  .highlights-page .tab-content .content {

    padding-left: 20px; }



  .pagination-label .title {

    text-align: center;

    margin-bottom: 30px; }



  .pagination {

    justify-content: center; }



  .SDGs-head {

    padding-bottom: 50px; }



  .SDGs-head:before {

    right: 140px;

    top: -70px;

    border-radius: 0 0 50px 0; }



  .SDGs-head .highlights-list {

    width: 320px; }



  .SDGs-head .content .title {

    font-size: 32px; }



  .SDGs-head .content .desc {

    font-size: 24px; }



  .SDGs-body {

    padding: 50px 0; }



  .SDGs-body .h-title {

    font-size: 45px;

    margin-bottom: 5px; }



  .SDGs-body .item-list {

    margin: -5px; }



  .SDGs-body .item {

    width: calc(100%/3);

    margin: 5px 0; }



  .font-base-editor, .editor-content, .editor-content p,

  .editor-content,

  .editor-content p {

    font-size: 22px; }



  .detail-top .tag-list {

    display: flex;

    justify-content: center;

    padding-bottom: 40px; }



  .detail-head .thumb .cover {

    width: 280px; }



  .detail-head .title {

    font-size: 28px; }



  .detail-head .SDGs-about .text {

    font-size: 22px; }



  .detail-head .SDGs-about .mcscrollX {

    max-width: 430px; }



  .detail-body .Links-box .title {

    font-size: 38px;

    margin-bottom: 10px; }



  .detail-body .Links-box {

    padding-bottom: 40px; }



  .detail-end {

    padding: 0; }



  .detail-end .row {

    height: auto; }



  .detail-end .boxI {

    padding: 30px 20px; }



  .detail-end .boxII {

    padding: 30px 20px; }



  .detail-end .boxII:before {

    top: 0;

    right: 0;

    bottom: 0;

    border-radius: 0; }



  .detail-end .boxI .title, .detail-end .boxII .title {

    font-size: 38px; }



  .detail-end .boxI .desc, .detail-end .boxII .desc {

    font-size: 24px; }



  .detail-end .boxI .action {

    position: relative;

    padding-top: 50px; }



  .footer-top .policy .item-list {

    margin: -5px -20px; }



  .footer-top .policy .item-list li {

    width: auto;

    padding: 5px 20px; }



  .footer-top .policy .item-list li + li:before {

    top: 0;

    bottom: 0;

    left: 0px;

    width: 1px;

    height: 14px; }



  .action-back .btn {

    min-width: 120px;

    height: 40px;

    line-height: 38px;

    font-size: 18px; } }

@media (max-width: 767px) {

  .container,

  .container.-lg {

    max-width: inherit;

    width: 100%; }



  .btn {

    min-width: 150px;

    height: 40px;

    line-height: 38px;

    font-size: 18px; }



  .site-header .logo .lazy {

    height: 34px; }



  .site-header .language-box {

    padding-left: 5px; }



  .site-header .language-box li + li {

    margin-left: 5px; }



  .site-header .nav-search .link.-search {

    font-size: 18px;

    position: fixed;

    z-index: 42;

    top: 12px;

    right: 131px;

    opacity: 1; }



  .site-header .nav-search .icon-close {

    font-size: 18px;

    position: fixed;

    z-index: 42;

    top: 21px;

    right: 130px;

    opacity: 0;

    pointer-events: none; }



  .site-header .nav-search .search-form {

    width: 100%;

    position: fixed;

    top: 60px;

    border-radius: 0;

    height: 0; }



  .site-header .nav-search .search-form form {

    left: 0;

    right: 0;

    position: relative;

    padding: 0 20px;

    width: 100%; }



  .site-header .nav-search.open .search-form {

    top: 60px;

    height: 40px;

    width: 100%; }



  .site-header .nav-search.open .search-form form {

    left: 0;

    right: 0;

    position: relative;

    padding: 0 20px; }



  .site-header .nav-search.open .link.-search {

    opacity: 0;

    pointer-events: none; }



  .site-header .nav-search.open .icon-close {

    opacity: 1;

    pointer-events: visible; }



  .slick-dots li {

    margin: 0 5px; }



  .slick-dots li:before {

    top: -5px;

    left: -5px;

    right: -5px;

    bottom: -5px; }



  .slick-dots li button {

    width: 6px;

    height: 6px; }



  .main-slider .slick-dots {

    bottom: 10px; }



  .main-slider .content .inner {

    padding-bottom: 30px; }



  .main-slider .content .title {

    font-size: 30px;

    margin-bottom: 5px; }



  .main-slider .content .desc {

    font-size: 16px; }



  .wg-highlights .box:nth-child(odd) .row-item .highlights-box,

  .wg-highlights .box:nth-child(even) .row-item .highlights-box {

    padding: 20px 20px; }



  .wg-highlights .highlights-box:before {

    width: 220px;

    height: 220px; }



  .wg-highlights .highlights-box .h-title {

    font-size: 26px;

    margin-bottom: 10px; }



  .wg-highlights .highlights-box .h-title:before {

    width: 30px;

    height: 30px;

    top: -3px; }



  .wg-highlights .highlights-box .title {

    font-size: 28px;

    margin-bottom: 10px; }



  .wg-highlights .highlights-box .desc {

    font-size: 18px; }



  .wg-highlights .highlights-box .action .link {

    font-size: 16px; }



  .wg-highlights-slider .highlights-for {

    margin-bottom: 10px; }



  .wg-highlights-slider .highlights-for .content .number-list {

    top: -50px; }



  .wg-highlights-slider .highlights-for .content .number-list .dropdown-menu {

    padding: 5px; }



  .wg-highlights-slider .highlights-for .content .number {

    width: 28px;

    height: 28px;

    font-size: 16px; }



  .wg-sustainable-policies:before {

    width: 340px;

    height: 280px; }



  .wg-sustainable-policies {

    padding-top: 30px; }



  .wg-sustainable-policies .h-title {

    font-size: 40px; }



  .wg-sustainable-policies .content .title {

    font-size: 30px;

    margin-bottom: 15px; }



  .wg-sustainable-policies .content .s-title {

    font-size: 26px;

    margin-bottom: 15px; }



  .wg-sustainable-policies .content .desc {

    font-size: 18px;

    margin-bottom: 20px; }



  .wg-sustainable-policies .content .action .link {

    font-size: 16px; }



  .wg-sustainable-policies .strategy-list {

    padding-top: 35px;

    margin-bottom: -280px; }



  .wg-sustainable-policies .strategy-list .title {

    font-size: 22px; }



  .wg-sustainable-policies .strategy-list .link {

    height: auto;

    padding: 15px; }



  .wg-sustainable-policies .strategy-list .thumb {

    padding-bottom: 10px; }



  .wg-sustainable-policies .strategy-list .thumb .contain {

    width: 40px;

    height: 40px; }



  .wg-sustainable-policies .strategy-list .txt {

    font-size: 16px; }



  .wg-browse-courses {

    padding-top: 0; }



  .wg-browse-courses .h-title {

    font-size: 40px; }



  .wg-browse-courses .link:hover .thumb {

    bottom: 0px; }



  .wg-browse-courses .inner {

    padding-bottom: 30px; }



  .wg-browse-courses .inner:before {

    bottom: 34px; }



  .wg-browse-courses .thumb {

    width: 70px;

    height: 70px; }



  .wg-browse-courses .thumb .contain {

    width: 40px;

    height: 40px; }



  .wg-browse-courses .txt .word {

    font-size: 16px; }



  .wg-sustainable {

    padding: 30px 0; }



  .wg-sustainable .h-title {

    font-size: 34px;

    margin-bottom: 15px; }



  .wg-sustainable .txt {

    font-size: 22px;

    margin-bottom: 10px; }



  .wg-sustainable .link {

    font-size: 18px; }



  .site-footer .Totop {

    right: 10px;

    top: -24px;

    width: 40px;

    height: 40px; }



  .footer-top .logo .icon > .lazy {

    height: 40px; }



  .footer-top .col-md-12 {

    margin-bottom: 0px; }



  .footer-top .col-md-6 {

    margin-top: 20px; }



  .footer-top .title {

    font-size: 22px; }



  .footer-top .desc {

    font-size: 16px;

    padding-top: 10px; }



  .footer-top .social .item-list {

    padding-top: 10px; }



  .footer-top .social .item-list li + li {

    margin-left: 3px; }



  .footer-top .social .link {

    width: 36px;

    height: 36px; }



  .footer-bottom .height {

    height: auto;

    padding: 10px 0; }



  .footer-bottom .txt {

    font-size: 16px;

    text-align: center; }



  .footer-bottom .txt .line {

    display: block;

    width: 100%;

    height: 1px;

    background-color: #ffffff;

    font-size: 0;

    margin: 10px 0;

    opacity: 0.1; }



  .breadcrumb-block {

    padding: 15px 0; }



  .whead {

    margin-bottom: 20px; }



  .whead .wtxt {

    font-size: 35px; }



  .whead .wtxt.-sm {

    font-size: 28px; }



  .whead .wtxt:before {

    top: -3px;

    width: 40px;

    height: 40px;

    border-radius: 15px 0 15px 0; }



  .strategic-page .txt {

    font-size: 20px;

    margin-bottom: 5px; }



  .strategic-page .title {

    font-size: 26px; }



  .strategic-page .title + .desc {

    padding-top: 10px; }



  .strategic-page .desc {

    font-size: 18px; }



  .strategic-head {

    padding-bottom: 30px; }



  .strategic-head .thumb {

    width: 200px;

    margin: 0 auto; }



  .strategic-head .thumb .cover {

    width: 200px;

    -webkit-border-radius: 30px 0 30px 0;

    -moz-border-radius: 30px 0 30px 0;

    border-radius: 30px 0 30px 0; }



  .strategic-head .thumb .icon {

    height: 60px;

    width: 60px;

    -webkit-border-radius: 15px 0 15px 0;

    -moz-border-radius: 15px 0 15px 0;

    border-radius: 15px 0 15px 0; }



  .strategic-head .thumb .icon .lazy {

    width: 30px;

    height: 30px; }



  .strategic-head .content {

    padding-left: 0;

    padding-top: 40px; }



  .strategic-body .content + .content {

    margin-top: 20px; }



  .highlights-page .whead .wtxt {

    padding-left: 15px; }



  .highlights-page .highlights-nav {

    display: flex;

    flex-wrap: nowrap;

    overflow: auto;

    margin: 0 -20px;

    padding-left: 20px; }



  .highlights-page .nav-tabs {

    margin: 0 -10px;

    display: flex;

    flex-wrap: nowrap;

    padding-right: 10px; }



  .highlights-page .nav-tabs .nav-item {

    padding: 0 10px; }



  .highlights-page .nav-tabs .nav-link {

    font-size: 22px;

    line-height: 36px; }



  .highlights-page .nav-tabs .nav-link.active {

    font-size: 30px; }



  .highlights-page .tab-content {

    padding-top: 20px;

    padding-bottom: 50px; }



  .highlights-page .tab-content .content {

    padding-left: 15px; }



  .highlights-page .tab-content .content p {

    font-size: 20px; }



  .highlights-list .txt {

    font-size: 22px; }



  .highlights-list .item-list {

    margin: -3px; }



  .highlights-list .item-list > li {

    padding: 3px;

    width: 50%; }



  .highlights-list .item-list > li:first-child {

    width: 100%; }



  .highlights-list .item-list > li:first-child .wrapper {

    padding: 15px; }



  .highlights-list .item-list > li:first-child .number {

    font-size: 80px; }



  .highlights-list .item-list > li:first-child .txt {

    font-size: 30px;

    left: 70px; }



  .pagination-label .title {

    margin-bottom: 25px;

    font-size: 18px; }



  .pagination-label span {

    font-size: 20px; }



  .pagination {

    padding-bottom: 50px;

    position: relative; }



  .pagination li + li {

    margin-left: 3px; }



  .pagination .link {

    min-width: 34px;

    height: 34px;

    line-height: 32px;

    padding: 0 3px;

    font-size: 18px; }



  .pagination .jumpPage {

    position: absolute;

    top: 36px;

    left: 0;

    right: 0;

    margin: auto; }



  .pagination .select2-container--default .select2-selection--single {

    height: 36px; }



  .pagination .select2-container .select2-selection--single .select2-selection__rendered {

    line-height: 34px;

    font-size: 18px; }



  .SDGs-head {

    padding-bottom: 30px; }



  .SDGs-head:before {

    right: 50px;

    top: -50px; }



  .SDGs-head .content .title {

    font-size: 26px; }



  .SDGs-head .content .desc {

    font-size: 20px; }



  .SDGs-head .highlights-list {

    width: 100%; }



  .SDGs-body {

    padding: 30px 0; }



  .SDGs-body .h-title {

    font-size: 36px;

    margin-bottom: 5px; }



  .SDGs-body .item {

    width: calc(100%/2); }



  .SDGs-body .wg-highlights-slider {

    margin-bottom: 30px; }



  .editor-content {

    padding-bottom: 30px; }



  .font-base-editor, .editor-content, .editor-content p,

  .editor-content,

  .editor-content p {

    font-size: 18px; }



  .detail-head {

    padding-bottom: 15px; }



  .detail-head .thumb .cover {

    width: 100%; }



  .detail-head .content {

    padding: 15px 0 0 0; }



  .detail-head .title {

    font-size: 26px; }



  .detail-head .SDGs-about .text {

    font-size: 20px;

    margin-bottom: 5px; }



  .detail-body {

    padding-top: 15px; }



  .detail-body .gallery-list {

    padding-bottom: 30px; }



  .detail-body .gallery-list .item-list {

    margin: -3px; }



  .detail-body .gallery-list .item-list > li {

    padding: 3px;

    width: 33.33%; }



  .detail-body .Links-box {

    padding-bottom: 30px; }



  .detail-body .Links-box .title {

    font-size: 30px; }



  .detail-body .Links-box .icon {

    left: 0px;

    width: 30px;

    height: 30px;

    font-size: 20px; }



  .detail-body .Links-box .wrapper {

    padding: 10px 40px 10px 40px; }



  .detail-body .Links-box .txt {

    font-size: 20px;

    margin-bottom: 0; }



  .detail-body .Links-box .url {

    font-size: 18px; }



  .detail-body .Links-box .more {

    width: 30px;

    height: 30px;

    font-size: 14px; }



  .detail-body .Links-box .more span {

    top: 2px; }



  .detail-end .boxI .title, .detail-end .boxII .title {

    font-size: 30px;

    margin-bottom: 10px; }



  .detail-end .boxI .desc, .detail-end .boxII .desc {

    font-size: 20px; }



  .footer-top .policy .item-list {

    margin: -10px 0; }



  .footer-top .policy .item-list li {

    width: 100%;

    padding: 10px 0; }



  .footer-top .policy .item-list li + li:before {

    top: 0;

    bottom: auto;

    left: 0px;

    right: 0px;

    width: auto;

    height: 1px; }



  .footer-top .policy .link {

    text-align: center; }



  .action-back .btn {

    min-width: 80px;

    height: 30px;

    line-height: 28px;

    font-size: 14px; } }

@media (max-width: 575px) {

  .container,

  .container.-lg {

    max-width: inherit;

    width: 100%; } }



/*# sourceMappingURL=source.css.map */