.lbl-note {text-align:left; font-family:var(--font-family-body); color:var(--color-black); font-size:var(--font-sm); margin-bottom:var(--spacing-sm);}
body {background-color:var(--color-lightsilver);}
.sec0 h1 {text-align:center; color:var(--color-dark); left:0; top:calc(50% - 10vw); width:100%;}
.sec0 h1 span {font-size:calc(var(--font-x-lg) - 55%); color:var(--colr-black); opacity:0.6;}
.sec2 {overflow:hidden; position:relative;}
.sec2 .sec-prlx {background-image:url(../img/kandal-stueng/banner_sec2.webp);}
.sec2 .sec-prlx {overflow:hidden; position:relative;}
.sec2 .content {text-align:center; font-size:var(--font-body); margin:0px auto; display:block; padding-top:var(--spacing-lg); padding-bottom:var(--spacing-lg); background-color:var(--color-lightsilver);}
.sec2 .content h2 {text-align:center; font-family:var(--font-family-heading); color:var(--color-dark); font-size:var(--font-lg); margin-bottom:var(--spacing-sm); text-transform:none;}
.sec2 .content h3 {color:var(--color-black); font-family:var(--font-family-heading); white-space:nowrap; font-size:calc(var(--font-sm) * 2); text-transform:none; white-space:normal;}
.sec2 .content p {margin-bottom:calc(var(--spacing-sm) * 1.5);}
.sec2 .content img {display:block; width:1.9vw; height:auto; margin:0 auto; margin-bottom:var(--spacing-sm);}
.sec2 .content ul {display:flex; flex-direction:row; gap:2vw;}
.sec2 .content ul li {width:100%; text-align:center;}
.sec2 .content .list-icn {width:30%; margin-bottom:1.5vw; text-align:center; margin-left:auto; margin-right:auto;}
.sec3 {width:100%; display:inline-block; background:var(--color-white);}
.sec3 .content {width:100%; padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-lg) var(--spacing-sm); display:inline-block;}
.sec3 .content .cnt-banner {margin-bottom:var(--spacing-md);}
.sec3 .cnt-title {margin-bottom:var(--spacing-sm); width:45%; float:left; margin-left:auto; margin-right:auto; display:block; padding-top:var(--spacing-sm);}
.sec3 .cnt-title h2 {font-family:var(--font-family-heading); text-transform:none; text-align:left; font-size:var(--font-lg); color:var(--color-dark); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw); width:100%; float:left;}
.sec3 .cnt-title h2 span {color:var(--color-lightgold);}
.sec3 .cnt-title p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-white); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw);}
.sec3 .content ul h3 {color:var(--color-dark); font-family:var(--font-family-heading); font-size:calc(var(--font-body) * 1.5); text-transform:none; -ms-transform:translateY(-0.5vw); -webkit-transform:translateY(-0.5vw); transform:translateY(-0.5vw); line-height:1.2; text-align:left;}
.sec3 .content p {color:#fff; font-family:var(--font-family-body); font-size:var(--font-body); -ms-transform:translateY(-0.3vw); -webkit-transform:translateY(-0.3vw); transform:translateY(-0.3vw); color:var(--color-black); text-align:left;}
.sec3 .content .cnt-list {width:50%; margin-left:5%; float:right;}
.sec3 .content ul li {display:inline-block; width:100%; padding:0 1vw; padding-left:13%; text-align:center; position:relative; margin-bottom:var(--spacing-sm);}
.sec3 .content ul li img {width:10%; position:absolute; top:0; left:0; text-align:center; margin-left:auto; margin-right:auto;}
.sec4 {width:100%; padding-bottom:var(--spacing-lg); background:var(--color-white); padding:0 var(--spacing-sm); display:block; padding-bottom:var(--spacing-lg);}
.sec4 h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-md); color:var(--color-dark); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw); margin-bottom:var(--spacing-sm); text-align:center;}
.sec4 .cnt-row {margin-bottom:var(--spacing-lg);}
.sec4 .cr-2, .sec4 .cr-3 {margin-bottom:0; display:flex; align-items:center; justify-content:center; flex-direction:row;}
.sec4 .cnt-row.cr-1 {margin-left:var(--spacing-lg); margin-right:var(--spacing-lg); width:40%; float:right; position:relative;}
.sec4 .cnt-img {width:49%; display:inline-block; border-right:5px solid var(--color-lightgold);}
.sec4 .cr-2 .cnt-img, .sec4 .cr-3 .cnt-img {width:100%;}
.sec4 .cnt-row.cr-3 .cnt-img {border-right:0; border-left:5px solid var(--color-lightgold); width:calc(100% + 10px);}
.sec4 .cnt-desc {width:100%; display:inline-block; vertical-align:top;}
.sec4 .cr-1 .cnt-desc {margin-left:35%; margin-top:10%;}
.sec4 .cr-2 .cnt-desc, .sec4 .cr-3 .cnt-desc {display:block;}
.sec4 .cnt-desc .inner {width:20vw; margin-left:auto; margin-right:auto;}
.sec4 .cr-3 .cnt-desc .inner {width:24vw;}
.sec4 .cnt-row.cr-1 .img-abs {position:absolute; right:75%; top:25%;}
.sec4 .cnt-desc h3 {margin-bottom:var(--spacing-xs); display:inline-block; font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-md); color:var(--color-dark); line-height:1;}
.sec4 .cr-3 .cnt-desc h3 {text-align:left; display:block;}
.sec4 .cnt-desc ul {list-style-type:unset; padding-left:20px; display:block; padding-right:18px;}
.sec4 .cnt-desc li {width:100%; display:revert; font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-black); line-height:1.5;}
.sec4 .grow-wrapper {overflow:hidden;}
.sec5, .sec5 .cnt-wrapper, .sec5 .inner {width:100%; background-color:var(--color-cream); min-height:82vw;}
.sec5 .bg {object-fit:cover; width:100%; height:auto; position:absolute; top:0; left:0;}
.sec5 .map {position:absolute; top:10vw; right:0; width:60%; overflow:visible;}
.sec5 .gateway-content {width:40%; color:#fff; z-index:150; height:100%; z-index:1;}
.sec5 .gateway-content .cnt-wrap {margin-bottom:50px; padding-top:10vw; padding-left:25%;}
.sec5 .title-sm, .sec5 .title-md, .sec5 .txt-body {display:block; color:var(--color-lightgreen);}
.sec5.js-active .title-sm {opacity:0.5; transition-delay:0.6s;}
.sec5 .title-sm {font-family:var(--font-family-body); font-size:var(--font-sm); margin-bottom:0.8vw; opacity:0; -webkit-transition-duration:0.6s; transition-duration:0.6s; transition-delay:0s;}
.sec5.js-active .title-md {opacity:1; transition-delay:0.8s; -ms-transform:translateX(0vw); -webkit-transform:translateX(0vw); transform:translateX(0vw);}
.sec5 .title-md {font-family:var(--font-family-heading); font-size:var(--font-md); line-height:2.5vw; color:var(--color-dark); opacity:0; -webkit-transition-duration:1s; transition-duration:1s; transition-delay:0s; -ms-transform:translateX(5vw); -webkit-transform:translateX(5vw); transform:translateX(5vw); text-align:right;}
.sec5.js-active .txt-body {opacity:1; transition-delay:0.8s; -ms-transform:translateX(0vw); -webkit-transform:translateX(0vw); transform:translateX(0vw);}
.sec5 .txt-body {font-size:var(--font-body); line-height:1.5vw; margin-bottom:3vw; padding-top:2.3vw; opacity:0; -webkit-transition-duration:1s; transition-duration:1s; transition-delay:0s; -ms-transform:translateX(5vw); -webkit-transform:translateX(5vw); transform:translateX(5vw); color:var(--color-dark);}
.sec5.js-active .txt-body {opacity:1; transition-delay:0.8s; -ms-transform:translateX(0vw); -webkit-transform:translateX(0vw); transform:translateX(0vw);}
.sec5.js-active .gateway-slider {opacity:1; transition-delay:0.5s;}
.sec5 .gateway-slider {opacity:0; -webkit-transition-duration:0.6s; transition-duration:0.6s; transition-delay:0s; z-index:999;}
.sec5 .gateway-slider img {width:100%; height:auto; visibility:visible;}
.gateway-slider {background-color:var(--color-softdarkgreen); color:#fff; margin-bottom:0 !important; padding-bottom:20px;}
.gateway-slider .slide h2 {font-size:10vw; line-height:1; padding-top:0; text-transform:uppercase; padding-left:var(--spacing-sm); display:inline-block; font-family:var(--font-family-heading);}
.gateway-slider .slide span {font-size:2vw; font-weight:lighter; display:inline-block; font-family:var(--font-family-heading); text-transform:none;}
.gateway-slider .slide p {font-size:1vw; padding-left:1vw; display:inline-block; line-height:1; width:55%; line-height:1.3; font-weight:lighter;}
.gateway-slider .slick-prev, .gateway-slider .slick-next {top:15% !important;}
.gateway-slider .slick-next {right:7%;}
.gateway-slider .slick-prev {left:80%; z-index:2;}
.gateway-slider .slick-next:before, .gateway-slider .slick-prev:before {width:3vw; height:3vw; background-size:100%; background-repeat:no-repeat; background-position:center;}
.gateway-slider .slick-next:before {background-image:url(../img/teaser/right-chevron.svg);}
.gateway-slider .slick-prev:before {background-image:url(../img/teaser/left-chevron.svg);}
.sec5 .tab__content {position:relative;}
.sec5 .tab__content .img-abs {position:absolute; top:0; left:0;}
.sec5 .tab__content-item {display:none;}
.sec5 .tab__content .tab__content-item.is--active {display:flex;}
.sec5 .tab__content .tab__content-item.is--active img {animation:hotspotfadeIn 1s;}
.tab__list {display:flex; gap:0px; flex-direction:column; position:absolute; top:30%; right:0; width:10vw; z-index:3; padding:0;}
.all_locations {}
.tab__item {width:100%; border:none; color:#020617; background-color:#f0f8ff; border-radius:30px 0 0 30px; font-weight:500; padding:5px 15px; cursor:pointer; transition:background-color 0.3s ease; font-size:var(--font-body); text-align:left;}
.tab__item[content-id="medical"] {background-color:#aab9b7;}
.tab__item[content-id="education"] {background-color:#505e59;}
.tab__item[content-id="residences"] {background-color:#c1b19e;}
.tab__item[content-id="retail"] {background-color:#d3d0c8;}
.tab__item[content-id="resort-hotel"] {background-color:#b1ceb9;}
.tab__item:hover, .tab__item.active, .tab__item.is--active {background-color:var(--color-lightgold); color:var(--color-white);}
.sec5 .content {display:none;}
.sec5 .content.is--active {display:flex;}

@media (min-width: 1500px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width:1440px;}
}

@media (max-width: 1023px) {
.flex-container {display:flex; flex-direction:column; gap:3vw; padding-left:0; padding-right:0;}
.sec0 {background-image:url(../img/teaser/mob_comp2_bg.webp); background-size:cover;}
.sec0 h1 {text-align:center; left:0; top:calc(50% - 30vw); width:100%;}
.glass-case {position:relative; height:auto !important; width:100% !important; margin-left:0; border:1px solid rgba(000, 000, 000, 0.2); overflow:hidden;}
.glass-case img {height:100vh !important; width:auto !important;}
.gc-display-area {border:none !important; background-color:transparent !important; overflow:hidden !important;}
.sm-zoom-img .gc-display-container, .sm-zoom-img .gc-overlay-left-icons, .sm-zoom-img .gc-overlay-right-icons {display:none !important;}
.sec2 .content ul {flex-direction:column; gap:3vw;}
.sec2 .content ul li {width:100%; text-align:center;}
.sec2 .content h3 {font-size:calc(var(--font-sm) * 1.3);}
.sec2 .content .list-icn {width:15vw; margin-bottom:var(--spacing-sm);}
.sec3 .content {padding:var(--spacing-lg) 6vw;}
.sec3 .cnt-title {width:100%;}
.sec3 .content .cnt-list {width:100%; margin-left:0;}
.sec3 .content .cnt-list ul {display:inline-flex; flex-direction:row; gap:5vw; flex-wrap:wrap; align-items:baseline; justify-content:left;}
.sec3 .content ul li {width:45%; margin-bottom:var(--spacing-sm); padding-left:0;}
.sec3 .content ul h3 {font-size:calc(var(--font-sm) * 1.3);}
.sec3 .content ul li img {width:15vw; margin:0; position:unset; margin-bottom:var(--spacing-sm);}
.sec4, .sec4 .container {padding:0; max-width:100%;}
.sec4 {padding-bottom:var(--spacing-lg); overflow-x:hidden;}
.sec4 .cnt-row {gap:0vw;}
.sec4 .cr-2, .sec4 .cr-3 {margin-bottom:0;}
.sec4 .cnt-row.cr-1 {margin-left:0; margin-right:0; width:60%;}
.sec4 .cnt-img {width:50%;}
.sec4 .cr-1 .cnt-desc {margin-left:10%; margin-top:65%;}
.sec4 .cnt-desc .inner {width:auto; margin-left:3vw; margin-right:3vw;}
.sec4 .cr-3 .cnt-desc .inner {width:auto;}
.sec4 .cnt-row.cr-1 .img-abs {right:75%; width:101%;}
.sec4 .cnt-desc ul {padding-left:4vw; padding-right:0;}
.sec4 .cnt-desc li {line-height:1.2; font-size:calc(var(--font-body) * 0.8);}
.sec5 {overflow-x:hidden;}
.sec5, .sec5 .cnt-wrapper, .sec5 .inner {padding-left:0 !important; min-height:0; padding-right:0 !important;}
.sec5 .bg {top:unset; bottom:0;}
.sec5 .map {position:unset; width:100%;}
.sec5 .gateway-content {width:100%; display:flex; flex-direction:column; gap:5vw; margin-bottom:var(--spacing-md);}
.sec5 .gateway-content .cnt-wrap {margin-bottom:0; margin-top:10vw; padding-left:6vw; padding-right:6vw; display:inline-block;}
.sec5 .title-sm, .sec5 .title-md, .sec5 .txt-body {line-height:1.3; text-align:left; -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0);}
.sec5.js-active .title-md {opacity:1;}
.sec5 .title-md {opacity:1;}
.sec5 .txt-body {opacity:1;}
.sec5 .gateway-slider {opacity:1; padding:6vw 0;}
.gateway-slider .slide h2 {font-size:20vw;}
.gateway-slider .slide span {font-size:5vw; font-weight:lighter; display:inline-block; font-family:var(--font-family-heading); text-transform:none;}
.gateway-slider .slide p {font-size:3vw; line-height:1.2;}
.slick-list {width:90vw; margin:0 auto;}
.slick-dots {display:none !important;}
.gateway-slider .slick-prev:before, .gateway-slider .slick-next:before {width:7vw; height:7vw;}
.gateway-slider .slick-prev, .gateway-slider .slick-next {top:18% !important;}
.gateway-slider .slick-next {right:8%;}
.gateway-slider .slick-prev {left:78%;}
.tab__content-wrapper {position:relative; order:2;}
.tab__list {order:1; position:unset; width:100%;}
.tab__list.flex-box {display:flex; flex-direction:column; margin-bottom:var(--spacing-sm); gap:0.5vw;}
.tab__list.flex-box .tab__item {order:1; text-align:center; position:relative; background:#fff; padding:3vw; font-size:var(--font-body); color:var(--color-dark); border-radius:0;}
.tab__list.flex-box .tab__item.is--active {order:0; color:var(--color-lightgold);}
.tab__list.flex-box .tab__item.is--active:after {width:1px; height:1px; border:5px solid transparent; border-top:5px solid #555; content:""; position:absolute; right:1.5em; top:1.3em; z-index:9999;}
.tab__list.flex-box .tab__item:not(.is--active) {position:absolute; top:-999em;}
.tab__list.flex-box.expanded .tab__item.is--active:after {border-top-color:transparent; border-bottom-color:#555; top:1em;}
.tab__list.flex-box.expanded .tab__item:not(.is--active) {position:relative; top:auto;}
.tab__item.view-all:hover, .tab__item.view-all.is--active {color:var(--color-lightgold); background:#fff;}
.tab-wrap {display:flex; flex-direction:column; gap:2vw; min-height:65em; padding:0 6vw;}
.tab__content {order:2; overflow-x:scroll; min-height:unset; margin-bottom:0;}
.tab__content img {width:100%; height:auto;}
.all_locations {visibility:visible;}
.tab__item[content-id="medical"].is--active {background-color:#aab9b7; color:#fff !important;}
.tab__item[content-id="education"].is--active {background-color:#505e59; color:#fff !important;}
.tab__item[content-id="residences"].is--active {background-color:#c1b19e; color:#fff !important;}
.tab__item[content-id="retail"].is--active {background-color:#d3d0c8; color:#fff !important;}
.tab__item[content-id="resort-hotel"].is--active {background-color:#b1ceb9; color:#fff !important;}
._iconpan {width:10vw; bottom:-10vw; left:calc(50% - 5vw); -webkit-animation:hotspotfadeIn 2s linear infinite; -moz-animation:hotspotfadeIn 2s linear infinite; -ms-animation:hotspotfadeIn 2s linear infinite; -o-animation:hotspotfadeIn 2s linear infinite; animation:hotspotfadeIn 2s linear infinite;}
}

@media (max-width: 479px) {
.tab-wrap {min-height:32em;}
}