html {
  font-size: 100%;
}
body {
  background: url('/images/bg.jpg');
  font-family: Helvetica, 'Microsoft JhengHei', 微軟正黑體, SimHei, Arial, sans-serif;
  font-size: .7875rem; /* Default 12.8 */
  /* color: #282828; */
  color: #343434;
}
html:lang(zh_CN) body ,
html:lang(zh_HK) body {
  font-size: .95rem;
  letter-spacing: .1em;
}

a,
a:hover,
a:focus,
input:focus,
button:focus {
  color: #282828;
  text-decoration: none;
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ol,
ul{
  padding-left: 1rem;
}
li{
  padding: 2px 0;
}

.form-control {
  border-radius: 0;
  border-color: #b8ccb1;
}
.form-control:focus {
  border-color: #b8ccb1;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(78, 127, 61, 0.25);
          box-shadow: 0 0 0 0.1rem rgba(78, 127, 61, 0.25);
}
.custom-select{
  background: #fff url('/images/information-arrow-down.png') no-repeat right .75rem center;
}

/* select:not([size]):not([multiple]).form-control{
  height: auto;
} */

.custom-control-label{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

input::-webkit-input-placeholder {
  font-size: 0.8rem;
}
input::-moz-placeholder {
  font-size: 0.8rem;
}
input:-ms-input-placeholder {
  font-size: 0.8rem;
}
input:-moz-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 0.8rem;
}

/* Back to top Button */
.back-to-top-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  margin: 0 auto;
  width: 1260px;
  max-width: 100%;
  z-index: 90;
}
.back-to-top {
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 40px;
  height: 40px;
  background: #ca4b0c;
  display: block;
  margin-left: auto;
  border-radius: 100%;
  -webkit-transition: transform .3s ease-in-out;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}
.back-to-top:before,
.back-to-top:after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 14px;
  top: 50%;
  margin-top: -5px;
  border-radius: 2px;
  background-color: #fff;
}
.back-to-top:before {
  left: 19px;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-transform-origin: translate(0, -25%);
  transform-origin: 0% 50%;
}
.back-to-top:after {
  right: 19px;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
  -webkit-transform-origin: translate(0, -25%);
  transform-origin: 100% 50%;
}
.back-to-top.visible {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

/* marquee */
.marquee {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
/*.marquee .js-marquee:after {
  content: '';
  display: table;
  clear: both;
}
.marquee > .marquee-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}*/
.marquee > .marquee-item {
  visibility: hidden;
}
.marquee .marquee-item {
  padding: 0 20px;
  /*-webkit-transform: translateX(100%);*/
  /*transform: translateX(100%);*/
}

/* Main */
main {
  padding-bottom: 1rem;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 575.98px) {
  main a {
    word-break: break-all;
  }
}

@media (max-width: 991.98px) {
  main {
    padding-top: 67px;
  }
}

/* Header */
.navbar {
  background-color: #f9fff9;
  position: relative;
  padding: 0;
  font-size: 15.2px;
  letter-spacing: 1.52px;

}
html:lang(en_GB) .navbar {
  font-size: 12.6px;
  letter-spacing: normal;
}
.navbar-toggler {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 67px;
  /*margin-top: -24px;*/
  text-align: center;
  outline: none;
  display: none;
  cursor: pointer;
  vertical-align: middle;
}
.navbar-toggler:not(:disabled):not(.disabled) {
  outline: none;
}
.navbar-toggler > span {
  position: absolute;
  display: block;
  height: 2px;
  background: #3e610f;
  /*background-color: transparent;*/
  width: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: transform .3s;
          -webkit-transition: -webkit-transform .3s;
          transition: -webkit-transform .3s;
          transition: transform .3s;
          transition: transform .3s, -webkit-transform .3s;
}
.navbar-toggler > span:before,
.navbar-toggler > span:after {
  content: '';
  position: absolute;
  display: block;
  height: 2px;
  width: 20px;
  cursor: pointer;
  background: #3e610f;
  -webkit-transition: transform .3s, top .3s, bottom .3s;
          -webkit-transition: top .3s, bottom .3s, -webkit-transform .3s;
          transition: top .3s, bottom .3s, -webkit-transform .3s;
          transition: transform .3s, top .3s, bottom .3s;
          transition: transform .3s, top .3s, bottom .3s, -webkit-transform .3s;
}
.navbar-toggler > span:before {
  top: -6px;
}
.navbar-toggler > span:after {
  bottom: -6px;
}
.open-nav .navbar-toggler > span {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.open-nav .navbar-toggler > span {
  background-color: transparent;
}
.open-nav .navbar-toggler > span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: .2s transform .3s, .2s top .1s;
          transition: .2s transform .3s, .2s top .1s;
}
.open-nav .navbar-toggler > span:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: .2s transform .3s, .2s bottom .1s;
          transition: .2s transform .3s, .2s bottom .1s;
}

.navbar .navbar-inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 1140px;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.navbar .lang-nav {
  margin-left: 25px;
}
.navbar .lang-nav a {
  color: #515151;
}
.navbar .lang-nav a.active {
  color: #bd5528;
}
.navbar .font-size-toggler {
  color: #515151;
  margin: 0 2px;
}
.navbar .font-size-toggler.active {
  color: #bd5528;
}
.navbar .font-size-toggler.fs-small {
  font-size: 12.8px;
}
.navbar .font-size-toggler.fs-normal {
  font-size: 16px;
}
.navbar .font-size-toggler.fs-large {
  font-size: 19.2px;
}
.navbar-brand {
  position: absolute;
  left: 15px;
  top: 0;
  width: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: #117eb0
}
.navbar-brand .brand-name {
  margin-left: 15px;
  font-size: 14px;
}
.navbar-brand img {
  max-width: 100%;
}
.navbar-mainmenu .navbar-nav {
  -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          flex-direction: row;
}
.navbar-mainmenu .navbar-nav > .nav-item {
  position: relative;
  cursor: pointer;
}
.navbar-mainmenu .nav-item .nav-link {
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 0;
}
.navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+1) .nav-link {
  color: #bd5528;
}
.navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+2) .nav-link {
  color: #dc2864;
}
.navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+3) .nav-link {
  color: #4e7f3d;
}
.navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+4) .nav-link {
  color: #0575d1;
}
.navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+5) .nav-link {
  color: #6d6bc7;
}
.navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+6) .nav-link {
  color: #ca4b0c;
}
.navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+7) .nav-link {
  color: #0a8560;
}
.navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+8) .nav-link {
  color: #1e6ff1;
}
.navbar-nav img {
  width: 25px;
  height: 25px;
  max-width: max-content;
}
.nav-social-toggler-icon {
  cursor: pointer;
  font-size: 16px;
  color: #3e610f;
}

@media (max-width: 575.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 991.98px) {
  html {
    font-size: 100%!important;
  }
  html.open-nav {
    overflow: hidden ;
    height: 100% ;
  }
  .open-nav .navbar {
    height: 100%
  }
  .navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 101;
    padding: 0;
    height: 67px;
    padding: 0;
    -webkit-transition: height .35s ease-in 200ms;
            transition: height .35s ease-in 200ms;
  }
  .navbar + section {
    margin-top: 67px;
  }
  .navbar .navbar-inner {
    position: static;
  }
  .navbar-brand {
    position: absolute;
    top: 0;
    left: 15px;
    width: auto;
    font-size: 12px;
    color: #117eb0;
  }
  .navbar-brand:hover{
    color: #117eb0;
  }
  .navbar-brand img {
    width: 60px;
    height: auto
  }
  .navbar-toggler {
    display: block;
  }
  .navbar-toolbar {
    display: none;
  }
  .navbar-mainmenu {
    position: absolute;
    z-index: 2;
    top: 67px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 20px 15px 0 15px;
    height: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 1s;
            transition: visibility 0s linear 1s;
  }
  .navbar-mainmenu .navbar-mob-nav {
    text-align: center;
  }

  .open-nav .navbar-mainmenu {
    visibility: visible;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .navbar-mainmenu .navbar-nav {
    -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            flex-direction: column;
  }
  .navbar-social {
    position: absolute;
    top: 0;
    right: 65px;
    height: 67px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    z-index: 3;
  }
  .navbar-social li {
    margin-top: 10px;
  }
  .navbar-social .navbar-nav {
    position: absolute;
    right: 50%;
    bottom: 0;
    /*margin-left: -12px;*/
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    -webkit-transition: .2s transform ease, .2s opacity ease, .2s visibility ease;
    transition: .2s transform ease, .2s opacity ease, .2s visibility ease;
    padding: 10px;
    border-radius: 5px;
    /*border: 1px solid #d3433c;*/
    background-color: #fff;
    -webkit-box-shadow: 2px 2px rgba(0, 0, 0, .2);
            box-shadow: 2px 2px rgba(0, 0, 0, .2)
  }
  .navbar-social input[type="checkbox"]:checked ~ .nav-social-toggler-icon {
    color: #d3433c;
  }
  .navbar-social input[type="checkbox"]:checked ~ .navbar-nav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(50%, 100%);
    transform: translate(50%, 100%);
  }
  .navbar-mainmenu .nav-item .nav-link {
    padding: 7px;
  }
  .navbar-mainmenu .navbar-nav > .nav-item > .nav-link {
    position: relative;
    border-bottom: 1px solid #515151;
  }
  .navbar-mainmenu .nav-item a[aria-haspopup="true"].nav-link:after {
    content: '+';
    display: block;
    float: right;
    right: 0;
    font-family: 'Times New Roman';
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .navbar-mainmenu .nav-item input[type="checkbox"]:checked ~ label.nav-link:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .navbar-mainmenu .navbar-nav > .nav-item {
    margin-bottom: 10px;
  }
  .navbar-mainmenu .navbar-nav .nav-item a.nav-link ~ .dropdown ,
  .navbar-mainmenu .navbar-nav .nav-item input[type="checkbox"] ~ .dropdown {
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    visibility: hidden;
    z-index: -1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .navbar-mainmenu .navbar-nav .nav-item a.nav-link.show ~ .dropdown ,
  .navbar-mainmenu .navbar-nav .nav-item input[type="checkbox"]:checked ~ .dropdown {
    position: static;
    height: 100%;
    visibility: visible;
    z-index: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
  }

}

@media (min-width: 992px) {
  .navbar-social {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 25px;
  }
  .navbar-social li {
    margin-top: 0;
  }
  .navbar-social li + li {
    margin-left: 8px;
  }
  .navbar .navbar-inner {
    min-height: 110px;
  }
  .navbar .navbar-inner .top-nav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    width: 100%;
  }
  .navbar-mainmenu {
    padding-left: 150px;
  }
  html:lang(zh_CN) .navbar-mainmenu .nav-item .nav-link ,
  html:lang(zh_HK) .navbar-mainmenu .nav-item .nav-link {
    padding: 15px;
  }
  .navbar-mainmenu .nav-item .nav-link {
    padding: 12px;
  }
  html:lang(en_GB) .navbar-mainmenu .navbar-nav > .nav-item > label ,
  html:lang(en_GB) .navbar-mainmenu .navbar-nav > .nav-item > a {
    text-align: center;
  }
  .navbar-mainmenu .navbar-nav .nav-item .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
  }
  .navbar-mainmenu .navbar-nav .nav-item > .nav-link[aria-expanded="true"] ~ .dropdown {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    z-index: 1;
  }
  /*.navbar-mainmenu .navbar-nav .nav-item .nav-link:active + .dropdown,
  .navbar-mainmenu .navbar-nav .nav-item.show .dropdown ,
  .navbar-mainmenu .navbar-nav .nav-item:hover .dropdown {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    z-index: 1;
  }*/
  .navbar-mainmenu .navbar-nav > .nav-item:last-child .dropdown {
    left: auto;
    right: 0;
  }
  .navbar-mainmenu > .navbar-nav > .nav-item .nav-link:focus ,
  .navbar-mainmenu > .navbar-nav > .nav-item .nav-link:hover {
    color: #fff;
  }
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+1) .nav-link:focus ,
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+1) .nav-link:hover {
    background-color: #bd5528;
  }
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+2) .nav-link:focus ,
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+2) .nav-link:hover {
    background-color: #dc2864;
  }
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+3) .nav-link:focus ,
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+3) .nav-link:hover {
    background-color: #4e7f3d;
  }
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+4) .nav-link:focus ,
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+4) .nav-link:hover {
    background-color: #0575d1;
  }
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+5) .nav-link:focus ,
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+5) .nav-link:hover {
    background-color: #6d6bc7;
  }
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+6) .nav-link:focus ,
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+6) .nav-link:hover {
    background-color: #ca4b0c;
  }
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+7) .nav-link:focus ,
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+7) .nav-link:hover {
    background-color: #0a8560;
  }
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+8) .nav-link:focus ,
  .navbar-mainmenu > .navbar-nav > .nav-item:nth-child(8n+8) .nav-link:hover {
    background-color: #1e6ff1;
  }

  .biodiversity-section .display-mode-toggler  {
    position: absolute;
    right: 0;
    top: 0;
  }
}

/* Footer */
footer {
  position: relative;
  padding-top: 50px;
  background-color: #e0f0cb;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 15.2px;
}
html:lang(en_GB) footer {
  font-size: 12.6px;
}
footer .container {
  position: relative;
  z-index: 1;
}
footer hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
html:lang(zh_CN) .footer-nav .nav-item .nav-link ,
html:lang(zh_HK) .footer-nav .nav-item .nav-link {
  white-space: nowrap;
}
footer .footer-nav a,
footer .footer-nav a:hover,
footer .footer-nav a:focus {
  color: #282828;
  text-decoration: none;
}
.footer-nav .nav-item .nav-link {
  font-weight: bold;
  font-size: 16px;
  padding: 0;
}
.footer-nav > .nav-item > .nav-link {
  margin-bottom: 10px;
}

.footer-nav .nav-item:nth-child(8n+1) .nav-link {
  color: #bd5528;
}
.footer-nav .nav-item:nth-child(8n+2) .nav-link {
  color: #dc2864;
}
.footer-nav .nav-item:nth-child(8n+3) .nav-link {
  color: #4e7f3d;
}
.footer-nav .nav-item:nth-child(8n+4) .nav-link {
  color: #0575d1;
}
.footer-nav .nav-item:nth-child(8n+5) .nav-link {
  color: #6d6bc7;
}
.footer-nav .nav-item:nth-child(8n+6) .nav-link {
  color: #ca4b0c;
}
.footer-nav .nav-item:nth-child(8n+7) .nav-link {
  color: #0a8560;
}
.footer-nav .nav-item:nth-child(8n+8) .nav-link {
  color: #1e6ff1;
}

.footer-info-nav {
  padding-bottom: 50px;
  color: #045d04;
}
.footer-info-nav a {
  color: #045d04
}
.footer-nav .nav-sublist li {
  margin-bottom: 8px;
}

@media (max-width: 767.98px) {

  .footer-nav .nav-item {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .footer-nav .nav-item .nav-link {
    display: block;
    cursor: pointer;
    padding-bottom: .5rem!important;
    border-bottom: 1px solid #ffffff;
    background-color: #e0f0cb;
    position: relative;
    z-index: 1;
  }
  .footer-nav .nav-item a.nav-link ~ .nav-sublist ,
  .footer-nav .nav-item input[type="checkbox"] ~ .nav-sublist {
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    visibility: hidden;
    z-index: -1;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  .footer-nav .nav-item.show a.nav-link ~ .nav-sublist ,
  .footer-nav input[type="checkbox"]:checked ~ .nav-sublist {
    position: static;
    height: 100%;
    visibility: visible;
    z-index: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
  }
  .footer-nav a.nav-link:not(.no-after-icon):after ,
  .footer-nav label.nav-link:after {
    content: '+';
    display: block;
    float: right;
    right: 0;
    font-family: 'Times New Roman';
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .footer-nav input[type="checkbox"]:checked + label.nav-link:after{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@media (min-width: 768px) {
  footer {
    padding-top: 100px;
    background-clip: content-box;
  }

  footer:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 200px;
    width: 100%;
    min-width: 1920px;
    left: 50%;
    right: 0;
    background-color: #e0f0cb;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
  }
  .footer-nav .nav-item {
    margin-bottom: 25px;
  }
}


/* Common */
.u-absolute {
  position: absolute
}
.u-relative {
  position: relative
}
.u-overflow-h {
  overflow: hidden
}
.u-pos-tl {
  top: 0;
  left: 0
}
.u-pos-tr {
  top: 0;
  right: 0
}

.u-pos-bl {
  bottom: 0;
  left: 0
}

.u-pos-br {
  bottom: 0;
  right: 0
}

.btn {
  border-radius: 0;
}
/* .btn:focus{
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
} */

.btn-white{
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-white:hover,
.btn-white:focus {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.btn-more-g{
  color: #3e610f;
  background-color: transparent;
  border-color: #3e610f;
}
.btn-more-g:hover ,
.btn-more-g:focus {
  color: #fff;
  background-color: #3e610f;
  border-color: #3e610f;
}

.btn-default {
  /*width: 100px;*/
  background-color: transparent;
}
.btn-default:hover,
.btn-default:focus{
  color: #fff;
}

.page-banner {
  background: none center / cover no-repeat;
  height: 250px;
}

.ecological-item {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  outline: none;
}

.unline-heading {
  font-weight: 700;
}
.unline-heading:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 140px;
  height: 2px;
}
html:lang(zh-hk) .unline-heading  {
  letter-spacing: .5em;
  margin-right: -.5em;
}
html:lang(zh-hk) .unline-heading:before {
  margin-left: -.25em;
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}
.swiper-button-prev,
.swiper-button-next,
.swiper-button-prev:hover,
.swiper-button-next:hover {
  outline: none;
}

/* Ribbon */
.ribbon-wrap {
  max-width: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding: 10px 0;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.ribbon-heading {
  position: relative;
  min-width: 150px;
  text-align: center;
  color: #d3433c;
}
.ribbon-heading:before,
.ribbon-heading:after {
  content: '';
  display: block;
  position: absolute;
  width: 1000px;
  top: 50%;
  margin-top: -18px;
  height: 28px;
  background: url('/images/ribbon.png') center / auto 28px repeat-x;
}
.ribbon-heading:before {
  right: 105%;
  right: calc(100% + 50px);
}
.ribbon-heading:after {
  left: 105%;
  left: calc(100% + 50px);
}
html:lang(zh-hk) .ribbon-heading {
  letter-spacing: .25em;
}

/* Square NAV */
.square-nav {
  color: #fff;
}
.square-nav .square-navlink,
.square-nav .navlink-image {
  display: block;
  text-decoration: none;
}
.square-nav .square-navlink:hover,
.square-nav .navlink-image:hover {
  text-decoration: none;
}
.square-nav .navlink-image {
  position: relative;
  padding-top: 100%;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid transparent;
}
.square-nav .navlink-image svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.square-nav .square-box {
  padding-top: 100%;
}
.square-nav .navlink-label {
  font-weight: 700;
  text-decoration: none;
}
.square-nav .navlink-label:hover,
.square-nav .navlink-label:focus {
  text-decoration: none;
}

.aboutus-section .square-nav .navlink-label {
  color: #dc2864;
}
.aboutus-section .square-nav .navlink-image {
  border-color: #dc2864;
}
/* .aboutus-section .square-nav .square-navitem:nth-child(1) .square-navlink .navlink-image {
  background-size: 47%;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 128.98 128.98\'%3e%3cpath d=\'M23.42,61.4a3.61,3.61,0,0,1-3.65-3.15A38.88,38.88,0,0,1,33.21,23.62a3.61,3.61,0,0,1,4.67,5.5,31.65,31.65,0,0,0-11,28.22,3.61,3.61,0,0,1-3.12,4Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M120,104.83L102.55,83.44a53.08,53.08,0,1,0-23.19,18.78l17.55,21.49a14.42,14.42,0,0,0,20.25,2l0.83-.67A14.41,14.41,0,0,0,120,104.83ZM12.94,53.16A45.95,45.95,0,1,1,58.89,99.11,46,46,0,0,1,12.94,53.16Zm102.82,61.46a6.88,6.88,0,0,1-2.5,4.67l-0.83.67a6.85,6.85,0,0,1-3.72,1.52,6.93,6.93,0,0,1-6-2.5L86.17,98.77a53.48,53.48,0,0,0,11.59-9.39l16.49,20.18A6.89,6.89,0,0,1,115.76,114.62Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M61.61,58.41A16.33,16.33,0,1,1,77.94,42.08,16.35,16.35,0,0,1,61.61,58.41Zm0-26.66A10.33,10.33,0,1,0,71.94,42.08,10.34,10.34,0,0,0,61.61,31.75Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M49.14,125.78H72.78a5.31,5.31,0,0,0,5.3-5.3V91.88a42.56,42.56,0,0,1-34.25,2.3v26.29A5.31,5.31,0,0,0,49.14,125.78Z\' style=\'fill: none\'/%3e%3cpath d=\'M72.78,61.29H49.14A11.72,11.72,0,0,0,37.43,73V91.21a42.27,42.27,0,0,0,6.41,3V73a5.31,5.31,0,0,1,5.3-5.3H72.78a5.31,5.31,0,0,1,5.3,5.3V91.88a42.52,42.52,0,0,0,6.41-4.14V73A11.72,11.72,0,0,0,72.78,61.29Z\' style=\'fill: %23dc2864\'/%3e%3c/svg%3e ');
}
.aboutus-section .square-nav .square-navitem:nth-child(2) .square-navlink .navlink-image {
  background-size: 47%;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 71.13 71.13\'%3e%3cpath d=\'M7,56.65L4,62A1.75,1.75,0,1,0,7,63.7l2.92-5.19a30.41,30.41,0,0,1-2.77-2.15A1.77,1.77,0,0,0,7,56.65Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M46.86,56.65a1.76,1.76,0,0,0-.13-0.19,30.23,30.23,0,0,1-2.79,2.14l2.87,5.1A1.75,1.75,0,0,0,49.86,62Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M27,57A23.5,23.5,0,1,1,50.05,29h3.56a27,27,0,1,0,0,9H50.08A23.53,23.53,0,0,1,27,57Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M39.69,29h3.67a17,17,0,1,0,0,9H39.74A13.5,13.5,0,1,1,39.69,29Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M70.71,38.56L66.59,33.7l4.13-4.91A1.75,1.75,0,0,0,68,26.53l-4.24,5s-0.06.1-.1,0.14H59.58L62,28.79a1.75,1.75,0,1,0-2.67-2.26L55,31.67l0,0H28.71a1.75,1.75,0,0,0,0,3.5h26a1.73,1.73,0,0,0,.24.38l4.44,5.24A1.75,1.75,0,0,0,62,38.56L59.2,35.21h4.16a1.71,1.71,0,0,0,.24.38L68,40.83A1.75,1.75,0,0,0,70.71,38.56Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M28.71,29h4a7.34,7.34,0,1,0,.11,9H28.71a4.51,4.51,0,0,1-4.5-4.5,4.42,4.42,0,0,1,.07-0.66A4.49,4.49,0,0,1,28.71,29Z\' style=\'fill: %23dc2864\'/%3e%3c/svg%3e ');
}
.aboutus-section .square-nav .square-navitem:nth-child(3) .square-navlink .navlink-image {
  background-size: 47%;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 58.03 58.03\'%3e%3cpath d=\'M47.6,0H20.24l-0.41.07v0a2,2,0,0,0-.72.39l-13,10.91a2,2,0,0,0-.68,1.24h0V53a5,5,0,0,0,5,5H47.6a5,5,0,0,0,5-5V5A5,5,0,0,0,47.6,0Zm1.5,53a1.52,1.52,0,0,1-1.5,1.5H10.43A1.52,1.52,0,0,1,8.93,53V14.27L19.21,5.62v8.25H14.84v3.5H22.7V3.5H47.6A1.52,1.52,0,0,1,49.1,5V53Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M43.27,41.63H14.65a1.75,1.75,0,0,1,0-3.5H43.27A1.75,1.75,0,0,1,43.27,41.63Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M43.27,34.27H14.65a1.75,1.75,0,0,1,0-3.5H43.27A1.75,1.75,0,0,1,43.27,34.27Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M43.27,27H14.65a1.75,1.75,0,0,1,0-3.5H43.27A1.75,1.75,0,0,1,43.27,27Z\' style=\'fill: %23dc2864\'/%3e%3cpath d=\'M43.27,49.07H14.65a1.75,1.75,0,0,1,0-3.5H43.27A1.75,1.75,0,0,1,43.27,49.07Z\' style=\'fill: %23dc2864\'/%3e%3c/svg%3e ');
}
.aboutus-section .square-nav .square-navitem:nth-child(1) .square-navlink:hover .navlink-image {
  background-color: #dc2864;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 128.98 128.98\'%3e%3cpath d=\'M23.42,61.4a3.61,3.61,0,0,1-3.65-3.15A38.88,38.88,0,0,1,33.21,23.62a3.61,3.61,0,0,1,4.67,5.5,31.65,31.65,0,0,0-11,28.22,3.61,3.61,0,0,1-3.12,4Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M120,104.83L102.55,83.44a53.08,53.08,0,1,0-23.19,18.78l17.55,21.49a14.42,14.42,0,0,0,20.25,2l0.83-.67A14.41,14.41,0,0,0,120,104.83ZM12.94,53.16A45.95,45.95,0,1,1,58.89,99.11,46,46,0,0,1,12.94,53.16Zm102.82,61.46a6.88,6.88,0,0,1-2.5,4.67l-0.83.67a6.85,6.85,0,0,1-3.72,1.52,6.93,6.93,0,0,1-6-2.5L86.17,98.77a53.48,53.48,0,0,0,11.59-9.39l16.49,20.18A6.89,6.89,0,0,1,115.76,114.62Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M61.61,58.41A16.33,16.33,0,1,1,77.94,42.08,16.35,16.35,0,0,1,61.61,58.41Zm0-26.66A10.33,10.33,0,1,0,71.94,42.08,10.34,10.34,0,0,0,61.61,31.75Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M49.14,125.78H72.78a5.31,5.31,0,0,0,5.3-5.3V91.88a42.56,42.56,0,0,1-34.25,2.3v26.29A5.31,5.31,0,0,0,49.14,125.78Z\' style=\'fill: none\'/%3e%3cpath d=\'M72.78,61.29H49.14A11.72,11.72,0,0,0,37.43,73V91.21a42.27,42.27,0,0,0,6.41,3V73a5.31,5.31,0,0,1,5.3-5.3H72.78a5.31,5.31,0,0,1,5.3,5.3V91.88a42.52,42.52,0,0,0,6.41-4.14V73A11.72,11.72,0,0,0,72.78,61.29Z\' style=\'fill: %23ffffff\'/%3e%3c/svg%3e ');
}
.aboutus-section .square-nav .square-navitem:nth-child(2) .square-navlink:hover .navlink-image {
  background-color: #dc2864;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 71.13 71.13\'%3e%3cpath d=\'M7,56.65L4,62A1.75,1.75,0,1,0,7,63.7l2.92-5.19a30.41,30.41,0,0,1-2.77-2.15A1.77,1.77,0,0,0,7,56.65Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M46.86,56.65a1.76,1.76,0,0,0-.13-0.19,30.23,30.23,0,0,1-2.79,2.14l2.87,5.1A1.75,1.75,0,0,0,49.86,62Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M27,57A23.5,23.5,0,1,1,50.05,29h3.56a27,27,0,1,0,0,9H50.08A23.53,23.53,0,0,1,27,57Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M39.69,29h3.67a17,17,0,1,0,0,9H39.74A13.5,13.5,0,1,1,39.69,29Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M70.71,38.56L66.59,33.7l4.13-4.91A1.75,1.75,0,0,0,68,26.53l-4.24,5s-0.06.1-.1,0.14H59.58L62,28.79a1.75,1.75,0,1,0-2.67-2.26L55,31.67l0,0H28.71a1.75,1.75,0,0,0,0,3.5h26a1.73,1.73,0,0,0,.24.38l4.44,5.24A1.75,1.75,0,0,0,62,38.56L59.2,35.21h4.16a1.71,1.71,0,0,0,.24.38L68,40.83A1.75,1.75,0,0,0,70.71,38.56Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M28.71,29h4a7.34,7.34,0,1,0,.11,9H28.71a4.51,4.51,0,0,1-4.5-4.5,4.42,4.42,0,0,1,.07-0.66A4.49,4.49,0,0,1,28.71,29Z\' style=\'fill: %23ffffff\'/%3e%3c/svg%3e ');
}
.aboutus-section .square-nav .square-navitem:nth-child(3) .square-navlink:hover .navlink-image {
  background-color: #dc2864;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 58.03 58.03\'%3e%3cpath d=\'M47.6,0H20.24l-0.41.07v0a2,2,0,0,0-.72.39l-13,10.91a2,2,0,0,0-.68,1.24h0V53a5,5,0,0,0,5,5H47.6a5,5,0,0,0,5-5V5A5,5,0,0,0,47.6,0Zm1.5,53a1.52,1.52,0,0,1-1.5,1.5H10.43A1.52,1.52,0,0,1,8.93,53V14.27L19.21,5.62v8.25H14.84v3.5H22.7V3.5H47.6A1.52,1.52,0,0,1,49.1,5V53Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M43.27,41.63H14.65a1.75,1.75,0,0,1,0-3.5H43.27A1.75,1.75,0,0,1,43.27,41.63Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M43.27,34.27H14.65a1.75,1.75,0,0,1,0-3.5H43.27A1.75,1.75,0,0,1,43.27,34.27Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M43.27,27H14.65a1.75,1.75,0,0,1,0-3.5H43.27A1.75,1.75,0,0,1,43.27,27Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M43.27,49.07H14.65a1.75,1.75,0,0,1,0-3.5H43.27A1.75,1.75,0,0,1,43.27,49.07Z\' style=\'fill: %23ffffff\'/%3e%3c/svg%3e ');
} */




/* Know More */
.rect-formore-item {
  position: relative;
  display: -ms-flex;
  display:     -webkit-box;
  display:     -ms-flexbox;
  display:     flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-top: 70px;
  padding-bottom: 70px;
  background-size: 540px auto;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background-size .3s ease-out;
          transition: background-size .3s ease-out;
  overflow: hidden;
  text-decoration: none;
}
.rect-formore-item:hover {
  background-size: 570px auto;
  text-decoration: none;
}
.rect-formore-item .rect-image {
  -webkit-transition: transform .3s ease-out;
          transition: transform .3s ease-out;
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rect-formore-item:hover .rect-image {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
@supports (object-fit: cover) {
  .rect-formore-item .rect-image {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: auto;
    left: auto;
    transform: none;
    overflow: hidden;
    object-fit: cover;
  }
  .rect-formore-item:hover .rect-image {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.rect-formore-item .formore-label,
.rect-formore-item .formore-hover {
  padding: 7px 15px;
  background: rgba(108,107,199,.85);
  color: #fff;
  font-weight: 700;
}

.rect-formore-item .formore-hover {
  opacity: 0;
  -webkit-transform: scale(.9);
          transform: scale(.9);
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  padding: 5px 15px;
  margin: 0 auto;
  font-size: 1rem;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rect-formore-item .formore-label {
  position: absolute;
  bottom: 5px;
  left: 0;
  min-width: 220px;
  margin-bottom: 0;
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(108,107,199,.85)), color-stop(85%, rgba(109,107,199,.85)), color-stop(100%, rgba(109,107,199,0)));
  background:         -webkit-gradient(linear, left top, right top, from(rgba(108,107,199,.85)), color-stop(85%, rgba(109,107,199,.85)), to(rgba(109,107,199,0)));
  background:         linear-gradient(to right, rgba(108,107,199,.85) 0%, rgba(109,107,199,.85) 85%, rgba(109,107,199,0) 100%);
}
.rect-formore-item:hover .formore-hover ,
.rect-formore-item:focus .formore-hover {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.rect-formore-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  font-size: 1rem;
}

.rect-formore-buttons{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rect-formore-buttons .btn{
  width: 100px;
}

/* rect-item */
.rect-item{
  background-color: #f1fbf0;
  padding: 1rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.rect-item-title{
  font-size: 1.2rem;
}

.rect-item-content{
  font-size: 1rem;
}

.rect-item-buttons{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: auto;
}

.rect-item-buttons .btn {
  width: 100px;
}

.rect-item.rect-audio .audio-padding audio{
  width: 100%;
}
/* rect-item */

/* square-item */
.sq-item {
  position: relative;
  padding-top: 100%;
}
.sq-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@supports (object-fit: cover) {
  .sq-item img  {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
  }
}

/* square-item */

@media screen and (max-width: 767px) {
  /**
   *  rect-formore-item + Page
   */
  .rect-formore-item, .rect-item {
    margin-bottom: 41px;
  }

  .col-12 :last-child > .rect-formore-item ,
  .col-12 :last-child > .rect-item {
    margin-bottom: 0px;
  }

  .col-12 :last-child > .rect-item {
    margin-top: 41px;
  }
}



/* breadcrumb */
.breadcrumb {
  background-color: transparent;
  padding: 0;
}
.breadcrumb .breadcrumb-item.active {
  font-weight: bold;
}

.breadcrumb .breadcrumb-item a{
  color: #343434;
}

/* biodiversity */
.biodiversity-section .section-heading,
.biodiversity-section .biodiversity-title {
  color: #6d6bc7;
}
.biodiversity-section hr {
  border-color: rgba(0,0,0,.3);
}
html:lang(zh-hk) .biodiversity-section .section-heading {
  letter-spacing: .25em;
}
.biodiversity-moreitem {
  display: block;
  padding: 7.5px;
  text-align: center;
}
.biodiversity-moreitem .item-image {
  padding-top: 100%;
  background: center / 100% auto no-repeat;
  -webkit-transition: .3s background ease-out;
          transition: .3s background ease-out;
}
.biodiversity-moreitem:hover .item-image {
  background-size: 105% auto;
}
.biodiversity-moreitem .item-heading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;

}
.biodiversity-moreitem .item-heading > span {
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(108,107,199,.85)), color-stop(70%, rgba(109,107,199,.85)), color-stop(100%, rgba(109,107,199,0)));
  background:         -webkit-gradient(linear, left top, left bottom, from(rgba(108,107,199,.85)), color-stop(70%, rgba(109,107,199,.85)), to(rgba(109,107,199,0)));
  background:         linear-gradient(to bottom, rgba(108,107,199,.85) 0%, rgba(109,107,199,.85) 70%, rgba(109,107,199,0) 100%);
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  min-width: 80px;
  padding: 5px 5px 15px;
  margin: 0 auto;
}
.biodiversity-moreitem .show-more {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  opacity: 0;
  padding: 5px 7px;
  color: #fff;
  background-color: rgba(109, 107, 199, .75);
  white-space: nowrap;
}
.biodiversity-moreitem:hover .show-more {
  opacity: 1;
}
.biodiversity-moreitem .item-name {
  margin-top: .5rem;
}
.display-as-list .biodiversity-moreitem .item-image {
  display: none;
}
.display-as-list .biodiversity-moreitem .item-name {
  margin-top: 0;
  padding: .75rem .5rem;
  background-color: transparent;
    -webkit-transition: .3s background ease-out;
    transition: .3s background ease-out;
}
.display-as-list .biodiversity-moreitem:hover .item-name {
  background-color: #6d6bc7;
  color: #fff;
}


.biodiversity-section .unline-heading {
  color: #6d6bc7;
}
.biodiversity-section .unline-heading:before {
  background-color: #6d6bc7;
}
.biodiversity-section .square-nav .navlink-label {
  color: #6d6bc7;
}
.biodiversity-section .square-nav .navlink-image {
  border-color: #6d6bc7;
}
.biodiversity-section .square-nav .square-navitem:nth-child(1) .square-navlink .navlink-image {
  background-size: 40%;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 115.84 115.84\'%3e%3cpath d=\'M40.42,42.72a1.75,1.75,0,0,1-.18-2.33A18.86,18.86,0,0,1,56.68,33a1.75,1.75,0,1,1-.26,3.49,15.35,15.35,0,0,0-13.4,6,1.75,1.75,0,0,1-2.45.33Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M84.85,77.49L76.38,67.11a25.75,25.75,0,1,0-11.25,9.11l8.51,10.42a7,7,0,0,0,9.82,1l0.4-.33A7,7,0,0,0,84.85,77.49ZM32.91,52.42A22.29,22.29,0,1,1,55.2,74.71,22.31,22.31,0,0,1,32.91,52.42ZM82.79,82.24a3.34,3.34,0,0,1-1.21,2.27l-0.4.33a3.32,3.32,0,0,1-1.8.74,3.36,3.36,0,0,1-2.92-1.21l-8-9.81A25.94,25.94,0,0,0,74.06,70l8,9.79A3.34,3.34,0,0,1,82.79,82.24Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M51.16,42.85c-9.85,0-13.49,7.13-13.49,11.66s3.64,11.66,13.49,11.66S63.51,58.75,63.51,54.5,61,42.85,51.16,42.85ZM50.81,63.73C43,63.73,40.18,58,40.18,54.5S43,45.28,50.81,45.28s9.78,5.87,9.78,9.23S58.6,63.73,50.81,63.73Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M63.51,54.5c0,3.29,9.38,9.23,9.38,9.23V45.28S63.51,51.21,63.51,54.5Zm7.23,0v4.45s-4.24-2.86-4.24-4.45,4.24-4.45,4.24-4.45V54.5Z\' style=\'fill: %236d6bc7\'/%3e%3ccircle cx=\'45.07\' cy=\'52.04\' r=\'1.98\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M49.26,44.26A44.42,44.42,0,0,1,50.93,54.5a40.9,40.9,0,0,1-1.67,10.18\' style=\'fill: none;stroke: %236d6bc7;stroke-miterlimit: 10;stroke-width: 2.5px\'/%3e%3c/svg%3e');
}
.biodiversity-section .square-nav .square-navitem:nth-child(2) .square-navlink .navlink-image {
  background-size: 55%;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 115.84 115.84\'%3e%3cpath d=\'M115.5,96.32L91.81,48.07A1.94,1.94,0,0,0,90,47,2,2,0,0,0,88.2,48.1l-6,12.61L61,17.52A2.09,2.09,0,0,0,59.2,16.4a2,2,0,0,0-1.79,1.14l-17,35.88L32.19,36.74a2,2,0,0,0-1.81-1.12,2,2,0,0,0-1.79,1.14L0.19,96.58A2,2,0,0,0,2,99.44H113.84A2,2,0,0,0,115.5,96.32ZM83.38,67.6l1.1-2.31L90,53.56l7.4,15.07-1.66,1.08-4.09,2.68-4.57-1.69L85.26,70l-0.86-.32-1.71-.63ZM59.25,23l10,20.42-1.63,1.07-6.2,4.07-8.89-3.65-3.11-1.27ZM30.42,42.22L38.19,58l1.13,2.29L39.66,61l-0.78.22L36.33,62l-1.91.54-7.16,2-3.65-1.7-2.42-1.13ZM24.87,95.44H5.16L19.47,65.29l6.76,3.16a2,2,0,0,0,1.39.11l6.43-1.8L36.61,66l2.55-.72,2.29-.64,15.1,30.75H24.87Zm40.87,0H61L44.64,62.1A1.95,1.95,0,0,0,44,60.81L42.63,58l5.1-10.75,13.17,5.4a2,2,0,0,0,1.86-.18L71.05,47l9,18.28L78.29,69a2,2,0,0,0-.26.47c0,0.06,0,.12,0,0.17Zm33.54,0H70.16L81,72.68l3.27,1.21,2.72,1,2.72,1,1.56,0.58a2,2,0,0,0,1.79-.2l6.18-4,11.39,23.19H99.27Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M80.43,28.55c1.67,0.66,6.39,3.24,8.17,7.14a2,2,0,0,0,1.81,1.17h0a2,2,0,0,0,1.82-1.16c2.14-4.64,7.69-7.16,7.74-7.18a2,2,0,0,0-1.62-3.66,22.88,22.88,0,0,0-8,6.22,22.82,22.82,0,0,0-8.5-6.25A2,2,0,0,0,80.43,28.55Z\' style=\'fill: %236d6bc7\'/%3e%3c/svg%3e ');
}
.biodiversity-section .square-nav .square-navitem:nth-child(3) .square-navlink .navlink-image {
  background-size: 50%;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 695.82 695.82\'%3e%3cpath d=\'M456,419.07c-83.51,0-114.35,60.45-114.35,98.84S372.46,616.75,456,616.75s104.71-62.84,104.71-98.84S539.47,419.07,456,419.07Zm-3.2,172.52c-62.25,0-84.89-45.58-84.89-73.68s22.65-73.68,84.89-73.68,78.05,46.84,78.05,73.68S515,591.59,452.76,591.59Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M560.68,517.91c0,27.89,79.53,78.25,79.53,78.25V439.66S560.68,490,560.68,517.91Zm58.42,0v31.68s-30.25-20.39-30.25-31.68,30.25-31.68,30.25-31.68v31.68Z\' style=\'fill: %236d6bc7\'/%3e%3ccircle cx=\'404.33\' cy=\'496.99\' r=\'16.78\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M454.15,607.34l-24.43-6.26c0.16-.44,16.31-44.31,16.48-83.21,0.15-35.76-16.37-83.36-16.54-83.84l24.55-5.91c0.72,2.07,17.71,51,17.55,89.82C471.59,560.07,454.86,605.43,454.15,607.34Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M680.5,300.89c1.59-29.6-18.84-55.57-46.54-59.15a50.91,50.91,0,0,0-9.94-.31c-8-17.75-24.48-30.52-44.36-31.95-24.87-1.79-47.06,14.74-54.78,38.73-0.57-.06-1.13-0.11-1.7-0.15-29.76-2.14-55.71,22-57.57,53.69-1.08,18.34,4.26,40.44,14.84,55.83l189-15.78C676,329.91,679.74,315.09,680.5,300.89Z\' style=\'fill: none;stroke: %236d6bc7;stroke-miterlimit: 10;stroke-width: 30.4743826389313px\'/%3e%3cpath d=\'M447.73,641.64A119.05,119.05,0,0,0,433,650.16c-4.74,3.06-9.22,5.94-13.87,7.79-10.07,4-19.49,5.39-28,4.14-10.14-1.49-20.38-5.32-31.22-9.37-18-6.74-36.64-13.7-57.65-11.06-21.29,2.68-39.64,12.21-57.39,21.42l-1.78.92a12.5,12.5,0,1,0,11.51,22.19l1.79-.93c16.53-8.58,32.14-16.68,49-18.8,14.9-1.88,29.9,3.73,45.78,9.67,11.59,4.33,23.57,8.81,36.34,10.69s26.65,0,40.85-5.64c6.92-2.74,12.65-6.44,18.19-10a98.87,98.87,0,0,1,11.69-6.83A12.5,12.5,0,1,0,447.73,641.64Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M267.45,625.21c18.68,4,38.44.26,60.4-11.51a12.5,12.5,0,1,0-11.81-22c-16.51,8.85-30.68,11.83-43.32,9.1-7.5-1.62-15-4.36-22.95-7.26-5.08-1.86-10.32-3.78-15.61-5.39-25.9-7.9-47.74-8.71-66.75-2.49-9.93,3.25-18.92,7.77-27.62,12.14-3.85,1.94-7.49,3.77-11.22,5.5a12.5,12.5,0,1,0,10.53,22.67c4.07-1.89,8.06-3.9,11.91-5.83,8.23-4.14,16-8.05,24.16-10.72,14-4.57,30.87-3.71,51.68,2.64,4.64,1.41,9.34,3.13,14.32,5C249.58,620.05,258.26,623.23,267.45,625.21Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M664.9,328.77c-18.7-.6-37.62,2.49-56.88,3.26l-58.14,4.31c-52.39,5.61-107.87,16-168.54,31.6v-78.3A117.73,117.73,0,0,0,420,278.5a87.15,87.15,0,0,0,10.15-5.68l0,0,0.05,0,0.17-.11,0.1-.07a64.43,64.43,0,0,0,27.56-42.16A264.46,264.46,0,0,0,418.75,37.55h0A65.47,65.47,0,0,0,364.64,8.22a64.06,64.06,0,0,0-53.51,29.33,264.51,264.51,0,0,0-39.56,192.86c3.18,17.63,12.54,32.53,26.36,42l0.2,0.15,0.13,0.1c0.4,0.27.8,0.51,1.22,0.75l0,0a137,137,0,0,0,47.81,15.78V377c-69.24,19.4-90.82,28.25-138.81,56.67-12.81,7.58-25.08,15.67-36.47,24a323.5,323.5,0,0,0-30.88,25.86V387.25c2.32-.19,4.63-0.41,6.94-0.69,21.91-2.68,40.83-9.13,56.23-19.17,1.23-.8,2.32-1.59,3.27-2.28l1.29-.92,0.19-.15,0.27-.19c18-13.48,29.89-31.95,33.51-52a346.43,346.43,0,0,0-1.54-131.48A347.28,347.28,0,0,0,191.2,58.82h0a80,80,0,0,0-134,0,348.28,348.28,0,0,0-51.59,253A81.08,81.08,0,0,0,39.33,364.1l0.09,0.07,0.15,0.1,0.08,0.05,0.05,0c13.75,9.56,30.21,16,51.78,20.11q7.84,1.51,15.7,2.34V520.37C106.64,536,118.64,541,132,530.89,142.33,523,214,470,225.85,463c46.38-27.46,66.72-35.56,135.16-54.44l5.88-1.6a16.87,16.87,0,0,0,3.88-1.06c112-30.17,206.3-47.94,294-45.11,9.41,0.29,16.23-5.06,16.54-14.45A17,17,0,0,0,664.9,328.77Zm-567,22.32c-16.86-3.25-29.25-7.95-39-14.77l-0.11-.07-0.12-.09A46.88,46.88,0,0,1,39,305.75,313,313,0,0,1,85.58,77.47a46.38,46.38,0,0,1,38.9-21,45.84,45.84,0,0,1,38.3,21h0A313.1,313.1,0,0,1,209.43,305.8c-2.09,11.55-9.32,22.48-20.37,30.79l-1.36,1c-0.71.51-1.38,1-1.92,1.35-11,7.18-25.07,11.86-41.78,13.9A148.11,148.11,0,0,1,97.92,351.09Zm218.85-107c-6.05-4.33-10.22-11.3-11.74-19.73A230.65,230.65,0,0,1,339.55,56.21a30.17,30.17,0,0,1,25.09-14,31.11,31.11,0,0,1,25.69,14h0a230.59,230.59,0,0,1,34.3,168.17,30.71,30.71,0,0,1-13,20l-0.1.07-0.12.07A56.54,56.54,0,0,1,405,248C379.08,260.8,344.56,259.24,316.77,244.1Z\' style=\'fill: %236d6bc7\'/%3e%3c/svg%3e ');
}
.biodiversity-section .square-nav .square-navitem:nth-child(4) .square-navlink .navlink-image {
  background-size: 55%;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 925.76 925.76\'%3e%3cpath d=\'M709,185.48L655.79,170.2h-0.07a17.41,17.41,0,0,1-9.53-7A123,123,0,0,0,470.71,134l-0.23.19-0.24.18A302.93,302.93,0,0,0,392.08,229h0a18.92,18.92,0,0,1-4.92,5.73l-0.12.1-0.13.1C323.52,286.61,274.06,334,231.27,384.15c-32.15,37.65-59.87,77-80.42,107.16l-0.09.14-0.1.13a18.55,18.55,0,0,1-4,4.24l-0.1.09-0.11.08c-42.84,34.56-78.51,67.26-109.06,100-9,9.62-17.71,19.56-26.16,29.19l-4.61,5.25-0.09.12-0.1.11A26.21,26.21,0,0,0,.93,654.83c2.32,8.9,8.26,15.74,16.32,18.83l0.15,0.07,7.08,2.71-4.59,12.65,0,0.13A27.46,27.46,0,0,0,30,720.77a27.11,27.11,0,0,0,15.69,5.08,26.49,26.49,0,0,0,16.17-5.57c0.18-.13.35-0.27,0.53-0.41s0.38-.28.56-0.44l0.12-.11,0.14-.11A1698.31,1698.31,0,0,0,221.79,559.74l0.11-.14,0.1-.11a16.66,16.66,0,0,1,8.12-5.66l38.46-10.62h0l0.06,0a18.6,18.6,0,0,1,7.8-.4h0a268.29,268.29,0,0,0,45,3.8q8.09,0,16.15-.49l1.27,22v0s0,0,0,0a34.79,34.79,0,0,0,17.43,28.15h0l13.56,7.52-29.62,21.8A17,17,0,1,0,360.45,653l44.47-32.73,50,12.82a17,17,0,1,0,8.44-32.94L407.67,585.9,373,566.69a1.56,1.56,0,0,1-.17-0.64l-1.39-24.14a270.87,270.87,0,0,0,117.93-53.73A274.92,274.92,0,0,0,592.54,292.86h0c0.22-3,1-7.24,3.2-10,12.25-15.19,25.38-30,39-43.87a16.71,16.71,0,0,1,8.05-4.44l65.62-16.2A17,17,0,0,0,709,185.48Zm-240.76,276a236.85,236.85,0,0,1-114.21,48.79c-0.49,0-1,0-1.47,0a17,17,0,0,0-3.8.67,235,235,0,0,1-66.63-1.72h0a52.82,52.82,0,0,0-22.54,1.15l-0.1,0L221,521.09l0,0h-0.05a50.57,50.57,0,0,0-24.7,16.28l0,0a1649.73,1649.73,0,0,1-136,138.82,26.44,26.44,0,0,0-2-15.33A27,27,0,0,0,42.94,647.1l-0.08,0-4.23-1.62c7.69-8.76,15.6-17.73,23.57-26.27,29.44-31.53,64-63.17,105.55-96.72l0.05,0a53.58,53.58,0,0,0,9.74-10C213.61,506.93,244.8,501,274,494a12.39,12.39,0,0,0,1.38-.33q5.26-1.26,10.45-2.57c35.8-9,73.57-20.93,115.47-36.34l7.57-2.79h0a179.79,179.79,0,0,0,94.77-82.08,183,183,0,0,0,19-124.45,12.5,12.5,0,0,0-24.5,5c14.71,72.49-24,146.3-90.57,175.13a208.86,208.86,0,0,1,16.3-37.3,12.5,12.5,0,0,0-21.82-12.2,233.89,233.89,0,0,0-23.46,60.33c-31.91,11.38-61.36,20.6-89.44,28a208.82,208.82,0,0,1,17.18-40,12.5,12.5,0,0,0-21.82-12.2,233.86,233.86,0,0,0-23.17,59.13c-20,4.6-41,8.76-64,12.65,17.1-24.2,37.38-51.47,59.79-77.71,41.44-48.54,89.5-94.59,151.28-144.94l0.09-.08a52.55,52.55,0,0,0,13.63-16.26h0A269.13,269.13,0,0,1,491.31,161,89,89,0,0,1,618.14,182.4a51.82,51.82,0,0,0,21.32,17.92l-4.83,1.19h0a50.89,50.89,0,0,0-24.12,13.64c-14.4,14.7-28.26,30.29-41.2,46.33-6.23,7.73-9.81,17.45-10.64,28.9h0A240.84,240.84,0,0,1,468.28,461.52Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M566.85,203.78a16.08,16.08,0,1,0-16-16.08A16,16,0,0,0,566.85,203.78Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M155,754.33q20.44-11.29,41.57-21.26,10.53-5,21.2-9.68,5.4-2.38,10.84-4.69c1.71-.73.12-0.05-0.19,0.08l2.93-1.22,6.62-2.73c30.77-12.54,62.16-23.52,93.92-33.25A1347.29,1347.29,0,0,1,530,637.06q6.76-1,13.53-1.92c2.7-.37-2.22.29,0.48-0.07l4-.52,6.3-.8q13.24-1.65,26.51-3,26.36-2.7,52.82-4.15c8.38-.46,16.48-7.07,16.07-16.07-0.37-8.32-7.08-16.56-16.07-16.07-66.5,3.62-132.77,13.19-197.87,27.08-66.91,14.27-133,33.26-196.68,58.42-34.3,13.56-68,28.78-100.3,46.62-7.37,4.07-10.39,14.82-5.77,22a16.4,16.4,0,0,0,22,5.77h0Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M184.29,814.1a680.31,680.31,0,0,1,84.1-47.41q11-5.26,22.16-10.2,5.45-2.41,10.93-4.76l2.93-1.25c-2.26,1,.23-0.09.58-0.24l6.66-2.75q23.59-9.63,47.67-18A1171.42,1171.42,0,0,1,560.51,679q13.6-2.18,27.26-4c-2.79.38-.14,0,0.36,0l3.85-.5,6.91-.86q6.86-.83,13.74-1.58,26.68-2.9,53.48-4.4c8.38-.46,16.48-7.06,16.07-16.07-0.37-8.31-7.08-16.57-16.07-16.07-68,3.77-135.81,14.31-202.07,30.06-68.5,16.28-135.76,38.44-199.8,67.81-33.31,15.28-65.67,32.72-96.17,53.07-7,4.66-10.66,14.4-5.77,22,4.49,7,14.51,10.76,22,5.77h0Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M521.23,630.5c1.54-2.41,3.18-4.77,4.88-7.08,0.47-.63,1-1.26,1.41-1.89,1.78-2.44-2.26,2.82-.33.41,1.18-1.46,2.33-2.94,3.52-4.39,5-6.1,10.25-12,15.61-17.79,13.12-14.17,26.91-27.71,41-41,29.4-27.72,60-54.32,91.82-79.24l2.6-2c2.94-2.3-2.52,1.93.4-.31q2.9-2.22,5.81-4.42,5.4-4.07,10.88-8c5.75-4.13,11.59-8.16,17.62-11.87a15.17,15.17,0,0,0,5.34-20.36c-4-6.84-13.49-9.56-20.36-5.34-29.48,18.12-56.37,41.13-82.64,63.53-31.29,26.68-61.93,54.45-90.14,84.41-11.86,12.59-23.73,25.72-33.08,40.33-4.33,6.77-1.4,16.42,5.34,20.36,7.19,4.21,16,1.45,20.36-5.34h0Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M602.41,618.4q2.47-3.49,5-6.92c0.76-1,1.53-2,2.3-3,0.32-.42,1.71-2.21.05-0.08l1.63-2.09q6-7.65,12.36-15.05c9.07-10.63,18.52-20.92,28.25-30.95a674.06,674.06,0,0,1,66.57-60.39l1.83-1.44c-1.21.94,0.23-.18,0.65-0.5q2.42-1.85,4.87-3.68,4.79-3.57,9.67-7,9.25-6.5,18.88-12.43a15.16,15.16,0,0,0,5.34-20.36c-4-6.85-13.48-9.55-20.36-5.34-25.23,15.45-48.55,34.14-70.61,53.79a696.23,696.23,0,0,0-63.76,64.5c-10,11.55-19.56,23.51-28.39,36-4.65,6.56-1.17,16.56,5.34,20.36,7.46,4.36,15.7,1.24,20.36-5.34h0Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M774.06,523.71l0.15-.13,0.42-.31a118.93,118.93,0,0,1,54-20.08,11.72,11.72,0,0,1,2.58,23.31,95.4,95.4,0,0,0-42.68,15.68c-0.21.16-.41,0.33-0.64,0.48a108.33,108.33,0,0,1-104.84,9.22c10,18.17,23.1,27.56,43.3,34.95a87.22,87.22,0,0,0,87.86-16.77A166,166,0,0,1,831,555.58c18.3-13.78,34.91-22,57.21-27.51-37.33-48-101.3-72.67-152.67-43.33,0,0-7.6-9.59-7.61-9.59a18.42,18.42,0,0,1-16.48-1.66l32.47-27.4a163.32,163.32,0,0,1,180.65,88.45v0c0.15,0.3.28,0.62,0.4,0.93l0.07,0.17c0.07,0.2.13,0.42,0.19,0.63s0.11,0.35.16,0.53,0,0.18.06,0.28c0.07,0.3.13,0.6,0.17,0.9v0c0,0.08,0,.15,0,0.23,0,0.3.07,0.6,0.08,0.9s0,0.31,0,.46,0,0.45,0,.67,0,0.42-.06.64,0,0.32-.05.48-0.09.48-.14,0.71-0.05.26-.08,0.39-0.13.47-.21,0.7-0.08.26-.12,0.39-0.16.42-.25,0.63-0.12.29-.19,0.44-0.18.35-.27,0.52-0.18.34-.27,0.5-0.18.27-.26,0.41-0.24.37-.37,0.55l-0.26.33c-0.15.19-.3,0.37-0.46,0.55l-0.29.3c-0.16.17-.33,0.34-0.5,0.5l-0.38.32c-0.16.13-.31,0.27-0.48,0.39s-0.38.27-.58,0.4l-0.35.24c-0.28.17-.57,0.33-0.87,0.47l-0.14.07h0c-0.3.15-.61,0.27-0.93,0.4l-0.17.07c-0.2.07-.41,0.13-0.62,0.19l-0.54.16-0.26.05c-0.31.07-.61,0.13-0.92,0.18h0a146.29,146.29,0,0,0-82,40.7l-0.25.22-0.22.22A110.69,110.69,0,0,1,650.6,529.54q-1.27-1.27-2.5-2.59l18-15.16A84.91,84.91,0,0,0,774.06,523.71Z\' style=\'fill: %236d6bc7\'/%3e%3c/svg%3e ');
}
.biodiversity-section .square-nav .square-navitem:nth-child(5) .square-navlink .navlink-image {
  background-size: 45%;
  background-position: 55% 50%;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 100 100\'%3e%3cpath d=\'M99.41,14.35l-10-10a2,2,0,0,0-2.83,0L59.55,31.46V22.31a2,2,0,0,0-2-2H49.09V16.55a2,2,0,0,0-4,0v3.76h-7.6V16.55a2,2,0,0,0-4,0v3.76h-7.6V16.55a2,2,0,0,0-4,0v3.76h-7.6V16.55a2,2,0,1,0-4,0v3.76H2a2,2,0,0,0-2,2V94.19a2,2,0,0,0,2,2H57.55a2,2,0,0,0,2-2V57L99.41,17.18A2,2,0,0,0,99.41,14.35ZM55.54,92.19H4V24.31h6.26v3.26a2,2,0,1,0,4,0V24.31h7.6v3.26a2,2,0,0,0,4,0V24.31h7.6v3.26a2,2,0,0,0,4,0V24.31h7.6v3.26a2,2,0,0,0,4,0V24.31h6.45V35.47L34.85,56.16a2,2,0,0,0-.23.28l-0.05.08,0,0.07-13,22.93a2,2,0,0,0,.61,2.64l0.1,0.06,0.22,0.12,0.12,0,0.23,0.07,0.13,0,0.26,0H23.4l0.21,0,0.1,0,0.2-.06,0.09,0,0.28-.13,22.93-13,0.07,0,0.08-.05A2,2,0,0,0,47.64,69l7.9-7.9V92.19ZM45,65.93L28.6,75.21,37.88,58.8,88,8.64l7.13,7.13Z\' style=\'fill: %236d6bc7\'/%3e%3c/svg%3e ');
}
.biodiversity-section .square-nav .square-navitem:nth-child(6) .square-navlink .navlink-image {
  background-size: 45%;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 100.34 100.34\'%3e%3cpath d=\'M82.35,5.55a2.18,2.18,0,0,0-2-2.32H72.12a2.18,2.18,0,0,0-2,2.32v7.56H82.35V5.55Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M30.22,5.55a2.18,2.18,0,0,0-2-2.32H20a2.18,2.18,0,0,0-2,2.32v7.56H30.22V5.55Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M90.34,13.11h-8v7.52a2.18,2.18,0,0,1-2,2.32H72.12a2.18,2.18,0,0,1-2-2.32V13.11H30.22v7.52a2.18,2.18,0,0,1-2,2.32H20a2.18,2.18,0,0,1-2-2.32V13.11H10c-5.5,0-10,5.22-10,11.6v60.8c0,6.38,4.5,11.6,10,11.6H90.34c5.5,0,10-5.22,10-11.6V24.71C100.34,18.33,95.84,13.11,90.34,13.11Zm6.51,76.58c0,1.58-1,2.91-2.21,2.91H5.71c-1.2,0-2.21-1.33-2.21-2.91V29.49H96.85v60.2Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M19.37,49.22h4.17a1.37,1.37,0,0,0,1.26-1.46V43.29a1.37,1.37,0,0,0-1.26-1.46H19.37a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,19.37,49.22Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M38.74,49.22h4.17a1.37,1.37,0,0,0,1.26-1.46V43.29a1.37,1.37,0,0,0-1.26-1.46H38.74a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,38.74,49.22Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M58.1,49.22h4.17a1.37,1.37,0,0,0,1.26-1.46V43.29a1.37,1.37,0,0,0-1.26-1.46H58.1a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,58.1,49.22Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M77.46,49.22h4.17a1.37,1.37,0,0,0,1.26-1.46V43.29a1.37,1.37,0,0,0-1.26-1.46H77.46a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,77.46,49.22Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M19.37,65.39h4.17a1.37,1.37,0,0,0,1.26-1.46V59.47A1.37,1.37,0,0,0,23.54,58H19.37a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,19.37,65.39Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M38.74,65.39h4.17a1.37,1.37,0,0,0,1.26-1.46V59.47A1.37,1.37,0,0,0,42.91,58H38.74a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,38.74,65.39Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M58.1,65.39h4.17a1.37,1.37,0,0,0,1.26-1.46V59.47A1.37,1.37,0,0,0,62.27,58H58.1a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,58.1,65.39Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M77.46,65.39h4.17a1.37,1.37,0,0,0,1.26-1.46V59.47A1.37,1.37,0,0,0,81.63,58H77.46a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,77.46,65.39Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M19.37,80.39h4.17a1.37,1.37,0,0,0,1.26-1.46V74.47A1.37,1.37,0,0,0,23.54,73H19.37a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,19.37,80.39Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M38.74,80.39h4.17a1.37,1.37,0,0,0,1.26-1.46V74.47A1.37,1.37,0,0,0,42.91,73H38.74a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,38.74,80.39Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M58.1,80.39h4.17a1.37,1.37,0,0,0,1.26-1.46V74.47A1.37,1.37,0,0,0,62.27,73H58.1a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,58.1,80.39Z\' style=\'fill: %236d6bc7\'/%3e%3cpath d=\'M77.46,80.39h4.17a1.37,1.37,0,0,0,1.26-1.46V74.47A1.37,1.37,0,0,0,81.63,73H77.46a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,77.46,80.39Z\' style=\'fill: %236d6bc7\'/%3e%3c/svg%3e ');
}
.biodiversity-section .square-nav .square-navitem:nth-child(1) .square-navlink:hover .navlink-image,
.biodiversity-section .square-nav .square-navitem:nth-child(1) .square-navlink.active .navlink-image {
  background-color: #6d6bc7;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 115.84 115.84\'%3e%3cpath d=\'M40.42,42.72a1.75,1.75,0,0,1-.18-2.33A18.86,18.86,0,0,1,56.68,33a1.75,1.75,0,1,1-.26,3.49,15.35,15.35,0,0,0-13.4,6,1.75,1.75,0,0,1-2.45.33Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M84.85,77.49L76.38,67.11a25.75,25.75,0,1,0-11.25,9.11l8.51,10.42a7,7,0,0,0,9.82,1l0.4-.33A7,7,0,0,0,84.85,77.49ZM32.91,52.42A22.29,22.29,0,1,1,55.2,74.71,22.31,22.31,0,0,1,32.91,52.42ZM82.79,82.24a3.34,3.34,0,0,1-1.21,2.27l-0.4.33a3.32,3.32,0,0,1-1.8.74,3.36,3.36,0,0,1-2.92-1.21l-8-9.81A25.94,25.94,0,0,0,74.06,70l8,9.79A3.34,3.34,0,0,1,82.79,82.24Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M51.16,42.85c-9.85,0-13.49,7.13-13.49,11.66s3.64,11.66,13.49,11.66S63.51,58.75,63.51,54.5,61,42.85,51.16,42.85ZM50.81,63.73C43,63.73,40.18,58,40.18,54.5S43,45.28,50.81,45.28s9.78,5.87,9.78,9.23S58.6,63.73,50.81,63.73Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M63.51,54.5c0,3.29,9.38,9.23,9.38,9.23V45.28S63.51,51.21,63.51,54.5Zm7.23,0v4.45s-4.24-2.86-4.24-4.45,4.24-4.45,4.24-4.45V54.5Z\' style=\'fill: %23ffffff\'/%3e%3ccircle cx=\'45.07\' cy=\'52.04\' r=\'1.98\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M49.26,44.26A44.42,44.42,0,0,1,50.93,54.5a40.9,40.9,0,0,1-1.67,10.18\' style=\'fill: none;stroke: %23ffffff;stroke-miterlimit: 10;stroke-width: 2.5px\'/%3e%3c/svg%3e');
}
.biodiversity-section .square-nav .square-navitem:nth-child(2) .square-navlink:hover .navlink-image,
.biodiversity-section .square-nav .square-navitem:nth-child(2) .square-navlink.active .navlink-image {
  background-color: #6d6bc7;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 115.84 115.84\'%3e%3cpath d=\'M115.5,96.32L91.81,48.07A1.94,1.94,0,0,0,90,47,2,2,0,0,0,88.2,48.1l-6,12.61L61,17.52A2.09,2.09,0,0,0,59.2,16.4a2,2,0,0,0-1.79,1.14l-17,35.88L32.19,36.74a2,2,0,0,0-1.81-1.12,2,2,0,0,0-1.79,1.14L0.19,96.58A2,2,0,0,0,2,99.44H113.84A2,2,0,0,0,115.5,96.32ZM83.38,67.6l1.1-2.31L90,53.56l7.4,15.07-1.66,1.08-4.09,2.68-4.57-1.69L85.26,70l-0.86-.32-1.71-.63ZM59.25,23l10,20.42-1.63,1.07-6.2,4.07-8.89-3.65-3.11-1.27ZM30.42,42.22L38.19,58l1.13,2.29L39.66,61l-0.78.22L36.33,62l-1.91.54-7.16,2-3.65-1.7-2.42-1.13ZM24.87,95.44H5.16L19.47,65.29l6.76,3.16a2,2,0,0,0,1.39.11l6.43-1.8L36.61,66l2.55-.72,2.29-.64,15.1,30.75H24.87Zm40.87,0H61L44.64,62.1A1.95,1.95,0,0,0,44,60.81L42.63,58l5.1-10.75,13.17,5.4a2,2,0,0,0,1.86-.18L71.05,47l9,18.28L78.29,69a2,2,0,0,0-.26.47c0,0.06,0,.12,0,0.17Zm33.54,0H70.16L81,72.68l3.27,1.21,2.72,1,2.72,1,1.56,0.58a2,2,0,0,0,1.79-.2l6.18-4,11.39,23.19H99.27Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M80.43,28.55c1.67,0.66,6.39,3.24,8.17,7.14a2,2,0,0,0,1.81,1.17h0a2,2,0,0,0,1.82-1.16c2.14-4.64,7.69-7.16,7.74-7.18a2,2,0,0,0-1.62-3.66,22.88,22.88,0,0,0-8,6.22,22.82,22.82,0,0,0-8.5-6.25A2,2,0,0,0,80.43,28.55Z\' style=\'fill: %23ffffff\'/%3e%3c/svg%3e ');
}
.biodiversity-section .square-nav .square-navitem:nth-child(3) .square-navlink:hover .navlink-image,
.biodiversity-section .square-nav .square-navitem:nth-child(3) .square-navlink.active .navlink-image {
  background-color: #6d6bc7;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 695.82 695.82\'%3e%3cpath d=\'M456,419.07c-83.51,0-114.35,60.45-114.35,98.84S372.46,616.75,456,616.75s104.71-62.84,104.71-98.84S539.47,419.07,456,419.07Zm-3.2,172.52c-62.25,0-84.89-45.58-84.89-73.68s22.65-73.68,84.89-73.68,78.05,46.84,78.05,73.68S515,591.59,452.76,591.59Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M560.68,517.91c0,27.89,79.53,78.25,79.53,78.25V439.66S560.68,490,560.68,517.91Zm58.42,0v31.68s-30.25-20.39-30.25-31.68,30.25-31.68,30.25-31.68v31.68Z\' style=\'fill: %23ffffff\'/%3e%3ccircle cx=\'404.33\' cy=\'496.99\' r=\'16.78\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M454.15,607.34l-24.43-6.26c0.16-.44,16.31-44.31,16.48-83.21,0.15-35.76-16.37-83.36-16.54-83.84l24.55-5.91c0.72,2.07,17.71,51,17.55,89.82C471.59,560.07,454.86,605.43,454.15,607.34Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M680.5,300.89c1.59-29.6-18.84-55.57-46.54-59.15a50.91,50.91,0,0,0-9.94-.31c-8-17.75-24.48-30.52-44.36-31.95-24.87-1.79-47.06,14.74-54.78,38.73-0.57-.06-1.13-0.11-1.7-0.15-29.76-2.14-55.71,22-57.57,53.69-1.08,18.34,4.26,40.44,14.84,55.83l189-15.78C676,329.91,679.74,315.09,680.5,300.89Z\' style=\'fill: none;stroke: %23ffffff;stroke-miterlimit: 10;stroke-width: 30.4743826389313px\'/%3e%3cpath d=\'M447.73,641.64A119.05,119.05,0,0,0,433,650.16c-4.74,3.06-9.22,5.94-13.87,7.79-10.07,4-19.49,5.39-28,4.14-10.14-1.49-20.38-5.32-31.22-9.37-18-6.74-36.64-13.7-57.65-11.06-21.29,2.68-39.64,12.21-57.39,21.42l-1.78.92a12.5,12.5,0,1,0,11.51,22.19l1.79-.93c16.53-8.58,32.14-16.68,49-18.8,14.9-1.88,29.9,3.73,45.78,9.67,11.59,4.33,23.57,8.81,36.34,10.69s26.65,0,40.85-5.64c6.92-2.74,12.65-6.44,18.19-10a98.87,98.87,0,0,1,11.69-6.83A12.5,12.5,0,1,0,447.73,641.64Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M267.45,625.21c18.68,4,38.44.26,60.4-11.51a12.5,12.5,0,1,0-11.81-22c-16.51,8.85-30.68,11.83-43.32,9.1-7.5-1.62-15-4.36-22.95-7.26-5.08-1.86-10.32-3.78-15.61-5.39-25.9-7.9-47.74-8.71-66.75-2.49-9.93,3.25-18.92,7.77-27.62,12.14-3.85,1.94-7.49,3.77-11.22,5.5a12.5,12.5,0,1,0,10.53,22.67c4.07-1.89,8.06-3.9,11.91-5.83,8.23-4.14,16-8.05,24.16-10.72,14-4.57,30.87-3.71,51.68,2.64,4.64,1.41,9.34,3.13,14.32,5C249.58,620.05,258.26,623.23,267.45,625.21Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M664.9,328.77c-18.7-.6-37.62,2.49-56.88,3.26l-58.14,4.31c-52.39,5.61-107.87,16-168.54,31.6v-78.3A117.73,117.73,0,0,0,420,278.5a87.15,87.15,0,0,0,10.15-5.68l0,0,0.05,0,0.17-.11,0.1-.07a64.43,64.43,0,0,0,27.56-42.16A264.46,264.46,0,0,0,418.75,37.55h0A65.47,65.47,0,0,0,364.64,8.22a64.06,64.06,0,0,0-53.51,29.33,264.51,264.51,0,0,0-39.56,192.86c3.18,17.63,12.54,32.53,26.36,42l0.2,0.15,0.13,0.1c0.4,0.27.8,0.51,1.22,0.75l0,0a137,137,0,0,0,47.81,15.78V377c-69.24,19.4-90.82,28.25-138.81,56.67-12.81,7.58-25.08,15.67-36.47,24a323.5,323.5,0,0,0-30.88,25.86V387.25c2.32-.19,4.63-0.41,6.94-0.69,21.91-2.68,40.83-9.13,56.23-19.17,1.23-.8,2.32-1.59,3.27-2.28l1.29-.92,0.19-.15,0.27-.19c18-13.48,29.89-31.95,33.51-52a346.43,346.43,0,0,0-1.54-131.48A347.28,347.28,0,0,0,191.2,58.82h0a80,80,0,0,0-134,0,348.28,348.28,0,0,0-51.59,253A81.08,81.08,0,0,0,39.33,364.1l0.09,0.07,0.15,0.1,0.08,0.05,0.05,0c13.75,9.56,30.21,16,51.78,20.11q7.84,1.51,15.7,2.34V520.37C106.64,536,118.64,541,132,530.89,142.33,523,214,470,225.85,463c46.38-27.46,66.72-35.56,135.16-54.44l5.88-1.6a16.87,16.87,0,0,0,3.88-1.06c112-30.17,206.3-47.94,294-45.11,9.41,0.29,16.23-5.06,16.54-14.45A17,17,0,0,0,664.9,328.77Zm-567,22.32c-16.86-3.25-29.25-7.95-39-14.77l-0.11-.07-0.12-.09A46.88,46.88,0,0,1,39,305.75,313,313,0,0,1,85.58,77.47a46.38,46.38,0,0,1,38.9-21,45.84,45.84,0,0,1,38.3,21h0A313.1,313.1,0,0,1,209.43,305.8c-2.09,11.55-9.32,22.48-20.37,30.79l-1.36,1c-0.71.51-1.38,1-1.92,1.35-11,7.18-25.07,11.86-41.78,13.9A148.11,148.11,0,0,1,97.92,351.09Zm218.85-107c-6.05-4.33-10.22-11.3-11.74-19.73A230.65,230.65,0,0,1,339.55,56.21a30.17,30.17,0,0,1,25.09-14,31.11,31.11,0,0,1,25.69,14h0a230.59,230.59,0,0,1,34.3,168.17,30.71,30.71,0,0,1-13,20l-0.1.07-0.12.07A56.54,56.54,0,0,1,405,248C379.08,260.8,344.56,259.24,316.77,244.1Z\' style=\'fill: %23ffffff\'/%3e%3c/svg%3e ');
}
.biodiversity-section .square-nav .square-navitem:nth-child(4) .square-navlink:hover .navlink-image,
.biodiversity-section .square-nav .square-navitem:nth-child(4) .square-navlink.active .navlink-image {
  background-color: #6d6bc7;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 925.76 925.76\'%3e%3cpath d=\'M709,185.48L655.79,170.2h-0.07a17.41,17.41,0,0,1-9.53-7A123,123,0,0,0,470.71,134l-0.23.19-0.24.18A302.93,302.93,0,0,0,392.08,229h0a18.92,18.92,0,0,1-4.92,5.73l-0.12.1-0.13.1C323.52,286.61,274.06,334,231.27,384.15c-32.15,37.65-59.87,77-80.42,107.16l-0.09.14-0.1.13a18.55,18.55,0,0,1-4,4.24l-0.1.09-0.11.08c-42.84,34.56-78.51,67.26-109.06,100-9,9.62-17.71,19.56-26.16,29.19l-4.61,5.25-0.09.12-0.1.11A26.21,26.21,0,0,0,.93,654.83c2.32,8.9,8.26,15.74,16.32,18.83l0.15,0.07,7.08,2.71-4.59,12.65,0,0.13A27.46,27.46,0,0,0,30,720.77a27.11,27.11,0,0,0,15.69,5.08,26.49,26.49,0,0,0,16.17-5.57c0.18-.13.35-0.27,0.53-0.41s0.38-.28.56-0.44l0.12-.11,0.14-.11A1698.31,1698.31,0,0,0,221.79,559.74l0.11-.14,0.1-.11a16.66,16.66,0,0,1,8.12-5.66l38.46-10.62h0l0.06,0a18.6,18.6,0,0,1,7.8-.4h0a268.29,268.29,0,0,0,45,3.8q8.09,0,16.15-.49l1.27,22v0s0,0,0,0a34.79,34.79,0,0,0,17.43,28.15h0l13.56,7.52-29.62,21.8A17,17,0,1,0,360.45,653l44.47-32.73,50,12.82a17,17,0,1,0,8.44-32.94L407.67,585.9,373,566.69a1.56,1.56,0,0,1-.17-0.64l-1.39-24.14a270.87,270.87,0,0,0,117.93-53.73A274.92,274.92,0,0,0,592.54,292.86h0c0.22-3,1-7.24,3.2-10,12.25-15.19,25.38-30,39-43.87a16.71,16.71,0,0,1,8.05-4.44l65.62-16.2A17,17,0,0,0,709,185.48Zm-240.76,276a236.85,236.85,0,0,1-114.21,48.79c-0.49,0-1,0-1.47,0a17,17,0,0,0-3.8.67,235,235,0,0,1-66.63-1.72h0a52.82,52.82,0,0,0-22.54,1.15l-0.1,0L221,521.09l0,0h-0.05a50.57,50.57,0,0,0-24.7,16.28l0,0a1649.73,1649.73,0,0,1-136,138.82,26.44,26.44,0,0,0-2-15.33A27,27,0,0,0,42.94,647.1l-0.08,0-4.23-1.62c7.69-8.76,15.6-17.73,23.57-26.27,29.44-31.53,64-63.17,105.55-96.72l0.05,0a53.58,53.58,0,0,0,9.74-10C213.61,506.93,244.8,501,274,494a12.39,12.39,0,0,0,1.38-.33q5.26-1.26,10.45-2.57c35.8-9,73.57-20.93,115.47-36.34l7.57-2.79h0a179.79,179.79,0,0,0,94.77-82.08,183,183,0,0,0,19-124.45,12.5,12.5,0,0,0-24.5,5c14.71,72.49-24,146.3-90.57,175.13a208.86,208.86,0,0,1,16.3-37.3,12.5,12.5,0,0,0-21.82-12.2,233.89,233.89,0,0,0-23.46,60.33c-31.91,11.38-61.36,20.6-89.44,28a208.82,208.82,0,0,1,17.18-40,12.5,12.5,0,0,0-21.82-12.2,233.86,233.86,0,0,0-23.17,59.13c-20,4.6-41,8.76-64,12.65,17.1-24.2,37.38-51.47,59.79-77.71,41.44-48.54,89.5-94.59,151.28-144.94l0.09-.08a52.55,52.55,0,0,0,13.63-16.26h0A269.13,269.13,0,0,1,491.31,161,89,89,0,0,1,618.14,182.4a51.82,51.82,0,0,0,21.32,17.92l-4.83,1.19h0a50.89,50.89,0,0,0-24.12,13.64c-14.4,14.7-28.26,30.29-41.2,46.33-6.23,7.73-9.81,17.45-10.64,28.9h0A240.84,240.84,0,0,1,468.28,461.52Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M566.85,203.78a16.08,16.08,0,1,0-16-16.08A16,16,0,0,0,566.85,203.78Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M155,754.33q20.44-11.29,41.57-21.26,10.53-5,21.2-9.68,5.4-2.38,10.84-4.69c1.71-.73.12-0.05-0.19,0.08l2.93-1.22,6.62-2.73c30.77-12.54,62.16-23.52,93.92-33.25A1347.29,1347.29,0,0,1,530,637.06q6.76-1,13.53-1.92c2.7-.37-2.22.29,0.48-0.07l4-.52,6.3-.8q13.24-1.65,26.51-3,26.36-2.7,52.82-4.15c8.38-.46,16.48-7.07,16.07-16.07-0.37-8.32-7.08-16.56-16.07-16.07-66.5,3.62-132.77,13.19-197.87,27.08-66.91,14.27-133,33.26-196.68,58.42-34.3,13.56-68,28.78-100.3,46.62-7.37,4.07-10.39,14.82-5.77,22a16.4,16.4,0,0,0,22,5.77h0Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M184.29,814.1a680.31,680.31,0,0,1,84.1-47.41q11-5.26,22.16-10.2,5.45-2.41,10.93-4.76l2.93-1.25c-2.26,1,.23-0.09.58-0.24l6.66-2.75q23.59-9.63,47.67-18A1171.42,1171.42,0,0,1,560.51,679q13.6-2.18,27.26-4c-2.79.38-.14,0,0.36,0l3.85-.5,6.91-.86q6.86-.83,13.74-1.58,26.68-2.9,53.48-4.4c8.38-.46,16.48-7.06,16.07-16.07-0.37-8.31-7.08-16.57-16.07-16.07-68,3.77-135.81,14.31-202.07,30.06-68.5,16.28-135.76,38.44-199.8,67.81-33.31,15.28-65.67,32.72-96.17,53.07-7,4.66-10.66,14.4-5.77,22,4.49,7,14.51,10.76,22,5.77h0Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M521.23,630.5c1.54-2.41,3.18-4.77,4.88-7.08,0.47-.63,1-1.26,1.41-1.89,1.78-2.44-2.26,2.82-.33.41,1.18-1.46,2.33-2.94,3.52-4.39,5-6.1,10.25-12,15.61-17.79,13.12-14.17,26.91-27.71,41-41,29.4-27.72,60-54.32,91.82-79.24l2.6-2c2.94-2.3-2.52,1.93.4-.31q2.9-2.22,5.81-4.42,5.4-4.07,10.88-8c5.75-4.13,11.59-8.16,17.62-11.87a15.17,15.17,0,0,0,5.34-20.36c-4-6.84-13.49-9.56-20.36-5.34-29.48,18.12-56.37,41.13-82.64,63.53-31.29,26.68-61.93,54.45-90.14,84.41-11.86,12.59-23.73,25.72-33.08,40.33-4.33,6.77-1.4,16.42,5.34,20.36,7.19,4.21,16,1.45,20.36-5.34h0Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M602.41,618.4q2.47-3.49,5-6.92c0.76-1,1.53-2,2.3-3,0.32-.42,1.71-2.21.05-0.08l1.63-2.09q6-7.65,12.36-15.05c9.07-10.63,18.52-20.92,28.25-30.95a674.06,674.06,0,0,1,66.57-60.39l1.83-1.44c-1.21.94,0.23-.18,0.65-0.5q2.42-1.85,4.87-3.68,4.79-3.57,9.67-7,9.25-6.5,18.88-12.43a15.16,15.16,0,0,0,5.34-20.36c-4-6.85-13.48-9.55-20.36-5.34-25.23,15.45-48.55,34.14-70.61,53.79a696.23,696.23,0,0,0-63.76,64.5c-10,11.55-19.56,23.51-28.39,36-4.65,6.56-1.17,16.56,5.34,20.36,7.46,4.36,15.7,1.24,20.36-5.34h0Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M774.06,523.71l0.15-.13,0.42-.31a118.93,118.93,0,0,1,54-20.08,11.72,11.72,0,0,1,2.58,23.31,95.4,95.4,0,0,0-42.68,15.68c-0.21.16-.41,0.33-0.64,0.48a108.33,108.33,0,0,1-104.84,9.22c10,18.17,23.1,27.56,43.3,34.95a87.22,87.22,0,0,0,87.86-16.77A166,166,0,0,1,831,555.58c18.3-13.78,34.91-22,57.21-27.51-37.33-48-101.3-72.67-152.67-43.33,0,0-7.6-9.59-7.61-9.59a18.42,18.42,0,0,1-16.48-1.66l32.47-27.4a163.32,163.32,0,0,1,180.65,88.45v0c0.15,0.3.28,0.62,0.4,0.93l0.07,0.17c0.07,0.2.13,0.42,0.19,0.63s0.11,0.35.16,0.53,0,0.18.06,0.28c0.07,0.3.13,0.6,0.17,0.9v0c0,0.08,0,.15,0,0.23,0,0.3.07,0.6,0.08,0.9s0,0.31,0,.46,0,0.45,0,.67,0,0.42-.06.64,0,0.32-.05.48-0.09.48-.14,0.71-0.05.26-.08,0.39-0.13.47-.21,0.7-0.08.26-.12,0.39-0.16.42-.25,0.63-0.12.29-.19,0.44-0.18.35-.27,0.52-0.18.34-.27,0.5-0.18.27-.26,0.41-0.24.37-.37,0.55l-0.26.33c-0.15.19-.3,0.37-0.46,0.55l-0.29.3c-0.16.17-.33,0.34-0.5,0.5l-0.38.32c-0.16.13-.31,0.27-0.48,0.39s-0.38.27-.58,0.4l-0.35.24c-0.28.17-.57,0.33-0.87,0.47l-0.14.07h0c-0.3.15-.61,0.27-0.93,0.4l-0.17.07c-0.2.07-.41,0.13-0.62,0.19l-0.54.16-0.26.05c-0.31.07-.61,0.13-0.92,0.18h0a146.29,146.29,0,0,0-82,40.7l-0.25.22-0.22.22A110.69,110.69,0,0,1,650.6,529.54q-1.27-1.27-2.5-2.59l18-15.16A84.91,84.91,0,0,0,774.06,523.71Z\' style=\'fill: %23ffffff\'/%3e%3c/svg%3e ');
}
.biodiversity-section .square-nav .square-navitem:nth-child(5) .square-navlink:hover .navlink-image,
.biodiversity-section .square-nav .square-navitem:nth-child(5) .square-navlink.active .navlink-image {
  background-color: #6d6bc7;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 100 100\'%3e%3cpath d=\'M99.41,14.35l-10-10a2,2,0,0,0-2.83,0L59.55,31.46V22.31a2,2,0,0,0-2-2H49.09V16.55a2,2,0,0,0-4,0v3.76h-7.6V16.55a2,2,0,0,0-4,0v3.76h-7.6V16.55a2,2,0,0,0-4,0v3.76h-7.6V16.55a2,2,0,1,0-4,0v3.76H2a2,2,0,0,0-2,2V94.19a2,2,0,0,0,2,2H57.55a2,2,0,0,0,2-2V57L99.41,17.18A2,2,0,0,0,99.41,14.35ZM55.54,92.19H4V24.31h6.26v3.26a2,2,0,1,0,4,0V24.31h7.6v3.26a2,2,0,0,0,4,0V24.31h7.6v3.26a2,2,0,0,0,4,0V24.31h7.6v3.26a2,2,0,0,0,4,0V24.31h6.45V35.47L34.85,56.16a2,2,0,0,0-.23.28l-0.05.08,0,0.07-13,22.93a2,2,0,0,0,.61,2.64l0.1,0.06,0.22,0.12,0.12,0,0.23,0.07,0.13,0,0.26,0H23.4l0.21,0,0.1,0,0.2-.06,0.09,0,0.28-.13,22.93-13,0.07,0,0.08-.05A2,2,0,0,0,47.64,69l7.9-7.9V92.19ZM45,65.93L28.6,75.21,37.88,58.8,88,8.64l7.13,7.13Z\' style=\'fill: %23ffffff\'/%3e%3c/svg%3e ');
}
.biodiversity-section .square-nav .square-navitem:nth-child(6) .square-navlink:hover .navlink-image,
.biodiversity-section .square-nav .square-navitem:nth-child(6) .square-navlink.active .navlink-image {
  background-color: #6d6bc7;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 100.34 100.34\'%3e%3cpath d=\'M82.35,5.55a2.18,2.18,0,0,0-2-2.32H72.12a2.18,2.18,0,0,0-2,2.32v7.56H82.35V5.55Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M30.22,5.55a2.18,2.18,0,0,0-2-2.32H20a2.18,2.18,0,0,0-2,2.32v7.56H30.22V5.55Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M90.34,13.11h-8v7.52a2.18,2.18,0,0,1-2,2.32H72.12a2.18,2.18,0,0,1-2-2.32V13.11H30.22v7.52a2.18,2.18,0,0,1-2,2.32H20a2.18,2.18,0,0,1-2-2.32V13.11H10c-5.5,0-10,5.22-10,11.6v60.8c0,6.38,4.5,11.6,10,11.6H90.34c5.5,0,10-5.22,10-11.6V24.71C100.34,18.33,95.84,13.11,90.34,13.11Zm6.51,76.58c0,1.58-1,2.91-2.21,2.91H5.71c-1.2,0-2.21-1.33-2.21-2.91V29.49H96.85v60.2Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M19.37,49.22h4.17a1.37,1.37,0,0,0,1.26-1.46V43.29a1.37,1.37,0,0,0-1.26-1.46H19.37a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,19.37,49.22Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M38.74,49.22h4.17a1.37,1.37,0,0,0,1.26-1.46V43.29a1.37,1.37,0,0,0-1.26-1.46H38.74a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,38.74,49.22Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M58.1,49.22h4.17a1.37,1.37,0,0,0,1.26-1.46V43.29a1.37,1.37,0,0,0-1.26-1.46H58.1a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,58.1,49.22Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M77.46,49.22h4.17a1.37,1.37,0,0,0,1.26-1.46V43.29a1.37,1.37,0,0,0-1.26-1.46H77.46a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,77.46,49.22Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M19.37,65.39h4.17a1.37,1.37,0,0,0,1.26-1.46V59.47A1.37,1.37,0,0,0,23.54,58H19.37a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,19.37,65.39Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M38.74,65.39h4.17a1.37,1.37,0,0,0,1.26-1.46V59.47A1.37,1.37,0,0,0,42.91,58H38.74a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,38.74,65.39Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M58.1,65.39h4.17a1.37,1.37,0,0,0,1.26-1.46V59.47A1.37,1.37,0,0,0,62.27,58H58.1a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,58.1,65.39Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M77.46,65.39h4.17a1.37,1.37,0,0,0,1.26-1.46V59.47A1.37,1.37,0,0,0,81.63,58H77.46a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,77.46,65.39Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M19.37,80.39h4.17a1.37,1.37,0,0,0,1.26-1.46V74.47A1.37,1.37,0,0,0,23.54,73H19.37a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,19.37,80.39Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M38.74,80.39h4.17a1.37,1.37,0,0,0,1.26-1.46V74.47A1.37,1.37,0,0,0,42.91,73H38.74a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,38.74,80.39Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M58.1,80.39h4.17a1.37,1.37,0,0,0,1.26-1.46V74.47A1.37,1.37,0,0,0,62.27,73H58.1a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,58.1,80.39Z\' style=\'fill: %23ffffff\'/%3e%3cpath d=\'M77.46,80.39h4.17a1.37,1.37,0,0,0,1.26-1.46V74.47A1.37,1.37,0,0,0,81.63,73H77.46a1.37,1.37,0,0,0-1.26,1.46v4.47A1.37,1.37,0,0,0,77.46,80.39Z\' style=\'fill: %23ffffff\'/%3e%3c/svg%3e ');
}

.biodiversity-section .display-mode-icon {
  padding: 5px;
  font-size: 24px;
  width: 36px;
  text-align: center;
  line-height: 1;
  border: 1px solid #6d6bc7;
  color: #6d6bc7;
  background-color: transparent;
  -webkit-transition: .3s background ease, .3s color ease;
  transition: .3s background ease, .3s color ease;
}
.biodiversity-section .display-mode-icon.active {
  color: #fff;
  background-color: #6d6bc7;
}

.biodiversity-section .page-item.active .page-link {
  background-color: #6d6bc7;
  color: #fff;
}

.biodiversity-section .page-item .page-link,
.biodiversity-section .page-item.disabled .page-link {
  color: #6d6bc7;
  border-color: #6d6bc7;
}

/* Home Section */
.home-carousel-section {
  position: relative;
  padding-top: 133.33%;
}
.home-carousel-section .slogons {
  position: relative;
  left: 15px;
  right: 15px;
  text-align: left;
  color: #4e7f3d;
  font-size: 56px;
  font-weight: bold;
  line-height: 1.2;
  text-shadow: -3px -3px .5px #fff,
  0   -3px .5px #fff,
  3px -3px .5px #fff,
  3px  0   .5px #fff,
  3px  3px .5px #fff,
  0    3px .5px #fff,
  -3px  3px .5px #fff,
  -3px  0   .5px #fff;
}
.home-carousel-section .slogons h1 {
    font-size: 5rem
}
.home-carousel-section .slogons h2 {
    font-size: 4rem
}
.home-carousel-section .slogons h3 {
    font-size: 3.5rem
}
.home-carousel-section .slogons h4 {
    font-size: 3rem
}
.home-carousel-section .slogons h5 {
    font-size: 2.5rem
}
.home-carousel-section .slogons h6 {
    font-size: 2rem
}
.home-carousel-section .container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.home-carousel-section .carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-carousel-section .carousel-controller {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  z-index: 1;
}
.home-carousel-section .carousel-wrapper {
  padding: 6px 10px;
  border-radius: 1.1rem / 50%;
  background-color: rgba(0, 0, 0, .75);
}
.home-carousel-section .carousel-control {
  margin: 0 15px;
  color: #fff;
}
.home-carousel-section .carousel-control.pause .fa-play,
.home-carousel-section .carousel-control.play .fa-pause {
  display: none;
}

.home-carousel-section .carousel-indicators {
  position: static;
  margin: 0;
}
.home-carousel-section .carousel-indicators li {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin: 0 10px;
  -webkit-box-shadow: -2px 2px 5px 0 rgba(0,0,0,1);
          box-shadow: -2px 2px 5px 0 rgba(0,0,0,1);
  background-color: #fff;
  cursor: pointer;
  opacity: 1;
}
.home-carousel-section .carousel-indicators li.active {
  background-color: #fff;
  opacity: .75
}
.home-carousel-section .carousel-item .carousel-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center / cover no-repeat;
}
.home-carousel-section .weather-box {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(208, 71, 17, 1);
  /*max-width: 250px;*/
  padding: 15px 25px;
  color: #fff;
  border-radius: 35%/100%;
  white-space: nowrap;
  /*text-align: center;*/
}
.weather-box .weather-icon img {
  width: 40px;
  height: 40px;
}

.home-content-section {
  margin-top: 3rem;
  position: relative;
}
.home-content-section .home-info {
  background-color: #fff;
  -webkit-box-shadow: -5px 3px 3px 0 rgba(0,0,0,.3);
          box-shadow: -5px 3px 3px 0 rgba(0,0,0,.3);
}
.home-content-section .content-announment,
.home-content-section .content-opentime,
.home-content-section .content-transport,
.home-content-section .content-map {
  border: 1px solid transparent;
  border-bottom: 0;
  font-weight: 700;
  white-space: nowrap;
}
.home-content-section .content-announment {
  border-color: #3e610f;
  background-color: #3e610f;
  color: #fff;
}
.home-content-section .content-announment a {
  color: #fff;
}
.home-content-section .content-opentime,
.home-content-section .content-transport,
.home-content-section .content-map {
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}
.content-opentime {
  color: #d3433c;
}
.content-transport {
  color: #117eb0;
}
.content-map {
  color: #a74ba0;
}

.home-content-section .content-opentime {
  border-color: #d3433c;
  background-color: #fff;
}
.home-content-section .content-opentime:hover, .home-content-section .content-opentime:focus {
  background-color: #d3433c;
  color: #fff;
}
.home-content-section .content-transport {
  border-color: #117eb0;
  background-color: #fff;
}
.home-content-section .content-transport:hover, .home-content-section .content-transport:focus {
  background-color: #117eb0;
  color: #fff;
}
.home-content-section .content-map {
  border-color: #a74ba0;
  background-color: #fff;
}
.home-content-section .content-map:hover, .home-content-section .content-map:focus {
  background-color: #a74ba0;
  color: #fff;
}

.home-content-section .home-moreitems {
  padding: 7.5px;
  border: 1px solid #3e610f;
}
.home-content-section .home-moreitem {
  border: 7.5px solid #fff;
  color: #d3433c;
}
.home-content-section .home-moreitem .item-image {
  padding-top: 100%;
  background: center / 100% auto no-repeat;
  -webkit-transition: .3s background ease-out;
          transition: .3s background ease-out;
}
.home-content-section .home-moreitem:hover .item-image {
  background-size: 105% auto;
}
.home-content-section .home-moreitem .show-more {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  opacity: 0;
  padding: 5px 7px;
  color: #fff;
  background-color: rgba(208, 71, 17, .75);
  white-space: nowrap;
}
.home-content-section .home-moreitem:hover .show-more {
  opacity: 1;
}

.home-news,
.home-calendar {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: -5px 3px 3px 0 rgba(0,0,0,.3);
          box-shadow: -5px 3px 3px 0 rgba(0,0,0,.3);
  border: 1px solid transparent;
}
.home-news {
  border-color: #3e610f;
}
.home-calendar {
  border-color: #d3433c;
}
.home-news .home-heading,
.home-calendar .home-heading {
  position: relative;
  height: 67px;
  max-height: 67px;
  background: center / cover no-repeat;
  color: #fff;
}
.home-news .home-heading {
  background-image: url('/images/news_bar.png');
}
.home-calendar .home-heading {
  background-image: url('/images/event_bar.png');
}

.home-news .news-contents,
.home-calendar .calendar-contents {
  padding: 15px;
}
.home-news .news-content,
.home-calendar .calendar-content {
  max-height: 300px;
  overflow-y: auto;
}
.home-news .list-date {
  color: #3e610f;
  width: 3rem;
  letter-spacing: normal;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.home-news .scrollbar-track {
  background: rgba(62, 97, 15, .25);
  opacity: 1;
  border-radius: 4px / 4px;
}
.home-news .scrollbar-thumb {
 background: rgba(62, 97, 15, 1);
}

.show-scrollbar .scrollbar-track {
  background: rgba(109, 107, 199, .25);
  opacity: 1;
  border-radius: 4px / 4px;
}
.show-scrollbar .scrollbar-thumb {
 background: rgba(109, 107, 199, 1);
}

.home-calendar .list-date {
  color: #d3433c;
}
.home-calendar .scrollbar-track {
  background: rgba(211, 67, 60, .25);
  opacity: 1;
  border-radius: 4px / 4px;
}
.home-calendar .scrollbar-thumb {
 background: rgba(211, 67, 60, 1);
}
.home-calendar .list-date-item ~ .list-date-item .list-date {
  visibility: hidden;
  opacity: 0;
}

.list-date {
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  margin-right: 15px;
}
.list-date-month,
.list-date-day {
  display: block;
}
.list-date-month:lang(zh_CN),
.list-date-month:lang(zh_HK){
  letter-spacing: .2rem;
}
.list-date-day {
  margin-top: -.6rem;
  font-size: 1.5rem;
}
@media (max-width: 991.98px) {
  .home-carousel-section .slogons {
    position: absolute;
    bottom: 140px;
  }
  .home-carousel-section .weather-box {
    /*position: relative;*/
    right: auto;
    left: 0;
    bottom: 70px;
  }
  .home-content-section .content-transport,
  .home-content-section .content-opentime,
  .home-content-section .content-map {
    border-top: 0;
  }
}
@media (min-width: 768px) {
  .home-carousel-section {
    padding-top: 60%;
  }
}
@media (min-width: 992px) {
  .home-carousel-section {
    padding-top: 700px;
  }
  .home-carousel-section + .home-content-section {
    margin-top: -150px;
  }
  .home-carousel-section .container {
    padding-bottom: 165px;
  }
  .home-carousel-section .carousel-item .container {
    padding-bottom: 230px;
  }
  .home-carousel-section .carousel-controller {
    bottom: 175px;
  }
  .home-news .scroll-container,
  .home-calendar .scroll-container {
    min-height: 250px;
    max-height: 250px;
  }
}

.js-swiper-template,
.home-discovery-swiper,
.home-learning-swiper {
  position: relative;
}
.home-learning-card {
  text-align: center;
}
.home-discovery-card {
  text-align: center;
  -webkit-box-shadow: -2px 2px 2px 1px rgba(0,0,0,0.1);
          box-shadow: -2px 2px 2px 1px rgba(0,0,0,0.1);
  background-color: #fff;
  border: 1px solid transparent;
}

.home-discovery-card .card-image {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background: center / cover no-repeat;
}

.home-discovery-card:nth-child(8n+1) {
  color: #bd5528;
  border-color: #bd5528;
}
.home-discovery-card:nth-child(8n+2) {
  color: #dc2864;
  border-color: #dc2864;
}
.home-discovery-card:nth-child(8n+3) {
  color: #4e7f3d;
  border-color: #4e7f3d;
}
.home-discovery-card:nth-child(8n+4) {
  color: #0575d1;
  border-color: #0575d1;
}
.home-discovery-card:nth-child(8n+5) {
  color: #6d6bc7;
  border-color: #6d6bc7;
}
.home-discovery-card:nth-child(8n+6) {
  color: #ca4b0c;
  border-color: #ca4b0c;
}
.home-discovery-card:nth-child(8n+7) {
  color: #0a8560;
  border-color: #0a8560;
}
.home-discovery-card:nth-child(8n+8) {
  color: #1e6ff1;
  border-color: #1e6ff1;
}

/* information / ticketing */
.information-section .section-heading{
  color: #4e7f3d;
}

.information-section .sub-heading{
  color: #4e7f3d;
}
.information-section .sub-heading:before{
  background-color: #4e7f3d;
}

.information-section .table thead th{
  background-color: #4e7f3d;
}

.information-section .table-block .table tbody tr td{
  background-color: #e9f7e5;
}
.information-section .table-block .table tbody tr:nth-child(2n+1) td{
  background-color: #f4fcf2;
}
.br-table tbody tr td{
  border: 1px solid #4e7f3d!important;
}

.information-section .square-nav .navlink-label {
  color: #4e7f3d;
}
.information-section .square-nav .navlink-image {
  border-color: #4e7f3d;
}
.information-section .square-nav .square-navitem:nth-child(1) .square-navlink .navlink-image {
  background-size: 47%;
}
.information-section .square-nav .square-navitem:nth-child(2) .square-navlink .navlink-image {
  background-size: 50%;
}
.information-section .square-nav .square-navitem:nth-child(3) .square-navlink .navlink-image {
  background-size: 35%;
}
.information-section .square-nav .square-navitem:nth-child(4) .square-navlink .navlink-image {
  background-size: 35%;
}
.information-section .square-nav .square-navitem:nth-child(5) .square-navlink .navlink-image {
  background-size: 40%;
}
.information-section .square-nav .square-navitem:nth-child(6) .square-navlink .navlink-image {
  background-size: 50%;
}
.information-section .square-nav .square-navitem .square-navlink.active .navlink-image,
.information-section .square-nav .square-navitem .square-navlink:hover .navlink-image {
  background-color: #4e7f3d;
}

.information-section .rect-formore-item .formore-label,
.information-section .rect-formore-item .formore-hover {
  background: rgba(78, 127, 61, 0.85);
}

.information-section .rect-formore-item .formore-label {
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(29, 110, 240, 0.85)), color-stop(85%, rgba(29, 110, 240, 0.85)), color-stop(100%, rgba(78, 127, 61,0)));
  background:         -webkit-gradient(linear, left top, right top, from(rgba(29, 110, 240, 0.85)), color-stop(85%, rgba(29, 110, 240, 0.85)), to(rgba(78, 127, 61,0)));
  background:         linear-gradient(to right, rgba(29, 110, 240,.85) 0%, rgba(29, 110, 240,.85) 85%, rgba(29, 110, 240,0) 100%);
}

.information-section .booking-steps,
.information-section .onlineform-steps,
.information-section .edutour-steps {
  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;*/
}

.information-section .booking-steps .step{
  width: 120px;
}
.information-section .booking-steps .step:not(:last-child),
.information-section .onlineform-steps .step:not(:last-child),
.information-section .edutour-steps .step:not(:last-child){

  width: 200px;
}
@media(max-width: 767px){
  .information-section .booking-steps .step:not(:last-child),
  .information-section .onlineform-steps .step:not(:last-child),
  .information-section .edutour-steps .step:not(:last-child){
    width: 100px;
  }
}

.information-section .booking-steps .step-point-container,
.information-section .onlineform-steps .step-point-container,
.information-section .edutour-steps .step-point-container{

  position: relative;
  height: 40px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.information-section .booking-steps .step:not(:last-child) .step-point-container:before ,
.information-section .onlineform-steps .step:not(:last-child) .step-point-container:before,
.information-section .edutour-steps .step:not(:last-child) .step-point-container:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: #d8f4ce;
  z-index: 0;
}

.information-section .booking-steps .step .point,
.information-section .onlineform-steps .step .point,
.information-section .edutour-steps .step .point{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #d8f4ce;
  z-index: 1;
}
.information-section .booking-steps .step.uk-active .point,
.information-section .onlineform-steps .step.uk-active .point,
.information-section .edutour-steps .step.uk-active .point {
  width: 40px;
  height: 40px;
  background-color: #b2e0a2;
}

/* .information-section .booking-steps .step-no,
.information-section .booking-steps .step-name,
.information-section .onlineform-steps .step-no,
.information-section .onlineform-steps .step-name,
.information-section .edutour-steps .step-no,
.information-section .edutour-steps .step-name{
  white-space: nowrap;
} */

.information-section .form-confirm-sub-title{
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
}

/* datepicker for form */
.datepicker-top-left,
.datepicker-top-right{
  border-top-color: #4e7f3d;
}
.datepicker-top-left:before,
.datepicker-top-right:before {
  border-bottom-color: #4e7f3d;
}
.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover{
  color: #4e7f3d;
  background-color: #d1f7d9;
}
.datepicker-panel>ul>li.disabled.highlighted,
.datepicker-panel>ul>li.disabled:hover.highlighted {
  background-color: #eeffe6;
}
.datepicker-panel>ul>li:hover {
  background-color: #f6fff2;
}
/* datepicker for form */

.information-section .form-table{
  width: 60%;
}
@media(max-width: 767px){
  .information-section .form-table {
    width: 100%;
  }
}

.information-section .pricing-info{
  /*width: 40%;*/
  font-size: 1.5rem;
}
@media(max-width: 767px) {
  .information-section .pricing-info {
    width: 100%;
  }
}

.information-section .btn-default {
  color: #3e610f;
  border-color: #3e610f;
}

.information-section .btn-default:hover {
  color: #fff;
  background-color: #3e610f;
}

.information-section .custom-control-label::before{
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  /* background-color: rgba(77, 127, 61, 0.1); */
  border: 1px solid #4e7f3d;
}
.information-section .custom-control-label::after{
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.information-section .custom-radio .custom-control-input:checked~.custom-control-label::before,
.information-section .custom-control-input:checked~.custom-control-label::before{
  background-color: #4e7f3d;
}

.information-section .page-item.active .page-link {
  background-color: #4e7f3d;
  color: #fff;
}

.information-section .page-item .page-link,
.information-section .page-item.disabled .page-link {
  color: #4e7f3d;
  border-color: #4e7f3d;
}

/* information / ticketing */

/* Exhibition */
.exhibition-section .section-heading {
  color: #0575d1;
}

.exhibition-section .sub-heading {
  color: #0575d1;
}

.exhibition-section .sub-heading:before {
  background-color: #0575d1;
}

.exhibition-section .page-item.active .page-link {
  background-color: #0575d1;
  color: #fff;
}

.exhibition-section .page-item .page-link,
.exhibition-section .page-item.disabled .page-link {
  color: #0575d1;
  border-color: #0575d1;
}
/* Exhibition */

/* education */
.education-section .section-heading {
  color: #ca4b0c;
}

.education-section .sub-heading {
  color: #ca4b0c;
}

.education-section .sub-heading:before {
  background-color: #ca4b0c;
}

.btn-default{
  color: #ca4b0c;
  border-color: #ca4b0c;
}
.btn-default:hover{
  background-color: #ca4b0c;
}

.education-section .table thead th {
  background-color: #4e7f3d;
}

.education-section .table-block .table tbody tr td {
  background-color: #e9f7e5;
}

.education-section .table-block .table tbody tr:nth-child(2n+1) td {
  background-color: #f4fcf2;
}

.education-section .page-item.active .page-link {
  background-color: #ca4b0c;
  color: #fff;
}

.education-section .page-item .page-link,
.education-section .page-item.disabled .page-link {
  color: #ca4b0c;
  border-color: #ca4b0c;
}
/* education */


/* download area */
.download-section .section-heading{
  color: #1e6ff1;
}

.download-section .sub-heading{
  color: #1e6ff1;
}
.download-section .sub-heading:before{
  background-color: #1e6ff1;
}

.download-section .table thead th{
  background-color: #1e6ff1;
}

.download-section .table-block .table tbody tr td{
  background-color: #e9f7e5;
}
.download-section .table-block .table tbody tr:nth-child(2n+1) td{
  background-color: #f4fcf2;
}

.download-section .square-nav .navlink-label {
  color: #1e6ff1;
}
.download-section .square-nav .navlink-image {
  border-color: #1e6ff1;
}
/* .download-section .square-nav .square-navitem:nth-child(1) .square-navlink .navlink-image {
  background-size: 47%;
}
.download-section .square-nav .square-navitem:nth-child(2) .square-navlink .navlink-image {
  background-size: 50%;
}
.download-section .square-nav .square-navitem:nth-child(3) .square-navlink .navlink-image {
  background-size: 35%;
}
.download-section .square-nav .square-navitem:nth-child(4) .square-navlink .navlink-image {
  background-size: 35%;
}
.download-section .square-nav .square-navitem:nth-child(5) .square-navlink .navlink-image {
  background-size: 40%;
}
.download-section .square-nav .square-navitem:nth-child(6) .square-navlink .navlink-image {
  background-size: 50%;
} */
.download-section .square-nav .square-navitem .square-navlink.active .navlink-image,
.download-section .square-nav .square-navitem .square-navlink:hover .navlink-image {
  background-color: #1e6ff1;
}

.download-section .rect-formore-item .formore-label,
.download-section .rect-formore-item .formore-hover {
  background: rgba(29, 110, 240, 0.85);
}

.download-section .rect-formore-item .formore-label {
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(29, 110, 240, 0.85)), color-stop(85%, rgba(29, 110, 240, 0.85)), color-stop(100%, rgba(29, 110, 240,0)));
  background:         -webkit-gradient(linear, left top, right top, from(rgba(29, 110, 240, 0.85)), color-stop(85%, rgba(29, 110, 240, 0.85)), to(rgba(29, 110, 240,0)));
  background:         linear-gradient(to right, rgba(29, 110, 240, 0.85) 0%, rgba(29, 110, 240, 0.85) 85%, rgba(29, 110, 240,0) 100%);
}

.download-section .type-list a.active{
  color: #1e6ff1;
}

.download-section .btn-default{
  color: #1e6ff1;
  border-color: #1e6ff1;
}
.download-section .btn-default:hover{
  background-color: #1e6ff1;
  color: #fff;
}
.download-section .btn-default.disabled,
.download-section .btn-default.disabled:hover {
  display: none;
}

.download-section .page-item.active .page-link {
  background-color: #1e6ff1;
  color: #fff;
}

.download-section .page-item .page-link,
.download-section .page-item.disabled .page-link {
  color: #1e6ff1;
  border-color: #1e6ff1;
}

/* download area */

/* aboutus */
.aboutus-section .unline-heading {
  color: #dc2864;
}

.aboutus-section .unline-heading:before {
  background-color: #dc2864;
}

.aboutus-section .btn-pic {
  background-color: transparent;
  color: #dc2864;
  min-width: 120px;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: bold;
  border: 1px solid #dc2864;
  border-radius: 0;
}

.aboutus-section .btn.btn-pic:hover {
  font-weight: bold;
  background-color: #dc2864;
  color: white;
}


/* aboutus */

/* post section */
.post-section .section-heading {
  color: #bd5528;
}

.post-section .sub-heading {
  color: #bd5528;
}

.post-section .sub-heading:before {
  background-color: #bd5528;
}

.post-section .btn-default {
  color: #bd5528;
  border-color: #bd5528;
}

.post-section .btn-default:hover {
  background-color: #bd5528;
  color: #fff;
}

.post-section .page-item.active .page-link{
  background-color: #bd5528;
  color: #fff;
}

.post-section .page-item .page-link,
.post-section .page-item.disabled .page-link {
  color: #bd5528;
  border-color: #bd5528;
}
/* post section */

/* template global */

.sub-heading {
  display: block;
  position: relative;
  padding: 10px 5px;
  /* font-weight: 300; */
  font-size: 1.4rem;
}

.sub-heading:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  width: 50px;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media(max-width: 991px) {
  .sub-heading {
    font-size: 1.2rem;
  }
}

/* .section-heading {
  font-size: 2rem;
}

@media(max-width: 991px) {
  .section-heading {
    font-size: 1.5rem;
  }
} */

.table-block .table-heading {
  /* font-weight: 300; */
  font-size: 1.5rem;
}

@media(max-width: 991px) {
  .table-block .table-heading {
    /* font-weight: 300; */
    font-size: 1.2rem;
  }
}

.table-block .table {
  /* table-layout: fixed; */
  width: 100%;
}

/*
@media(max-width: 991px) {
.table-block .table {
  table-layout: inherit;
}
}
*/

.table-block .table thead {
  color: #fff;
}

.table-block .table thead th, .table-block .table tbody td{
  /* font-size: 1rem; */
  /* font-weight: 300; */
  padding: 10px 20px;
  border: 0;
  vertical-align: middle;
}

@media(max-width: 991px) {
  .table-block .table thead th,
  .table-block .table tbody td {
    /* font-size: 0.8rem; */
    padding: 10px 10px;
  }
}

.table-block .table-sub-heading {
  font-size: 0.9rem;
}

@media(min-width: 992px) {
  .table-block .table thead tr th.transparent,
  .table-block .table tbody tr td.transparent,
  .table-block .table tbody tr:nth-child(2n+1) td.transparent {
    background-color: transparent;
  }
}

/*
.section-link {
  color: #9167a9;
  border-bottom: 1px solid #9167a9;
}

a.section-link,
a.section-link:hover,
a.section-link:focus{
  color: #9167a9;
} */

.section-link.no-underline {
  border: 0;
}


.type-list a,
.type-list a:hover,
.type-list a:focus {
  color: rgb(84, 84, 84);
}

.type-list {
  list-style: none;
  background-color: rgb(249, 249, 249);
}

.type-list li {
  cursor: pointer;
}

.type-list li + li {
  /*margin-top: 1.5rem;*/
}

.type-list a.active {
  color: #6d6bc7;
}

.navlink-image {
  display: block;
}
.navlink-image.hover {
  display: none;
}

.square-navlink:hover .navlink-image,
.square-navlink.active .navlink-image {
  display: none;
}
.square-navlink:hover .navlink-image.hover,
.square-navlink.active .navlink-image.hover {
  display: block;
}

.pagination {
  justify-content: center;
}

.page-link:hover{
  background-color: transparent;
}

.page-link,
.page-item.disabled .page-link{
  background-color: transparent;
  border: 1px solid;
}

/* .page-item.active .page-link */

.page-item:last-child .page-link,
.page-item:first-child .page-link{
  border-radius: 0;
}

.page-item:not(:last-child) .page-link{
  border-right: 0;
}

.form-control:disabled{
  background-color: #fff;
  color: #bbbbbb;
}
.form-control[readonly] {
  background-color: #fff;
}

label.error{
  color: #dc3545;
}

.route-plans {
  list-style-type: decimal-leading-zero;
  counter-reset: routeplan-counter;
  padding-left: 2rem;
}
.route-plan + .route-plan {
  margin-top: 20px;
}
.route-plan + .route-plan:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3.5px 0 3.5px;
  border-color: #bd5528 transparent transparent transparent;
  position: absolute;
  top: -13px;
  left: 80px;
}

/*@supports (counter-increment) {*/
  .route-plans {
    list-style: none;
    padding-left: 0;
  }
  .route-plan {
    position: relative;
    padding-left: 2rem;
  }
  .route-plan:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1rem;
    color: #4e7f3d;
    content: counter(routeplan-counter, decimal-leading-zero);
    counter-increment: routeplan-counter;
  }
/*}*/

.pamphlet-card {
  position: relative;
}

.pamphlet-card img {
  max-height: 300px;
}

/* template global */
.page-custom-content a ,
.page-custom-content a:hover {
  color: #0063cc;
  text-decoration: underline;
}

/*.page-custom-content a.btn, */
.page-custom-content a.btn:hover,
.page-custom-content a.btn:focus {
  color: #fff;
  background-color: #0063cc;
}

.page-custom-content a.btn-ticket.btn:hover,
.page-custom-content a.btn-ticket.btn:focus {
  color: #fff;
  background-color: #3e610f;
}

.page-content p > a:not(.btn) {
  text-decoration: underline;
}

.page-custom-content a.rect-formore-item {
  text-decoration: none;
}

em {
  color: #343434;
}

a:disabled,
a:disabled:hover,
a.btn:disabled,
a.btn:disabled:hover{
  opacity: .8;
  cursor: alias;
}

.cookie-alert{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 1rem 0;
  z-index: 9999;
  opacity: 0;
  transform: translateY(100%);
  transition: 1s ease-in-out;
}
.cookie-alert.active{
  opacity: 1;
  transform: translateY(0);
}

.cookie-alert .alert-content{
  display: inline-block;
}

.cookie-alert .close{
  color: #fff;
  opacity: 1;
  font-weight: 300;
  font-size: 1.3rem;
  line-height: 1.3rem;
  position: relative;
  float: initial;
  margin-left: 30px;
}

.collapse-item[aria-expanded="true"] .icon-collapsed,
.collapse-item[aria-expanded="false"] .icon-expanded{
  display: none;
}

.visit-tips-full-card {
  text-align: left;
  background-color: #edfaed;
  height: 100%;
}
.visit-tips-full-card .card-desc {
  margin-left: 15px;
}
.visit-tips-full-card .card-imgwrap {
  position: relative;
  overflow: hidden;
  width: 50px;
}
.visit-tips-full-card .card-imgwrap:before{
  content: '';
  display: block;
  padding-top: 100%;
}
.visit-tips-full-card .card-imgwrap img {
  position: absolute;
  max-width: 100%;
  /*max-height: 100%;*/
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
/*.visit-tips-full-card .card-date .card-date-month {
  font-size: 1.15rem;
}*/
.form-row {
  margin-left: -15px;
  margin-right: -15px;
}
.form-row>.col,
.form-row>[class*=col-] {
  padding-left: 15px;
  padding-right: 15px;
}

@media print{
  .custom-control-input {
    left: -0.5rem !important;
    opacity: 1 !important;
  }

  .custom-control-input ~ label:before, 
  .custom-control-input ~ label:after {
    display: none !important;
  }
  /* .information-section .custom-radio .custom-control-input:checked~.custom-control-label::before, .information-section .custom-control-input:checked~.custom-control-label::before,
  .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color:rgba(0,123,255,.5) !important;
  }

  .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
  } */
}

.grayFilter {
  filter: grayscale(1);
  backdrop-filter: grayscale(1);
}