*,
::after,
::before {
  box-sizing: inherit
}

button,
html,
input,
select,
textarea {
  font-family: Neris, Arial, sans-serif
}
body {
  font-family: Neris, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #292929;
}
.wrapper {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
img,
legend {
  border: 0
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.5);
}

.h1,
h1 {
  font-family: Neris, Arial, sans-serif;
  margin: 40px 0 15px;
  font-weight: 600;
  font-size: 40px;
  font-size: 4.0rem;
  color: #7f7f7f;
  line-height: 1.2272727273
}
h1 span {
  display: block;
  color: #b3b3b3;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 500;
}
.h2,
h2 {
  font-family: Neris, Arial, sans-serif;
  margin: 0 0 15px;
  font-weight: 600;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.2941176471;
  color: #f68b1f;
}
.h3,
h3 {
  font-family: Neris, Arial, sans-serif;
  margin: 0 0 15px;
  font-weight: 500;
  font-size: 24px;
  font-size: 2.4rem;
  color: #7f7f7f;
  line-height: 3.5rem;
}
h3 span {
  display: block;
  color: #b3b3b3;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 500;
}

.h4,
h4 {
  font-family: Neris, Arial, sans-serif;
  margin: 0 0 15px;
  font-weight: 500;
  font-size: 20px;
  font-size: 2.0rem;
  color: #f68b1f;
  line-height: 2.8rem;
}

.h5,
.h6,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  line-height: 1.2;
  color: #292929
}
.h5,
h5 {
  font-family: Neris, Arial, sans-serif;
  margin: 0 0 15px;
  font-size: 22px;
  font-size: 2.2rem;
}
.h6,
h6 {
  font-family: Neris, Arial, sans-serif;
  margin: 0 0 15px;
  font-size: 20px;
  font-size: 2.0rem;
}
.h6:last-child,
dl:last-child,
figure:last-child,
h6:last-child,
menu:last-child,
ol ol,
ol ul,
ol:last-child,
p:last-child,
pre:last-child,
ul ol,
ul ul,
ul:last-child {
  margin-bottom: 0
}
.ir-info h3 {
  font-size: 26px;
  font-size: 2.6rem;
}
a {
  text-decoration: none;
  color: inherit;
}

.url-link {
  color: #0063d3;
}

img {
  max-width: 100%;
  height: auto;
}
@media \0screen {
  img { 
    width: auto; /* for ie 8 */
  }
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
hr.style1 {
  border: 0;
  height: 1px;
  background: #f68b1f;
  width: 40px;
  margin-left: 0px;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 25px;
}

hr.style2 {
  border: 0;
  height: 1px;
  background: #fff;
  width: 40px;
  margin-left: 0px;
  text-align: left;
  margin-top: 15px;
}
hr.style3 {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #f68b1f;
  margin: 1em 0;
  padding: 0;
}
.primary-color {
  color: #f68b1f;
}
.secondary-color {
  color: #292929;
}
.f20 {
  font-size: 20px;
  font-size: 2rem;
}
.text-gray {
  color: #7f7f7f;
}
.text-blue {
  color: #0063d3;
}

.text-white {
  color: #fff;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.bold {
  font-weight: 600;
}
.text-justify {
  text-align: justify;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.style1 {
  list-style-type: disc;
  padding-left: 40px;
}

.h-100 {
  height: 100%;
}
.pad-20 {
  padding: 20px;
}
.bg-gray {
  background-color: #f1f1f1;
}

/* Table */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
table {
  width: 100%;
  border-spacing: 0;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
table thead th, table tr.ir_tableTopRow th {
  background: #f68b1f;
  color: #fff;
  text-align: left;
  text-transform: uppercase;  
  font-weight: 600;
}
table tr th, table tr td {
  border-bottom: 1px solid #eaeaea;
  padding: 15px 20px;
}
table .total {
  background: #f3f3f3;
  color: #000;
  font-weight: 600;
}
.border-top td{
  border-top: solid 1px #eaeaea;
}
table.no-border,
.no-border td {
  border: none;
}
.no-border td {
  padding: 15px 5px;
}
.no-border p {
  margin-top: 0;
}
table.no-thead tr:first-child td{
  border-top: 1px solid #eaeaea;
}

@media (min-width:900px) {

  #Portfolio-Overview table thead th {
    width: 33.3333%;
  }

}

/*table tr:nth-child(odd) {
  background: #f8f8f9;
}*/

.table-disp {
  display: table;
  width: 100%;
}
.table-cell {
  display: table-cell;
  float: initial;
  vertical-align: middle;
}
.disp-inline {
  display: inline-block;
}

.w-border {
  border: 1px solid #f68b1f
}
.pad-30 {
  padding: 30px;
}
.pad-t-10 {
  padding-top: 10px;
}
.pad-t-20 {
  padding-top: 20px;
}
.pad-t-30 {
  padding-top: 30px;
}
.pad-t-50 {
  padding-top: 50px;
}
.pad-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pad-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pad-tb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.pad-b-10 {
  padding-bottom: 10px;
}
.pad-b-15 {
  padding-bottom: 15px;
}
.pad-b-20 {
  padding-bottom: 20px;
}
.pad-b-30 {
  padding-bottom: 30px;
}
.pad-b-40 {
  padding-bottom: 40px;
}
.pad-b-50 {
  padding-bottom: 50px;
}
.pad-lr-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.no-pad {
  padding: 0px !important;
}
.yellow-bg {
  color: #fff;
  background: #f68b1f;
}

.footnote {
  font-size: 13px;
  font-size: 1.3rem;
  color: #7f7f7f;
  padding-left: 15px;
}
.footnote li {
  padding-bottom: 10px;
}


.f-left {
  float: left;
}
.f-right {
  float: right;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.align-center {
  text-align: center;
  margin: 0 auto;
}
.pos-relative {
  position: relative;
}
.overlay {
  content: "";
  background: rgba(0,0,0,.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 900;
  opacity: 0;
  right: 0;
  bottom: 0;
  transition: opacity 1s ease-in-out;
  height: 0px;
}
.overlay.hover {
  opacity: 1;
  height: 100vh;
}

/* CTA */

.cta {
  font-size: 16px;
  line-height: 16px;
  display: table;
  outline: 0;
  color: #f68b1f;
  background-color: #FFF;
  border: 2px solid #f68b1f;
  text-decoration: none;
  padding: 15px 20px;
  font-weight: 600;
  width: auto;
  text-transform: uppercase;
}
.cta a {
  display: table-cell;
  vertical-align: middle;
}
.cta:focus,
.cta:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #f68b1f;
  border-color: #f68b1f
}

.cta:active {
  color: #114D8D;
  background-color: #FFF;
  border-color: #114D8D
}

.cta[disabled] {
  cursor: default;
  color: #7F7F7F;
  background-color: #CCC;
  border-color: #CCC
}

.cta.full-width {
    width: 100%
  }

/* Top Menu  */
.logo {
  height: 75px;
  display: table-cell;
  vertical-align: middle;
}
.logo img {
  height: 52px;
}

.top-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  float: left;
  width: 100%;
  background: #f8f8f8;
}
.topMain-nav .col-group > ul {
  display: inline-block;
}
.topMain-nav li {
  display: inline-block;
  padding: 0 20px;
}
.topMain-nav li a {
  line-height: 75px;
}
.topMain-nav li a span {
  display: block;
  position: relative;
}
.topMain-nav .first-level a:hover,
.topMain-nav .first-level > li.active > a {
  color: #f68b1f;
}

.has-submenu img {
  width:28px;
  height: 30px;
}

.drowdown.portfolio,
.drowdown.search,
.drowdown {
  position: absolute;
  top: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
  width: 100%;
}

.drowdown {
  max-width: 240px;
  background: transparent;
}

.drowdown.portfolio,
.drowdown.search {
  left: 0;
  right: 0;
}

.drowdown.search {
  max-width: 100%;
  background: white;
}

.drowdown.portfolio {
  max-width: 1200px;
  background: transparent;
}

@media only screen and (min-width: 1200px) {
  .has-submenu.is-hover .drowdown {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .drowdown.search {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 1100px) {
  .first-level.search-info > .has-submenu.is-click > .drowdown,
  .topMain-nav.open .first-level.topMenu-wrap {
    border-top: 3px solid #f68b1f;
  }
}

.first-level > .has-submenu.is-hover > .drowdown {
  border-top: 3px solid #f68b1f;
}

.second-level > li,
.third-level > li {
  display: block;
  flex: 0 0 25%;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 15px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}

.investor-menu .second-level > li {
  flex: 1 0 25%;
}
.second-level > li:last-child {
  border-right: none;
}


li:empty {
  height: 0;
  border: none;
}
.second-level > li > a,
.third-level > li > a {
  font-weight: 600;
  line-height: 2;
}
.second-level.more-than-5 > li {
  flex: 0 0 25%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .second-level > li {
    width: 25%;
    flex: none !important;
  }
}

/*.topMain-nav .third-level {
  padding-top: 5px;
}
.topMain-nav .third-level li {
  padding-left: 0px;
  display: block;
}
.topMain-nav .third-level li a {
  line-height: 2;
}*/


/*  Disclaimer popup */

.popup-location {
  width: 768px;
  background: #fff;
  margin: auto;
  padding-bottom: 1%;
}
.popup-location, #basic {
  display: none;
}
.popup-location.bg-none {
  background: no-repeat scroll center 87px #FFFFFF;
}
.out-info {
  margin: auto;
  width: 92%;
}
.out-info h2 {
  padding-bottom: 0%;
  line-height: 45px;
  padding-top: 10px;
  font-size: 20px;
  font-weight: 400;
  color: #4d4e53;
  font-family: inherit;
}
.disclaimer-content {
  font-size: 13px;
  color: #6B6B6B;
  line-height: 20px;
}
.global-content {
  height: 330px;
  overflow: hidden;
      overflow-y: hidden;
  overflow-y: auto;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.pop-upbotton {
  padding: 3.6% 0 2%;
}
.pop-upbotton {
  width: 100%;
  display: inline-block;
  text-align: center;
  border-top: 1px solid #f68b1f;
}
.out-info a {
  color: #0063d3;
  font-size: 13px;
  text-decoration: underline;
}
.pop-upbotton span.accept, .pop-upbotton span.decline {
  display: inherit;
}
.pop-upbotton span.accept {
  margin-right: 20px;
}
.pop-upbotton span.decline a, .pop-upbotton span.accept a {
  background-color: #f68b1f;
  border-color: #f68b1f;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;    
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.5;
  padding: 10px 15px;
}

span.gate-post-us {
  color: #f68b1f;
  font-weight: bold;
}

@media screen and (max-width: 600px){
  .popup-location {
    width: 90%;
    background: #fff;
    margin: auto;
    padding-bottom: 1%;
  }
}



/*  form  */
#global-search {
  margin-bottom: 30px;
}
form .ss-input {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
form .ss-button {
  display: table-cell;
  vertical-align: top;
}
form .ss-input input {
  font-family: Neris,Arial,sans-serif;
  line-height: 1.4;
  font-size: 15px;
  padding: 16px 15px;
  color: #292929;
  border: 1px solid #CCC;
  width: 100%;
  height: 46px;
  text-indent: 0 !important;
  float: left;
}
form .ss-input input {
  color: #292929;
  background-color: transparent !important;
  border: 0;
  font-size: 20px;
  padding: 5px 28px;
  height: auto;
  line-height: 1.5;
}
form .ss-button input {
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  outline: 0;
  color: #FFF;
  background-color: #f68b1f;
  border: 2px solid #f68b1f;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  width: 100%;
  margin: 0;
  border-radius: 0;
  height: 46px;
  padding: 14px 16px;
}
form .ss-button input {
  padding: 0 30px;
  height: 40px;
}


/*  Slider  */
.home-slider-wrap {
  margin-top: 75px;
}
.slider-outer-wrap {
  height: calc(100vh - 75px);
  margin: 0 auto;
  padding: 0;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slick-slider, .slick-item, .slick-track {
  height: calc(100vh - 75px);
}
.slick-slide img {
  opacity: 0;
}
.slider-title {
  position: absolute;
  right: 5%;
  bottom: 17%;
  color: #fff;
  background: url('/images/bg-banner-tagline.png') no-repeat center bottom;
  background-color: rgba(243,149,53,0.9);
  background-size: 305px 89px;
  padding: 20px 20px 70px;
  max-width: 305px;
  line-height: 1.4;
}

.slider-quotebox {
  position: absolute;
  left: 7%;
  bottom: 0%;
  background: rgba(0,0,0,.6);
  color: #fff;
  padding: 5px;
  width: 180px;
  text-align: center
}

.slick-item .slider-title {
  display: none;
}
.slick-item.slick-active .slider-title {
  display: block;
}
.slider-title .quote {  
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #5b3c00;
  font-style: italic;
  margin: 10px 0;
}
.slider-title .quote::before {
  display: inline-block;
  content: "";
  border-top: .1rem solid #5b3c00;
  width: 4rem;
  margin: 0 1rem 0 0;
  transform: translateY(-.4rem);
}

.slickdots-hide .slick-dots  {
  display: none
}
.portfolio-item .slickdots-2 .slick-prev {
    right: calc(9% + 105px);
}


#ir_latest_news .slick-item span.title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0;
  color: #000;
  max-height: 50px;
}
p.news-title span.readMore,
p.news-title span.date {
  padding: 5px 0;
}

.animated.delay-500ms{-webkit-animation-delay:500ms;animation-delay:500ms}

.ir-info {
  background: #fff url(/images/drawing-portfolio-buildings.png) no-repeat top center;
  margin: 50px 0;
  padding: 50px 0;
}
.ir-info::after {
  display: table;
  clear: both;
  content: " "; 
}
.ir-info h3 {
  padding: 50px 0 10px;
}
.ir-info img {
  height: 122px;
}

/* Dropdown Button */
.dropbtn {
  background-color: #fff;
  color: #292929;
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  border: 1px solid #f68b1f;
  cursor: pointer;
  border-radius: 5px;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
.dropbtn.active {
  background: #f68b1f;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  position: absolute;
  background-color: #fff;
  min-width: 230px;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  height:auto;
  max-height: 0;
  transition: max-height 0.25s ease-out;
}
.dropdown-content.show {
  border: 1px solid #ddd;
  max-height: 300px;
  transition: max-height 0.45s ease-in;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.dropbtn i {
  padding-left: 10px;
}

/* arrow */
.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f68b1f;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -50px; 
}
.arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green;
}
.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid blue;
}


ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  width: 100%;
}

ul.tabs li {
  float: left;
  margin: 0 auto;
  cursor: pointer;
  padding: 10px 0px 30px;
  height: auto;
  border-bottom: 3px solid #ccc;
  color: #f68b1f;
  position: relative;
  line-height: 1;
  width: 33.3333%;
  font-size: 22px;
  font-size: 2.2rem;
}
ul.tabs li span {
  font-size: 16px;
  font-size: 1.6rem;
}

ul.tabs li:hover,
ul.tabs li.active {
  border-bottom: 3px solid #f68b1f;  
}

ul.tabs li:hover:after,
ul.tabs li.active:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  width: 0;
  height: 0;
  border-top: solid 15px #f68b1f;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
}
ul.tabs li.active {
  display: block;
}

.tab_container {
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  overflow: auto;
}

.tab_content {
  padding: 20px;
  display: none;
}

.tab_drawer_heading {
  display: none;
}

.agm-text-banner_2020 {
  background-color: #f68b1f;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 78px;
  
}

.agm-banner-text {
  width: 1200px;
   
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
  
}


@media screen and (max-width: 900px) {
  .tabs {
    display: none;
  }
  #sustainability .tabs {
    display: block;
  }
  .tab_drawer_heading {
    border-bottom: 3px solid #ccc;
    color: #f68b1f;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    text-align: left;
    line-height: 1;
    padding: 10px 0;
    font-size: 20px;
    font-size: 2rem;
  }

  .d_active {
    border-bottom: transparent;
  }
  .tab_content {
    border-bottom: 3px solid #f68b1f;
  }
  .tab_drawer_heading:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 1%;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    background: #fff url(/images/icon-arrow-down-expand.svg) no-repeat center center;
  }
  .d_active:before {
    background: #fff url(/images/icon-arrow-down-collapse.svg) no-repeat center center;
  }
  /*.d_active:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-top: solid 15px #f68b1f;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
  }*/
  .tab_drawer_heading span {
    font-size: 16px;
    font-size: 1.6rem;
  }

}

  .footer-cl img {
      float: none;
    }

/* Home  */

.main-content-wrap {
  padding-bottom: 105px;
}

.publication-wrap ul li::before {
  content: "";
  display: block;
  background: url("/images/icon-download.svg") no-repeat;
  width: 18px;
  height: 18px;
  float: left;
  margin: 0 6px 0 0; 
}
.publication-wrap ul li {
  padding: 3px 0;
}
.publication-wrap ul li span {
  color: #7f7f7f;
  font-size: 13px;
  font-size: 1.3rem;
}
.publication-wrap ul li:nth-child(2)::before,
.publication-wrap ul li.ico-view::before {
  content: "";
  display: block;
  background: url("/images/icon-view.svg") no-repeat;
  width: 18px;
  height: 18px;
  float: left;
  margin: 0 6px 0 0; 
}
.stock-info {
  font-size: 20px;
  font-size: 2rem;
  color: #00a950;
}
.stock-info .stockUp.minus,
.stock-info .stockPercentage.minus {
  color: #a90008;
}
.stock-info .stockQuote {
  font-size: 44px;
  font-size: 4.4rem;
  font-weight: 600;
  color: #292929;
}
.stock-info .stockUp::before {
  content: "\f0d8";
  margin-right: 10px;
  font-family:'FontAwesome';
  font-size: 32px;
  font-size: 3.2rem;
  vertical-align: bottom;
}
.stock-info .stockUp.minus::before {
  content: "\f0d7";
}
.stockVol, .stockHigh {
  padding-right: 10px;
}
.QuoteDelay::before {
  clear: left;
  content: "";
  display: table;
}
.QuoteDelay {
  padding-right: 10px;
}
.QuoteDelay, .stockUpdated {
  font-size: 13px;
  font-size: 1.3rem;
  color: #7f7f7f;
}
.contact_form input {
  border: none;
  color: #242729;
  float: left;
  font-style: italic;
  margin: 0 0px 17px 0px;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 75%;
  line-height: 3;
  padding: 0 20px;
  background-color: #efefef;
}
.contact_form button {
  border: none;
  outline: none;
  background-color: #f68b1f;
  color: #fff;
  position: relative;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  text-align: center;
  line-height: 3;
  font-size: 12px;
  font-size: 1.2rem;
  float: left;
  width: 25%;
}

#contact .contact_form input,
#contact .contact_form textarea {
  background-color: #fff;
  border: 1px solid #ececec;
  width: 100%;
}
.no-smil #contact .contact_form input {
  padding: 10px 20px;
}
#contact .contact_form textarea {
  padding: 0 20px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
}
.no-smil #contact .contact_form textarea {
  padding: 10px 20px;
  min-height: 80px;
}

#contact .contact_form .checkbox {
  max-width: 30px;
  line-height: 1.6;
}
#contact .contact_form .checkbox input {
  margin-bottom: 0px;
  margin-top: 10px;
}
#contact .contact_form button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.5;
}
#contact .contact_form hr.hr-style {
  border-top: 1px solid #ececec;
}

.irNews-wrap {
  text-align: center;
}
.irNews-wrap p span {
  display: block;
  color: #7f7f7f;
  padding: 10px;
}
.irNews-wrap.slick-slider, .irNews-wrap .slick-item, .irNews-wrap .slick-track {
  height: auto;
}
.irNews-wrap .slick-dots {
  text-align: center;
  left: -15px;
  right: 0;
  margin-right: 0;
  top: 100%;
}
.irNews-wrap .slick-dots li,
.irNews-wrap .slick-dots li button,
.irNews-wrap .slick-dots li button::before {
  width: 20px;
  height: 20px;
}

.irNews-wrap .slick-dots li,
.irNews-wrap .slick-dots li.slick-active {
  background-color: transparent;
}

.irNews-wrap .slick-dots li button::before {
  font-family: 'slick';
  content: '•';
  color: #f68b1f;
}
.moreNews {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 10px;
  margin-left: 28px;
}
.moreNews img {
  height: 19px;
}

/* Subpage Banner */
.banner-bg {
  background: #fff url(/images/banner-vision-mission.jpg) no-repeat center center;
  background-size: cover;
  margin-top: 75px;
}
#bod .banner-bg {
  background: #fff url(/images/banner-board-of-directors.jpg) no-repeat center center;
}
#corporate-information .banner-bg {
  background: #fff url(/images/banner-corporate-information.jpg) no-repeat center center;
}
#trust-structure .banner-bg {
  background: #fff url(/images/portfolio/banner-trust-structure-2020.jpg) no-repeat center center;
}
#vision .banner-bg {
  background: #fff url(/images/portfolio/banner-vision-mission-2020.jpg) no-repeat center center;
}
#profile .banner-bg {
  background: #fff url(/images/banner-corporate-profile.jpg) no-repeat center center;
}
#management .banner-bg {
  background: #fff url(/images/banner-management-team.jpg) no-repeat center center;
}
#growth-strategies .banner-bg {
  background: #fff url(/images/banner-growth-strategy.jpg) no-repeat center center;
}
#contact .banner-bg {
  background: #fff url(/images/banner-contact-us-aug2019.jpg) no-repeat center center;
  
}
#message-to-unitholders .banner-bg {
  background: #fff url(/images/banner-message-to-unitholders.jpg) no-repeat center center;
}
#sustainability .banner-bg {
  background: #fff url(/images/banner-sustainability.jpg) no-repeat center center;
}
/*#sustainability .banner-bg {
  background: #fff url(/images/isr/banner-sustainability.jpg) no-repeat center center;
}*/
#terms-conditions .banner-bg {
  background: #fff url(/images/banner-terms-conditions.jpg) no-repeat center center;
}
#privacy-policy .banner-bg {
  background: #fff url(/images/banner-privacy-policy.jpg) no-repeat center center;
}
#cookie-policy .banner-bg {
  background: #fff url(/images/banner-cookie-policy.jpg) no-repeat center center;
}
#search .banner-bg {
  background: #fff url(/images/banner-search-results.jpg) no-repeat center center;
}

#agm-egm .banner-bg {
    background: #fff url(/images/banner-agm.jpg) no-repeat center center;
}

.banner-content {
  height: 100%;
  min-height: 340px;
  position: relative;
}
.banner-content span {
  position: absolute;
  bottom: 10px;
  right: 30px;
  padding: 5px;
  background: rgba(0,0,0,.6);
  color: #fff;
}

.hr-style {
  border-top: 1px solid #f68b1f;
  margin: 0 auto;
  position: relative;
  margin: 35px 0;
}
.hr-style img {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

/* Portfolio  */
.map-wrap {
  position: relative;
}
.portfolio-wrap {
  height: 100%;
  min-height: 725px;
  background-color: #f7f7f7;
  background: #f7f7f7 url(/images/portfolio/bg-map.jpg) no-repeat center 20px;
  background-size: 1920px;
  margin-top: 75px;
}

.portfolio-wrap .accordion-wrap {
  padding-top: 40px;
}
.hover-region {
  position: absolute;
  left: 2%;
  bottom: 0;
  display: table;
}
.hover-region img,
.hover-region span {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #7f7f7f;
}

.map-wrap {
  margin: 60px 0 0 0px;
  max-width: 669px;
}
.smil #ChinaMap {
  max-width: 817px;
  filter: url(#blur-filter0);
}
.no-smil #ChinaMap {
  max-width: 817px;
  -webkit-filter: drop-shadow(  1px 2px 1px #a7a7a7 );
  filter: drop-shadow( 1px 2px 1px #a7a7a7 );
}
svg path {
  -webkit-transition: fill 1s ease-in-out, transform 1s ease-in-out;
  -moz-transition: fill 1s ease-in-out, transform 1s ease-in-out;
   -ms-transition: fill 1s ease-in-out, transform 1s ease-in-out;
       transition: fill 1s ease-in-out, transform 1s ease-in-out;
}
.smil g#Beijing.is-hover > path, .smil g#Beijing.is-click > path,
.smil g#Chengdu.is-hover > path, .smil g#Chengdu.is-click > path,
.smil g#Shanghai.is-hover > path, .smil g#Shanghai.is-click > path,
.smil g#Wuhan.is-hover > path, .smil g#Wuhan.is-click > path,
.smil g#Hohhot.is-hover > path, .smil g#Hohhot.is-click > path,
.smil g#Guangzhou.is-hover > path, .smil g#Guangzhou.is-click > path,
/*.smil g#Zhengzhou.is-hover > path, .smil g#Zhengzhou.is-click > path,*/
.smil g#Harbin.is-hover > path, .smil g#Harbin.is-click > path,
.smil g#Changsha.is-hover > path, .smil g#Changsha.is-click > path,
.smil g#Suzhou.is-hover > path, .smil g#Suzhou.is-click > path,
.smil g#Xian.is-hover > path, .smil g#Xian.is-click > path,
.smil g#Hangzhou.is-hover > path, .smil g#Hangzhou.is-click > path {
  fill: #ffd200;
  cursor: pointer;
  -webkit-filter: url(#blur-filter);
  filter: url(#blur-filter);
}

.no-smil g#Beijing.is-hover > path, .no-smil g#Beijing.is-click > path,
.no-smil g#Chengdu.is-hover > path, .no-smil g#Chengdu.is-click > path,
.no-smil g#Shanghai.is-hover > path, .no-smil g#Shanghai.is-click > path,
/* .no-smil g#Wuhan.is-hover > path, .no-smil g#Wuhan.is-click > path, */
.no-smil g#Hohhot.is-hover > path, .no-smil g#Hohhot.is-click > path,
.no-smil g#Guangzhou.is-hover > path, .no-smil g#Guangzhou.is-click > path,
.no-smil g#Zhengzhou.is-hover > path, .no-smil g#Zhengzhou.is-click > path,
.no-smil g#Harbin.is-hover > path, .no-smil g#Harbin.is-click > path,
.no-smil g#Changsha.is-hover > path, .no-smil g#Changsha.is-click > path,
.no-smil g#Suzhou.is-hover > path, .no-smil g#Suzhou.is-click > path,
.no-smil g#Xian.is-hover > path, .no-smil g#Xian.is-click > path,
.no-smil g#Hangzhou.is-hover > path, .no-smil g#Hangzhou.is-click > path {
  fill: #ffd200;
  cursor: pointer;
  -webkit-filter: drop-shadow(5px 5px 0px #333);
  -moz-filter: drop-shadow(5px 5px 0px #333);
  -o-filter: drop-shadow(5px 5px 0px #333);
  -ms-filter: drop-shadow(5px 5px 0px #333);
  filter: drop-shadow(5px 5px 0px #333);
}
.smil g#Beijing > path,
.no-smil g#Beijing > path {
  transform-origin: 100% 72%;
}
.smil g#Shanghai > path,
.no-smil g#Shanghai > path {
  transform-origin: 109% 95%;
}
/*.smil g#Beijing.is-hover > path, .smil g#Beijing.is-click > path,
.no-smil g#Beijing.is-hover > path, .no-smil g#Beijing.is-click > path,
.smil g#Shanghai.is-hover > path, .smil g#Shanghai.is-click > path,
.no-smil g#Shanghai.is-hover > path, .no-smil g#Shanghai.is-click > path {
  transform: scale(2.0);
  -ms-transform: scale(2.0);
  -webkit-transform: scale(2.0);
}*/

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  .map-wrap {
    height: 610px;
    width: 820px;
  }  
}

.map-wrap .pin-wrap {
  position: absolute;
  text-align: center;
}
.Beijing.pin-wrap {
  top: 25%;
  left: 55.3%;
}
.Chengdu.pin-wrap {
  top: 39%;
  left: 26.3%;
}
.Shanghai.pin-wrap {
  top: 41%;
  left: 56.6%;
}
.Wuhan.pin-wrap {
  top: 50%;
  left: 48.8%;
}
.Hohhot.pin-wrap {
  top: 23%;
  left: 45.4%;
}
.Zhengzhou.pin-wrap {
  top: 50%;
  left: 57.5%;
}
.Guangzhou.pin-wrap {
  top: 69%;
  left: 49.5%;
}

.Harbin.pin-wrap {
  top: 9%;
  left: 70.0%;
}
.Changsha.pin-wrap {
  top: 57%;
  left: 48.9%;
}
.Suzhou.pin-wrap {
  top: 26%;
  left: 53.3%;
}
.Xian.pin-wrap {
  top: 42%;
  left: 45.6%;
}
.Hangzhou.pin-wrap {
  top: 54%;
  left: 61.6%;
}

/* additiona; */
.Shanghai.pin-wrap,
.Chengdu.pin-wrap, 
.Suzhou.pin-wrap{
  text-align: left;
}

.Shanghai.pin-wrap .pin-info,
.Chengdu.pin-wrap .pin-info, 
.Suzhou.pin-wrap .pin-info {
  width: 200px;
  text-align: left;
  padding: 5px 10px 10px 10px;
}




.vl {
  border-left: 1px solid #f68b1f;
  height: 25px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  bottom: -10px;
}

.pin-info span {
  color: #fff;
  font-weight: bold;
}

.pin-info #rp div, .pin-info #ls div, .pin-info #bp div {
  font-weight: normal;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.pin-wrap img {
  padding-top: 20px;
  margin-left: -4px;
}

.pin-info {
  display: none;
  transition: all 1s ease;
  background: #f68b1f;
  padding: 5px 20px;
}

.border-round {
  border-radius: 50%;
  border: 1px solid #f68b1f; 
}

.border-round img {
  height: 45px;
}

.portfolio-summary-item {
  display: table;
  margin-bottom: 30px;
}
.portfolio-summary-item > div {
  height: 100%;
  display: table-cell;
  width: 100%;
  vertical-align: top;
  padding-top: 25px;
}
.portfolio-summary-item img,
.portfolio-summary-item span {
  display: block;
  line-height: 1.1;
}
.portfolio-summary-item img {
  max-width: 50px;
}
.portfolio-summary-item span.figures {
  font-size: 32px;
  font-size: 3.2rem;
  color: #f68b1f;
  padding-top: 5px;
}
.color-gray {
  color: #7f7f7f;
  font-size: 1.4rem;
}
.portfolio-summary-item span.title {
  color: #000;
  padding: 5px 15px 0px;
  font-size: 1.4rem;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


/* Accordion */
ul.accordion {
  list-style: none;
  padding: 0;
}

ul.accordion .inner {
  overflow: hidden;
  display: none;
}

ul.accordion li {
  margin: 0;
  background: #fff;

}

ul.accordion > li > a {
  text-decoration:none;
  height: 60px;
  font-size: 20px;
  font-size: 2.0rem;
  width: 100%;
  color: #fff;
  padding: 10px 20px;
  transition: background .3s ease;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #fff;
  border-width: 0px 0px 1px 0px;
  display: block;
}

ul.accordion > li#rp > a {
  background-color: #f68b1f;
  display: block;
}

ul.accordion > li#bp > a,
ul.accordion > li#ls > a {
  background-color: rgba( 1, 177, 79, 1);
  display: none;
}

ul.accordion li a.toggle {
  background-position: 90%;
  background-image: url("/images/portfolio/icon-plus.svg");
  background-size: 17px 17px;
  background-repeat: no-repeat;
}

ul.inner > li {
  border-bottom: 1px solid #efefef;
}
ul.inner li>a {
  padding-left: 2em;
}
.portfolio-wrap ul.inner li>a {
  padding-left: 0px;
  display: table;
}

ul.inner .inner li>a {
  padding-left: 3em;
}
.portfolio-wrap ul.inner .inner li>a {
  padding-left: 0px;
}

ul.inner .inner .inner li>a {
  padding-left: 4em;
}

.portfolio-wrap ul.inner .inner .inner li>a {
  padding-left: 0px;
}

ul.accordion li a.expanded {
  background-image: url("/images/portfolio/icon-minus.svg");
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 17px 17px;
}
ul.inner li img,
ul.inner li .title {
  display: table-cell;
  vertical-align: middle;
}
ul.inner li .title {
  padding: 10px 5px 10px 10px;
  line-height: 1.3;
}

.standard ul.accordion > li {
  border-bottom: 1px solid #eaeaea;
}

.standard ul.accordion li a.toggle {
  border-bottom: none;
}

.standard ul.accordion > li > a {
  background: #fff;
  color: #292929;
  font-weight: 600;
}
.standard ul.accordion li a.toggle {
  background-repeat: no-repeat;
  background-position: 97%;
  background-image: url("/images/portfolio/icon-plus-accordion.svg") ;
  background-size: 17px 17px;
  border-bottom: 1px solid #eaeaea;
}
.standard ul.accordion li a.expanded {
  background-image: url("/images/portfolio/icon-minus-accordion.svg");
  background-size: 17px 17px;
}
.standard ul.accordion li a.toggle {
  border-bottom: none;
}

.portfolio-wrap .accordion-wrap ul.inner li img {
  max-width: 108px;
} 
    

/* BOD */
#ip-container {
  position: relative;
  width: 100%;
}
.article {
  width: 33.333333333%;
  height: 330px;
  float: left;
  background: #fff;
  margin-bottom: 60px;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 20px;  
}

.article .meta {
  display: table;
  padding: 15px 5px;
  background: #d1d3d4;
  color: #000;
  width: 100%;
  vertical-align: middle;
}
.article .meta > div {
  display: table-cell;
  vertical-align: middle;
}
.article .meta .name {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
}


.ip-details {
  display: none;
}
.inlinepopup {
  background: #fff6e3 none repeat scroll 0 0;
  float: left;
  margin-bottom: 40px;
  position: relative;
  border-top: 5px solid #f68b1f;
  width: 100%;
  margin-right: 20px;
  margin-left: 20px;
  width: calc(100% - 40px);
}
.inlinepopup_content {
  margin: 40px;
  color: #292929;
}
.inlinepopup_arrow {
  background: url("/images/icon-arrow-bod.svg") no-repeat scroll center 0;
  height: 20px;
  position: absolute;
  top: -20px;
  width: 32px;
  margin-left: -25px;
}
.inlinepopupClose {
  cursor: pointer;
  position: absolute;  
  right: 15px;
  top: -5px;
  z-index: 5;
  overflow: hidden;
  transition: all 0.5s ease 0s;
  font-size: 24px;
  font-size: 2.4rem;
}

.inlinepopup_content ul, .inlinepopup_content ol {
  margin: 0 0 20px;
  padding: 0 0 0 20px;
}
.inlinepopup_content .img-middle img {
  margin: 5px auto;
}

table.gsc-search-box {
  border-style: none;
}
.gsc-search-box-tools .gsc-search-box .gsc-input,
table.gsc-search-box td {
  border: none;
}
.gsc-above-wrapper-area-container {
  border: none;
}

/* Footer */
#back-to-top {
  transition-property: color;
  transition-duration: 150ms;
  position: absolute;
  bottom: 165px;
  right: 2%;
  color: #959595;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 40px;
}
#back-to-top::after {
  transition-property: background-color;
  transition-duration: 150ms;
  margin: 0 0 0 10px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 20.25 20.25%22%3E%3Cpath fill%3D%22%23FFFFFF%22 d%3D%22M20.13 14.29l-1.69 1.67-8.31-8.31-8.32 8.31-1.68-1.67 10-10 10 10z%22/%3E%3C/svg%3E") center no-repeat #7F7F7F;
      background-size: auto auto;
  background-size: 20px;
}

.fa-times-thin:before {
  content: '\00d7';
}

.bg-darkgray {
  background: #505050;
  color: #d8d8d8;
}
.sitemap-wrap {
  height:auto;
  max-height: 0;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
  position: relative;
}

.sitemap-wrap.show {
  max-height: 1000px;
  transition: max-height 0.25s ease-in;
}
.sitemap-wrap ul li {
  padding: 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.sitemap-wrap ul li:first-child {
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
}

.btn-sitemap-close {
  position: absolute;
  top: 20px;
  right: 5%;
  font-size: 28px;
  font-size: 2.8rem;
  color: #d8d8d8;
  cursor: pointer;
}
.copyright-wrap {
  padding: 5px 0 15px;
  border-top: 1px solid #ccc;
  font-size: 12px;
  font-size: 1.2rem;
  line-height:1.6;
}
.copyright-wrap ul li {
  padding: 0 5px;
}
.copyright-wrap ul li:first-child {
  padding-left: 0;
}
.copyright-wrap ul li:not(:last-child) {
  border-right: 1px solid #d7d7d7
}
.btn-social img {
  padding: 0 5px;
  height: 24px
}
.btn-social img:last-child {
  padding-right: 0;
}
.btn.sitemap {
  padding: 5px 13px 5px;
  background: #f68b1f;
  border: none;
  color: #fff;
  cursor: pointer;
}

.show-tablet-below {
  display: initial !important;
}

/* mobile nav */
#nav-icon2 {
  width: 30px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon2 span {
display: block;
position: absolute;
height: 3px;
width: 50%;
background: #011557;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
left:0px;
border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
top: 10px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
top: 20px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
left: 5px;
top: 7px;
}

#nav-icon2.open span:nth-child(2) {
left: calc(50% - 5px);
top: 7px;
}

#nav-icon2.open span:nth-child(3) {
left: -50%;
opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
left: 100%;
opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
left: 5px;
top: 12px;
}

#nav-icon2.open span:nth-child(6) {
left: calc(50% - 5px);
top: 12px;
}
.back-to-previous {
  font-size: 14px;
  font-size: 1.4rem;
}

.back-to-previous img {
  width: 18px;
  height: 9px;
}

#message-to-unitholders .dropdown-content {
  min-width: auto;
}

/* Cookie banner */
body.body-cookie-consent .wrapper {
  margin-bottom: 50px;
}
#cookies-eu-banner {
  background-color: #fff;
  border-top: 1px solid #ccc;
  font-size: 14px;
  color: #292929;
  padding: 8px 30px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  z-index: 9999;
  text-align: center;
}
#cookies-eu-banner span {
  display: inline-block;
  padding: 6px;
}
#cookies-eu-more {
  color: #0063d3;
  text-decoration: none;
}

#cookies-eu-accept,
#cookies-eu-reject {
  display: inline-block;
  text-decoration: none;
  color: #292929;
  cursor: pointer;
  margin: 2px 20px 2px 0;
  font-size: 24px;
  float: right;
  border: none;
  background: transparent;
}

#cookies-eu-reject {
  background: none;
  font-weight: normal;
  color: #292929;
  cursor: pointer;
  padding: 4px 7px;
  margin: 2px 0;
}

#ir_email_alert {
  display: table;
  width: 100%;
}
#ir_email_alert #email_address,
#ir_email_alert #subscribe {
  display: table-cell;
  height: 40px;
}
#ir_email_alert::after {
  content: " ";
  display: table;
  clear: both;  
}
.footer-cl img {
  height: 55px;
  width: 120px;
  /*padding-top: 4px;*/
  padding: 8px 0 0 10px;
  float: right;
}

.footer-cl span {
  display: block;
  word-spacing: 10px
}
#cookies-eu-accept, #cookies-eu-reject {
  line-height: 0.5;
}
#cookies-eu-accept .fa-2x {
  line-height: 0.5;
}

.cse .gsc-resultsHeader, .gsc-resultsHeader {
  border: none;
}
.gsc-resultsHeader td {
  border: none;
}
.gsc-above-wrapper-area {
  border: none !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 12px;
  padding-left: 0px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input td {
  padding: 5px 12px;
}
.cse .gsc-search-button-v2:focus, .gsc-search-button-v2:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
  padding: 13px 27px !important;
}

/* Portfolio Item slider  */
.portfolio-item .slider-outer-wrap {
  height: 340px;
}
.portfolio-item .slick-slider, .portfolio-item .slick-item, .portfolio-item .slick-track {
  height:  340px;
}
.portfolio-item .slick-prev {
  right: calc(9% + 140px);
}
#minzhongleyuan .portfolio-item .slick-prev,
#saihan .portfolio-item .slick-prev {
  right: calc(9% + 105px);
}

.inner.map-wrap::after, .inner.map-wrap::before {
  content: " ";
  display: table;
}

#image-map {
  width: 100%;
  height: 400px;
  margin: 0 auto 10px auto;
  border: 1px solid #ccc;
  background: #252a2e;
}
.location-pin {
  display: inline-block;
  position: relative;
  top: 50%;
  left: 50%;
}
.location-pin img {
  width: 26px;
  height: 26px;
  margin: -3px 0 0 -3px;
  z-index: 10;
  position: absolute;
  border-radius: 50%;
  animation-name: bounce-only;
  animation-fill-mode: both;
  animation-duration: 1s;
  background: #32383e;
}
.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #32383e;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}
.pin:after {
  content: '';
  width: 26px;
  height: 26px;
  margin: 2px 0 0 2px;
  position: absolute;
  border-radius: 50%;
  animation-name: bounce-rotate;
  animation-fill-mode: both;
  animation-duration: 1s;
}
.pulse {
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  animation: pulsate 2.5s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  background: rgba(94,190,255,0.5);
  box-shadow: 0 0 1px 2px #2d99d3;
  animation-delay: 1.1s;
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-moz-keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@-o-keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@-moz-keyframes bounce-only {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-10deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
@-webkit-keyframes bounce-only {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-10deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
@-o-keyframes bounce-only {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-10deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes bounce-only {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-10deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

.qr-code {
  border: 2px solid #f68b1f;
  display: table;
  width: 100%;
}
.qr-code img,
.qr-code .qr-text {
  display: table-cell;
  vertical-align: middle;
}

.qr-code .qr-text {
  padding-left: 20px;
}
.show-md {
  display: none;
}
.home-slider {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
.home-slider.slick-initialized {
  visibility: visible;
  opacity: 1;    
}

.footer-border div {
  border-top: 1px solid white;
}
.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}
.pt-4, .py-4 {
  padding-top: 1.7rem !important;
}
.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}
.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}
.mr-3, .mx-3 {
  margin-right: 1rem !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
@media (min-width: 1023px) {
  .justify-content-lg-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
footer a div {
  font-size: 1.4rem;
  color: #d8d8d8;
}
#back-to-top.moveup {
  bottom: 190px;
}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
   
  @media screen and (min-width: 600px) { /* ≥ 600px */
    
    #social-right {text-align: center;}
    
    footer .col-2 {
      width: 20%;
    }
    .show-mb {
      display: none;
    }

    /* sustainability */
    
    #sustainability ul.tabs li {
      padding: 0px 0px;
      margin-bottom: 10px;
      border-bottom: none;
    }

    #sustainability ul.tabs li a {
      border: 1px solid #f68b1f;
      padding: 10px;
      width: 100%;
      height: 100%;
      display: table;
      vertical-align: middle;
    }
    #sustainability ul.tabs li:hover, 
    #sustainability ul.tabs li.active {      
      border: none;
    }
    #sustainability ul.tabs li:hover a , 
    #sustainability ul.tabs li.active a {      
      background: #f68b1f;
      color: #fff;
    }
    #sustainability ul.tabs li:hover::after, 
    #sustainability ul.tabs li.active::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      width: 0;
      height: 0;
      border: none;  
    }
    #sustainability ul.tabs li span {
      font-size: 22px;
      font-size: 2.2rem;
      height: 100%;
      display: table-cell;
      line-height: 1.2;
      vertical-align: middle;
    }
    #sustainability .tab_content {
      padding: 20px 0px;
    }
    #home .card-wrap > div:first-child .card {
      border-right: 0px;
    }
    #home .card-wrap > div:last-child .card {
      border-left: 0px;
    }
    
    .inlinepopupClose {
      right: 25px;
      top: 0px;
      font-size: 28px;
      font-size: 2.8rem;
    }
    .btn-social {
      text-align: right;
      padding-right: 38px;
    }
    .btn-social, 
    .footer-cl {
      display: inline-block;
      vertical-align: top;
    }
    .btn-social > span {
      display: block;
      padding-bottom: 14px; 
      padding-left: 5px;
    }

  }

  @media screen and (min-width: 900px) { /* ≥ 900px */ 
     
    .portfolio-summary-item {
      width: 20%;
    } 
    
    #contact .card-wrap > div:first-child .card {
      border-right: 0px;
    }
    #contact .card-wrap > div:last-child .card {
      border-left: 0px;
    }
    #social-right {
      text-align: right;
     }
    
    
  }

  @media screen and (min-width: 1200px) { /* ≥ 1200px */
    .md-max-width {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      overflow-x: hidden;
      max-height: 100vh;
      background: white;
    }
    .show-tablet-below {
      display: none !important;
    }
    .nav-mb {
      display: none;
    }
    #erqi .portfolio-summary-item,
    #shuangjing .portfolio-summary-item {
      left: 30%;
    } 
  }

  
  @media only screen and (max-width: 1199px) { /* ≥ 1200px */
    ul.first-level > li > a {
      padding-left: 18px;
    }
    ul.first-level > li.has-submenu > a {
      padding-right: 28px;
    }
    .topMain-nav .col-group ul.first-level.topMenu-wrap {
      display: none;
    }
    .topMain-nav .col-group {
      float: right;  
    }
    .topMain-nav ul.search-info,
    .topMain-nav .nav-mb {
      display: inline-block;
      vertical-align: middle;      
    }
    #global-search {
      margin: 20px 10px 0px 10px;  
    }
    .menuOpen .topMain-nav .col-group ul.first-level.topMenu-wrap {
      display: block;
      position: absolute;
      top: 100%;
      width: 100%;
      left: 0;
      background: #fff;
      height: calc(100vh - 75px);
      overflow: scroll;
    }
    .topMain-nav .topMenu-wrap > li {
      display: block;
      padding: 0 20px;
      border-bottom: 1px solid #ccc;
    }
    ul.first-level.topMenu-wrap > li.has-submenu > a,
    ul.first-level.topMenu-wrap > li > a {
      padding-right: 0;
      padding-left: 0;
    }
    ul.first-level.topMenu-wrap > li.has-submenu > a span {
      position: relative;
    }
    .topMenu-wrap li.has-submenu > a span::after {
      background-image: url("/images/icon-menu-right.svg");
      background-repeat: no-repeat;
      transition: opacity 150ms;
      content: "";
      width: 16px;
      height: 16px;
      display: block;
      background-position: 50% 50%;
      position: absolute;
      right: 3%;
      margin-left: -8px;
      top: 50%;
      margin-top: -8px;
      background-repeat: no-repeat;
    }
    .topMenu-wrap li.has-submenu.is-click > a span::after {
      background-image: url("/images/icon-menu-down.svg");
    }
    ul.topMenu-wrap .drowdown {
      position: relative;
      padding: 0;
      border: none;
    }
    ul.topMenu-wrap .second-level > li,
    ul.topMenu-wrap .third-level > li {
      border: 0px!important;
    }
    .has-submenu .drowdown {
      max-height: 0px;
      opacity: 1;
      visibility: visible;
      -webkit-transition: max-height 1s;
      -moz-transition: max-height 1s;
      -ms-transition: max-height 1s;
      -o-transition: max-height 1s;
      transition: max-height 1s;
      overflow: hidden;

    }
    .has-submenu.is-click > .drowdown {
      visibility: visible;
      opacity: 1;
      max-height: 500px;
      padding-bottom: 20px;    
    }

    .has-submenu.is-click > .drowdown.portfolio {
      max-height: 1000px;
    }

    .has-submenu > a span {
      color: initial;  
    }
    .has-submenu.active > a span,
    .has-submenu.is-click > a span {
      color: #f68b1f;  
    }     
    .second-level > li,
    .third-level > li {
      display: block;
      margin-bottom: 0;
      border-right: none;
      padding-bottom: 10px;
      text-align: center;
    }
    .topMain-nav li a span {
      text-align: center;
    }
    .second-level {
      display: block;
    }
    .topMain-nav li {
      padding: 0;
    }

    .third-level > li > a {
      font-weight: normal;
    }
    
    ul.third-level {
      position: static;
    }
  }

  @media only screen and (max-width: 900px) { /* ≥ 900px */
    
    .footer-cl img {
      float: none !important;
    }
    
    .t-clearright::after {
      display: table;
      content: "";
      clear: both;
    }
    .show-md {
      display: block;
    }
    .hide-tablet {
      display: none !important;
    }
    .contact_form button {
      width: 100%;
    }
    .contact_form input {
      width: 100%;
      margin-bottom: 0px;
    }
    
    nav .first-level li > .drowdown {
      padding-top: 0px;
    }
    ul.tabs li {
      font-size: 18px;
      font-size: 1.8rem;
      min-height: 90px;
      padding-bottom: 20px;
    }
    .slider-title {
      top: 65%;
    }
    .btn.sitemap {
      display: none;
    }
    .ir-info {
      margin-top: 0;
      background-size: contain;
      background-position: 0 55px;
    }
    .portfolio-wrap {
      background: transparent;
      background-color: #f7f7f7;
    }
    .stock-info span {
      display: inline-block;
      line-height: 1;
    }
    .stock-info .stockQuote {
      width: 100%;
    }
    .QuoteDelay {
      display: none;
    }
    .stock-info .stockUp::before {
      vertical-align: middle;
    }
    #ip-container {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px);
    }
    .article {
      padding-left: 10px;
      padding-right: 10px;
      height: 275px;
    }
    .inlinepopup {
      width: calc(100% - 20px);
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 0px;
    }
    #contact .card-wrap > div:first-child .card {
      border-bottom: 0px;  
    }
    #contact .card-wrap > div:last-child .card {
      border-top: 0px;  
    }
    .copyright-wrap .f-left,
    .copyright-wrap .f-right {
      text-align: center;
      float: none;
      padding: 10px;
    }
    #back-to-top {
      bottom: 240px;
    }
    #cookies-eu-banner {
      padding: 8px 10px 8px 10px;
    }
    #cookies-eu-accept, #cookies-eu-reject {
      vertical-align: middle;
      float: none;
      font-size: 20px;
    }
    .Hohhot.pin-wrap {
      top: 29%;
      left: 52.9%;
    }
    .Beijing.pin-wrap {
      top: 31%;
      left: 63.5%;
    }
    .Chengdu.pin-wrap {
      top: 57%;
      left: 40.3%;
    }
    .Guangzhou.pin-wrap {
      top: 75%;
      left: 56.0%;
    }
    .Zhengzhou.pin-wrap {
      top: 49%;
      left: 56.5%;
    }
    .Wuhan.pin-wrap {
      top: 57%;
      left: 56.1%;
    }
    .Shanghai.pin-wrap {
      top: 55%;
      left: 70.6%;
    }
    .Wuhu.pin-wrap {
      top: 54%;
      left: 65.2%;
    }
    #contact .contact_form button {
      width: 200px;
    }
  
    .agm-banner-text {
      width: 100%;
      padding: 0px 20px;
   }
  }
  
  
  /* Portrait Tablet */
  @media only screen and (max-width: 900px) and (orientation: portrait) {

    .portfolio-summary-item span.figures {
      font-size: 28px;
      font-size: 2.8rem;
    }
    .portfolio-summary-item img {
      max-width: 50px;
    }
    .portfolio-summary-item > div {
      padding-top: 24px;
    }
    .portfolio-summary-item .font-12 {
      font-size: 14px;
    }
    #Portfolio-Overview ul.tabs li {
      font-size: 18px;
      font-size: 1.8rem;
    }
    .portfolio-summary-item span {
      line-height: 1.2;
    }
    .banner-bg {
      background-size: cover !important;
    }
    .banner-content {
      min-height: 269px;
    }
    .portfolio-item .slider-outer-wrap, .portfolio-item .slick-slider, .portfolio-item .slick-item, .portfolio-item .slick-track {
    height: 260px;
    }
    .portfolio-item .slider-outer-wrap, .portfolio-item .slick-slider, .portfolio-item .slick-item, .portfolio-item .slick-track {
    height: 260px;
    }   
    
  }
  

  
  @media only screen and (max-width: 600px) { /* ≥ 600px */
    .pad-mb-t-20 {
      padding-top: 40px;
    }
    #home .card {
      padding-left: 20px;
      padding-right: 20px;
    }
    .hide-mb {
      display: none !important;
    }
    .show-mb {
      display: block !important;
    }
    .ir-info {
      background: none;
      margin-top: 0;
      margin-bottom: 10px;
    }
    .ir-info h3 {
      padding: 20px 0 10px;
      margin-bottom: 0;
    }
    .ir-info > div {
      margin-bottom: 50px;
    }
    .emailAlert-wrap {
      height: 200px;
    }
    #home .card-wrap > div:first-child .card,
    #contact .card-wrap > div:first-child .card {
      border-bottom: 0px;  
    }
    #home .card-wrap > div:last-child .card,
    #contact .card-wrap > div:last-child .card {
      border-top: 0px;  
    }
    
    .top-menu .container > .col-group {
      padding-left: 0;
      padding-right: 0;
    }
    
    .container > .col-group {
      padding-left: 0px;
      padding-right: 0px;
    }
    .container > .col-group.group-full {
      padding-left: 20px;
      padding-right: 20px;
    }
    .topMain-nav .container > .col-group.group-full {
      padding-left: 20px;
      padding-right: 10px;
    }

    #back-to-top {
      bottom: 210px;
    }
    
    .footer-cl img {
      float: none!important;
    }
    
    .copyright-wrap {
      text-align: center;
    }
    .f-right.btn-social {
      float: none;
      display: table;
      text-align: center;
      width: 100%;
      margin-top: 10px;
    }
    .slider-title {
      top: initial;
      bottom: 17%;
      padding: 20px 20px 30px;
    }
    .portfolio-summary-item {
      padding-left: 5px;
      padding-right: 5px;
    }
    .portfolio-summary-item span {
      font-size: 13px;
      font-size: 1.3rem;
    }
    .col-mb-push-3 {
      left: 25%; 
      }
    .portfolio-wrap svg {
      display: none;
    }
    .irNews-wrap .slick-dots {
      top: 90%;
    }
    .moreNews {
      top: 96%;
    }
    .pin-wrap {
      display: none;
    }

    .tabs-wrap {
      padding: 20px;  
    }
    .tabs-wrap ul.tabs {
      border-bottom: 0;
      overflow: hidden;
      position: relative;
      background: #f68b1f;
      color: #fff;
    }
    .tabs-wrap ul.tabs::after {
      content: url("/images/icon-arrow-down-mobile.svg");
      width: 18px;
      height: 9px;
      position: absolute;
      top: 4px;
      right: 15px;
      z-index: 2;
      pointer-events: none;
      color: #fff;
    }
    .tabs-wrap ul.tabs.open a {
      position: relative;
      display: block;
    }
    .tabs-wrap ul.tabs.open::after {
      content: url("/images/icon-arrow-up-mobile.svg");
      width: 18px;
      height: 9px;
    }
    .tabs-wrap ul.tabs li {
      display: block;
      width: 100%;
      padding: 0;
      min-height: initial;
      border: none; 
      background: #fff;
    }
    .tabs-wrap ul.tabs.open li {
      border-bottom: 1px solid #f68b1f; 
    }
    .tabs-wrap ul.tabs li a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 10px 20px 10px 10px;
    }
    .tabs-wrap ul.tabs li.active a {
      border: 0;
      z-index: 1;
      background: #f68b1f;
      color: #fff;
      display: inline-block;
      position: relative;
    }
    .tabs.open {
      border: 1px solid #f68b1f;
    }
    .tab_content {
      padding: 20px 0; 
      border: none;
    }
    .footnote {
      padding-left: 5px;
    }
    .article {
      width: 50%;
      height: 235px;
      margin-bottom: 30px;
    }    
    .article .meta .name,
    .article .meta .designation {
      font-size: 14px;
      font-size: 1.4rem;
    }
    .inlinepopup {
      margin-bottom: 20px;
      margin-top: 0px;
    }
    .inlinepopup_arrow {
      margin-left: -10px;
    }
    .inlinepopup_content {
      margin: 40px 20px;
    }
    .irNews-wrap .slick-dots {
      left: -15px;
    }
    .moreNews {
      margin-left: 30px;
    }
    #cookies-eu-banner {     
      padding: 8px 50px 8px 10px;
      height: 65px;
    }
    #cookies-eu-accept, #cookies-eu-reject {
      margin: -40px -30px 2px 0;
      float: right;
    }
    .copyright-wrap .f-left, .copyright-wrap .f-right {
      width: 100%;
      float: left;
      padding: 5px 0;
    }
    .btn-social, .footer-cl {
      width: 100%;
      float: left;
      padding: 5px 0;
    }
    .card h4 {
      line-height: 1.4;
    }
    .map-wrap {
      margin: 60px 0 0 0px;
    }
    ul.accordion > li > a {
      font-size: 18px;
      font-size: 1.8rem;
    }
    .qr-code img {
      min-width: 80px;  
    }
    .qr-code .qr-text {
      padding-right: 10px; 
      font-size: 1.4rem;
      line-height: 1.4;
    }
    .banner-content {
      min-height: 130px !important 
    }
    .banner-bg {
      background-size: cover !important;
    }
    
    .portfolio-item .slider-outer-wrap,
    .portfolio-item .slick-slider, .portfolio-item .slick-item, .portfolio-item .slick-track {
      height: 130px;
    }
    
    .slider-quotebox {
      display: none;
    }
    
    .ir-info > div:nth-child(3) {
      padding-top: 20px;
    }
    
  }
  

  
/* Portrait Mobile */
@media only screen and (max-width: 600px) and (orientation: portrait) {
  
}

/* Portrait xs Mobile */
@media only screen and (max-width: 400px) {
  #cookies-eu-accept, #cookies-eu-reject {
    margin: -50px -30px 2px 0;
  }
  #cookies-eu-banner span {
    line-height: 1.2;
    margin-top: -6px;
  }
}

@media only screen 
and (min-width : 769px) 
and (max-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
  .portfolio-summary-item span.figures {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .portfolio-summary-item img {
    max-width: 38px;
  }
  .portfolio-summary-item > div {
    padding-top: 15px;
  }
  .portfolio-summary-item .font-12 {
    font-size: 12px;
  }
  #Portfolio-Overview ul.tabs li {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .portfolio-summary-item span.title {
    font-size: 1.2rem;
  }
  .portfolio-wrap .accordion-wrap ul.inner li img {
    max-width: 108px;
  } 
  ul.inner li .title {
    line-height: 1.3;
  }
}
  


/* home page */

.slider1 {
  background: #ffffff url('../images/hero-banner-3b.jpg') no-repeat center center; 
  background-size: cover;
}

.slider2 {
  background: #ffffff url('../images/hero-banner-1.jpg') no-repeat center center; 
  background-size: cover;
}

.slider3 {
  background: #ffffff url('../images/hero-banner-2.jpg') no-repeat center center; 
  background-size: cover;
}

.slider4 {
  background: #ffffff url('../images/hero-banner-4.jpg') no-repeat center center; 
  background-size: cover;
}

.vid-outer {
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
}

.home-video-one {
	width: 47%;
	margin-right: 3%;
	
}

.home-video-two {
	width: 47%;
	
}

.investment-wrap {
  background: url(../images/video_dpu_accretive_thumbnail.jpg) no-repeat center;
  width: 100%;
  background-size: cover;
  height: 100%;
}

.investment-wrap2 {
  background: url(../images/video_shanghai_logistics_property_thumbnail.jpg) no-repeat center;
  width: 100%;
  background-size: cover;
  height: 100%;
}

.home-video-text1-wrap {
	background-color: #f68c1f;
	color: #fff;
	padding: 20px 0px 20px 20px;
}

.home-video-text1-wrap h3 {
	color: #fff;
}


.home-video-text2-wrap {
	background-color: #10af53;
	color: #fff;
	padding: 20px 0px 20px 20px;
}

.home-video-text2-wrap h3 {
	color: #fff;
}


.vid-text {
  background-color: #f68b1f;
  color: #fff;
  padding: 20px 0px 0px 35px;
}

.vid-text h3 { color: #fff;}


@media only screen and (max-width: 768px) {
  .slider0 {
    background:#ffffff url(../images/rev/hero-banner-hangzhou-768.jpg) no-repeat center center !important; 
    background-size: cover!important;
  }
}

@media only screen and (max-width: 600px) {
  .vid-outer {
    display: block;
  }
  
  .investment-wrap {
    height: 273px!important;
  }
  
   .investment-wrap2 {
    height: 273px!important;
  }
  
  .home-video-one  {
	  width: 100%;
	  margin-right: 0px;
	  margin-bottom: 20px;
  }
  .home-video-two {
	  width: 100%;
  }
  
  .home-video-text2-wrap {
	    padding: 20px 10px 20px 20px;	
	  
  }
  
  .slider0 {
    background:#ffffff url(../images/rev/hero-banner-hangzhou-414.jpg) no-repeat center center !important; 
    background-size: cover!important;
  }
  
}

/* Landscape *//*Pixel 2 XL*/

@media screen 
  and (device-width: 412px) 
  and (device-height: 823px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: landscape) {

}

/* Portrait */ /*Google Pixel XL*/

@media screen 
  and (device-width: 411px) 
  and (device-height: 823px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: portrait) {
  
  .slider0 {
      background: #ffffff url(../images/hero-banner-egm-414.jpg) no-repeat center center !important;
      background-size: cover;
  }
}



/*iphone X*/

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

  .slider0 {
    background: #ffffff url(../images/hero-banner-egm-414.jpg) no-repeat center center !important;
    background-size: cover;
    height: 858px;
  }
}




/* others */

.border-round.green {
  border: 1px solid rgba( 1, 177, 79, 1);
}

.portfolio-summary-item span.figures.green {
  color: rgba( 1, 177, 79, 1);
}

.lease-expiry-width {
  max-width: 531px;
  width: 100%;
}

.trade-sector-width {
  max-width: 410px;
  width: 100%;

}

.green-texts {
  color: rgba( 8, 168, 79, 1);
}

.Portfolio-item .accordion table tr td:first-child { width: 22%; }
.Portfolio-item .accordion table tr td:last-child { width: 78%; }


/* 201218 menu changes */

.md-max-width.portfolio ul:first-child,
.md-max-width.portfolio ul:last-child li a img {
  display: none;
}

@media (min-width: 1200px) {

  .md-max-width.portfolio {
    display: flex;
  }

  .md-max-width.portfolio ul:last-child .second-level::-webkit-scrollbar{
    width: 4px;
    height: 4px;

  }

  .md-max-width.portfolio ul:last-child .second-level::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #eaeaea;
  }

  .md-max-width.portfolio ul:first-child {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: block;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
  }

  .md-max-width.portfolio ul:first-child li {
    display: block;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
  }

  .md-max-width.portfolio ul:first-child li a {
    line-height: 1.5;
  }

  .md-max-width.portfolio ul:first-child li a div {
    padding: 15px 0px;
  }

  .md-max-width.portfolio ul:first-child li a div:hover,
  .md-max-width.portfolio ul:first-child li:hover
   {
    color: #f68b1f;
    background: #f8f8f8;
  }

  .md-max-width.portfolio ul:last-child {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    flex-wrap: wrap;
    margin: 0 -1px 0 0;
  }

  .md-max-width.portfolio ul:last-child .second-level {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 30px 15px;
    flex-wrap: wrap;
  }

  .md-max-width.portfolio ul:last-child li a,
  .md-max-width.portfolio ul:last-child li {
    text-align: center;
    width: 100%;
    border: 0px;
    line-height: 1.4;
  }

  /* business park text menu */
  .md-max-width.portfolio ul:last-child div:nth-child(1) li a,
  .md-max-width.portfolio ul:last-child div:nth-child(1) li,
  .md-max-width.portfolio ul:last-child div:nth-child(3) li a,
  .md-max-width.portfolio ul:last-child div:nth-child(3) li  {
    color: rgba( 1, 177, 79, 1);
  }
  /* retail text menu */ 
  .md-max-width.portfolio ul:last-child div:nth-child(2) li a,
  .md-max-width.portfolio ul:last-child div:nth-child(2) li {
    color: #f68b1f;
  }

  .md-max-width.portfolio ul:last-child li a div {
    margin-top: 15px;
  }

  .md-max-width.portfolio ul:last-child li a img {
    width: 100%;
    height: auto;
    display: block;
  }

  .has-submenu.is-hover .drowdown.portfolio {
    padding: 0px;
  }

  .drowdown.animated {
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-duration: 0.5s;  
  }

  #business-park:hover,
  #business-park div:hover,
  #logistic:hover,
  #logistic div:hover {  color: rgba( 1, 177, 79, 1)!important; }

  .first-level > .has-submenu.is-hover > .drowdown.active {
    border-top: 3px solid rgba( 1, 177, 79, 1);
  }


  /* normal third level all customized */
  ul.third-level {
    position: absolute;
    right: -239px;
    background: white;
    width: 240px;
    display: none;
  }

  .second-level.retail,
  .second-level.business-park,
  .second-level.logistic {display: none;}

  /* menu third level right "Financial Result, Stock Info, Publication" */

  ul.third-level.fr { top: 53px; }
  ul.third-level.si { top: 106px; }
  ul.third-level.pu { top: 106px; }
}


/* menu third level left "Publication" customize */

@media (min-width: 1200px) and (max-width: 1450px) {

  ul.third-level.pu { right: 240px; }

}

@media (max-height: 800px) and (min-width: 1200px) {

  .md-max-width.portfolio ul:last-child .second-level {
    max-height: 90vh;
    overflow-y: scroll;
  }

  .md-max-width.portfolio ul:last-child li:last-child  {
    padding-bottom: 50px;
  }
}





/* portfolio 201221 */

.accordian-toggle {
  border-bottom: 3px solid rgba(204,204,204,1);
  padding-bottom: 25px;
  width: 100%;
  font-weight: bold;
  text-align: center;
  color: rgba(138,138,138,1);
  position: relative;
  cursor: pointer;
  line-height: 1.2;
  margin-top: 20px;
}

.accordian-toggle.rp.active {
  color: #f68b1f;
  border-bottom: 4px solid #f68b1f;
}

.accordian-toggle.bp.active,
.accordian-toggle.ls.active  {
  color: rgba( 1, 177, 79, 1);
  border-bottom: 4px solid rgba( 1, 177, 79, 1);
}

.accordian-toggle:before {
  position: absolute;
  bottom: -32px;
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 40px;
}

.accordian-toggle.rp.active:before,
.accordian-toggle.bp.active:before,
.accordian-toggle.ls.active:before {
  content: "\f0d7";
  font-family: 'FontAwesome';
}

.accordian-toggle.rp.active:before {
  color: #f68b1f;
}

.accordian-toggle.bp.active:before,
.accordian-toggle.ls.active:before {
  color: rgba( 1, 177, 79, 1);
}

.accordian-container {
  display: flex; 
  width: 100%;
}

ul.accordion #bp, ul.accordion #ls, #ul.accordion #rp {
  display: none;
}

.d-flex { display: flex; }
.justify-content-center { justify-content: center; }

#ascendas-xinsu-portfolio .hr-style,
#ascendas-innovation-towers .hr-style,
#ascendas-innovation-hub .hr-style,
#singapore-hangzhou-science-technology-park-phase-I .hr-style,
#singapore-hangzhou-science-technology-park-phase-II .hr-style,
#chengdu-logistics-property .hr-style,
#kunshan-logistics-property .hr-style,
#shanghai-logistic-property .hr-style,
#wuhan-logistic-property .hr-style {
  border-top: 1px solid rgba( 1, 177, 79, 1);
}


#ascendas-xinsu-portfolio .slick-dots li.slick-active,
#ascendas-innovation-towers .slick-dots li.slick-active,
#ascendas-innovation-hub .slick-dots li.slick-active,
#singapore-hangzhou-science-technology-park-phase-I .slick-dots li.slick-active,
#singapore-hangzhou-science-technology-park-phase-II .slick-dots li.slick-active,
#chengdu-logistics-property .slick-dots li.slick-active,
#kunshan-logistics-property .slick-dots li.slick-active,
#shanghai-logistic-property .slick-dots li.slick-active,
#wuhan-logistic-property .slick-dots li.slick-active {
  background-color: rgba( 1, 177, 79, 1);
}

#ascendas-xinsu-portfolio .yellow-bg,
#ascendas-innovation-towers .yellow-bg,
#ascendas-innovation-hub .yellow-bg,
#singapore-hangzhou-science-technology-park-phase-I .yellow-bg,
#singapore-hangzhou-science-technology-park-phase-II .yellow-bg,
#chengdu-logistics-property .yellow-bg,
#kunshan-logistics-property .yellow-bg,
#shanghai-logistic-property .yellow-bg,
#wuhan-logistic-property .yellow-bg {
  background-color: rgba( 1, 177, 79, 1);
}

@media (max-width: 920px) {

  .accordian-toggle {
    font-size: 15px;
  }
  .d-lg-block {
    display: none;
  }
}


@media (max-width: 600px) {

  .accordian-container {
    display: block;
  }
}








@media screen and (max-width: 460px) {
  .portfolio-summary-item {
      width: 100%;
      float: none;
      max-width: 220px;
      margin-left: auto;
      margin-right: auto;
      left: 0;
  }
}

.border-round.green img {
    height: 81px;
    margin-bottom: -20px;
    margin-top: -15px;
}





/* home 210509 */

.slider998 {
  background: #ffffff url('../images/CLCT-AGM-Desktop-1960x926-Click.jpg') no-repeat center right; 
  background-size: cover;
}
.slider998-agm{
  background: #ffffff url('../images/CLCT-AGM-Desktop-1920x926.jpg') no-repeat 50% -20%; 
  background-size: cover;
}

.slider999 {
  background: #ffffff url('../images/rev/hero-banner-hangzhou.jpg') no-repeat center; 
  background-size: cover;
}

/*#home .home-slider-wrap {margin-top: 0px;}*/


@media only screen and (max-width: 900px) {
  #home .home-slider-wrap {
    margin-top: 77px;
  }
  .slider998 {
    background: #ffffff url('../images/CLCT-AGM-Tablet-768x1024-Click.jpg') no-repeat center center; 
    background-size: cover;
  }
  .slider998-agm {
    background: #ffffff url('../images/CLCT-AGM-Tablet-768x1024.jpg') no-repeat center center; 
    background-size: cover;
  }

}


@media only screen and (max-width: 414px) {
  #home .home-slider-wrap {
    margin-top: 77px;
  }
  .slider998 {
    background: #ffffff url('../images/CLCT-AGM-Mobile-414x636-Click.jpg') no-repeat center center; 
    background-size: cover;
    /*background-position: -75px 60px;*/
  }
}

@media only screen and (max-width: 431px) {
  .slider998-agm {
    background: #ffffff url('../images/CLCT-AGM-Mobile-414x636.jpg') no-repeat  50% -20%; 
    background-size: cover;
    /*background-position: -75px 60px;*/
  }

}

.logo.test img { height: 77px; }


/* ----- sustainability start ----- */
.sustainability-content ul {
  list-style: disc;
  padding-left: 40px;
}
.sustainability-content .tabs_wrapper {
  text-align: center;
  margin: 0 auto;
  background: transparent;
}
.sustainability-content ul.tabs {
  vertical-align: top;
  position: relative;
  z-index: 10;
  margin: 25px 0 0;
  padding: 0;
  width: 100%;
  min-width: 175px;
  list-style: none;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: flex;
}
.sustainability-content ul.tabs li {
  cursor: pointer;
  line-height: 1;
  text-align: left;
  font-weight: bold;
  background: #f9f9f9;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 30%;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sustainability-content ul.tabs li.tab-left {
  margin-left: auto;
  margin-right: 0;
}
.sustainability-content ul.tabs > li + li {
  margin-left: 10px;
}
.sustainability-content ul.tabs li:hover {
  background: #f68b1f;
  color: white;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sustainability-content ul.tabs li.active {
  background: #f68b1f;
  color: #fff;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sustainability-content ul.tabs .img-icon {
  padding: 10px 15px;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100px;
  margin: 20px auto;
}
.sustainability-content ul.tabs .img-icon.hover {
  display: none;
}
.sustainability-content ul.tabs li:hover .img-icon.hover,
.sustainability-content ul.tabs li.active .img-icon.hover {
  display: block;
}
.sustainability-content ul.tabs li:hover .img-icon.non-hover,
.sustainability-content ul.tabs li.active .img-icon.non-hover {
  display: none;
}
.sustainability-content ul.tabs li div {
  text-align: center;
  background: #ededed;
  padding: 17px 25px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.sustainability-content ul.tabs li:hover div,
.sustainability-content ul.tabs li.active div {
  background: #ffb56a;
}
.sustainability-content .tab_container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 20;
  width: 100%;
  min-width: 10px;
  text-align: left;
  background: white;
}
.sustainability-content .tab_content {
  padding: 40px;
  height: 100%;
  display: none;
  text-align: justify;
}
.sustainability-content .tab_drawer_heading {
  display: none;
}
.sustainability-content .pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(20%, 288px));
  grid-gap: 20px;
  margin: 50px 0;
}
.sustainability-content .pillar-item {
  background: #0071bc;
  padding: 28px;
  color: #ffffff;
  font-size: 20px;
  border-radius: 20px;
  text-align: center;
  line-height: 1.2;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sustainability-content .pillar-item:hover {
  background: #0d5a8d;
}
.sustainability-content .pillar-item h4 {
  color: #b3d4eb;
  font-size: 28px;
}
.sustainability-content .number-listing {
  display: grid;
  grid-gap: 30px;
  margin-top: 50px;
}
.sustainability-content .list-item {
  display: flex;
  align-items: center;
}
.sustainability-content .list-num {
  background: #6bacd8;
  color: #ffffff;
  padding: 20px;
  font-size: 60px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  min-height: 90px;
  font-weight: bold;
}
.sustainability-content .list-content {
  padding: 0 15px;
}
.sustainability-content .list-content h4 {
  color: #333333;
}
.sustainability-content .list-content p {
  margin-bottom: 0;
}
.sustainability-content .icon-listing {
  display: grid;
  grid-template-columns: repeat(3, minmax(20%, 288px));
  grid-gap: 20px;
  margin: 50px 0 30px;
}
.sustainability-content .icon-listing .list-item {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.sustainability-content .list-icon-content {
  margin: 15px 0;
}
.sustainability-content .list-icon-content h4 {
  text-align: center;
  color: #333333;
}
.sustainability-content .icon-subtitle {
  text-align: center;
  font-style: italic;
  margin: 30px 0;
}
.sustainability-content .tabtbl th {
  background-color: #0071bc;
  color: #fff;
  font-weight: bold;
}
.sustainability-content .tabtbl td,
.sustainability-content .tabtbl th {
  border-collapse: collapse;
  padding: 15px;
  border: 1px solid #ffffff;
}
.sustainability-content .tabtbl td {
  background-color: #cee3f2;
  vertical-align: top;
}
@media screen and (max-width: 781px) {
  .sustainability-content ul.tabs {
     display: none !important;
  }
  .sustainability-content .tab_container {
     display: block;
     margin: 0 auto;
     width: 95%;
     border-top: none;
     border-radius: 0;
     border: 0;
  }
  .sustainability-content .tab_content {
     padding: 40px 20px;
  }
  .sustainability-content .tab_drawer_heading {
     background-color: #fff;
     color: #333;
     margin: 0;
     padding: 10px 15px;
     display: block;
     cursor: pointer;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     text-align: center;
     font-size: 16px;
     line-height: 1;
  }
  .sustainability-content .tab_drawer_heading:before {
    background: none !important;
    display: none;
  }
  .sustainability-content .tab_drawer_heading:hover {
     background: #f68b1f;
     color: #fff;
  }
  .sustainability-content .d_active {
     background: #f68b1f;
     color: #fff;
  }
  .sustainability-content .pillars,
  .sustainability-content .icon-listing {
     display: grid;
     grid-template-columns: repeat(1, minmax(20%, 288px));
     grid-gap: 20px;
     justify-content: center;
  }
  .sustainability-content .list-item {
     display: grid;
     grid-template-columns: repeat(1, minmax(100%, 288px));
     grid-gap: 20px;
  }
  .sustainability-content .icon-listing .list-item {
     display: grid;
     grid-template-columns: repeat(1, minmax(100%, 288px));
     grid-gap: 0px;
     justify-items: center;
  }
  .sustainability-content .scrollbox {
     overflow-x: auto;
  }
}
/* ----- sustainability end ----- */