@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Light.eot');
    src: url('/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Montserrat-Light.woff2') format('woff2'),
        url('/fonts/Montserrat-Light.woff') format('woff'),
        url('/fonts/Montserrat-Light.ttf') format('truetype'),
        url('/fonts/Montserrat-Light.svg#/fonts/Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Bold.eot');
    src: url('/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('/fonts/Montserrat-Bold.woff') format('woff'),
        url('/fonts/Montserrat-Bold.ttf') format('truetype'),
        url('/fonts/Montserrat-Bold.svg#/fonts/Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Regular.eot');
    src: url('/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('/fonts/Montserrat-Regular.woff') format('woff'),
        url('/fonts/Montserrat-Regular.ttf') format('truetype'),
        url('/fonts/Montserrat-Regular.svg#/fonts/Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{
    background: #ffffff;
    color: #333333;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.004);*/
    font: 14px/22px 'Montserrat', Arial, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after{
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit}


a, a:active, a:focus, a:visited {
    color: inherit;
    text-decoration: none;
}

a:not([class]):hover{
    color: #002e6d;
    text-decoration: underline;
}

h2{
    color: #002e6d;
    font-size: 40px;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 44px;
}

h3 {
    color: #002e6d;
    font-size: 22px;
    line-height: 36px;
}

ul{
    margin-left: 40px
}

body{
    background-color: #fafaff;
}

p{
    margin-top: 14px;
    margin-bottom: 30px;
}

span.block{
    display: block;
}

.light{
    font-weight: 300 !important;
}

img{
    max-width: 100%;
}

.nomargin{
    margin: 0 !important;
}
.nomargintop{
    margin-top: 0 !important;
}
.nomarginbottom{
    margin-bottom: 0 !important;
}
.nopadding{
    padding: 0 !important;
}


.right {
    text-align: right;
    float: right;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 10px;
    z-index: 1000;
    border-bottom: 1px solid #fff;
    transition: 0.5s ease border;
}
#home.home header.home{
    background-color: #fafaff;
    /* border-bottom: 1px solid #fafaff; */
}

header + * {
    padding-top: 88px;
}

.search > form {
    width: 180px;
    position: relative;
    text-align: left;
}
.search input[type="text"] {
    border: none;
    width: calc(100% - 25px);
    padding-bottom: 8px;
    background: transparent;
}

.search:not(header):not(body) {
    display: inline-block;
    margin-bottom: 9px;
    border-bottom: 1px solid #002e6d;
}

.search-icon {
    position: absolute;
    bottom: 8px;
    right: 0;
    border: 0;
    text-indent: -9999px;
    overflow: hidden;
    width: 23px;
    height: 16px;
    background-image: url(/images/search_icon.png);
    background-color: transparent;
}

.search > form:focus {
    outline: none;
}

.search input[type="text"]:focus {
    outline: none;
}

.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-slider{
    max-width: 1600px;
    margin: auto;
    position: relative;
    height: 100vh;
    min-height: calc(388px + 135px + 88px);
    overflow: hidden;
    max-height: 1080px;
    /*text-align: center;*/
}

.text-slider{
    width: 480px;
    overflow: hidden;
    padding-bottom: 90px;
}

.main-slider .slick-slide{
    height: 100%;
    background-size: cover;
    background-position-x: 280px;
    background-position-y: 50%;
    background-repeat: no-repeat;
}
.main-slider.version-2 .slick-slide {
    background-position-x: calc(100% + 280px);
    background-size: cover;
}

.nav-controller .slick-slide {
    /* width: 50px; */
    /* height: 50px; */
}

/*.our-ports {
    background: red;
}
.majore-milestones{
    background: green;
}
.our-values{
    background: blue;
}*/




.slider-controller-wrapper {
    /* padding: 12px 160px 6px; */
    background-color: rgba(250, 250, 255, 0.8);
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin: auto;
    /* width: 100%; */
    left: 0;
    right: 0;
    padding-top: 12px;
    padding-bottom: 6px;
    overflow: hidden;
}

.nav-controller .slick-list {
    display: inline-block;
    width: 100%;
    z-index: 1;
}

.slider-controller-wrapper .slick-arrow {
    border: 0;
    background-color: transparent;
    text-indent: -9999px;
    width: 11px;
    height: 22px;
    background-image: url(/images/slider-arrow.png);
    background-size: cover;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    z-index: 2;
}

.slider-controller-wrapper .slick-arrow.slick-next {
    transform: rotate(180deg);
    right: 0;
}

.nav-controller {
    text-align: center;
}

.slider-controller-wrapper .slick-arrow.slick-prev {
    left: 0;
}

.nav-controller .slick-slide img {
    margin: auto;
}

.nav-controller .slick-slide.slick-current {
    opacity: 1;
}

.nav-controller .slick-slide hr {
    border-bottom: none;
    border-top: 1px solid #002e6d;
    width: 96px;
    margin-top: 0;
    margin-bottom: 0;
}

.nav-controller .slick-slide a {
    color: #002e6d;
    transition: 0.5s ease all;
}

.nav-controller .slick-slide.slick-current a {
    color: #009bde;
}

.slick-track > *:focus {
    outline: none;
}

.slick-arrow:focus {
    outline: none;
}

@-webkit-keyframes sdb05 {
    0% {
        -webkit-transform: rotate(-90deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-90deg) translate(-20px, 0);
        opacity: 0;
    }
}
@keyframes sdb05 {
    0% {
        transform: rotate(-90deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform:  rotate(-90deg) translate(-10px, 0);
        opacity: 0;
    }
}
.scroll-down {
    padding-top: 23px;
    /* text-align: center; */
    /* margin: auto; */
    display: inline-block;
    position: relative;
    margin: auto;
}

.scroll-down span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 11px;
    height: 22px;
    margin: auto;
    /* margin-left: -12px; */
    /* border-left: 1px solid red; */
    /* border-bottom: 1px solid red; */
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    background-image: url(/images/slider-arrow.png);
    background-size: cover;
    box-sizing: border-box;
}

.text-slider-wrapper {
    position: absolute;
    width: calc(100% - 80px);
    bottom: 0;
    height: 388px;
    left: 40px;
    top: 0;
    margin: auto;
}

.slider-box {
    width: 480px;
    height: 200px;
    background: red;
    background: rgb(0,46,109); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(0,46,109,1) 0%, rgba(0,155,222,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(0,46,109,1) 0%,rgba(0,155,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(120deg, rgba(0,46,109,1) 0%,rgba(0,155,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.text-slider-box {
    color: #fff;
}

.text-slider-box p {
    margin: 0;
}

a.home-slider-button {
    position: relative;
    /* bottom: 30px; */
    /* left: 94px; */
    /* transition: 0.5s ease all; */
}

.slider-box div {
    height: 100%;
}

.main-slider  img {
    display: none;
}

.home-corporate {
    /* padding-top: 184px; */
    /* padding-bottom: 164px; */
    background-image: url(/images/background-corp-profile.jpg);
    background-size: cover;
    background-position: 50%;
    position: relative;
    display: flex;
    align-items: center;
}

.news-item > li {
    list-style: none;
    margin-bottom: 40px;
    display: table;
}

ul.news-item {
    margin: 0;
    padding: 0;
}

.news-date {
    border: 2px solid #002e6d;
    display: table-cell;
    padding: 30px 18px;
    text-align: center;
    font-size: 24px;
    color: #002e6d;
    max-width: 95px;
}
.news {
    vertical-align: middle;
    display: inline-block;
    width: calc(100% - 100px);
    /* vertical-align: top; */
    position: relative;
    display: table-cell;
    padding-left: 20px;
}

.home-ir img{
    width: 100%;
    vertical-align: top;
}

.home-ir h3 {
    margin-top: 16px;
}

.read-more {
    float: right;
}

a.btn {
    display: inline-block;
    border: 1px solid #002e6d;
    padding: 13px 61px;
    /* max-width: 200px; */
    transition: 0.5s ease all;
}

a.btn:hover {
    background: #002e6d;
    color: #fff;
}

footer {
    background-color: #2e3133;
    color: #fff;
}

.footer-top > ul {
    list-style: none;
    padding: 0;
    margin: 40px auto;
    text-align: center;
    /* max-width: 694px; */
}

.footer-top > ul > li {
    display: inline-block;
    padding: 0 20px;
}

.divider {
    border-bottom: 1px solid rgba(115, 115, 115, 0.2);
}

.home-latest-news > .container {
    background-color: #fff;
    padding-top: 116px;
    padding-bottom: 60px;
}

.footer-bottom{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.footer-bottom p{
    margin: 0;
}

.scroll-top {
    /* position: relative; */
    /* bottom: 40px; */
    /* z-index: 999; */
    /* margin: auto; */
    /* top: -80px; */
    /* left: 0; */
    /* right: 0; */
    /* display: inline-block; */
    /* height: 50px; */
    /* padding-top: 100px; */
    /* background-color: #fff; */
    /* position: fixed; */
    /* left: 0; */
    /* right: 0; */
    /* margin: auto; */
    /* bottom: 0; */
    /* margin-top: 100px; */
    position: relative;
}

.scroll-top.fixed {
    height: 50px;
    right: calc((100% - 1280px) / 2 + 90px);
    margin-right: -51px;
    bottom: 0;
    width: 51px;
    padding: 0;
    position: fixed;
    background-color: transparent;
    /* margin-right: 40px; */
}

.scroll-top > div {
    float: right;
    /* width: 50px; */
    /* height: 50px; */
    text-align: center;
    background-color: #002e6d;
    color: #fff;
    border-radius: 5px;
    font-size: 10px;
    line-height: 12px;
    padding: 22px 9px 4px;
    position: relative;
    cursor: pointer;
    top: -20px;
}

.scroll-top > div:before {
    content: "";
    background-image: url(/images/scroll-arrow-top.png);
    width: 23px;
    height: 12px;
    display: block;
    position: absolute;
    top: 6px;
    margin: auto;
    left: 0;
    right: 0;
}

body.scrolled > .scroll-top{
    display: block;
}

header.scrolled {
    border-bottom: 1px solid #e3e3e3;
}


.has-level-three > ul {
    display: none;
}

.page-title h2 {
    /* margin: 98px 0; */
    color: #fff;
    position: relative;
}

.page-title-bg {
    position: relative;
}

.page-title-bg:before {
    content: "";
    background-image: url(/images/title-bg-image.jpg);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: 50%;
}

.page-title-bg.ir_contact:before {
    background-image: url(/images/banner-contact.jpg);
    
}

.page-title-bg.video:before {
    background-image: url(/images/title-bg-image.jpg);
    
}

#investor_info .page-title-bg:before {
    background-image: url(/images/banner-ir.jpg);
}

#sustainability_info .page-title-bg:before {
    background-image: url(/images/banner-esr.jpg);
}

#contact_info .page-title-bg:before {
    background-image: url(/images/contact_banner2.jpg);
}

#corp_info .page-title-bg:before {
    background-image: url(/images/about_banner.jpg);
}

#corp_info .page-title-bg:before {
    background-image: url(/images/about_banner2.jpg);
}



.sr_space {
	height: 50px;
}

#awards .page-title-bg:before {
    /*background-image: url(/images/banner-awards.jpg);*/
}

.breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: #002e6d;
}

.breadcrumb li {
    display: inline-block;
    padding-right: 32px;
    position: relative;
}

.breadcrumb li:before {
    content: ">";
    position: absolute;
    right: 14px;
}

.breadcrumb li:last-child:before {
    display: none;
}

.breadcrumb li:last-child {
    padding-right: 0;
}

.breadcrumb li.active {
    font-weight: bold;
    color: #02aef0;
}


.breadcrumb {
    padding: 13px 0;
    border-bottom: 1px solid rgba(115, 115, 115, 0.2);
    background-color: #fafafa;
}

.section-divider {
    background: #002e6d;
    width: 100px;
    height: 2px;
}

h1 {
    font-size: 22px;
    color: #002e6d;
    margin-top: 50px;
    margin-bottom: 36px;
}

.content-wrapper > .container {
    background: #fff;
}

.content-wrapper p {
    margin-bottom: 40px;
    margin-top: 0;
}

.content {
    padding: 40px 0;
}

ul.sidebar {
    margin: 0;
    padding: 0;
    margin-left: 33px;
    list-style: none;
    color: #002e6d;
}

ul.sidebar > li > a {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    border-top: 1px solid #002e6d;
    border-bottom: 1px solid #002e6d;
    display: block;
}

.sidebar ul {
    margin: 0;
    padding: 1px 0;
    list-style: none;
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
}

/*.sidebar ul > li > a {
    display: block;
    padding: 2px 0;
}*/
.sidebar a.active{
    color: #009bde;
}
h2.reflect {
    background: linear-gradient(to top, rgba(255, 255, 255, 1) -30%,  rgba(255, 255, 255, 0.1) 35%,  rgba(255, 255, 255, 0) 75%   );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: scaleY(-1);
    position: absolute;
    top: 60px;
    bottom: 0;
    margin: auto;
    height: 49px;
}

.reflect-wrapper {
    overflow: hidden;
    height: 49px;
    margin: 98px 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    h2.reflect{
        display: none;
    }
}

.home-ir p {
    margin-top: 0;
}
.main-slider {
    height: 100%;
}

.main-slider div {
    height: 100%;
}

.business-strategy-box > .col-xs-4 {
    clear: left;
}

.business-strategy-box > div {
    vertical-align: top;
}

.assetManagement {
    background-color: #002e6d;
    text-align: center;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}

.capitalManagement {
    background-color: #33588a;
    text-align: center;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.acquisitionGrowth {
    background-color: #6682a7;
    text-align: center;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}
.business-strategy-box span{
    display: block;
    margin-top: 28px;
}

.business-strategy-box  > .col-xs-8 {
    display: table;
    /* vertical-align: middle; */
    background-color: #fafafa;
}
.business-strategy-box > .col-xs-8:nth-child(4) {
    background: #fff;
}

.businessWrapper {
    display: table-cell;
    vertical-align: middle;
}

.bod-section > .bod-profile {
    background-color: #002e6d;
    color: #fff;
    border-color: #fff;
    /* cursor: pointer; */
}

.bod-profile-wrapper > p {
    vertical-align: top;
    margin: 0;
    padding: 25px 40px;
}

.bod-profile-wrapper > img {
    vertical-align: top;
    width: 100%;
}

.bod-profile-wrapper {
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    height: 100%;
}

.bod-section >dt.bod-profile.is-active {
    background: #002e6d;
}

.bod-section > .bod-text {
    border-top: 0;
    border-color: transparent;
    z-index: 1;
}

.bod-section > .bod-profile.is-active {
    border-bottom: 0;
    margin-bottom: 20px;
}

.bod-text-wrapper {
    background-color: #ebf4fb;
    padding: 50px 40px;
}

.bod-section > .bod-profile.is-active:before {
    /* content: ""; */
    /* position: absolute; */
    /* background: #ebf4fb; */
    /* width: 20px; */
    /* height: 20px; */
    /* bottom: -20px; */
    /* left: 0; */
    /* right: 0; */
    /* margin: auto; */
    /* border-style: solid; */
    /* border-width: 19px 22px 0 22px; */
    /* border-color: #002e6d transparent transparent transparent; */
    /* z-index: 15; */
    border-color: #002e6d transparent transparent transparent;
    border-width: 19px 22px 0 22px;
    border-style: solid;
}

.bod-section > .bod-profile:before {
    content: "";
    position: absolute;
    /* background: #ebf4fb; */
    width: 20px;
    height: 20px;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    /* border-style: solid; */
    border-width: 0;
    /* border-color: #002e6d transparent transparent transparent; */
    z-index: 15;
    /* transition: 0.5s ease all; */
}

.bod-text-wrapper > p {
    margin-bottom: 0;
}

.bod-text-wrapper > * + p {
    margin-top: 20px;
}

.accordtionTitle {
    background-color: #fafafa;
    border-radius: 5px;
    padding: 14px 50px;
    position: relative;
    /* color: #fff; */
    cursor: pointer;
    border: 1px solid #dfdfdf;
    /*transition: 0.5s ease all;*/
}

.accordtionTitle:before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 14px;
    top: 14px;
    /*transition: 0.5s ease all;*/
}
body:not(#bod) .content-wrapper * + ul.arrow-list {
    margin-top: -20px;
    margin-bottom: 20px;
}

ul.arrow-list {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.arrow-list > li {
    position: relative;
    padding: 8px 50px;
    line-height: normal;
}

ul.arrow-list > li:before {
    content: "";
    position: absolute;
    left: 17px;
    top: 12px;
    display: block;
    width: 1em;
    height: 1em;
    border-style: solid;
    border-width: 0.5em 0 0.5em 1em;
    border-color: transparent transparent transparent #54bbac;
}

ul.circle-list {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.circle-list > li {
    position: relative;
    padding: 8px 40px;
    line-height: normal;
}

ul.circle-list > li:before {
    content: "";
    position: absolute;
    left: 17px;
    bottom: 0;
    top: 0;
    display: block;
    margin: auto;
    width: 0.5em;
    height: 0.5em;
    border-style: solid;
    border-width: 0.1em;
    border-radius: 50%;
    border-color: #54bbac;
    background-color: #54bbac;
}


.accordionContent {
    background-color: #fafafa;
    padding: 17px;
    margin-top: 20px;
    border-radius: 5px;
    display: none;
}

.active .accordtionTitle {
    background-color: #002e6d;
    color: #fff;
}

.accordion + .accordion {
    margin-top: 15px;
}

.accordion>.accordtionTitle > span:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 2px;
    background-color: #333;
    top: 25px;
    right: 15px;
    margin: auto;
    z-index: 1;
}
.accordion>.accordtionTitle > span:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 22px;
    background-color: #333;
    top: 15px;
    right: 25px;
    z-index: 1;
}

{
    background-color: #fff;
}

.accordion {
    position: relative;
}

.accordion:hover>.accordtionTitle > span:before, 
.accordion:hover>.accordtionTitle > span::after, 
.accordion.active>.accordtionTitle > span::after {
    background-color: #fff;
}
.accordion.active:before{
    background-color: transparent;
}

.accordion.active>.accordtionTitle > span:before {
    background-color: transparent;
}

.accordion:hover .accordtionTitle {
    background-color: #002e6d;
    color: #fff;
}

.highlights1:before {
    background-image: url(/images/icon-exposure.png);
}
.highlights2:before {
    background-image: url(/images/icon-world-class.png);
}
.highlights3:before {
    background-image: url(/images/icon-rs.png);
}
.highlights4:before {
    background-image: url(/images/icon-cash.png);
}
.highlights5:before {
    background-image: url(/images/icon-growth.png);
}
.highlights6:before {
    background-image: url(/images/icon-affiliate.png);
}

.accordion.active .highlights1:before, .accordion:hover .highlights1:before {
    background-image: url(/images/icon-exposure-o.png);
}
.accordion.active .highlights2:before, .accordion:hover .highlights2:before {
    background-image: url(/images/icon-world-class-o.png);
}
.accordion.active .highlights3:before, .accordion:hover .highlights3:before {
    background-image: url(/images/icon-rs-o.png);
}
.accordion.active .highlights4:before, .accordion:hover .highlights4:before {
    background-image: url(/images/icon-cash-o.png);
}
.accordion.active .highlights5:before, .accordion:hover .highlights5:before {
    background-image: url(/images/icon-growth-o.png);
}
.accordion.active .highlights6:before, .accordion:hover .highlights6:before {
    background-image: url(/images/icon-affiliate-o.png);
}

.ports {
    background: rgb(84,187,171); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(84,187,171,1) 0%, rgba(118,201,188,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(84,187,171,1) 0%,rgba(118,201,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(84,187,171,1) 0%,rgba(118,201,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.teu {
    background: rgb(84,187,171); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(84,187,171,1) 0%, rgba(84,187,171,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(84,187,171,1) 0%,rgba(84,187,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(84,187,171,1) 0%,rgba(84,187,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.sponsor {
    font-weight: bold;
    color: #002e6d;
    text-align: center;
    display: block;
    overflow: hidden;
    max-width: 878px;
}
.sponsor .row > * {
    display: block;
    margin: auto;
}
.sponsor {
    font-weight: bold;
    color: #002e6d;
    text-align: center;
}

.sponsor .row > * {
    display: block;
    margin: auto;
}

.sponsor .row {
    padding: 35px 0;
}

.sponsor .row > span {
    font-size: 48px;
    line-height: normal;
}

.tm {
    margin-bottom: 30px;
    overflow: hidden;
}

.tm   > div {
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
    border-radius: 5px;
    background-color: #fafafa;
}

.tm  > div > * {
    display: block;
    margin: auto;
}

.aboutTmTitle {
    padding: 15px;
    background: rgb(0,46,109); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,46,109,1) 0%, rgba(0,155,222,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,46,109,1) 0%,rgba(0,155,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,46,109,1) 0%,rgba(0,155,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #fff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.aboutTmText {
    border-radius: 0px 0px 5px 5px;
    background-color: #fafafa;
    vertical-align: top;
    overflow: hidden;
    padding: 5px 0px;
    border: 1px solid #dfdfdf;
    border-top: none;
}

.aboutTm {
    max-width: 617px;
}

.level + .level {
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.level + .level:before {
    content: "";
    position: absolute;
    top: -31px;
    right: 0;
    left: 0;
    margin: auto;
    background-image: url(/images/green-dash.png);
    height: 30px;
    width: 8px;
    background-repeat: repeat-y;
}

.managementAccordion > div {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}

.managementText {
    /*width: calc(100% - 124px);*/
    /*padding-left: 30px;*/
}

.managementText strong > span {
    font-size: 18px;
}

.managementText > p:first-child strong {color: #002e6d;}

.managementAccordion {
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
}

.managementWrapper {
    display: none;
    margin-top: 30px;
}

.managementWrapper > *:last-child{
    margin-bottom: 0;
}

.managementImages {
    /* margin-bottom: 30px; */
}

.managementButton {
    border: 1px solid #dfdfdf;
    display: inline-block;
    padding: 13px 14px;
    border-radius: 10px;
     background-color: #fafafa; 
    padding-right: 50px;
    position: relative;
    cursor: pointer;
}

.managementButton:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 20px;
    background-color: #333;
    top: 14px;
    right: 24px;
    z-index: 1;
}

.managementButton:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #333;
    top: 23px;
    right: 15px;
    margin: auto;
    z-index: 1;
}

.managementButton.active, .managementButton:hover {
    background: #002e6d;
    color: #fff;
}

.managementButton.active:before, .managementButton.active:after, .managementButton:hover:before, .managementButton:hover:after {
    background-color: #fff;
}

.managementButton.active:before {
    background: transparent;
}

table.table {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

.tableResponsive {
    overflow-x: auto;
}

.table tr:nth-child(even) {
    background-color: #fff  ;
}

.table tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.table td {
    padding: 20px 15px;
    vertical-align: middle;
}

.glossary td:first-child{
    width: 25%;
}

.irContainerLeft {
    display: table-cell;
    width: 150px;
}

.irContainerRight {
    display: table-cell;
    vertical-align: middle;
    padding-left: 80px;
}

.ir-arContainer {
    display: table;
    width: 100%;
}

.ir_linkPDF {
    position: relative;
    padding-left: 40px;
}

.ir_linkPDF:before {
    content: "";
    background-image: url(/images/icon_pdf.png);
    position: absolute;
    height: 32px;
    width: 30px;
    left: 0;
    top: -5px;
}

.gallery-wrapper > span {
    display: block;
    color: #002e6d;
    font-size: 22px;
    line-height: 36px;
    font-weight: bold;
    border-bottom: 2px solid #002e6d;
    margin-bottom: 5px;
}

.gallery-wrapper {
    position: relative;
}

.gallery .slick-arrow {
    position: absolute;
    top: -38px;
    right: 0;
    background: none;
    border: none;
    width: 20px;
    height: 24px;
    text-indent: -99px;
    overflow: hidden;
    background-color: transparent;
    background-image: url(/images/gallery-arrow.png);
    background-repeat: no-repeat;
    background-position: 50%;
    transition: 0.5s ease all;
}

.gallery .slick-arrow.slick-prev {
    right: 20px;
}

.gallery .slick-arrow.slick-next {
    transform: scaleX(-1);
}

.gallery .slick-arrow:hover {
    background-image: url(/images/gallery-arrow-hover.png);
}

.gallery img{
    margin: auto 6px;
}

.title-bar {
    font-size: 14px;
    background: #002e6d;
    color: #fff;
    padding: 16px 15px;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 30px;
    line-height: normal;
}

.portfolioWrapper {
    overflow: hidden;
}

.portfolioWrapper > span {
/*    display: inline-block;
    width: calc(33% - 25px);
    margin-right: 25px;
    margin-left: -2px;
    vertical-align: top;*/
}

.portfolioWrapper a{
    /*display: block;*/
}

.portfolioWrapper > a:first-child {
    /*margin-left: 0;*/
}

.map-wrapper {
    position: relative;
    max-width: 878px;
    max-height: 640px;
}

.map-wrapper > img {
    display: block;
    width: 100%;
    vertical-align: top;
}

.map-wrapper > span{
    cursor: pointer;
}

.mapTop-wrapper {
    position: relative;
}

.portfolio-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    background-color: rgba(0, 46, 109, 0.8);
    color: #fff;
    padding: 45px 40px 45px 25px;
    height: calc(100% - 237px);
    border-radius: 5px;
    display: none;
}

.portfolio-overlay > div:not(.portfolio-overlay-cross) {
    display: none;
}

.portfolio-overlay > div > div {
    border-bottom: 1px solid #fff;
    margin-top: 15px;
}

a.portfolio-overview-link {
    display: block;
    color: #009bde;
}

.portfolio-overlay > div > div > p {
    margin-bottom: 13px;
}

.portfolio-overlay > div > div:first-child {
    margin-top: 0;
}

.portfolio-overlay-cross {
    position: absolute;
    top: 14px;
    right: 6px;
    cursor: pointer;
}

.portfolio-overlay-cross > img {
    vertical-align: top;
    display: block;
}

.portfolio-legend {
    position: absolute;
    bottom: 35px;
    right: 30px;
    width: 180px;
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    color: #fff;
    width: 100%;
    position: relative;
    right: auto;
    bottom: auto;
}

.portfolio-legend > .legend {
    color: #002e6d;
    margin-top: 15px;
}

.crane {
    border: 1px solid;
    border-radius: 5px;
    padding: 5px;
    position: relative;
}

.crane-wrapper {
    padding: 5px;
    border-radius: 5px;
}

.crane-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.crane-wrapper li {
    padding-left: 10px;
    position: relative;
}

.crane-wrapper li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #ffffff;
    left: 0;
    top: 8px;
    margin: auto;
}

.hongkong .crane-wrapper {
    background-color: #85b559;
}

.shenzhen .crane-wrapper {
    background-color: #6070b4;
}

.huizhou .crane-wrapper {
    background-color: #ea6d5b;
}

.crane.hongkong {
    border-color: #85b559;
}

.crane.shenzhen {
    border-color: #6070b4;
}

.crane.huizhou {
    border-color: #ea6d5b;
}

.crane.hongkong:after{
    content: "A";
    color: #85b559;
    border-color: #85b559;
}

.crane.shenzhen:after{
    content: "B";
    color: #6070b4;
    border-color: #6070b4;
}

.crane.huizhou:after{
    content: "C";
    color: #ea6d5b;
    border-color: #ea6d5b;
}


.crane:after {
    color: #85b559;
    position: absolute;
    bottom: -10px;
    right: -10px;
    z-index: 2;
    border-radius: 50px;
    border: 1px solid;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: auto;
    display: block;
    background: #fff;
}

.portfolio-legend > .port {
    border: 1px solid #002e6d;
    padding: 10px;
    color: #002e6d;
    border-radius: 5px;
}

.portfolio-legend> * {
    margin-bottom: 15px;
}

.portfolio-legend> *:last-child {
    margin-bottom: 0;
}

.port >  ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.port > ul li {
    padding-left: 30px;
    position: relative;
}

.port > ul li:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 26px;
    /* border-radius: 50px; */
    /* background: #ffc627; */
    /* border-color: transparent transparent transparent #ffffff; */
    background-image: url(/images/crane_icon.png);
    background-size: cover;
    left: -5px;
    top: 2px;
    margin: auto;
}

.portfolio-image {
    overflow: hidden;
}

table.portfolio {
    width: 100%;
    /* border: 1px solid black; */
    border-collapse: collapse;
}

table.portfolio td {
    border: 1px solid #dddddd;
    padding: 20px 12px;
}

table.portfolio td.col-two {
    background-color: #f9f9f9;
}

table.portfolio tr > td.col-one {
    vertical-align: middle;
    text-align: center;
}

table.portfolio td:not([class]), table.portfolio td:nth-child(n+3) {
    text-align: center;
}

.portfolioSelect {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    overflow: hidden;
}

.portfolioSelect > select {
    font-size: inherit;
    padding: 14px 18px;
    padding-left: 18px;
    padding-right: 79px;
    border: 0;
    text-overflow: '';
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance: none;
}

.portfolioSelect > select::-ms-expand {
    display: none;
}

.portfolioSelect > select:focus {
    outline: none;
}

.portfolioSelect > select option {
    outline: none;
}

.portfolioSelect:after {
    content: "\25BC";
    height: 1em;
    line-height: 1;
    right: 12px;
    top: 50%;
    margin-top: -.5em;
    position: absolute;
    pointer-events: none;
}

.content > *:first-child {
    margin-top: 0;
}

.gallery.slick-slider {
    margin-top: 45px;
}

.text-slider-box {
    max-width: 480px;
    padding: 43px 34px;
    position: relative;
}


.text-slider-box:hover a.home-slider-button:before {
    left: -76px;
    width: 56px;
}

a.home-slider-button:before {
    /* content: ""; */
    /* position: absolute; */
    /* left: -60px; */
    /* width: 40px; */
    /* height: 1px; */
    /* background-color: #fff; */
    /* top: 0; */
    /* margin: auto; */
    /* bottom: 0; */
    /* transition: 0.5s ease all; */
}

a.home-slider-button:after {
    /* content: ">"; */
    /* padding-left: 20px; */
}

.sitemap-content-wrap p.title {
    padding: 10px;
    background: #002e6d;
    color: #ffffff;
    margin-bottom: 10px;
}
.sitemap-content-wrap table {
    width: 100%;
    text-align: left;
}
.sitemap-content-wrap table th,
.sitemap-content-wrap table td {
    padding: 10px;
}
.sitemap-content-wrap table th {
    background: #414141;
    color: #ffffff;
}
.sitemap-content-wrap table th {
    padding: 10px;
    background: #414141;
    color: #ffffff;
}

ul.sitemap {
    margin-left: 0;
    padding-left: 18px;
    list-style: none;
}

ul.sitemap ul {
    margin-left: 0;
    padding-left: 18px;
    list-style: none;
}

ul.sitemap > li > a {
    font-weight: bold;
}

a.subscribeLink {
    text-decoration: underline;
}

.home-banner {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    text-align: center;
    min-height: 480px;
}
.home-scroll-down {
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    height: 45px;
    /* width: 70px; */
    text-align: center;
}
.home-banner-controller-wrapper {
    position: absolute;
    bottom: 40px;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    margin-top: 12px;
}

.home-banner-controller .slick-track > div {
    /*width: 33%;*/
    /* text-align: center; */
}

.home-banner-controller .slick-slide > div {
    overflow: hidden;
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.home-banner-controller .slick-track > div img {
    margin: auto;
}


.home-banner-controller .slick-track > div  hr{
    border-bottom: none;
    border-top: 1px solid #002e6d;
    width: 96px;
    margin: auto;
    margin-top: 0;
    margin-bottom: 0;
}
.home-banner-sliders-wrapper {
    height: calc(100% - 143px);
}

.home-banner-sliders-wrapper .slick-slide {
    /*opacity: 1 !important;*/
    /*overflow: hidden;*/
}
.home-banner-sliders-wrapper .slick-slide > div {
    height: calc(100vh - 75px - 143px);
    background-size: cover;
    position: relative;
    background-position: 50%;
}

.vjs-poster {
    background-size: cover;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    video[poster]{
        height: 100%;
    }
}

/* .home-banner-sliders [class*="slide-"]  span {
    position: absolute;
    background-size: 500% 200%;
    transition: 0.5s ease all;
    
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: cover;
}
.home-banner-sliders [class*="slide-"] .enter span{
    transform: rotateY(90deg);
}
.home-banner-sliders [class*="slide-"] .exit span{
    transform: rotateY(0deg);
}

.home-banner-sliders [class*="slide-"] .slice-1{
    display: none;
    width: 20%;
    height: 50%;
    left: 0%;
    top: 0%;
    background-position: 0% 0%;
}
.home-banner-sliders [class*="slide-"] .slice-2{
    display: none;
    width: 20%;
    height: 50%;
    left: 20%;
    top: 0%;
    background-position: 25% 0%;
}
.home-banner-sliders [class*="slide-"] .slice-3{
    display: none;
    width: 20%;
    height: 50%;
    left: 40%;
    top: 0%;
    background-position: 50% 0%;
}
.home-banner-sliders [class*="slide-"] .slice-4{
    display: none;
    width: 20%;
    height: 50%;
    left: 60%;
    top: 0%;
    background-position: 75% 0%;
}
.home-banner-sliders [class*="slide-"] .slice-5{
    display: none;
    width: 20%;
    height: 50%;
    left: 80%;
    top: 0%;
    background-position: 100% 0%;
}
.home-banner-sliders [class*="slide-"] .slice-6{
    display: none;
    width: 20%;
    height: 50%;
    left: 0%;
    top: 50%;
    background-position: 0% 100%;
}
.home-banner-sliders [class*="slide-"] .slice-7{
    display: none;
    width: 20%;
    height: 50%;
    left: 20%;
    top: 50%;
    background-position: 25% 100%;
}
.home-banner-sliders [class*="slide-"] .slice-8{
    display: none;
    width: 20%;
    height: 50%;
    left: 40%;
    top: 50%;
    background-position: 50% 100%;
}
.home-banner-sliders [class*="slide-"] .slice-9{
    display: none;
    width: 20%;
    height: 50%;
    left: 60%;
    top: 50%;
    background-position: 75% 100%;
}
.home-banner-sliders [class*="slide-"] .slice-10{
    display: none;
    width: 20%;
    height: 50%;
    left: 80%;
    top: 50%;
    background-position: 100% 100%;
} */


.home-banner-sliders [class*="slide-"]  span {
    /* background-size: 100% 100%; */
    /* height: 100%; */
    /* display: block; */
}

.home-banner-controller .slick-slide{
    opacity: 0.5;
}

.home-banner-controller .slick-slide.slick-current{
    opacity: 1;
}

.text-box {
    width: 600px;
    height: 170px;
    position: absolute;
    text-align: left;
    bottom: 50px;
    left: 0;
    background: rgb(0,46,109);
    background: -moz-linear-gradient(-45deg, rgba(0,46,109,1) 0%, rgba(0,155,222,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,46,109,1) 0%,rgba(0,155,222,1) 100%);
    background: linear-gradient(135deg, rgba(0,46,109,1) 0%,rgba(0,155,222,1) 100%);
    color: #fff;
    opacity: 0.9;
    padding: 28px 60px;
}

.text-box h2 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 20px;
}

.text-box p {
    margin-top: 0;
    margin-bottom: 20px;
}

.arrow-container .slick-arrow {
    width: 20px;
    height: 50px;
    /* background: red; */
    position: absolute;
    top: 0;
    left: 40px;
    bottom: 0;
    margin: auto;
    width: 11px;
    height: 22px;
    background-image: url(/images/slider-arrow.png);
    background-size: cover;
    cursor: pointer;
}

.arrow-container .slick-arrow.next {
    right: 40px;
    transform: scaleX(-1);
    left: auto;
}

ul.sitemap li {
    margin: 10px 0;
}

.portfolio-legend> *:not(.legend) {
    width: 47%;
    display: inline-block;
    /* max-width: 165px; */
    margin-right: 15px;
    vertical-align: top;
}

.sustainabilityTable {
    width: 100%;
    position: relative;
    border: 2px solid;
    border-radius: 0 0 50px 0;
    height: 100%;
}

.sustainabilityImage {
    width: 20%;
    padding: 10px;
}

.sustainabilityContent {
    width: 80%;
    padding: 10px;
    z-index: 2;
    position: relative;
}

.sustainabilityTable + .sustainabilityTable {
    margin-top: 20px;
}

.sustainabilityTable > * {
    display: inline-block;
    vertical-align: top;
}

.sustainabilityTable:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    bottom: 20px;
    right: 20px;
    background-size: cover;
    /* background-repeat: no-repeat; */
    z-index: 0;
    /* background-position: 90% 90%; */
}

.responsibleBusiness strong {
    color: #003975;
}

.sustainabilityTable.responsibleBusiness:before {
    background-image: url(/images/responsible-business-bg.png);
}

.responsibleBusiness .sustainabilityImage {
    background: #003975;
}

.responsibleBusiness {
    background-color: #d9deec;
    border-color: #003975;
}

.responsibleEmployer strong {
    color: #ea5e4a;
}

.sustainabilityTable.responsibleEmployer:before {
    background-image: url(/images/responsible-employer-bg.png);
}

.responsibleEmployer .sustainabilityImage {
    background: #ea5e4a;
}

.responsibleEmployer {
    background-color: #fdece5;
    border-color: #ea5e4a;
}

.safetySecurity strong {
    color: #c39330;
}

.sustainabilityTable.safetySecurity:before {
    background-image: url(/images/safety-and-security-bg.png);
}

.safetySecurity .sustainabilityImage {
    background: #c39330;
}

.safetySecurity {
    background-color: #f8f2e4;
    border-color: #c39330;
}

.environment strong {
    color: #79ad48;
}

.sustainabilityTable.environment:before {
    background-image: url(/images/environment-bg.png);
}

.environment .sustainabilityImage {
    background: #79ad48;
}

.environment {
    background-color: #eef5e8;
    border-color: #79ad48;
}

.events-content .awardContentWrappper ol {
    list-style: decimal;
    padding-left: 20px;
}

.cd-horizontal-timeline .events-content .awardContentWrappper li {
    position: relative;
    opacity: 1;
    transform: none;
}

.cd-horizontal-timeline .events-content .awardContentWrappper > .text-wrapper > * + * {
    margin-bottom: 22px;
}

body:not(#bod) .content-wrapper .awardContentWrappper * + ul.arrow-list {
    margin-bottom: 22px;
    margin-top: 0;
}

.note{
    font-size: 0.8em;
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.underline:hover {
    text-decoration: underline;
}

.slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}