@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote {
  &:before, &:after {
    content: '';
    content: none; } }

q {
  &:before, &:after {
    content: '';
    content: none; } }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.wrap {text-align:left;}

input[type="submit"] {-webkit-appearance: none;cursor:pointer;}


.wrap>*:not(*:root) {margin-left:-4px;}/*--- FIx for safari flexibleg grid--*/
*:focus {outline:0;}

html {
  scroll-behavior: smooth;
}

sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}


/*---Fix for wow---*/
.wow {
  visibility:hidden;
}

/*---General---*/
#content {
  overflow:hidden;
}

html, body {
  width:100%;
  height:100%;
  min-height: 100%;
  height: auto;
}

[class*="_fullcontainer"] {
  width: calc(100% - 90px);
  margin:0px auto;
}
[class*="_largecontainer"]:not(.fancybox__container) {
  width:100%;
  margin:0px auto;
  max-width:1500px;
}
[class*="_container"]:not(.fancybox__container) {
  width:100%;
  margin:0px auto;
  max-width:1300px;
}
[class*="_medcontainer"] {
  width:100%;
  margin:0px auto;
  max-width:1000px;
}
[class*="_smallcontainer"] {
  width:100%;
  margin:0px auto;
  max-width:900px;
}
[class*="_narrowcontainer"] {
  width:100%;
  margin:0px auto;
  max-width:680px;
}
[class*="col-"] {
  transition:0.2s;
}



body {color:#4d4d4d;overflow-x:hidden;}
#pageContent {overflow-x: hidden;}
footer {overflow-x: hidden;}

.neuzeit-light {font-family: neuzeit-grotesk, sans-serif;font-weight: 300;font-style: normal;}
.neuzeit-regular {font-family: neuzeit-grotesk, sans-serif;font-weight: 400;font-style: normal;}
.neuzeit-bold {font-family: neuzeit-grotesk, sans-serif;font-weight: 700;font-style: normal;}
.neuzeit-black {font-family: neuzeit-grotesk, sans-serif;font-weight: 900;font-style: normal;}

h1, h2 , h3, h4, h6, body, a, li {font-family: neuzeit-grotesk, sans-serif;font-weight: 400;font-style: normal;}
.post-date, .post-desc, p {font-family: neuzeit-grotesk, sans-serif;font-weight: 400;font-style: normal;}
h5, .post-cta {font-family: neuzeit-grotesk, sans-serif;font-weight: 700;font-style: normal;}
h2.rs-layer {font-family: neuzeit-grotesk, sans-serif !important;font-weight: 700 !important;font-style: normal;}
.menu-footer-cta a {font-family: neuzeit-grotesk, sans-serif;font-weight: 300;font-style: normal;}



h1 {font-size:8em;line-height:1em;font-weight:700;}
h2.big {font-size:5.5em;line-height:1em;font-weight:700;}
h2 {font-size:4em;line-height:1em;font-weight:700;}
h2.small, h2 > .small{font-size:3em;line-height:1em;font-weight:700;}
h3 {font-size:3em;line-height:1em;font-weight:700;}
h4 {font-size:2em;line-height:1em;font-weight:700;}
h5 {font-size:24px;line-height:28px;margin-bottom:15px;}
h6 {font-size:16px;line-height:20px;}
p, li {font-size:17px;line-height:24px;margin-bottom: 15px;}
p.small {font-size:14px;line-height:20px;margin-bottom: 15px;}
li {margin-bottom:5px;}
a {text-decoration:none;color:#1f1f1f;font-weight:700;}
b, strong {font-weight:700;}

#pageContent ol, #pageContent ul, .fancybox__content ol, .fancybox__content ul {list-style: initial;margin-top:15px;margin-left:20px;}

.aligncenter {text-align: center;margin: auto;display: block;}

.yellow {color:#f1eb55;}
.white {color:#ffffff;}
.brown {color:#826b58;}
.green {color:#5f8a8c;}
.darkgreen {color:#5e6a2c;}
.light-black {color:#464547;}
.black {color:#000000;}
.orange {color:#f58220;}

.bck_brown {background-color:#826b58;}
.bck_green {background-color:#5f8a8c;}

.fadeUpAnimation {opacity: 0;transform: translate(0px, 20px);transition: 1.5s;}
.fadeUpAnimation.active {opacity: 1;transform: translate(0px, 0px);transition: 1.5s;}



/*---Text style---*/
.uppertext {text-transform:uppercase;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.lightf {font-weight:400;}
.mediumf {font-weight:500;}
.heavyf {font-weight:700;}

/*---Padding---*/
.padall5 {padding:5%;}
.padall10 {padding:10%;}

.padt5 {padding-top:5%;}
.padt10 {padding-top:10%;}
.padb0 {padding-bottom:0%;}
.padb5 {padding-bottom:5%;}

.padbo35 {padding-bottom:35px;}

.tbpad5 {padding-top:5%;padding-bottom:5%;}
.tbpad8 {padding-top:8%;padding-bottom:8%;}
.tbpad10 {padding-top:10%;padding-bottom:10%;}
.tbpad15 {padding-top:15%;padding-bottom:15%;}
.padtb5 {padding-top:5px;padding-bottom:5px;}
.padtb15 {padding-top:15px;padding-bottom:15px;}
.padtb25 {padding-top:25px;padding-bottom:25px;}
.padtb35 {padding-top:35px;padding-bottom:35px;}
.padtb45 {padding-top:45px;padding-bottom:45px;}
.padtb60 {padding-top:60px;padding-bottom:60px;}
.padtb80 {padding-top:80px;padding-bottom:80px;}

.padleft5 {padding-left:5%;}


.lfpad0 {padding-left:0%;padding-right:0%;}
.lfpad5 {padding-left:5%;padding-right:5%;}
.padlf0 {padding-left:0px;padding-right:0px;} 

.padlf15 {padding-left:15px;padding-right:15px;} 

.padlf45 {padding-left:45px;padding-right:45px;} 


.pad35{padding:35px;}

.pad0 {padding:0px;}




/*--- Margin---*/
.marb0 {margin-bottom:0px;}
.marb5 {margin-bottom:5px;}
.marb10 {margin-bottom:10px;}
.marb15 {margin-bottom:15px;}
.marb30 {margin-bottom:30px;}
.marb40 {margin-bottom:40px;}
.marb60 {margin-bottom:60px;}

.marbo5 {margin-bottom:5%;}
.marbo10 {margin-bottom:10%;}
.marbo15 {margin-bottom:15%;}
.marbo20 {margin-bottom:20%;}
.marbo25 {margin-bottom:25%;}

.bheight20 {height:20px;}
.bheight30 {height:30px;}
.bheight40 {height:40px;}
.bheight60 {height:60px;}

.height_50 {height:50vh;}
.height_60 {height:60vh;}
.height_70 {height:70vh;}
.height_75 {height:75vh;}
.height_85 {height:85vh;}
.height_90 {height:90vh;}
.height_100 {height:100vh;}
.height_105 {height:105vh;}
.height_110 {height:110vh;}
.height_200 {height:200vh;}

.bck_cover {background-size:cover;background-repeat:no-repeat;background-position:center;}
.bck_center {background-position:center;}
.bck_bottom {background-position:center bottom;}
.bck_atth {overflow:hidden;}
.bck_parallax {background-position: center; background-attachment: fixed; background-size: cover; }
.bck_botshadow {position:relative;}
.bck_white {background-color:#ffffff;}


/*---General---*/

/*
.scroll-snap-wrapper {min-height:100vh;scroll-snap-type: y mandatory;overflow-y: scroll;}
.scroll-snap-container {min-height:100vh;scroll-snap-align: center;}
*/




#header {background-color:#ffffff;position:fixed;top:0;left:0;width:100%;padding: 0px 5%;z-index:10000;overflow-x:hidden;}
.menu-container {display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;position:relative;height:70px;}
.menu-logo {max-width:115px;position:absolute;left:0;}
.menu-cta {position: absolute;right: 0;}
.menu-cta a {color:#826b58;text-decoration:none;letter-spacing:1px;padding:0px 15px;}

.menu-anchor-float {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.menu-anchor-float {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding: 0px 10px;z-index: 10000;background-color:#ffffff;max-width: calc(100% - 400px);margin: auto;}
.menu-anchor-float a {text-align:center;padding:19px;transition:0.5s;position:relative;}
.menu-anchor-float a:after {content:' ';position:absolute;left:0;bottom:0;width:0px;height:2px;background-color:#808d52;transition:0.5s;}
.menu-anchor-float a.active {color: #808d52;transition:0.5s;}
.menu-anchor-float a.active:after {width:100%;transition:0.5s;}
.menu-anchor-float .anchor-float-cta-list {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.anchor-float-cta-list::-webkit-scrollbar {display: none;}


#about-anchor {margin: auto;width:100%;}
.anchor-float {position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding: 0px 10px;z-index: 10000;background-color:#ffffff;max-width: calc(100% - 450px);margin: auto;}
.anchor-float a {text-align:center;padding:19px;transition:0.5s;position:relative;}
.anchor-float a:after {content:' ';position:absolute;left:0;bottom:0;width:0px;height:2px;background-color:#808d52;transition:0.5s;}
.anchor-float a.active {color: #808d52;transition:0.5s;}
.anchor-float a.active:after {width:100%;transition:0.5s;}
.anchor-float-cta-list {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.is-sticky {position: fixed;top: 0;left: 50%;transform: translate(-50%,0px);width: 100%;}


.menu-cta-menu-hamburger {padding: 0px !important;width: 36px;height: 36px;display: block;transition:0.5s;}
.menu-cta-menu-hamburger span {transition:0.5s;}
.menu-cta-menu-hamburger.active >:nth-child(1) {width:0px;opacity:0;transition:0.5s;}
.menu-cta-menu-hamburger.active >:nth-child(2) {transform: translate(-50%,0px) rotate(45deg) !important;transition:0.5s;}
.menu-cta-menu-hamburger.active >:nth-child(3) {transform: translate(-50%,0px) rotate(135deg) !important;transition:0.5s;}
.menu-cta-menu-hamburger.active >:nth-child(4) {width:0px;opacity:0;transition:0.5s;}

div#overlaySlide {position:fixed;left:0;top:0;visibility:hidden;opacity:0;width:100%;height:100%;z-index:100000;transition:0.3s;}
div#overlaySlide.active {visibility:visible;opacity:0.5;transition:0.3s;}
div#overlaySlide.active .header-registration-form {height:initial !important;}

div#headerMenuSlide {position: fixed;right: -500px;top: 0;width: 500px;height: 100%;z-index: 100001;padding: 20px 5% 30px 5%;text-align: right;display: flex;justify-content: flex-end;align-items: flex-start;transition:0.5s;}
div#headerMenuSlide.active {right: 0%;transition:0.5s;}
.menu-slide * {font-family: neuzeit-grotesk, sans-serif;font-weight: 700;font-style: normal;}
.menu-slide {margin-top:50px;height: calc(100vh - 150px);display: flex;flex-wrap: wrap;justify-content: space-evenly;align-content: space-between;}
.menu-slide a, .menu-slide p {color:#1f1f1f;}
.menu-slide a {display:block;text-decoration:none;}

.menu-slide li {list-style: none;}

.menu-list, .menu-footer-cta {flex-basis: 100%;}
.menu-list a {text-decoration:none;font-size:24px;line-height:30px;margin-bottom:15px;font-weight: 700;display:block;text-transform:uppercase;transition:0.5s;}
.menu-list a:hover {color:#ffffff;transition:0.5s;}
.menu-footer-cta a {font-size:20px;display:block;margin-bottom:5px;text-transform:initial;}



.content-full-grid {height: 100%;display: flex;flex-wrap: wrap;align-content: space-between;}
.content-full-grid-top, .content-full-grid-bottom {flex-basis:100%;}
.content-full-grid-top h5, .content-full-grid-bottom h5 {max-width:350px;margin-bottom: 20px;}
.content-full-grid-top h6, .content-full-grid-bottom h6 {max-width:350px;margin-bottom: 20px;}




/*---General Height---*/
.full-height-section {min-height:100vh;}

.max300 {max-width:300px;}
.max350 {max-width:350px;}
.max400 {max-width:400px;}
.max450 {max-width:450px;}
.max500 {max-width:500px;}
.max550 {max-width:550px;}
.max600 {max-width:600px;}
.max700 {max-width:700px;}
.max800 {max-width:800px;}
.max900 {max-width:900px;}


/*---Position Higher---*/
.position-higher {position:relative;z-index:2;background-color:#ffffff;}

/*---Cta---*/
.cta-underline {color:#a08d7d;padding-bottom:2px;position:relative;text-decoration:none;width: fit-content;}
.cta-underline:after {content:' ';position:absolute;bottom:0px;left:0px;width:100%;height:2px;background-color:#5f8a8c;}


.cta-rectangle {background-color:#ffffff;color:#4d4d4d;position:relative;transition:0.5s;border:2px solid #e7873c;padding:6px 12px;position:relative;text-decoration:none;width: fit-content;}
.cta-rectangle span {position:relative;z-index:2;transition:0.5s;}
.cta-rectangle:after {content:' ';display:block;position:absolute;left:0;bottom:0;width:100%;height:0px;background-color:#f58220;transition:0.5s;}
.cta-rectangle:hover {color:#ffffff;transition:0.5s;}
.cta-rectangle:hover:after {height:100%;transition:0.5s;}
.cta-inline {display:inline-block;}

/*
.cta-rectangle:after {content:' ';position:absolute;bottom:0px;left:0px;width:100%;height:2px;background-color:#5f8a8c;}
*/


/*---Template Box Style---*/
.row.border-column .col-lg-3 {border-right: 1px;border-color:white;border-style: solid;padding-top:30px;padding-bottom:30px;margin-top:20px;margin-bottom:20px;}
.row.border-column .col-lg-3:nth-of-type(4n) {border-right: 0px !important;}

.row.border-column .col-lg-6 {border-right: 1px;border-color:white;border-style: solid;padding-top:30px;padding-bottom:30px;margin-top:20px;margin-bottom:20px;}
.row.border-column .col-lg-6:nth-of-type(2n) {border-right: 0px !important;}

@media only screen and (max-width:991px) {
    .row.border-column .col-lg-3:nth-of-type(4n) {border-right: initial !important;}
    .row.border-column .col-lg-3:nth-of-type(2n) {border-right: 0px !important;}

    .row.border-column .col-lg-6 {border-right: 0px !important;}
    
}




/*---Homepage---*/
.hoverRoll-button-container {position:relative;}
.hoverroll-button-list {z-index:3;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;display:flex;flex-wrap:wrap;justify-content:center;}
.hoverroll-button-list a {color:#ffffff;padding:10px 18px;transition:0.5s;text-decoration:none;}
.hoverroll-button-list a:hover {background-color:#ffffff;color:#826b58;transition:0.5s;}
.horverroll-image {z-index:2;position:absolute;left:0%;top:0%;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:1s;}
.horverroll-image.active {opacity:1;transition:1s;}


/*---Map ineteractive---*/
.home-map-int {position: relative;overflow:hidden;} 
.home-map-int-base {position:relative;}


.home-map-int-pop-ind {position: absolute;left: 8.3%;bottom: 12.45%;z-index: 10;width: 30%;}
.int-pop-pointer {cursor:pointer;}
.int-pop-ind-mount {position: absolute;left: 0;top: 0;opacity:0;transition:0.5s;}


.home-map-int-pop-thai {position: absolute;left: 6.8%;top: 13.3%;z-index: 10;width: 30%;}
.int-pop-thai-mount {position: absolute;left: 0;top: 0;opacity:0;transition:0.5s;}



.mount-active {opacity:1;transition:0.5s;}

g#allnames, g#allbasessss {
    pointer-events: none;
}

g#vietnam, g#thailand, g#cambodia, g#singapore, g#taiwan, g#malaysia, g#indonesia {
    opacity: 0;
    pointer-events: none;
    transition:0.5s;
}

g#vector-vietnam, g#vector-thailand, g#vector-cambodia, g#vector-singapore, g#vector-taiwan, g#vector-malaysia, g#vector-indonesia {
    opacity: 1;
    cursor:pointer;
    transition:0.5s;
}



.active-floating {animation-duration: 3s;animation-name: floatinganimation;animation-iteration-count: infinite;transition:0.5s;}


@keyframes floatinganimation {
  0% {
    transform: translateY(0px);
    transform-origin: center;
  }
  50% {
    transform: translateY(-10px);
    transform-origin: center;
  }
  100% {
    transform: translateY(0px);
    transform-origin: center;
  }
}





/*---General image scroll animation---*/
.background-animate {background-size:120%;background-position:center;transition:3.5s;}
.background-animate.active {background-size:110%;transition:3.5s;}



/*---About us---*/




.about-icon-box {max-width:275px;}
.about-icon-box .icon-img {max-width: 150px;margin-bottom: 20px;}
.about-icon-box .icon-title {color:#000000;margin-bottom: 0px;}
.about-icon-box .icon-value {color:#455700;font-weight:700;}
.about-icon-box .icon-line {background-color:#455700;height:2px;width:100%;margin-top:3px;margin-bottom:3px;}


.timeline-box .timeline-country-list {display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;}
.timeline-box .timeline-country-list img {max-width:44px;flex-basis:44px;}
.timeline-box .timeline-year {color:#000000;margin-bottom:15px;}
.timeline-box .timeline-desc {max-width:300px;}



.timeline-image-2col {display:flex;flex-wrap:wrap;width: 100%;}
.timeline-image-2col .timeline-image-2col-image {flex-basis: 50%;}

.timeline-box-3col {display:flex;flex-wrap:wrap;width: 100%;}
.timeline-box-3col .timeline-box {flex-basis:33%;}
.timeline-box-3col .timeline-desc {max-width: 260px;}


.timeline-image-2col-image, .timeline-mainimage {margin-bottom:20px;}
.timeline-image-2col-image img, .timeline-mainimage img {max-height:220px;}

.team-box img {margin-bottom:20px;}
.team-box .team-name {color:#000000;font-weight:700;}
.team-box .team-position {margin-bottom:15px;}


/*---Sustain---*/
.sustain-accordion {max-width:400px;cursor:pointer;}
.accordion-title {display: flex;flex-wrap: wrap;align-items: center;position:relative;border-bottom:1px solid #c9c4bd;padding-bottom:10px;padding-top: 10px;} 
.accordion-title .accordion-title-icon {flex-basis: 70px;padding-right:20px;}
.accordion-title .accordion-title-tagline p {margin-bottom:0px;}
.accordion-title .accordion-title-arrow {position:absolute;right:10px;bottom:25px;border:2px solid #c9c4bd;border-width: 0 2px 2px 0;display: inline-block;padding: 8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);transition:0.5s;transform-origin: center;}
.accordion-content {padding-top:15px;border-bottom:1px solid #c9c4bd;display:none;}
.accordion-content li {margin-bottom:10px;}

.sustain-accordion.active .accordion-title .accordion-title-arrow {transform: rotate(225deg);-webkit-transform: rotate(225deg);transition:0.5s;}

.sustain-accordion.disabled {cursor:initial;}
.sustain-accordion.disabled .accordion-title-arrow {display:none;}

.accordion-content .cta-rectangle {display: inline-block;margin-bottom: 10px;}

.row.esg-sticky-section {position:relative;}
.esg-sticky-element {padding-bottom: 5% !important;padding-top:0px !important;}
.esg-icons-list {display:flex;flex-wrap:wrap;row-gap:35px;column-gap:35px;justify-content:center;align-items:center;}
.esg-icons-list img {flex-basis:120px;width:120px;}


/*---Business---*/
.photo-with-cap {position:relative;}
.photo-with-cap:before {content: ' ';width: 100%;height: 100%;background-color: #ffffff;position: absolute;right: 0;top: 0;transition:2s;}
.photo-with-cap.active:before {width:0%;transition:2s;}
.photo-cap-box {position:absolute;left:-20px;top:0px;transform: rotate(90deg);transform-origin: left;}
.photo-cap-box p {transform: rotate(-180deg);margin-bottom: 0px;}

.image-grid-swiper .row {height:100%;}
.image-grid-swiper .padall5 {padding:45px 3%;}
.image-grid-swiper .swiper-wrapper, .image-grid-swiper .swiper-slide {height: auto !important;padding-left: 20px;padding-right: 20px;}

.image-grid-swiper .swiper-button-next, .image-grid-swiper .swiper-button-prev {width: 50vw;height: 100%;top: 0;justify-content: flex-end;}
.image-grid-swiper .swiper-button-prev {justify-content: flex-start;}

.image-grid-swiper .swiper-button-next {background: linear-gradient(90deg, rgba(246,130,32,0) 90%, rgba(246,130,32,0.3) 100%);right: 0;padding-right: 20px;color: #ffffff;opacity:1;transition:0.5s;}
.image-grid-swiper .swiper-button-next.swiper-button-disabled {background: none;opacity:0;transition:0.5s;}

.image-grid-swiper .swiper-button-prev {background: linear-gradient(-90deg, rgba(246,130,32,0) 90%, rgba(246,130,32,0.3) 100%);left: 0;padding-left: 20px;color: #ffffff;opacity:1;transition:0.5s;}
.image-grid-swiper .swiper-button-prev.swiper-button-disabled {background: none;opacity:0;transition:0.5s;}

.swiper-slide.top {align-self: flex-start;}
.swiper-slide.bottom {align-self: flex-end;}

/*---JL Style---*/
.image-grid-swiper .special-btm-block { display: flex; align-items: flex-end; padding: 60px 6%; }
.image-grid-swiper .special-btm-block-2 { display: flex; align-items: flex-end; }

/*---Career---*/
.career-map {position:relative;}
.career-map-number-circle {position:absolute;color:#ffffff;background-color:#f68121;border-radius:100%;width: 30px;height: 30px;}
.career-map-number-circle span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}


.career-filter-container {display: flex;flex-wrap: wrap;justify-content:space-between;}
.career-filter-group-left {display: flex;flex-wrap: wrap;}
.cta-filter {padding: 6px 12px;}

.career-header {display: flex;flex-wrap: wrap;justify-content: space-between;font-weight:700;padding:25px 0px 25px 0px;border-bottom:1px solid #c9c4bd;}
.career-job-box {display: flex;flex-wrap: wrap;justify-content: space-between;padding:25px 0px 25px 0px;border-bottom:1px solid #c9c4bd;overflow: hidden;background-color:#ffffff;}

.career-header-position, .career-job-position {flex-basis:15%;}
.career-header-area, .career-job-area {flex-basis:15%;}
.career-header-requirements, .career-job-requirements {flex-basis:40%;padding-right:20px;}
.career-header-location, .career-job-location {flex-basis:15%;}
.career-header-closing-date, .career-job-closing-date {flex-basis:15%;}

.career-job-list.defaulthide {}
.career-job-list.defaulthide .career-job-box:nth-child(n+4) {visibility:hidden;height:0;padding:0px;}


.career-job-position {font-weight:700;color:#f58220;padding-right:15px;}
.career-job-requirements {max-height: 200px;min-height:35px;overflow:hidden;position:relative;padding-bottom:80px;}
.career-job-requirements.overflow {padding-bottom:0px;}
.career-job-requirements.overflow:after {content: ' ';background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);position: absolute;bottom: 0;left: 0;width: 100%;height: 60%;}

.career-job-readmore {position: absolute;bottom: 0;left: 0;z-index: 10;padding:5px !important;}

.career-footer {margin-top:30px;}






.meet-us-list {display:flex;flex-wrap:wrap;}
.meet-us-box {flex-basis:50%;position:relative;padding-bottom:50%;width:100%;background-size: cover;background-position:center;cursor: pointer;overflow: hidden;}
.meet-us-content {position:absolute;left:-480px;bottom:0;height:100%;background-color: #91996c;padding: 60px;max-width: 480px;color: #ffffff;display: flex;flex-wrap: wrap;align-content: flex-end;transition:0.5s;}
.meet-us-content-header {margin-bottom:20px;flex-basis:100%;}
.meet-us-content-desc {flex-basis:100%;}
.meet-us-content:after {content: 'Click to expand';position: absolute;right: -22px;top: 50%;transform: rotate(90deg);opacity:1;transition:0.5s;}

.meet-us-close {position: absolute;right: 30px;top: 30px;flex-basis: 30px;}
.meet-us-close span {width: 30px;height: 2px;background-color: #4d4d4d;display: block;position: absolute;left: 50%;top: 50%;}

.meet-us-close span:nth-child(1) {transform: translate(-50%,-50%) rotate(0deg);transition:0.8s;}
.meet-us-close span:nth-child(2) {transform: translate(-50%,-50%) rotate(90deg);transition:0.8s;}

.meet-us-box:hover > .meet-us-content {left:-420px;transition:0.5s;}
.meet-us-box.active .meet-us-content {left:0px;transition:0.5s;}
.meet-us-box.active .meet-us-content:after {opacity:0;transition:0.5s;}

.meet-us-box.active .meet-us-close span:nth-child(1) {transform: translate(-50%,-50%) rotate(-45deg);transition:0.8s;}
.meet-us-box.active .meet-us-close span:nth-child(2) {transform: translate(-50%,-50%) rotate(45deg);transition:0.8s;}



/*---Contact---*/
.company-container {display:flex;flex-wrap:wrap;align-items: flex-start;}
.company-region-list {display:flex;flex-wrap:wrap;flex-basis:200px;align-items: flex-start;}
.company-region-list a {flex-basis:100%;color:#5e6a2c;padding:0px 5px 13px 0px;transition:0.5s;}
.company-region-list a.active {color:#c9c4bd;transition:0.5s;}
.company-result-list {flex-basis:300px;}

.result-box {opacity:0;height:0;transition:0.5s;}
.result-box.active {opacity:1;height:initial;transition:0.5s;}

/*---Pin Div---*/
.pin-container-desc {height: 100vh;display: flex;flex-wrap: wrap;align-content: space-between;position:fixed;left:0;top:0;max-width:100%;width:100%;z-index:1;}
.pin-title, .pin-desc {opacity:0;transition:0.5s;z-index:-1;transform: translate(-50px,0px);}
.pin-title.active, .pin-desc.active {opacity:1;transition:0.5s;z-index:2;transform: translate(0px,0px);}

.pin-container-upper, .pin-container-lower {position:relative;width: 100%;max-width: 600px;}
.pin-title {position:absolute;left:0;top:0;}
.pin-container-lower {position:absolute;left:5%;bottom:10%;width:400px;}
.pin-desc {position:absolute;left:0;bottom:0;width:100%;}



/*---Horizontal SCroll---*/
.process-container {padding-top:5%;margin-left:15%;xwidth:4000px;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-item-align: center;align-self: center;xheight: 100vh!important;}
.process-box {display: flex;align-items: flex-start;padding-top:65px;padding-top:65px;}
.process-box-details {margin-left:40px;margin-right:40px;}
.process-box-details-desc {display:flex;flex-wrap:wrap;max-width:400px;margin-top:25px;}
.process-box-details-desc h4 {font-size:20px;line-height:28px;max-width:100px;flex-basis:100px;margin-right:20px;}
.process-box-details-desc p {font-size:17px;line-height:20px;flex-basis:calc(100% - 120px);}

.invest-container {width:5500px;}
.invest-box {display: flex;flex-wrap: wrap;width:100%;}
.invest-box-300 {max-width:300px;width:300px;}
.invest-box-350 {max-width:350px;width:350px;}
.invest-box-400 {max-width:400px;width:400px;}
.invest-box-450 {max-width:450px;width:450px;}
.invest-box-500 {max-width:500px;width:500px;}
.invest-box-600 {max-width:600px;width:600px;}
.invest-box-700 {max-width:700px;width:700px;}
.invest-box-800 {max-width:800px;width:800px;}
.invest-box-900 {max-width:900px;width:900px;}
.invest-box-1050 {max-width:1050px;width:1050px;}
.invest-box-1200 {max-width:1200px;width:1200px;}
.invest-image-200 {max-width: 200px;margin:auto;}
.invest-desc-box {margin-bottom:30px;min-height: 185px;}
.invest-desc-box h6 {font-size: 18px;line-height:26px;margin-bottom: 15px;color:#826b58;font-family: adelle,serif;font-weight:700;}
.invest-desc-box h6.green {color:#5f8a8c;}
.invest-big-title {position: absolute;left: 50%;top: 40%;}


.horizontal-container {width:5500px;}
.horizontal-box {display: flex;flex-wrap: wrap;width:100%;}
.horizontal-box-300 {max-width:300px;width:300px;}
.horizontal-box-350 {max-width:350px;width:350px;}
.horizontal-box-400 {max-width:400px;width:400px;}
.horizontal-box-450 {max-width:450px;width:450px;}
.horizontal-box-500 {max-width:500px;width:500px;}
.horizontal-box-600 {max-width:600px;width:600px;}
.horizontal-box-700 {max-width:700px;width:700px;}
.horizontal-box-800 {max-width:800px;width:800px;}
.horizontal-box-900 {max-width:900px;width:900px;}
.horizontal-box-1050 {max-width:1050px;width:1050px;}
.horizontal-box-1200 {max-width:1200px;width:1200px;}
.horizontal-image-200 {max-width: 200px;margin:auto;}
.horizontal-desc-box {margin-bottom:30px;min-height: 185px;}
.horizontal-desc-box h6 {font-size: 18px;line-height:26px;margin-bottom: 15px;color:#826b58;font-family: adelle,serif;font-weight:700;}
.horizontal-desc-box h6.green {color:#5f8a8c;}
.horizontal-big-title {position: absolute;left: 50%;top: 40%;}



/*---PromoVideo---*/
#promoVideo {position:relative;}
.video-play-cta {width:120px;height:120px;background-color:#ffffff;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;opacity:1;transition:0.5s;}
.video-play-cta span {position: absolute;left: 50%;top: 50%;transform: scale(1) translate(-50%,-50%);color:#826b58;z-index:4;font-size: 24px;}
.video-play-cta:hover {opacity:0.9;transition:0.5s;}



/*---CSR Page---*/
.csr-topic-list {display:flex;flex-wrap:wrap;justify-content: center;text-align: center;gap: 20px;}
.csr-topic-list .topic-box {padding-left:20px;padding-right:20px;margin-bottom:15px;}
.topic-box h2 {color:#f58220;font-size: 5em;}

.csr-post-list {display:flex;flex-wrap:wrap;position:relative;}
.csr-post-box-short {display:flex;flex-wrap:wrap;width: 100%;position:relative;}
.csr-post-list .csr-post-box {flex-basis:100%;display:flex;flex-wrap:wrap;padding:25px 5px;cursor:pointer;}

.csr-post-list .csr-post-box .csr-post-title {flex-basis:calc(70% - 300px);font-weight:700;}
.csr-post-list .csr-post-box .csr-post-image {flex-basis:30%;}
.csr-post-list .csr-post-box .csr-post-date {flex-basis:150px;text-transform:uppercase;}
.csr-post-list .csr-post-box .csr-post-district {flex-basis:150px;}

.csr-post-list .csr-post-box {position:relative;}
.csr-post-list .csr-post-box:after {content:' ';position:absolute;}
.csr-post-list .csr-post-box.inactive {opacity:0.5;transition:0.5s;}
.csr-post-list .csr-post-box.active {opacity:1;transition:0.5s;}

.csr-render-tag-list {display:flex;flex-wrap:wrap;margin-bottom:10px;}
.csr-render-tag-list a {color:#f58220;font-weight:400;}
.csr-render-info-list {margin-bottom:10px;}
.csr-render-content {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;}

.csr-post-box .csr-post-box-render {border-top: 1px solid #c9c4bd;border-bottom: 1px solid #c9c4bd;padding-top: 45px;padding-bottom: 45px;}
.csr-post-box.rendered .csr-post-box-short {display: none;}



.floating-image {position:absolute;left:50%;max-width:25%;}


/*---Post-list---*/
.post-content-wrapper {}
.post-content-section {max-width:500px;margin-bottom:30px;}

.post-content a {color:#f58220;}

.post-breadcrumbs a {font-weight:400;transition:0.5s;}
.post-breadcrumbs a:hover {color:#f58220;transition:0.5s;}

.post-list {display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;}
.post-box {flex-basis:15%;margin-bottom:65px;}
.post-box > * {display: block;font-weight: 400;color:#4d4d4d;}
.post-date {font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-top:25px;margin-bottom:15px;}
.post-title {margin-bottom:15px;font-size: 17px;line-height: 20px;}
.post-desc {font-size:16px;line-height:20px;margin-bottom:20px;}
.post-cta {color:#a08d7d;padding-bottom:2px;position:relative;text-decoration:none;width: fit-content;}
.post-cta:after {content:' ';position:absolute;bottom:0px;left:0px;width:100%;height:2px;background-color:#5f8a8c;}


#newsApp .post-content {font-size: 13px;line-height: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}


#newsApp .post-box.featured-box {text-align:center;}
#newsApp .post-box.featured-box .post-title {font-size:20px;line-height:26px;font-weight:700;max-width: 400px;margin: 0px auto 10px auto;}
#newsApp .post-box.featured-box .post-content {font-size: 15px;line-height: 18px;max-width: 480px;margin: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}


.post-filter-list {display:flex;flex-wrap:wrap;}
.post-filter-list a {color:#666666;padding:10px 0px 10px 0px;margin-right:15px;transition:0.5s;position:relative;}
.post-filter-list a:hover {color:#000000;transition:0.5s;}
.post-filter-list a:after {content: ' ';position: absolute;left: 0;bottom: 0px;height: 4px;width: 0px;background-color: #f58220;transition:0.5s;}

.post-filter-list a.active {color:#000000;}
.post-filter-list a:hover:after, .post-filter-list a.active:after {width:100%;transition:0.5s;}

input#postSearch {padding: 10px;width: 200px;}


.gallery-image-list {display:flex;flex-wrap:wrap;gap: 20px;}
.gallery-image-list .image-box {flex-basis: 100%;}
.gallery-image-list .image-box.image-per-row {flex-basis: 100%;}
.gallery-image-list .image-box.two-column {flex-basis: calc(50% - 10px);}



.post-tag a {color:#f58220;}

.xrow.post-sticky-box {width:100%;}


/*---Masterplan---*/

#concept {background-color:#464547;transition:1s;}
#concept.bck_brown {background-color:#826b58;transition:1s;}
#concept.bck_green {background-color:#5f8a8c;transition:1s;}
#concept.bck_darkbrown {background-color:#464547;transition:1s;}

.master-swiper {height: 100vh;}
.master-swiper .swiper-wrapper {align-items:baseline;transform-origin: bottom;}

.master-swiper .swiper-slide {display: flex;align-items: flex-end;height:100vh;transform-origin: bottom;position:relative;}
.master-swiper .swiper-slide .master-concept-box {height: 50vh;width: 65%;background-size:cover;background-position:center;transition:1s;transform-origin: bottom;}
.master-swiper .swiper-slide-active .master-concept-box {height: 100vh;width: 100%;background-size:cover;background-position:center;transition:1s;transform-origin: bottom;}

.master-swiper .swiper-slide .master-concept-caption {position:absolute;left:-10px;bottom:0;color:#ffffff;transform: rotate(-90deg);transform-origin: bottom left;text-align: right;font-size:16px;line-height:20px;letter-spacing:2px;width:300px;opacity:0;transition:1s;}
.master-swiper .swiper-slide-active .master-concept-caption {opacity:1;transition:1s;}

.master-swiper .swiper-slide-prev {cursor:pointer;display: flex;align-items: flex-end;justify-content: flex-start;}
.master-swiper .swiper-slide-next {cursor:pointer;display: flex;align-items: flex-end;justify-content: flex-end;}



.masterplan-interactive {position:relative;overflow:hidden;}
.masterplan-cta-list {position:absolute;left:5%;top:5%;display:flex;flex-wrap:wrap;max-width:320px;z-index:5;}
.masterplan-cta-list a {padding:3px 12px;font-size:28px;line-height:30px;text-decoration:none;color:#464547;transition:0.5s;}
.masterplan-cta-list a:hover, .masterplan-cta-list a.active {color:#ffffff;transition:0.5s;}

.masterplan-layer {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;transition:0.5s;}
.masterplan-layer.active {opacity:1;transition:0.5s;}
.masterplan-bck {height:100vh;background-size:cover;background-position:center;}

.masterplan-breakdown-box {cursor:pointer;display: flex;flex-wrap: wrap;justify-content: space-between;padding-top:25px;padding-bottom:20px;letter-spacing:1px;position:relative;border-bottom:1px dotted #ffffff;}
.masterplan-breakdown-box .name {color:#826b58;flex-basis: calc(100% - 160px);}
.masterplan-breakdown-box .size, .masterplan-breakdown-box .percent {color:#6d6e71;flex-basis: 80px;text-align:right;}

.masterplan-breakdown-box:hover {border-bottom:1px dotted #826b58;}
.masterplan-breakdown-box.inactive {opacity:0.5;}
.masterplan-breakdown-box.active {opacity:1;}

.masterplan-popup {position:absolute;left:5%;bottom:-45%;z-index:3;transition:0.5s;}
.masterplan-popup .masterplan-popup-box {background-color: #ffffff;padding: 0px;max-width: 270px;}
.masterplan-popup .masterplan-popup-box .desc {padding:20px 15px;}
.masterplan-popup .masterplan-popup-box .desc .line {height:3px;width:100%;margin-bottom:10px;background-color:#6d6e71;}
.masterplan-popup .masterplan-popup-box .desc h5 {font-size:18px;font-weight:700;}
.masterplan-popup .masterplan-popup-box .desc p {font-size:16px;line-height:20px;margin-bottom:0px;}
.masterplan-popup .masterplan-popup-box .image {padding-bottom: 100%;background-size:cover;background-position:center;}

.masterplan-popup.active {bottom:0%;transition:0.5s;}

/*
.masterplan-breakdown-box .floating-image {position:absolute;left:25%;top:50%;transform:translate(0%,-50%);z-index:2;max-width:200px;opacity:0;transition:0.4s;}
.masterplan-breakdown-box .floating-image.active {opacity:1;transition:0.4s;}
*/

.masterplan-breakdown-list {position:relative;}
.masterplan-breakdown-list .floating-image {position:absolute;left:25%;top:50%;transform:translate(0%,-50%);z-index:2;width:100%;max-width:200px;opacity:0;pointer-events:none;}
.masterplan-breakdown-list .floating-image.active {opacity:1;}


/*---Team Swiper---*/
.team-swiper .swiper-button-next {position: absolute;left: 52%;top: 93%;transform: translate(-50%,-50%);width: 50px;height: 50px;}
.team-swiper .swiper-button-prev {position: absolute;left: 8%;top: 15%;transform: translate(-50%,-50%);width: 50px;height: 50px;}
.team-swiper .swiper-button-next:after, .team-swiper .swiper-button-prev:after {display:none;}

.team-member-box {max-width:480px;}
.team-member-box p {font-size: 16px;}
.team-member-box .member-header {margin-bottom:25px;}
.team-member-box .member-content ul {margin-left:0px !important;}
.team-member-box .member-content ul li {list-style:none;margin-bottom:20px;}
.team-member-box .member-content ul li:before {content: ' ';display: block;width: 30px;height: 2px;background-color: #f58220;margin-bottom: 10px;}
.team-member-box .member-content-cta-extend {height: 30px;display:none;}

.team-member-box.hidden .member-content-cta-extend {display:block;}
.team-member-box.hidden .member-content ul li:nth-child(n+3) {display:none;}



.team-member-portrait-box .member-content ul {margin-left:0px !important;}
.team-member-portrait-box .member-content ul li {list-style:none;margin-bottom:20px;}
.team-member-portrait-box .member-content ul li:before {content: ' ';display: block;width: 30px;height: 2px;background-color: #f58220;margin-bottom: 10px;}
.team-member-portrait-box .member-content-cta-extend {height: 30px;display:none;}

.team-member-portrait-box.hidden .member-content-cta-extend {display:block;}
.team-member-portrait-box.hidden .member-content ul li:nth-child(n+3) {display:none;}



/*---Green Financing---*/
.static-box {padding-bottom: 45px;margin-bottom: 45px;max-width: 400px;border-bottom: 1px solid #666666;}
.static-box-none-border {border-bottom:0px;}


.green-financing-cta-list {display: flex;flex-wrap: wrap;}
.green-financing-cta-list a {color:#808d52;flex-basis:50%;font-weight:400;display: flex;flex-wrap: wrap;margin-bottom:20px;}
.green-financing-cta-list a img {display:block;width:36px;height:36px;max-width:36px;flex-basis:36px;}
.green-financing-cta-list a span {flex-basis:calc(100% - 36px);padding-left:15px;padding-right:20px;font-size: 16px;line-height: 21px;}


/*---Corporate Governance---*/
.cg-accordion-box {position:relative;border-bottom:1px solid #000000;}
.cg-accordion-box .cg-accordion-header {cursor:pointer;position:relative;flex-basis:100%;padding:20px 50px 20px 0px;font-size: 24px;line-height: 28px;}
.cg-accordion-box:not(.pdf-single) .cg-accordion-header h5 {color:#000000;margin-bottom:0px;}
.cg-accordion-box:not(.pdf-single) .cg-accordion-header:after {content:' ';border: solid black;border-width: 0 1px 1px 0;display: inline-block;padding: 7px;position: absolute;top: 22px;right: 5px;transform:rotate(45deg);transition:0.5s;}
.cg-accordion-box:not(.pdf-single).active .cg-accordion-header:after {transform:rotate(225deg);transition:0.5s;}

.cg-accordion-box .cg-accordion-content {padding-top:20px;padding-bottom:30px;display:none;}
.cg-accordion-box .cg-accordion-content .cg-accordion-content-extra {margin-top:20px;}
.cg-accordion-header .cg-pdf-box {display:block;font-weight:700;}

.cg-accordion-box .cg-accordion-header.cg-pdf-box {font-weight:700;}

.cg-pdf-list {display: flex;flex-wrap: wrap;max-width:800px;}
.cg-pdf-box {display:block;position:relative;flex-basis:100%;border-bottom:1px solid transparent;padding:15px 50px 15px 0px;font-weight:400;transition:0.5s;}
.cg-pdf-box:hover {border-bottom:1px solid #000000 !important;font-weight:700;transition:0.5s;}
.cg-pdf-box:after {content:'view';font-weight:700;position:absolute;top:50%;right:0px;transform:translate(0px,-50%);opacity:0;transition:0.5s;}
.cg-pdf-box:hover:after {opacity:1;transition:0.5s;}
.cg-pdf-box:last-child {border-bottom:0px;}

.cg-committee-list {display:flex;flex-wrap:wrap;gap: 20px;}
.cg-committee-box {flex-basis:200px;margin-bottom:20px;}
.cg-committee-box .cg-committee-box-image {aspect-ratio:1;background-color:#666666;margin-bottom:15px;}
.cg-committee-box .cg-committee-box-name {font-weight: 700;color:#000000;margin-bottom:5px;}
.cg-committee-box:nth-child(n+7) {display: none;}
.cg-committee-list.show-all .cg-committee-box:nth-child(n+7){display:block;}


/*---Gravity---*/
.gform_body * {color:#4d4d4d;font-weight:400;}
.gform_required_legend {display: none;}
.gform_body input, .gform_body select, .gform_body textarea {border-radius:0px !important;padding:15px 0px !important;margin-top: 0px !important;border-left:0px !important;border-top:0px !important;border-right:0px !important;border-bottom:1px solid #4d4d4d !important;}
.gform_body input::placeholder, .gform_body select::placeholder, .gform_body textarea::placeholder {color:#737373;}
.gform_body select {background-color:transparent !important;}
.gform_footer {padding-top: 0px !important;margin-top: 0px !important;}
.gform_button[type="submit"] {margin-top:30px;background-color: #ffffff;color: #4d4d4d;position: relative;transition: 0.5s;border: 2px solid #e7873c;padding: 6px 12px;position: relative;text-decoration: none;width: fit-content;font-size:20px;}
.gform_button[type="submit"]:hover {background-color:#e7873c;color:#ffffff;}
.gchoice label {color: #4d4d4d;vertical-align: top !important;}
.gform_legacy_markup_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label {font-weight:400 !important;}
.validation_message {padding: 0px !important;font-size: 10px !important;margin: 0px !important;}
.gform_validation_errors.validation_error {display: none !important;}
.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: transparent !important;margin-bottom: 0px !important;border-top: 0px solid #4d4d4d !important;border-bottom: 0px solid #c89797 !important;padding-bottom: 0px !important;padding-top: 0px !important;margin-top: 0px !important;}
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-top: 0px !important;}





/*---Footer---*/
footer {overflow-x: hidden;}
footer .footer-container {padding: 15px 5% 15px 5%;border-top:1px solid #c9c4bd;}
footer a, footer p {display:block;font-size:18px;margin-bottom:0px;text-decoration:none;}
footer a {color:#6d6e71;font-weight:400;text-transform:initial;}
footer a:hover {color:#826b58;}
.footer-widget {margin-bottom:25px;}
.footer-small-col {max-width: 150px;}
.footer-title {margin-bottom: 10px;}
.footer-cta {margin-top:10px;margin-bottom:10px;}
.footer-logo {max-width:150px;}
.footer-tnc-list {display:flex;flex-wrap:wrap;justify-content:flex-end;gap: 20px;column-gap: 20px;}
.footer-tnc-list a {color:#4c4c4c;}


/*---Responsive---*/
@media only screen and (min-width:901px) {
    .hideinmobile {display:block;}
    .hideindesktop {display:none;}
}



.panel {width: 100%;min-height: 100vh;position: relative;box-sizing: border-box;}

@media only screen and (max-width:1366px) {
    p, li {font-size: 15px;line-height: 22px;}
    h1 {font-size: 6em;}
    h2 {font-size: 3em;}
}


@media only screen and (max-width: 1023px) {
    .anchor-float-cta-list {justify-content: initial;align-items: center;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .is-sticky {top:50px;}
}


@media only screen and (max-width:900px) {
    .m_order1 {order:1;}
    .m_order2 {order:2;}
    
    .panel {min-height: initial;}
    .padall5 {padding: 30px !important;}
    
    .mheight50 {min-height:50vh !important;}
    .m_lfpadreset {padding-left:0px !important;padding-right:0px !important;}

    #pageContent {padding-top:60px;}
    .hideinmobile {display:none;}
    .hideindesktop {display:block;}
    
    div#headerMenuSlide {padding: 30px 30px 50px 0px;}
    .menu-cta a {padding: 0px 10px;font-size: 12px;}
    
    .mobilenoparallax {background-attachment:unset !important;height:400px !important;background-size: cover !important;padding-bottom: 0px !important;}
    .anchor-float {max-width:initial;}
    
    
    h1 {font-size: 4.5em;}
    h2, h2.small {font-size: 2em;}
    h5 {font-size: 22px;}

    h2.rs-layer {font-size: 3.5em !important;line-height: 1em !important;}
    h5.rs-layer {font-size:22px !important;line-height:26px !important;}
    
    div#headerMenuSlide {width:100%;right: -101%;}
    div#registerSlide {padding-top:30px !important;height: 0%;top: -101%;padding-left: 15px !important;padding-right: 15px !important;max-width: 100% !important;width: 100% !important;}
    div#registerSlide.active {height:100%;}
    
    .pin-container-desc {display: none !important;}
    
    .career-filter-group-left {width:100%;}
    .career-filter-container .button-group {width:100%;margin-right:0px !important;margin-bottom:15px;}
    .career-filter-container .select2-container {width: 100% !important;}
    
    .career-header {display:none;}
    .career-header-position, .career-job-position {flex-basis:100%;}
    .career-header-area, .career-job-area {flex-basis:100%;}
    .career-header-requirements, .career-job-requirements {flex-basis:100%;}
    .career-header-location, .career-job-location {flex-basis:100%;}
    .career-header-closing-date, .career-job-closing-date {flex-basis:100%;}
    
    .career-job-position {font-size: 20px;margin-bottom:5px;}
    .career-job-requirements {margin-top:10px;order:5;}
    
    
    .csr-post-list .csr-post-box .csr-post-title {flex-basis: 100%;margin-bottom:5px;}
    .csr-post-list .csr-post-box .csr-post-date {flex-basis: 100%;}
    .csr-post-list .csr-post-box .csr-post-district {flex-basis: 100%;}
    
    
    .post-list {gap:10px;}
    .post-box {flex-basis:calc(50% - 10px);}
    
    .masterplan-bck {height:630px;}
    .footer-small-col {max-width: 100%;}
    .menu-logo {max-width:115px;}
    
    .hoverroll-button-container {height: 600px;}
    .hoverroll-button-list {left: 5%;top: initial;bottom: 5%;transform: initial;max-width: 200px;justify-content: flex-start;}
    .hoverroll-button-list a {flex-basis: 100%;max-width: fit-content;}

    
    .masterplan-popup {width: 100%;left:0;border-bottom: 2px solid #6d6e71;}
    .masterplan-popup .masterplan-popup-box {display: flex;flex-wrap: wrap;max-width: 100%;width: 100%;}
    .masterplan-popup .masterplan-popup-box .desc {flex-basis: 50%;}
    .masterplan-popup .masterplan-popup-box .image {padding-bottom: 130px;width: 100%;flex-basis: 50%;}
    .masterplan-popup .masterplan-popup-box .desc h5 {font-size: 14px;margin-bottom: 5px;}
    .masterplan-popup .masterplan-popup-box .desc p {font-size: 13px;}
    .masterplan-cta-list a {font-size:24px;}
    
    .master-swiper .swiper-slide-next {justify-content: center;}
    
    .master-swiper {height: 400px;}
    .master-swiper .swiper-slide {height:400px;}
    .master-swiper .swiper-slide .master-concept-box {height: 200px;}
    .master-swiper .swiper-slide-active .master-concept-box {height: 400px;}

    .team-swiper .swiper-button-prev {left: 30px;right: initial;top: 25%;bottom: initial;width: 36px;height: 36px;}

    .team-swiper .swiper-button-next {left: initial;right:0px;top: 5%;width: 36px;height: 36px;}

    .invest-big-title {position: absolute;left: 8%;top: initial;bottom: 8%;}
    
    .footer-logo {margin: 0px auto 20px auto;}
    .footer-tnc-list {justify-content: center;}
    
    .mobile-pin-padding {padding: 15% 5% 15% 5%;}
    .mobile-pin-padding h2 {margin-bottom:45px;}
    
    .mobile-process-300 {max-width:300px !important;}
    .mobile-process-450 {max-width:400px !important;}
    .mobile-process-750 {max-width:650px !important;}
    
    
    .invest-box-400 {max-width:300px;}
    .invest-box-500 {max-width:400px;}
    .invest-box-600 {max-width:500px;}
    .invest-box-800 {max-width:700px;}
    .invest-box-1200 {max-width:1000px;}
    
    .horizontal-box-400 {max-width:300px;}
    .horizontal-box-500 {max-width:400px;}
    .horizontal-box-600 {max-width:500px;}
    .horizontal-box-800 {max-width:700px;}
    .horizontal-box-1200 {max-width:1000px;}
    
    .image-grid-swiper .swiper-wrapper, .image-grid-swiper .swiper-slide {padding-left:0px;padding-right:0px;}
    
    .photo-with-cap {position: relative;padding: 20px;}
    .photo-cap-box {position: initial;left: initial;top: initial;transform: initial;transform-origin: initial;}
    .photo-cap-box p {transform: initial;margin-bottom: initial;}
    
    .team-info-swiper .swiper-button-next {padding-right:5px !important;}
    .team-info-swiper .swiper-button-prev {padding-left:5px !important;}
    .team-member-box {padding-left: 35px;padding-right: 35px;}
    
    .image-grid-swiper .swiper-button-next img, .image-grid-swiper .swiper-button-prev img {max-width: 32px !important;}
    .team-info-swiper .swiper-button-next img, .team-info-swiper .swiper-button-prev img {max-width: 32px !important;}
    
    
    .company-region-list a {font-size:14px;padding: 5px 5px 5px 0px;}
    .company-region-list {flex-basis: 100px;}
    .company-result-list {flex-basis: calc(100% - 100px);min-height:300px;}
    
    .csr-render-content {height:115px;}
    
    .post-space {height:50px !important;}
    
    .anchor-float a {padding: 12px;}
    .anchor-float.is-sticky {top: 70px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;}

    .m-static-box-withborder {border-bottom: 1px solid #666666;}
    .green-financing-cta-list a {flex-basis:100%;}
    
    .esg-icons-list {row-gap:10px;column-gap:10px;}
    .esg-icons-list img {flex-basis:80px;width:80px;}
    
    .cg-committee-box {flex-basis: 155px;}


}