@charset "utf-8";

*,
html,
body {
    margin: 0;

    padding: 0;

    /* -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; */

    -webkit-tap-highlight-color: transparent;

    image-rendering: -webkit-optimize-contrast;
}

html {
    scroll-behavior: smooth;
}

img {
    display: block;

    width: 100%;
}

.container {
    max-width: 1200px;

    margin: 0 auto;
}

.copstr-bg {
    overflow: hidden;

    background: #000;

    margin: 0;

    height: 100vh;

    width: 100%;

    position: fixed;

    z-index: 100000;

    opacity: 0.8;

    display: none;
}

.copstr-block {
    overflow: hidden !important;
}

/* FONTS */

@font-face {
    font-family: "Avenir";

    font-weight: normal;

    src: url(../fonts/avenir-roman.ttf);
}

@font-face {
    font-family: "Avenir-Medium";

    font-weight: normal;

    src: url(../fonts/avenir-medium.ttf);
}

@font-face {
    font-family: "Avenir-Bold";

    font-weight: normal;

    src: url(../fonts/avenir-bold.ttf);
}

body {
    font-family: "Avenir", sans-serif;

    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Avenir-Medium", sans-serif;

    font-weight: normal;

    color: #333;
}

h1 {
    font-family: "Avenir-Medium", sans-serif;

    font-size: 40px;

    line-height: 43px;
}

h4 {
    font-size: 22px;

    line-height: 25px;
}

h5 {
    font-size: 19px;

    color: #000;

    padding-top: 15px;

    line-height: 23px;

    font-family: "Avenir-Bold", sans-serif;
}

h6 {
    font-size: 14px;

    font-family: "Avenir-Bold", sans-serif;
}

p {
    font-size: 15px;

    line-height: 25px;

    font-family: "Avenir", sans-serif;

    color: #555;
}

a {
    text-decoration: none;
}

.innerpage-content ul {
    padding-left: 15px;

    list-style-type: disc;

    position: relative;
}

.content-with-slider {
    padding-left: 15px;

    padding-right: 15px;
}

/* .innerpage-content ul li::before {

    content: "";

    background: #000;

    position: absolute;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    left: 2px;

    top: 11px;

} */

.propsb-line {
    border-bottom: 1px solid #888;

    padding-top: 30px;
}

.txt-color {
    color: #c3965f;
}

.scrollToTopBtn {
    font-family: "Avenir", sans-serif;

    font-weight: normal;
}

.mobile-hide {
    display: none;
}

/* BUTTON */

.main-btn-inner {
    font-family: "Avenir", sans-serif;

    font-weight: normal;

    border: 1px solid #aa853e;

    padding: 10px 32px;

    border-radius: 5px;

    text-decoration: none;

    color: #aa853e;

    font-size: 15px;
}

.main-btn-inner:hover {
    background: #c3965f;

    color: #fff;
}

.main-btn {
    padding-top: 42px;
}

/* MAIN AREA */

#main-header {
    position: absolute;

    z-index: 99999;

    margin: 0 auto;

    left: 0;

    right: 0;
}

#main-logo {
    margin: 0 auto;

    max-width: 160px;

    padding-right: 80px; /*temporary*/ 
    
    /* 117px */
}

.harmburger-menu {
    width: 40px;

    padding-left: 40px;

    cursor: pointer;
}

.main-search {
    width: 40px;

    padding-right: 40px;

    padding-left: 30px;
}

.header-wrapper,
.innerpage-header-wrapper {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    -webkit-align-items: center;

    padding-top: 25px;

    position: fixed;

    width: 100%;

    height: 80px;

    top: 0;

    transition: all 0.4s ease-out;
}

.innerpage-header-wrapper {
    background: #fff;

    padding-bottom: 8px;
}

.language-switch {
    padding-left: 13px;

    font-family: "Microsoft Yahei", sans-serif;
}

.language-switch a {
    text-decoration: none;

    color: #fff;
}

.innerpage-language-switch {
    padding-left: 13px;

    font-family: "Microsoft Yahei", sans-serif;
}

.innerpage-language-switch a {
    text-decoration: none;

    color: #333;
}

/* NAVIGATION MENU */

.sidenav {
    height: 100%;

    width: 0;

    position: fixed;

    z-index: 1;

    top: 0;

    left: 0;

    background-color: #111;

    overflow-x: auto;

    padding-top: 60px;

    transition: 0.5s;
}

.sidenav nav {
    padding-bottom: 100px;
}

.sidenav a {
    padding: 8px 8px 0px 32px;

    text-decoration: none;

    font-size: 18px;

    color: #fff;

    display: flex;

    flex-wrap: nowrap;

    transition: 0.3s;

    font-family: "Avenir", sans-serif;

    font-weight: normal;

    white-space: nowrap;
}

.sidenav a:hover,
.offcanvas a:focus {
    color: #e3cfb6;
}

.sidenav .closebtn {
    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;
}

.sidenav-dropdown::after {
    content: "";

    background-image: url("../img/icon_menuarrow.png");

    position: absolute;

    width: 15px;

    height: 8px;

    background-size: contain;

    background-repeat: no-repeat;

    right: 20px;

    bottom: 27px;
}

/* NAVIGATION MENU CONTENT */

nav > ul > li > a {
    line-height: 60px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    padding-left: 30px;

    position: relative;
}

nav > ul > li:last-child a {
    border-bottom: none;
}

nav > ul > li > ul > li > a {
    font-size: 16px !important;

    line-height: 28px;
}

.main-side-nav ul ul {
    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;
}

.main-side-nav a {
    padding-left: 40px;

    line-height: 40px;

    text-transform: none;

    font-size: 14px;
}

/* STICKY SCROLL UP MENU */

.nav-up {
    top: -550px;
}

.nav-down {
    background: #fff;

    height: 70px;

    padding-top: 0;

    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);
}

.nav-blend {
    -webkit-box-shadow: 0px 1px 15px -1px rgba(255, 255, 255, 0);

    box-shadow: 0px 1px 15px -1px rgba(255, 255, 255, 0);
}

.nav-invert {
    filter: invert(100%);

    -webkit-filter: invert(100%);
}

#main-logo.nav-logo-resize {
    max-width: 120px;
}

/* SECONDARY INNER PAGE NAV */

.secondary-nav {
    margin: 0 auto;

    position: relative;

    left: 0;

    right: 0;

    text-align: center;

    padding-top: 150px;

    height: 87px;

    transition: height 0.4s ease-out;
}

.secondary-nav h6 {
    letter-spacing: 1px;
}

.secnav-fixed {
    position: fixed;

    z-index: 999;

    background: #fff;

    padding-top: 20px;

    height: 68px;

    transition: height 0.4s ease-out;

    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);
}

.secnav-item {
    display: block;

    width: 100%;

    padding: 10px;
}

.secnav-bg {
    height: 220px;

    display: none;
}

.secnav-bg-subpage {
    height: 150px;
}

.secnav-stack {
    padding-top: 89px;

    transition: all 0.4s ease-out;
}

span.msg,
span.choose {
    color: #555;

    padding: 5px 0 10px;

    display: inherit;
}

.secnav-wrapper {
    display: inline-block;

    background-color: #fff;

    border-radius: 2px;

    transition: all 0.5s ease;

    position: relative;

    font-size: 14px;

    color: #474747;

    height: 100%;

    text-align: left;

    z-index: 9999;
}

.secnav-wrapper .secnav-select {
    cursor: pointer;

    display: block;

    text-align: center;

    padding-top: 5px;

    position: relative;
}

.secnav-select h4 {
    text-transform: uppercase;
}

.secnav-select::after {
    content: "";

    background-image: url("../img/icon_menuarrow2.png");

    width: 15px;

    height: 8px;

    position: absolute;

    background-size: contain;

    background-repeat: no-repeat;

    top: 41%;

    right: -5px;
}

.secnav-select.secnav-no-select::after {
    background-image: none;
}

.secnav-no-select {
    pointer-events: none;
}

.secnav-wrapper .secnav-select h4 {
    color: #c3965f;

    font-family: "Avenir-bold", sans-serif;

    padding-left: 20px;

    padding-right: 20px;
}

.secnav-wrapper.active .secnav-select > i {
    transform: rotate(-90deg);
}

.secnav-wrapper .secnav-wrapper-menu {
    position: absolute;

    background-color: #fff;

    width: 100%;

    left: 0;

    right: 0;

    margin: 0 auto;

    margin-top: 1px;

    border-radius: 0 1px 2px 2px;

    overflow: hidden;

    display: none;

    overflow-y: auto;

    z-index: 9;

    margin-top: 8px;

    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    width: 240px;
}

.secnav-wrapper .secnav-wrapper-menu li {
    transition: all 0.2s ease-in-out;

    cursor: pointer;

    font-family: "Avenir-medium", sans-serif;

    text-align: left;

    font-size: 14px;
    text-transform: uppercase;
}

.secnav-wrapper .secnav-wrapper-menu li a {
    text-decoration: none;

    color: #888888;
}

.secnav-wrapper .secnav-wrapper-menu {
    padding: 0;

    list-style: none;
}

.secnav-wrapper .secnav-wrapper-menu li:hover {
    background-color: #c3965f;

    transition: 0.4s ease-out;
}

.secnav-wrapper .secnav-wrapper-menu li:hover a {
    color: #fff;

    transition: 0.4s ease-out;
}

.secnav-wrapper .secnav-wrapper-menu li:active {
    background-color: #e2e2e2;
}

.secnav-line {
    border-bottom: 1px solid #000;

    max-width: 80%;

    margin: 0 auto;

    position: relative;

    left: 0;

    right: 0;

    margin-top: 20px;
}

.secnav-line:after {
    content: "";

    background-color: #000;

    position: absolute;

    top: -3px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    z-index: 999;
}

.secnav-line-subpage {
    border-bottom: 1px solid #000;

    max-width: 80%;

    margin: 0 auto;

    position: relative;

    left: 0;

    right: 0;

    margin-top: 20px;

    bottom: -110px;
}

.secnav-line-subpage:after {
    content: "";

    background-color: #000;

    position: absolute;

    top: -3px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    z-index: 999;
}

/* HOME MAIN SEC */

.hmc-pagination .swiper-pagination-bullet {
    width: 9px;

    height: 9px;

    text-align: center;

    line-height: 20px;

    font-size: 0px;

    color: transparent;

    opacity: 1;

    background: rgba(255, 255, 255, 0.7);

    font-family: "Avenir-Medium", sans-serif;

    font-weight: normal;

    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px) !important;
}

.hmc-pagination .swiper-pagination-bullet-active {
    color: #fff;

    background: #000;

    width: 20px;

    height: 20px;

    font-size: 11px;
}

.hmc-pagination {
    bottom: 50px !important;
}

/* HOME OUR STORY SEC*/

.home-ourstory-sec {
    position: relative;
}

.home-ourstory-sec::after {
    content: "";

    background-color: #e3cfb6;

    position: absolute;

    right: 0;

    width: 10%;

    height: 90%;

    bottom: 0;
}

.hos-img {
    max-width: 500px;
}

.hos-wrapper {
    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    -webkit-align-items: flex-start;

    padding-top: 60px;
}

.hos-text {
    max-width: 500px;

    padding-left: 60px;

    padding-top: 30px;
}

.hos-text.cmpfl-hos-text {
    padding-top: 0;
}

.hos-text h1 {
    padding-bottom: 25px;
}

.timeline-wrapper {
    background: #fff;
}

.timeline-wrapper .hots-carousel .hots-text {
    padding-left: 15px;

    padding-right: 15px;
}

.timeline-wrapper h4 {
    text-align: center;

    padding-bottom: 25px;

    padding-top: 25px;
}

.timeline-wrapper h1 {
    text-align: center;

    padding-top: 25px;

    padding-bottom: 15px;
}

.timeline-wrapper .hots-prev {
    display: none;
}

.timeline-wrapper .hots-next {
    display: none;
}

/* HOME CURRENT DEV SEC */

.home-currentdev-sec h4 {
    text-align: center;

    padding-bottom: 26px;
}

.home-currentdev-sec {
    padding-top: 100px;

    position: relative;

    padding-bottom: 120px;
}

.hcds-carousel {
    padding-top: 40px;

    padding-bottom: 60px;
}

.hcds-bg {
    background-color: #e3cfb6;

    width: 1200px;

    height: 480px;

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0;

    z-index: -1;
}

.hcds-img {
    max-width: 590px;
    height: 330px;

    position: relative;
}

.hcds-img video {
    width: 100%;

    height: 100%;

    object-fit: cover;
}

.hcds-text {
    max-width: 270px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    -webkit-align-items: center;

    -webkit-justify-content: center;

    margin: 0 auto;
}

.hcds-subtitle {
    font-size: 20px;

    text-align: center;

    padding-bottom: 25px;

    line-height: 23px;

    color: #333;
}

h3 {
    font-size: 28px;

    font-family: "Avenir-Bold", sans-serif;

    text-align: center;
}

.hcds-nextline {
    text-align: center;

    font-size: 18px;

    line-height: 26px;
}

.swiper-slide.hcds-slide-wrapper {
    width: 900px !important;

    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);
}

.swiper-button-next.hcds-next {
    z-index: 9999;

    right: 33px;

    color: #000;

    background: #ffffffab;

    border-radius: 6px;

    padding: 4px 6px;
}

.hcds-next-wrapper {
    width: 1200px;

    height: 480px;

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0;
}

.hcds-slide-wrapper {
    background-color: #fff;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    -webkit-align-items: center;
}

.hcds-pagination .swiper-pagination-bullet {
    width: 9px;

    height: 9px;

    text-align: center;

    line-height: 20px;

    font-size: 0px;

    color: transparent;

    opacity: 1;

    background: rgba(255, 255, 255, 0.7);

    font-family: "Avenir-Medium", sans-serif;

    font-weight: normal;

    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px) !important;
}

.hcds-pagination .swiper-pagination-bullet-active {
    color: #fff;

    background: #000;

    width: 20px;

    height: 20px;

    font-size: 11px;
}

/* HOME OUR ADDRESSES SEC */

.home-ouraddresses-sec h4 {
    text-align: center;

    padding-bottom: 30px;
}

.hoas-wrapper {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    -webkit-align-items: center;

    justify-content: space-between;

    -webkit-justify-content: space-between;
}

.hoas-card {
    max-width: 270px;

    padding-top: 20px;

    text-align: center;

    transform: scale(1);

    -webkit-transform: scale(1);

    transition: all 200ms ease-in;
}

.home-ouraddresses-sec .main-btn {
    text-align: center;
}

.hoas-logo {
    max-width: 200px;

    margin: 0 auto;

    padding-bottom: 15px;
}

.hoas-card:hover {
    transform: scale(1.04);

    -webkit-transform: scale(1.04);

    transition: all 200ms ease-in;
}

/* HOME OUR TIMELINE SEC */

.home-ourtimeline-sec h1,
.home-ourtimeline-sec h4 {
    text-align: center;
}

.home-ourtimeline-sec h4 {
    margin-bottom: 25px;
}

.home-ourtimeline-sec h1 {
    position: relative;

    padding-top: 25px;

    padding-bottom: 15px;
}

.timeline-dot {
    position: absolute;

    top: -5px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #000;

    left: 0;

    right: 0;

    margin: 0 auto;
}

.home-ourtimeline-sec {
    padding-top: 100px;

    padding-bottom: 100px;
}

.hots-wrapper {
    border-top: 1px solid #000;

    position: relative;
}

.hots-text {
    max-width: 900px;

    margin: 0 auto;
}

.hots-carousel {
    padding-top: 6px;

    margin-top: -6px;

    padding-bottom: 50px;
}

.hots-next,
.hots-prev {
    color: #333;
}

.hots-pagination .swiper-pagination-bullet {
    width: 9px;

    height: 9px;

    text-align: center;

    line-height: 20px;

    font-size: 0px;

    color: transparent;

    opacity: 1;

    background: rgba(74, 74, 74, 0.7);

    font-family: "Avenir-Medium", sans-serif;

    font-weight: normal;

    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px) !important;
}

.hots-pagination .swiper-pagination-bullet-active {
    color: #fff;

    background: #000;

    width: 20px;

    height: 20px;

    font-size: 11px;
}

/* INNERPAGE - COMPANY PROFILE */

.cmpfl-vid-wrapper {
    position: relative;

    z-index: 9;

    width: 1200px;

    height: 500px;

    margin: 0 auto;

}

.video-warp-cmpfl {
    max-width:100%;
    max-height: 100%;
    display:block;
    position:absolute;
    margin:0 auto;
    left:0;
    right:0;
}

.cmpfl-vid-wrapper iframe {
    width: 100%;

    height: 100%;

    position: absolute;

    
    background-color:#000;
}

.featv-bg {
    background-color: #e3cfb6;

    width: 100%;

    height: 433px;

    position: absolute;

    z-index: 9;

    margin: 0 auto;

    top: 6%;
}

.cmpfl-title {
    text-align: center;

    padding-bottom: 20px;
}

.cmpfl-text-wrapper {
    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    -webkit-justify-content: space-between;
}

.cmpfl-text {
    width: 48%;
}

.cmpfl-bg {
    position: relative;
}

.cmpfl-bg::after {
    content: "";

    background-color: #e3cfb6;

    position: absolute;

    right: 0;

    width: 10%;

    height: 50%;

    bottom: 0;
}

.cmpfl-wrapper .hos-text h4 {
    padding-bottom: 5px;
}

/* INNERPAGE - CORPORATE STRUCTURE */
.copstr-wrapper h6 {
    text-align: center;
    padding-bottom: 15px;
    padding-top: 0;
}

a.copstr-img {
    position: relative;

    display: block;

    border: 1px solid #f1f1f1;

    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);
}

a.copstr-img:hover {
    cursor: zoom-in;
}

#copstr-popup {
    display: none;

    position: fixed;

    z-index: 1000000;

    left: 0;

    top: 7%;

    width: 90%;

    margin: 0 auto;

    right: 0;

    bottom: 0;
}

#copstr-popup img {
    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);
}

.copstr-close-popup {
    position: absolute;

    right: 2%;

    top: 2%;

    font-size: 36px;

    background: #000;

    color: #fff;

    border-radius: 50%;

    padding: 2px 16px;

    cursor: pointer;

    animation: pulse-animation 2s infinite;

    -webkit-animation: pulse-animation 2s infinite;
}

.copstr-close-popup:hover {
    background: #c3965f;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);

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

        -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);

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

        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.copstr-zoom-img {
    display: inline-block; /* change the default display type to inline-block */

    overflow: hidden;
}

/* INNERPAGE - BOARD OF DIRECTORS */

.boafd-banner {
    background-image: url("../img/innerpage_bod_featuredbanner.jpg");
}

.boafd-profile {
    max-width: 270px;
    padding-right: 15px;
    text-align: center;
    padding-left: 15px;

    padding-top: 60px;
}

.boafd-profile.boafd-top {
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.boafd-img {
    max-width: 270px;

    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.5);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.5);
}

.boafd-img2 {
    max-width: 150px;
}

.boafd-wrapper {
    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    -webkit-justify-content: center;

    margin: 0 auto;

    margin-top: -30px;
}

.boafd-profile-wrap {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    -webkit-align-items: center;
}

.boafd-header .boafd-name {
    padding-top: 0;
}

.boafd-header {
    padding-left: 25px;
}

.boafd-wrapper .main-btn {
    padding-top: 32px;
}

.template-content-wrapper-3 {
    margin: 0 auto;

    position: relative;

    left: 0;

    right: 0;

    max-width: 900px;

    padding-top: 20px;

    margin-bottom: 100px;
}

.template-content-wrapper-5 {
    margin: 0 auto;

    position: relative;

    left: 0;

    right: 0;

    max-width: 1200px;

    padding-top: 20px;
}

.boafd-name {
    font-size: 19px;

    padding-top: 14px;

    font-family: "Avenir-Medium", sans-serif;
}

.boafd-title {
    font-size: 17px;

    color: #888;
}

/* INNERPAGE - MODAL BOX */

.boafd-btn {
    cursor: pointer;
}

.boafd-modal {
    position: fixed;

    top: 0px;

    pointer-events: none;

    left: 0px;

    background: (#333, 90);

    width: 100vw;

    height: 100vh;

    z-index: 100;

    opacity: 0;

    transition: 0.3s;

    z-index: 100000;
}

.boafd-modal.active {
    opacity: 1;

    pointer-events: auto;

    overflow: auto;
}

.boafd-modal.active .box {
    top: 50%;
}

.boafd-close {
    position: absolute;

    right: 2%;

    top: 2%;

    font-size: 36px;

    background: #000;

    color: #fff;

    border-radius: 50%;

    padding: 0px 20px 7px;

    cursor: pointer;

    animation: pulse-animation 2s infinite;

    -webkit-animation: pulse-animation 2s infinite;
}

.boafd-close:hover {
    background: #c3965f;
}

.boafd-box {
    background: #fff;

    display: block;

    box-sizing: border-box;

    border-radius: 5px;

    text-align: left;

    padding: 50px;

    position: absolute;

    top: 500px;

    left: 50%;

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

    transition: 0.3s;
}

/* INNERPAGE - MODAL BOX */

.awacol-name {
    font-size: 21px;

    padding-top: 14px;
}

.awacol-title {
    font-size: 19px;

    color: #c3965f;

    font-family: "Avenir-Bold", sans-serif;

    padding-bottom: 5px;
}

.awacol-item {
    padding-bottom: 25px;

    border-bottom: 1px solid #888;

    padding-top: 15px;

    margin-left: 18px;

    margin-right: 18px;
}

/* INNERPAGE - IR */

.feature-banner-wrapper {
    margin: 0 auto;

    position: relative;

    right: 0;

    left: 0;

    margin-top: 15px;
}

.feature-b-height {
    height: 427px;

    position: relative;

    max-width: 80%;

    margin: 0 auto;

    right: 0;

    left: 0;
}

.feature-banner {
    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    margin: 0 auto;

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 99;

    top: 0;

    bottom: 0;
}

.annual-reports {
    background-image: url("../img/innerpage_ir_featuredbanner.jpg");
}

.featb-bg {
    background: #e3cfb6;

    width: 100%;

    height: 53px;

    /* position: absolute;

    z-index: -1;

    margin: 0 auto;

    top: 6%; */
}

/* INNERPAGE CONTENT PART TEMPLATE 1 */

.template-content-wrapper-1 {
    margin: 0 auto;

    position: relative;

    left: 0;

    right: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    max-width: 1200px;

    padding-top: 25px;

    margin-bottom: 80px;
}

.sidebar-nav1 {
    background: #fff;

    position: sticky;

    max-height: 384px;

    top: 0;

    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    border: 1px solid #c3965f;

    width: 236px;
}

.sidebar-nav1.sidebar-nav1-nocolor {
    -webkit-box-shadow: none;

    box-shadow: none;

    border: 0;
}

.sidebar-down {
    top: 190px;

    transition: 0.4s ease-out;
}

.sidebar-down2 {
    top: 120px;

    transition: 0.4s ease-out;
}

.sidebar-wrapper li {
    list-style-type: none;

    transition: all 0.2s ease-in-out;

    cursor: pointer;

    font-family: "Avenir-medium", sans-serif;

    text-align: left;

    font-size: 14px;
}

.sidebar-wrapper li a {
    text-decoration: none;

    color: #888;

    display: block;

    width: 88%;

    padding: 15px;
}

.sidebar-wrapper li:hover {
    background-color: #c3965f;

    transition: 0.4s ease-out;
}

.sidebar-wrapper li:hover a {
    color: #fff;

    transition: 0.4s ease-out;
}

.secnav-highlight {
    background-color: #c3965f;
}

.secnav-highlight a {
    color: #fff !important;
}

.innerpage-content {
    width: 75%;

    position: relative;
}

.innerpage-content-fullwidth {
    width: 100%;

    position: relative;
}

/* INNERPAGE CONTENT PART TEMPLATE 2 */

.template-content-wrapper-2 {
    margin: 0 auto;

    position: relative;

    left: 0;

    right: 0;

    display: flex;

    flex-wrap: wrap;

    max-width: 1200px;

    padding-top: 40px;

    margin-bottom: 80px;
}

/* INNERPAGE PROPERTIES OVERVIEW*/

.feature-slide-wrapper {
    margin: 0 auto;

    position: relative;

    right: 0;

    left: 0;

    margin-top: 15px;
}

.feature-s-height {
    position: relative;

    max-width: 80%;

    margin: 0 auto;

    right: 0;

    left: 0;
}

.feats-bg {
    background-color: #e3cfb6;

    width: 100%;

    height: 86.5%;

    position: absolute;

    z-index: 9;

    margin: 0 auto;

    top: 6%;
}

.prop-ovw-slider-wrapper {
    position: relative;

    z-index: 9;
}

.prop-ovw-slider-wrapper {
    position: relative;

    z-index: 9;

    max-width: 1200px;
    margin: 0 auto;
    left:0;
    right:0;
}

.prop-sub-title {
    font-size: 16px;

    color: #555;

    padding-top: 5px;

    padding-bottom: 3px;
}

.prop-ovw-particulars {
    max-width: 350px;

    margin: 0 auto;
}

.prop-ovw-pagination .swiper-pagination-bullet {
    width: 9px;

    height: 9px;

    text-align: center;

    line-height: 20px;

    font-size: 0px;

    color: transparent;

    opacity: 1;

    background: rgba(255, 255, 255, 0.7);

    font-family: "Avenir-Medium", sans-serif;

    font-weight: normal;

    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px) !important;
}

.prop-ovw-pagination .swiper-pagination-bullet-active {
    color: #fff;

    background: #000;

    width: 20px;

    height: 20px;

    font-size: 11px;
}

.prop-ovw-pagination {
    bottom: 20px !important;
}

.prop-ovw-tab-item {
    display: flex;

    flex-wrap: wrap;

    font-size: 18px;

    padding-bottom: 28px;



    flex-direction: column;

    padding-left: 8px;

    padding-right: 8px;
}

.prop-ovw-dropdown {
    min-width: 250px;

    display: block;

    background-color: #fff;

    border-radius: 2px;

    box-shadow: 0 0 2px rgb(204, 204, 204);

    transition: all 0.2s ease;

    position: relative;

    font-size: 14px;

    color: #474747;

    height: 100%;

    text-align: left;

    margin-left: 7px;

    margin-right: 7px;
}

.prop-ovw-dropdown .prop-ovw-select {
    cursor: pointer;

    display: block;

    padding: 7px;

    border-radius: 2px;

    border: 1px solid #aa853e;

    padding-left: 15px;

    font-size: 17px;

    color: #aa853e;
}

.prop-ovw-status {
    min-width: 300px;
}

.prop-ovw-status span {
    text-transform: uppercase;
}

.prop-ovw-dropdown:hover {
    box-shadow: 0 0 8px rgb(173, 173, 173);
}

.prop-ovw-dropdown:active {
    background-color: #f8f8f8;
}

.prop-ovw-dropdown.active .prop-ovw-select > i {
    transform: rotate(-90deg);
}

.prop-ovw-dropdown .prop-ovw-dropdown-menu {
    position: absolute;

    background-color: #fff;

    width: 100%;

    left: 0;

    margin-top: 1px;

    box-shadow: 0 1px 2px rgb(204, 204, 204);

    border-radius: 0 1px 2px 2px;

    overflow: hidden;

    display: none;

    max-height: 500px;

    overflow-y: auto;

    z-index: 99;
}

.prop-ovw-dropdown .prop-ovw-dropdown-menu li {
    transition: all 0.2s ease-in-out;

    cursor: pointer;
}

.prop-ovw-dropdown .prop-ovw-dropdown-menu li a {
    color: #333;

    text-decoration: none;
    min-width: 300px;
    display: block;
    padding: 10px;
    text-transform: uppercase;
}

.prop-ovw-dropdown .prop-ovw-dropdown-menu {
    padding: 0;

    list-style: none;
}

.prop-ovw-dropdown .prop-ovw-dropdown-menu li:hover {
    background-color: #aa853e;
}

.prop-ovw-dropdown .prop-ovw-dropdown-menu li:hover a {
    color: #fff;
}

.prop-ovw-dropdown .prop-ovw-dropdown-menu li:active {
    background-color: #aa853e;
}

.prop-ovw-arrow {
    max-width: 20px;

    position: absolute;

    right: 14px;

    bottom: 15px;

    transform: rotate(180deg);
}

.prop-ovw-tab-item .main-btn {
    padding-top: 0;
}

.prop-ovw-dropdown-wrapper {
    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    -webkit-justify-content: center;

    -webkit-align-items: center;

    padding-top: 30px;

    padding-bottom: 10px;
}

.prop-ovw-filtering-wrap {
    min-width: 124px;

    display: block;

    background-color: #fff;

    border-radius: 2px;

    box-shadow: 0 0 2px rgb(204, 204, 204);

    transition: all 0.2s ease;

    position: relative;

    font-size: 14px;

    color: #474747;

    height: 100%;

    text-align: left;

    margin-left: 7px;

    margin-right: 7px;
}

.prop-ovw-filtering {
    cursor: pointer;

    display: block;

    padding: 7px;

    border-radius: 2px;

    border: 1px solid #aa853e;

    padding-left: 15px;

    font-size: 17px;

    color: #aa853e;
}

.prop-ovw-filtering:hover {
    box-shadow: 0 0 8px rgb(173, 173, 173);
}

.prop-ovw-filtering-icon {
    max-width: 20px;

    position: absolute;

    right: 14px;

    bottom: 10px;
}

.prop-ovw-tab-content {
    display: flex;

    margin: 0 auto;

    position: relative;

    left: 0;

    right: 0;

    text-align: center;

    justify-content: center;

    align-items: baseline;

    -webkit-justify-content: center;

    -webkit-align-items: baseline;

    flex-wrap: wrap;
    padding-top:40px;
}

.prop-ovw-image {
    max-width: 350px;

    margin: 0 auto;

    position: relative;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    -webkit-justify-content: center;

    align-items: center;

    -webkit-align-items: center;

    transition: all 0.2s ease-out;

    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    border: 2px solid #e0e0e0;
}

.prop-ovw-image:hover {
    opacity: 1;
}

.prop-ovw-image:hover .prop-ovw-filter {
    -webkit-filter: blur(2px);

    filter: blur(2px);

    transition: all 0.2s ease-out;
}

.prop-ovw-image:hover:before {
    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 9;

    right: 0;

    left: 0;

    top: 0;

    bottom: 0;

    opacity: 0.8;

    transition: all 0.2s ease-out;
}

.prop-ovw-image:hover .prop-hide-logo {
    display: flex;

    flex-wrap: wrap;

    transition: all 0.2s ease-out;
}

.prop-hide-logo {
    position: absolute;

    right: 0;

    left: 0;

    width: 100%;

    z-index: 90;

    display: none;

    transition: all 0.2s ease-out;
}

.prop-hide-logo.prop-increase-logo img {
    max-width: 230px;
}

.prop-hide-logo img {
    max-width: 150px;

    margin: 0 auto;

    height: auto;
}

.prop-ovw-title {
    font-size: 18px;

    font-family: "Avenir-Bold", sans-serif;

    color: #000;

    padding-top: 15px;
}

/* INNERPAGE  FINANCIAL HIGHLIGHTS TABLE */

.annual-report-table {
    width: 100%;

    border-collapse: collapse;

    border-spacing: 0;

    font-size: 15px;

    color: #333;

    -webkit-overflow-scrolling: touch;

    overflow-x: auto;
}

.art-wrapper {
    overflow-x: auto;

    background: #fff;
}

.annual-report-table tr td {
    border-bottom: 1px solid #e7e7e7;

    padding: 20px 8px;

    text-align: center;

    position: relative;

    height: auto;

    width: 120px;
}

.annual-report-table tr {
    display: flex;
}

.annual-report-table tr.art-btm-style td {
    border-bottom: 1px solid #888 !important;
}

.annual-report-table tr td.art-feature-col {
    background-color: #c3965f !important;

    color: #fff;
}

.art-title-row {
    text-align: left;

    font-size: 16px;

    font-family: "Avenir-Medium", sans-serif;

    color: #000;

    border-bottom: none;

    height: 66px;
}

.art-title-row td {
    border-bottom: none !important;
}

.art-title-row td.art-column-title {
    padding: 30px 8px;
}

.annual-report-table tr td:nth-child(even) {
    background-color: #f9f9f9;
}

.annual-report-table tr td:nth-child(2) {
    border-right: 1px solid #c3965f;
}

.annual-report-table tr td:nth-child(1) {
    width: 338px;

    margin-left: 15px;

    text-align: left;

    padding-left: 0;

    position: sticky;

    left: 0;

    background-color: #fff;

    z-index: 99;

    border-right: 1px solid #c3965f;
}

.art-legends {
    padding-top: 30px;
}

.art-na-readmore {
    display: none;
}

.art-na-show {
    display: block;

    border-bottom: 1px solid #c3965f;

    width: 302px;

    position: relative;
}

.art-na-show img {
    max-width: 20px;

    position: absolute;

    right: 6px;

    top: -19px;

    transform: rotate(180deg);
}

.art-na-rotate {
    transform: rotate(-180deg);
}

.art-net-asset li {
    list-style-type: none;

    padding-left: 10px;
}

/* INNERPAGE ANNUAL REPORTS */

.arcgr-item {
    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    -webkit-justify-content: space-between;

    -webkit-align-items: center;

    font-size: 18px;

    border-bottom: 1px solid #888;

    padding-bottom: 28px;

    padding-top: 40px;
}

.arcgr-item:first-child {
    padding-top: 15px;
}

.arcgr-wrapper .main-btn {
    padding-top: 0;
}

/* INNERPAGE NOTICES & CIRCULARS */

.nandc-tab-item {
    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    -webkit-justify-content: space-between;

    -webkit-align-items: center;

    font-size: 18px;

    border-bottom: 1px solid #888;

    padding-bottom: 28px;

    padding-top: 40px;
}

.nandc-dropdown {
    width: 120px;

    display: block;

    background-color: #fff;

    border-radius: 2px;

    box-shadow: 0 0 2px rgb(204, 204, 204);

    transition: all 0.5s ease;

    position: relative;

    font-size: 14px;

    color: #474747;

    height: 100%;

    text-align: left;
}

.nandc-dropdown .nandc-select {
    cursor: pointer;

    display: block;

    padding: 7px;

    border-radius: 5px;

    border: 2px solid #aa853e;

    padding-left: 15px;

    font-size: 17px;

    color: #aa853e;
}

.nandc-dropdown:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204);
}

.nandc-dropdown:active {
    background-color: #f8f8f8;
}

.nandc-dropdown.active .nandc-select > i {
    transform: rotate(-90deg);
}

.nandc-dropdown .nandc-dropdown-menu {
    position: absolute;

    background-color: #fff;

    width: 100%;

    left: 0;

    margin-top: 1px;

    box-shadow: 0 1px 2px rgb(204, 204, 204);

    border-radius: 0 1px 2px 2px;

    overflow: hidden;

    display: none;

    max-height: 144px;

    overflow-y: auto;

    z-index: 9;
}

.nandc-dropdown .nandc-dropdown-menu li {
    padding: 10px;

    transition: all 0.2s ease-in-out;

    cursor: pointer;
}

.nandc-dropdown .nandc-dropdown-menu li a {
    color: #333;

    text-decoration: none;
}

.nandc-dropdown .nandc-dropdown-menu {
    padding: 0;

    list-style: none;
}

.nandc-dropdown .nandc-dropdown-menu li:hover {
    background-color: #aa853e;
}

.nandc-dropdown .nandc-dropdown-menu li:hover a {
    color: #fff;
}

.nandc-dropdown .nandc-dropdown-menu li:active {
    background-color: #aa853e;
}

.nandc-arrow {
    max-width: 20px;

    position: absolute;

    right: 14px;

    bottom: 15px;

    transform: rotate(180deg);
}

.nandc-tab-item .main-btn {
    padding-top: 0;
}

/* INNERPAGE ANALYST REPORTS */

.anrpt-tab-item {
    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    -webkit-justify-content: space-between;

    -webkit-align-items: center;

    font-size: 18px;

    border-bottom: 1px solid #888;

    padding-bottom: 28px;

    padding-top: 40px;
}

.anrpt-dropdown {
    width: 120px;

    display: block;

    background-color: #fff;

    border-radius: 2px;

    box-shadow: 0 0 2px rgb(204, 204, 204);

    transition: all 0.5s ease;

    position: relative;

    font-size: 14px;

    color: #474747;

    height: 100%;

    text-align: left;
}

.anrpt-dropdown .anrpt-select {
    cursor: pointer;

    display: block;

    padding: 7px;

    border-radius: 5px;

    border: 2px solid #aa853e;

    padding-left: 15px;

    font-size: 17px;

    color: #aa853e;
}

.anrpt-dropdown:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204);
}

.anrpt-dropdown:active {
    background-color: #f8f8f8;
}

.anrpt-dropdown.active .anrpt-select > i {
    transform: rotate(-90deg);
}

.anrpt-dropdown .anrpt-dropdown-menu {
    position: absolute;

    background-color: #fff;

    width: 100%;

    left: 0;

    margin-top: 1px;

    box-shadow: 0 1px 2px rgb(204, 204, 204);

    border-radius: 0 1px 2px 2px;

    overflow: hidden;

    display: none;

    max-height: 144px;

    overflow-y: auto;

    z-index: 9;
}

.anrpt-dropdown .anrpt-dropdown-menu li {
    transition: all 0.2s ease-in-out;

    cursor: pointer;
}

.anrpt-dropdown .anrpt-dropdown-menu li a {
    color: #333;

    text-decoration: none;

    padding: 10px;

    display: block;
}

.anrpt-dropdown .anrpt-dropdown-menu {
    padding: 0;

    list-style: none;
}

.anrpt-dropdown .anrpt-dropdown-menu li:hover {
    background-color: #aa853e;
}

.anrpt-dropdown .anrpt-dropdown-menu li:hover a {
    color: #fff;
}

.anrpt-dropdown .anrpt-dropdown-menu li:active {
    background-color: #aa853e;
}

.anrpt-arrow {
    max-width: 20px;

    position: absolute;

    right: 14px;

    bottom: 15px;

    transform: rotate(180deg);
}

.anrpt-tab-item .main-btn {
    padding-top: 0;
}

.sub-tab-title {
    font-size: 16px;

    color: #888;

    padding-bottom: 3px;
}

/* INNERPAGE PRESENTATIONS */

.prsts-tab-item {
    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    -webkit-justify-content: space-between;

    -webkit-align-items: center;

    font-size: 18px;

    border-bottom: 1px solid #888;

    padding-bottom: 28px;

    padding-top: 40px;
}

.prsts-dropdown {
    width: 120px;

    display: block;

    background-color: #fff;

    border-radius: 2px;

    box-shadow: 0 0 2px rgb(204, 204, 204);

    transition: all 0.5s ease;

    position: relative;

    font-size: 14px;

    color: #474747;

    height: 100%;

    text-align: left;
}

.prsts-dropdown .prsts-select {
    cursor: pointer;

    display: block;

    padding: 7px;

    border-radius: 5px;

    border: 2px solid #aa853e;

    padding-left: 15px;

    font-size: 17px;

    color: #aa853e;
}

.prsts-dropdown:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204);
}

.prsts-dropdown:active {
    background-color: #f8f8f8;
}

.prsts-dropdown.active .prsts-select > i {
    transform: rotate(-90deg);
}

.prsts-dropdown .prsts-dropdown-menu {
    position: absolute;

    background-color: #fff;

    width: 100%;

    left: 0;

    margin-top: 1px;

    box-shadow: 0 1px 2px rgb(204, 204, 204);

    border-radius: 0 1px 2px 2px;

    overflow: hidden;

    display: none;

    max-height: 144px;

    overflow-y: auto;

    z-index: 9;
}

.prsts-dropdown .prsts-dropdown-menu li {
    transition: all 0.2s ease-in-out;

    cursor: pointer;
}

.prsts-dropdown .prsts-dropdown-menu li a {
    color: #333;

    text-decoration: none;

    padding: 10px;
    display: block;
}

.prsts-dropdown .prsts-dropdown-menu {
    padding: 0;

    list-style: none;
}

.prsts-dropdown .prsts-dropdown-menu li:hover {
    background-color: #aa853e;
}

.prsts-dropdown .prsts-dropdown-menu li:hover a {
    color: #fff;
}

.prsts-dropdown .prsts-dropdown-menu li:active {
    background-color: #aa853e;
}

.prsts-arrow {
    max-width: 20px;

    position: absolute;

    right: 14px;

    bottom: 15px;

    transform: rotate(180deg);
}

.prsts-tab-item .main-btn {
    padding-top: 0;
}

.bottom-content-title {
    font-size: 16px;

    font-family: "Avenir-Medium", sans-serif;

    color: #333;
}

.prsts-disclaimer p {
    font-size: 12px;

    line-height: 18px;
}

.prsts-disclaimer {
    padding-top: 15px;
}

.prsts-dscr-list li {
    margin-left: 15px;

    padding-top: 15px;

    color: #333;
}

/* INNERPAGE - SUSTAINABILITY */

.sustainable-sidebar {
    max-height: 156px;
}

/* INNERPAGE - ENVIRONMENT */

.environ-sidebar {
    max-height: 104px;
}

.envrt-pagination .swiper-pagination-bullet {
    width: 9px;

    height: 9px;

    text-align: center;

    line-height: 20px;

    font-size: 0px;

    color: transparent;

    opacity: 0.5;

    background: #000;

    font-family: "Avenir-Medium", sans-serif;

    font-weight: normal;

    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px) !important;
}

.envrt-pagination .swiper-pagination-bullet-active {
    color: #fff;

    background: #000;

    width: 20px;

    height: 20px;

    font-size: 11px;

    opacity: 1;
}

.envrt-pagination {
    bottom: 50px !important;

    margin: 0 auto;

    text-align: center;

    padding-top: 18px;
}

.envrt-btn {
    padding-top: 25px;
}

.envrt-contact-link {
    color: #aa853e;
}

.envrt-contact-link:hover {
    border-bottom: 1px solid #aa853e;
}

/* INNERPAGE - PUBLICATIONS */

.publications-sidebar {
    max-height: 154px;
}

.propsb-highlight-img.publication-featured {

    background-image: url("../img/publication-img-featured-banner.jpg");
    background-position-x:right;
    background-repeat: no-repeat;

}

.prop-ovw-tab-content.publication-tab-content .prop-ovw-tab-item .prop-ovw-image {
    max-width:280px;
}

.prop-ovw-tab-content.publication-tab-content {
    padding-top:0;
}

.pubtion-btn {
    font-family: "Avenir", sans-serif;

    font-weight: normal;

    border: 1px solid #aa853e;

    background-color: #aa853e;

    padding: 10px 32px;

    border-radius: 5px;

    text-decoration: none;

    color: #fff;

    font-size: 15px;

    width: 125px;

    text-align: center;

    margin: 0 auto;
}

/* INNERPAGE COMPANY ANNOUNCEMENTS */

.cmanc-item {
    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    -webkit-justify-content: space-between;

    -webkit-align-items: center;

    font-size: 18px;

    border-bottom: 1px solid #888;

    padding-bottom: 28px;

    padding-top: 40px;
}

.cmanc-item:first-child {
    padding-top: 15px;
}

.cmanc-wrapper .main-btn {
    padding-top: 0;
}

.innerpage-tab-title {
    max-width: 380px;
}

/* INNERPAGE IR-CONTACT */

.ircnt-wrapper .main-btn {
    padding-top: 25px;
}

.ircnt-wrapper h6 {
    padding-top: 8px;
}

.ircnt-wrapper .footm-email-wrap {
    padding-top: 15px;
}

.ircnt-particulars-wrapper {
    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    padding-top: 20px;
}

.ircnt-contact {
    max-width: 50%;

    padding-left: 20px;
}

.ircnt-address {
    max-width: 45%;

    padding-right: 20px;

    border-right: 1px solid #c3965f;
}

.ircnt-wrapper h4 {
    line-height: 29px;
}

/* INNERPAGE PRESS RELEASES */

.prerls-sidenav {
    max-height: 103px;
}

/* INNERPAGE - DISCLAIMER */

.diclmr-sidebar {
    max-height: 104px;
}

.diclmr-li-wrapper {
    padding-left: 15px;
}

.diclmr-li-alpha-wrapper {
    list-style-type: lower-alpha;

    padding-left: 15px;
}

.diclmr-li-empty-wrapper {
    list-style-type: none;
}

.bg-no-banner {
    background: #fff;

    padding: 25px;

    padding-bottom: 10px;
}

/* INNERPAGE - CONTACT */

.git-contc-wrapper .git-contc-resize {
    min-width: 405px;
}

/* INNERPAGE - APDL */

.template-content-wrapper-4 {
    margin: 0 auto;

    position: relative;

    left: 0;

    right: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    -webkit-justify-content: center;

    max-width: 1200px;

    padding-top: 25px;

    margin-bottom: 80px;
}

/* INNERPAGE - CAREER */

.career-sidebar {
    max-height: 460px;
}

/*Chat Button*/

.chat-btn-style {
    text-decoration: none;

    background: #c3965f;

    padding: 18px 3px 24px 10px;

    position: fixed;

    right: 0;

    z-index: 9999;

    bottom: 84px;

    border-radius: 15px 0 0 15px;

    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.45);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.45);

    animation: pulse-animation-btn 2.5s infinite;

    -webkit-animation: pulse-animation-btn 2.5s infinite;
}

@keyframes pulse-animation-btn {
    0% {
        box-shadow: 0 0 0 0px rgba(195, 150, 95, 0.75);

        -webkit-box-shadow: 0 0 0 0px rgba(195, 150, 95, 0.75);

        -moz-box-shadow: 0 0 0 0px rgba(195, 150, 95, 0.75);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);

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

        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.ct-icon-wrap {
    max-width: 38px;
}

.chat-text {
    transform: rotate(-90deg);

    color: #fff;

    text-decoration: none;

    margin-top: 17px;

    font-size: 16px;

    font-family: "Avenir-Bold", sans-serif;
}

/* RESPONSIVE */

@media (max-width: 1500px) {
    .secnav-line {
        max-width: 92%;
    }

    /* INNERPAGE FEATURE BANNER */

    .feature-b-height {
        max-width: 92%;
    }

    .feature-s-height {
        max-width: 92%;
    }

    /* INNERPAGE */

    .template-content-wrapper-1 {
        padding-left: 48px;

        padding-right: 48px;
    }

    .template-content-wrapper-2 {
        padding-left: 48px;

        padding-right: 48px;
    }

    .template-content-wrapper-4 {
        padding-left: 48px;

        padding-right: 48px;
    }

    .template-content-wrapper-5 {
        padding-left: 48px;

        padding-right: 48px;
    }
}

@media (max-width: 1300px) {
    .prop-ovw-image {
        max-width: 330px;
    }

    .prop-ovw-particulars {
        max-width: 310px;
    }
}

@media (max-width: 1240px) {
    /* BODY */

    .container {
        padding-left: 40px;

        padding-right: 40px;
    }

    /* HOMEPAGE */

    .hos-img {
        max-width: 450px;
    }

    .hos-text {
        max-width: 440px;

        padding-left: 40px;

        padding-top: 0;
    }

    .home-ourstory-sec::after {
        width: 6%;
    }

    .cmpfl-bg::after {
        width: 6%;

        height: 45%;
    }

    /* OUR STORY */

    .cmpfl-vid-wrapper {
        width: 100%;

        height: 360px;
    }

    .featv-bg {
        height: 314px;
    }

    #copstr-popup {
        width: 100%;
    }

    .copstr-close-popup {
        position: absolute;

        right: 4%;

        margin: 0 auto;

        top: -9%;

        font-size: 36px;

        background: #c3965f;
    }

    .awacol-item {
        max-width: 500px;
    }
}

@media (max-width: 1190px) {
    .hoas-card {
        padding-bottom: 20px;

        padding-left: 20px;

        padding-right: 20px;
    }

    .hoas-wrapper {
        justify-content: center;

        -webkit-justify-content: center;
    }

    .awacol-item {
        max-width: 414px;
    }

    .awacol-adjust {
        justify-content: center;

        -webkit-justify-content: center;
    }
}

@media (max-width: 1170px) {
    /* INNERPAGE */

    .innerpage-content {
        width: 70%;
    }

    .hcds-bg,
    .hcds-next-wrapper {
        width: 100%;
    }

    /* INNERPAGE - CONTACT */

    .git-contc-wrapper .git-contc-resize {
        min-width: 262px;
    }
}

@media (max-width: 1040px) {
    /* HOMEPAGE */

    .hos-img {
        max-width: 400px;
    }

    .hos-text {
        max-width: 440px;

        padding-left: 40px;
    }
}

@media (max-width: 991px) {
    /* BODY */

    .container {
        padding-left: 30px;

        padding-right: 30px;
    }

    h1 {
        font-size: 33px;

        line-height: 36px;
    }

    /* NAVIGATION MENUS */

    .sidebar-nav1 {
        display: none;
    }

    /* HOMEPAGE */

    .hos-img {
        width: 300px;
    }

    .hmc-pagination {
        bottom: 18px !important;
    }

    .hos-wrapper {
        justify-content: center;

        -webkit-justify-content: center;
    }

    .hos-text {
        max-width: 380px;

        padding-left: 28px;

        padding-top: 0;
    }

    .hos-text h1 {
        padding-bottom: 15px;
    }

    .hos-text .main-btn {
        padding-top: 30px;
    }

    .home-ourstory-sec::after {
        width: 2%;
    }

    .home-ourtimeline-sec {
        padding-bottom: 70px;
    }

    .hcds-slide-wrapper {
        flex-direction: column;
    }

    .swiper-slide.hcds-slide-wrapper {
        width: 400px !important;
    }

    .hcds-text {
        min-height: 240px;

        display: flex;

        flex-direction: column;
    }

    .hcds-bg {
        height: 75%;
    }

    .hcds-subtitle {
        padding-bottom: 18px;
    }

    .hcds-text .main-btn {
        padding-bottom: 15px;

        padding-top: 30px;
    }

    .hcds-img {
        height: 225px;
    }

    .hots-next,
    .hots-prev {
        top: 0;

        color: #888;

        opacity: 0.3;
    }

    /* OUR STORY */

    .cmpfl-bg::after {
        width: 4%;

        height: 41.5%;

        bottom: -15px;
    }

    .awacol-item {
        max-width: 325px;
    }

    /* INNERPAGE */

    .innerpage-content {
        width: 100%;
    }

    .template-content-wrapper-1 {
        padding-left: 30px;

        padding-right: 30px;
    }

    .template-content-wrapper-2 {
        padding-left: 30px;

        padding-right: 30px;
    }

    .template-content-wrapper-3 {
        padding-left: 30px;

        padding-right: 30px;

        padding-top: 0;
    }

    .template-content-wrapper-4 {
        padding-left: 30px;

        padding-right: 30px;
    }

    .template-content-wrapper-5 {
        padding-left: 30px;

        padding-right: 30px;
    }

    .boafd-profile {
        padding-left: 15px;

        padding-right: 15px;
    }

    .boafd-wrapper {
        justify-content: center;

        -webkit-justify-content: center;
    }

    .art-title-row td.art-column-title {
        padding: 20px 8px;
    }

    /* INNERPAGE - CONTACT */

    .git-contc-wrapper .git-contc-resize {
        min-width: 330px;
    }

    /* PROPERTY */

    .prop-ovw-image {
        max-width: 263px;
    }

    .boafd-box {
        width: 100%;

        padding: 25px;
    }

    .boafd-header {
        padding-left: 0;

        padding-top: 5px;
    }

    .boafd-profile-wrap {
        display: block;
    }
}

@media (max-width: 767px) {
    .hos-img {
        width: 300px;
    }

    .hos-text {
        max-width: 293px;

        padding-left: 25px;
    }

    /* OUR STORY */

    .cmpfl-bg::after {
        height: 45%;
    }

    .awacol-item {
        max-width: 500px;
    }

    .prop-ovw-particulars {
        max-width: 260px;
    }

    .prop-ovw-tab-item {
        padding-top: 15px;
    }

    .prop-ovw-tab-item:first-child {
        padding-top: 30px;
    }

    .prop-ovw-dropdown {
        margin-top: 16px;
    }

    .prop-ovw-dropdown-wrapper {
        padding-top: 0;
    }

    /* INNERPAGE - CONTACT */

    .git-contc-wrapper .git-contc-resize {
        min-width: 0;
    }
}

@media (max-width: 680px) {
    .hoas-card {
        padding-bottom: 20px;

        padding-left: 10px;

        padding-right: 10px;
    }

    .hos-img {
        width: 263px;
    }

    /* PROPERTY */

    .prop-ovw-image {
        max-width: 240px;
    }

    .prop-ovw-particulars {
        max-width: 260px;
    }

    .ircnt-address {
        max-width: 43%;
    }

    .innerpage-tab-title {
        max-width: 340px;
    }
}

@media (max-width: 640px) {
    /* IMG SWAP */

    .mobile-hide {
        display: block;
    }

    .desktop-hide {
        display: none;
    }

    .bg-no-banner {
        background: #fff;

        padding: 15px;

        padding-top: 20px;
    }

  

    /* NAVIGATION MENUS */

    .harmburger-menu {
        padding-left: 15px;

        width: 30px;
    }

    .innerpage-language-switch,
    .language-switch {
        padding-left: 8px;
    }

    .innerpage-header-wrapper {
        padding-top: 15px;
    }

    .home-header {
        padding-top: 15px;
    }

    #main-logo {
        max-width: 150px;
        padding-right: 46px; /*temporary*/

        /* 75px */
    }

    .main-search {
        padding-right: 15px;

        width: 30px;
    }

    .secnav-line {
        max-width: 100%;
    }

    .secondary-nav {
        padding-top: 130px;
    }

    .secnav-fixed {
        height: auto;

        padding-top: 15px;
    }

    .secnav-stack {
        padding-top: 100px;
    }

    .secnav-bg {
        height: 200px;
    }

    .nav-down {
        padding-top: 5px;
    }

    /* BODY */

    .container {
        padding-left: 15px;

        padding-right: 15px;
    }

    .featb-bg {
        height: 43px;
    }

    /* HOMEPAGE */

    .hos-img {
        max-width: 90%;
    }

    .hos-text {
        padding-left: 0;

        max-width: 69%;

        padding-top: 30px;
    }

    .hos-text.cmpfl-hos-text {
        padding-top: 30px;
    }

    .home-ourstory-sec::after {
        width: 5%;

        height: 94.5%;

        bottom: -15px;
    }

    .home-ouraddresses-sec h4 {
        padding-bottom: 15px;
    }

    .home-ourtimeline-sec {
        padding-bottom: 60px;
    }

    .home-currentdev-sec {
        padding-bottom: 100px;
    }

    .swiper-slide.hcds-slide-wrapper {
        width: 100% !important;
    }

    .hcds-carousel {
        padding-left: 15px;

        padding-right: 15px;
    }

    .swiper-button-next.hcds-next {
        right: 8px;

        opacity: 0.3;
    }

    .swiper-button-next.hcds-next {
        right: 23px;
    }

    .swiper-slide.hcds-slide-wrapper {
        width: 390px !important;
    }

    .hoas-wrapper {
        flex-direction: column;
    }

    .hoas-card {
        padding-left: 0;

        padding-right: 0;
    }

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

    /* INNERPAGE FEATURE BANNER */

    .feature-b-height {
        max-width: 100%;

        max-height: 250px;
    }

    .feature-s-height {
        max-width: 100%;
    }

    .featv-bg,
    .feats-bg {
        display: none;
    }

    .feature-banner-wrapper {
        margin-top: 8px;
    }

    /* OUR STORY */

    .template-content-wrapper-2 {
        padding-left: 15px;

        padding-right: 15px;

        padding-top: 40px;

        margin-bottom: 60px;
    }

    .cmpfl-title {
        text-align: left;
    }

    .cmpfl-text {
        width: 100%;
    }

    .cmpfl-text:nth-child(2) {
        padding-top: 20px;
    }

    .cmpfl-bg::after {
        width: 5%;

        height: 41%;

        bottom: -15px;
    }

    .cmpfl-vid-wrapper {
    
    
        height: auto;
    
    }
    
    .video-warp-cmpfl {
        max-height: none;
        position:relative;
    }

    #copstr-popup {
        top: 22%;
    }

    .awacol-item {
        margin-left: 0;

        margin-right: 0;
    }

    /* PROPERTIES */

    .prop-ovw-pagination {
        bottom: 10px !important;
    }

    .prop-ovw-dropdown {
        min-width: 100%;

        margin-top: 16px;
    }

    .prop-ovw-select.prop-ovw-status {
        min-width: auto;
    }

    .prop-ovw-dropdown-wrapper {
        padding-top: 0;
    }

    .prop-ovw-image {
        max-width: 370px;
    }

    .prop-ovw-particulars {
        max-width: 350px;
    }

    /* INNERPAGE */

    .template-content-wrapper-1 {
        padding-left: 10px;

        padding-right: 10px;

        padding-top: 20px;

        margin-bottom: 60px;
    }

    .template-content-wrapper-4 {
        padding-left: 15px;

        padding-right: 15px;

        padding-top: 20px;

        margin-bottom: 60px;
    }

    .template-content-wrapper-5 {
        padding-left: 25px;

        padding-right: 25px;

        padding-top: 20px;
    }

    .annual-report-table tr td:nth-child(1) {
        width: 200px;

        height: auto;
    }

    .arcgr-item {
        display: block;
    }

    .arcgr-wrapper .main-btn {
        padding-top: 30px;
    }

    .nandc-tab-item {
        display: block;
    }

    .nandc-wrapper .main-btn {
        padding-top: 30px;
    }

    .anrpt-tab-item {
        display: block;
    }

    .anrpt-wrapper .main-btn {
        padding-top: 30px;
    }

    .prsts-tab-item {
        display: block;
    }

    .prsts-wrapper .main-btn {
        padding-top: 30px;
    }

    .cmanc-item {
        display: block;
    }

    .cmanc-wrapper .main-btn {
        padding-top: 30px;
    }

    .ircnt-particulars-wrapper {
        display: block;
    }

    .ircnt-address {
        max-width: 100%;

        border-right: none;

        padding-right: 0;
    }

    .ircnt-contact {
        max-width: 100%;

        border-left: none;

        padding-left: 0;

        padding-top: 20px;
    }

    .environ-wrapper .innerpage-tab-title {
        padding-bottom: 25px;
    }

    /*Chat Button*/

    .chat-btn-style {
        padding: 10px 5px 10px 10px;

        position: fixed;

        right: 0;

        z-index: 9999;

        bottom: auto;

        top: 16%;

        box-shadow: none;
    }

    .ct-icon-wrap {
        max-width: 38px;
    }

    .chat-text {
        display: none;
    }

    .boafd-box {
        top: 650px;
    }
}

@media (max-width: 500px) {
    .swiper-slide.hcds-slide-wrapper {
        width: 100% !important;
    }

    .hcds-img {
        height: auto;
    }

    .hos-text {
        max-width: 93%;
    }

    .hos-wrapper {
        display: block;
    }

    .propsb-highlight-img.publication-featured {

        background-position-x:-700px;
    
    }
}

@media (max-width: 380px) {
    /* INNERPAGE */

    .art-na-show {
        width: 100%;
    }

    .cmpfl-bg::after {
        height: 40%;
    }
}

/* ZH FONTS */
@font-face {
    font-family: "Microsoft-Yahei-Light";
    font-weight: normal;
    src: url(../fonts/msyh-light.ttf);
}

@font-face {
    font-family: "Microsoft-Yahei-Regular";
    font-weight: normal;
    src: url(../fonts/msyh-regular.ttf);
}

@font-face {
    font-family: "Microsoft-Yahei-Bold";
    font-weight: normal;
    src: url(../fonts/msyh-bold.ttf);
}

body .lang-zh {
    font-family: "Avenir", "Microsoft-Yahei-Light", sans-serif;
}

.lang-zh h1,
.lang-zh h2,
.lang-zh h3,
.lang-zh h4,
.lang-zh h5,
.lang-zh h6 {
    font-family: "Avenir-Medium", "Microsoft-Yahei-Regular", sans-serif;
}

.lang-zh h1 {
    font-family: "Avenir-Medium", "Microsoft-Yahei-Regular", sans-serif;
}

.lang-zh h5 {
    font-family: "Avenir-Bold", "Microsoft-Yahei-Bold", sans-serif;
}

.lang-zh h6 {
    font-family: "Avenir-Bold", "Microsoft-Yahei-Bold", sans-serif;
}

.lang-zh p {
    font-family: "Avenir", "Microsoft-Yahei-Light", sans-serif;
}

.lang-zh .secnav-wrapper .secnav-select h4 {
    font-family: "Avenir-bold", "Microsoft-Yahei-Bold", sans-serif;
}

.lang-zh .boafd-name {
    font-family: "Avenir-Medium", "Microsoft-Yahei-Regular", sans-serif;
}

.lang-zh .awacol-title {
    font-family: "Avenir-bold", "Microsoft-Yahei-Bold", sans-serif;
}