@charset "UTF-8"; 
body {background:linear-gradient(180deg, #0a7590 50%, #0b7590 50%); transition:all; position:relative; z-index:2;}
body::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/facilities/bg-circle.webp); mix-blend-mode:luminosity; background-size:cover; background-repeat:no-repeat; z-index:1;}
.hero-cnt h1 {font-size:calc(var(--font-size-lg)*0.9);}
.no-margins {margin:0 !important;}
.hero-cnt .figcnt {height:calc(var(--hero-cnt-height) * 0.9);}
.bg-flare-1 {position:absolute; top:-13%; left:-50%; z-index:2; width:100%;}
h4 {margin-bottom:calc(1rem + 0.5vw); text-transform:unset;}
.note-wrap {padding:2%;}
.sec-1 .row_padding_top {padding-top:calc(var(--vertical-height) * 0.5);}
.parallax-element-1 {position:relative; width:95%; max-width:100%; margin-top:0%; float:left; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:5%; z-index:2;}
.parallax-element-1 h4 {text-transform:unset;}
.parallax-element-1 .img-wrapper {width:50%;}
.parallax-element-1 .bca-cnt {width:50%; margin:0 auto; padding-left:12%; margin-top:0; padding-bottom:6vw; z-index:999; position:relative; text-align:center;}
.parallax-element-1 .has-opacity {font-size:var(--font-body);}
.parallax-element-2 {width:95%; max-width:100%; margin-top:0; float:right; margin-right:5%; position:relative; z-index:1; transform:translate(0, -10vw); display:flex; flex-direction:row; gap:5%; justify-content:center; align-items:self-start;}
.parallax-element-2 .grow-wrapper {width:60%;}
.parallax-element-2-cnt {padding-left:0; margin-top:calc(var(--vertical-height) * 0.7); text-align:center; width:40%;}
.parallax-element-2 svg {position:absolute; bottom:-15%; width:25%; right:-10%;}
#line-path-2 {position:absolute; top:10%; width:25%; left:-5%;}
#line-path-3 {position:absolute; width:20vw; right:-10%; top:25%;}
#path-4 {position:absolute; left:-5%; bottom:-25%; width:15vw;}
.sliderContainer {position:relative;}
.slider {width:100%; margin:0;}
.slick-slide {color:white; padding:0; font-size:30px; font-family:"Arial", "Helvetica"; text-align:center;}
.slick-prev:before, .slick-next:before {color:black;}
.slick-dots {bottom:-30px;}
.slick-slide:nth-child(odd) {}
.progressBarContainer {position:absolute; bottom:0; width:100%; left:0;}
.progressBarContainer div {display:block; width:100%; padding:0; cursor:pointer; margin-right:0; float:none; color:white;}
.progressBarContainer div:last-child {margin-right:0;}
.progressBarContainer div span.progressBar {width:100%; height:1px; background-color:rgba(255, 255, 255, 0.4); display:block;}
.progressBarContainer div span.progressBar .inProgress {background-color:var(--color-yellow); width:0%; height:1px;}
.slider__counter {position:absolute; bottom:2%; right:2%; color:var(--color-white); font-size:calc(var(--font-body) * 1); left:unset; text-align:right;}
.current-slide {font-size:calc(var(--font-body)*1.5);}
.divider {margin:0 4px;}
.sec1 {position:relative; top:0; left:0px; width:100%; height:55.2vw; overflow:hidden;}
.sec1.siteplan-main {height:85.2vw;}
.sec1 h1 {margin-bottom:1.1vw;}
.sec1 ul li {position:absolute;}
.sec1.siteplan-main .elm1 {top:12.9vw; left:-1vw; width:15.4vw;}
.sec1.siteplan-roof .elm1 {position:absolute; top:0.9vw; right:-2vw; width:15.4vw;}
.sec1 .l_plan {top:5vw; left:0; width:100%; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
.sec1 .l_plan i {display:block; position:absolute; top:0%; left:0%; width:1.4vw; height:1.4vw; cursor:pointer; background-color:#000; opacity:0;}
.sec1 .l_plan img {display:none;}
.sec1 .l_plan img.on {display:block;}
.sec1 .l_plan i {display:block;}
.sec1.side_b {height:63.2vw;}
.sec1.side_b .l_plan i {display:none;}
.sec1.side_b .l_plan .pin_29, .sec1.side_b .l_plan .pin_30, .sec1.side_b .l_plan .pin_G {display:block;}
.sec1.side_b .basemnt {display:none;}
.sec1.side_c {height:56.2vw;}
.sec1.side_c .l_legend {display:none!important;}
.sec1.side_c .l_plan i, .sec1.side_c .l_plan span {display:none!important;}
.sec1 .l_tab {top:5vw; left:12.5%; width:auto; -webkit-transition-duration:0.2s; transition-duration:0.2s;}
.sec1.siteplan-roof .l_tab {position:unset;}
.sec1 .l_tab .btn2 {margin-bottom:0.6vw; width:7.4vw;}
.sec1 .l_tab .btn2 p {line-height:1.1vw; font-size:0.7vw; padding:0.23vw 0.5vw; padding-right:1.5vw;}
.sec1 .l_tab .btn2.on span {width:0%;}
.sec1 .l_tab .btn2.on p {color:#669835; padding-right:1.96vh; padding-left:1.76vh;}
.sec1 .l_tab .btn2.on i {border-right:0vw solid #659834; width:0vw; right:0vw;}
.sec1 .l_legend {position:absolute; top:55vw; left:0; width:100%; -webkit-transition-duration:0.2s; transition-duration:0.2s; display:flex; gap:0; justify-content:space-between; align-items:flex-start; padding:0 4%;}
.sec1.sec1.sec1.siteplan-roof .l_legend {top:50vw}
.sec1 .l_legend_type {width:auto; display:flex; flex-wrap:wrap; justify-content:start; gap:0vw; align-items:self-start;}
.sec1 .l_legend_type.basement {width:12%}
.sec1 .l_legend_type h5 {width:100%; order:1; text-align:left; color:var(--color-cyan-blue); margin-bottom:15px; font-size:calc(1rem + 0.3vw);}
.sec1 .l_legend_type ul {order:2; margin-right:0.35vw;}
.sec1 .l_legend img {position:absolute; top:-0.3vw; left:-4vw; width:3vw; height:auto; display:block;}
.sec1 .l_legend h2 {color:#004274; font-size:1.47vw; text-align:left; margin-bottom:0.7vw;}
.sec1 .l_legend ul.roof {display:none;}
.sec1.side_b .l_legend ul {display:none;}
.sec1.side_b .l_legend ul.roof {display:block;}
.sec1.sec1.siteplan-roof .l_legend ul {display:flex; flex-direction:row; justify-content:center; width:100%; margin:0 auto; gap:1vw;}
.sec1.sec1.siteplan-roof .l_legend ul li {font-weight:600;}
.unbold {font-weight:400;}
.basemnt {position:absolute; bottom:1vw; right:9.4vw; text-decoration:none!important; color:#7495a3; font-size:0.8vw;}
.mobile .basemnt {position:absolute; bottom:-4vw; left:0vw; text-decoration:none!important; color:#7495a3; font-size:2.2vw;}
.sec1 .l_legend ul li {font-weight:600; position:relative; text-align:left; padding-left:1.7vw; margin-bottom:0.85vw; color:var(--color-light-black); font-size:0.85vw; line-height:1.25vw; display:block; width:auto; cursor:pointer; padding-right:0.5vw; -moz-border-radius:20vw; -webkit-border-radius:20vw; -khtml-border-radius:20vw; border-radius:20vw;}
.sec1 .l_legend .l_legend_type.basement ul li i {background-color:var(--color-pink);}
.sec1 .l_legend .l_legend_type.ground ul li i, .sec1 .l_legend li.y i {background-color:var(--color-yellow);}
.sec1 .l_legend .l_legend_type.ancillaries ul li i, .sec1 .l_legend li.p i {background-color:var(--color-red);}
.sec1 .l_legend .water-tank-wrap {padding-right:2.5vw;}
.sec1 .l_legend li .water-tank {position:absolute; width:2vw; height:2vw; display:inline-block; top:0.2vw; right:0; left:auto; background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='2%2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");}
.sec1 .l_legend ul li i {position:absolute; top:0; left:0px; width:1.25vw; height:1.25vw; display:block; -moz-border-radius:20vw; -webkit-border-radius:20vw; -khtml-border-radius:20vw; border-radius:20vw;}
.sec1 .l_legend ul li span {position:absolute; top:0px; left:0px; font-weight:bold; font-size:0.8vw; text-align:center; width:1.25vw; height:1.25vw; line-height:1.3vw; z-index:2; color:#fff;}
.sec1 .l_legend ul.letrs li:nth-child(odd), .sec1 .l_legend ul.letrs li:nth-child(even) {color:#669835;}
.sec1 .l_legend ul li, .sec1 .l_legend ul li i, .sec1 .l_legend ul li span {-webkit-transition-duration:0.2s; transition-duration:0.2s;}
.sec1 .l_legend ul li:hover {}
.sec1 .l_legend ul li:hover i {background-color:#bfbfbf;}
.sec1 .l_legend ul li:hover span {color:#fff!important;}
.sec1 .l_legend ul li.on {}
.sec1 .l_legend ul li.on i, .sec1 .l_legend ul li:hover i {background-color:var(--color-cyan-blue) !important;}
.sec1 .l_legend ul li.on span {color:#fff!important;}
.sec1 .l_plan .sgnl {position:absolute; top:0%; left:0%; width:2.15vw; height:2.15vw; -webkit-transition-duration:0s!important; transition-duration:0s!important; display:block; background-color:#fff; border-radius:100%; border:1px solid var(--color-yellow); display:flex; flex-direction:row; justify-content:center; color:var(--color-blue); align-items:center; font-weight:600;}
.sec1 .l_plan .sgnl u {position:absolute; top:0px; left:0px; width:100%; height:100%; border:1px solid #fff; display:block; animation:ray 0.6s linear infinite; -moz-border-radius:20vw; -webkit-border-radius:20vw; -khtml-border-radius:20vw; border-radius:20vw;}
.sec1 .l_plan .sgnl .u2 {animation:ray2 0.6s linear infinite;}
.sec1 .l_plan .sgnl .u3 {animation:ray3 0.6s linear infinite;}

@keyframes ray {
0% {-ms-transform:scale(0,0); -webkit-transform:scale(0,0); transform:scale(0,0); opacity:0;}
10% {opacity:1;}
100% {-ms-transform:scale(1, 1); -webkit-transform:scale(1, 1); transform:scale(1, 1);}
}

@keyframes ray2 {
0% {-ms-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1);}
100% {-ms-transform:scale(2, 2); -webkit-transform:scale(2, 2); transform:scale(2, 2);}
}

@keyframes ray3 {
0% {-ms-transform:scale(2,2); -webkit-transform:scale(2,2); transform:scale(2,2); opacity:1;}
70% {opacity:1;}
100% {-ms-transform:scale(3, 3); -webkit-transform:scale(3, 3); transform:scale(3, 3); opacity:0;}
}

@keyframes mob_ray {
0% {-ms-transform:scale(0,0); -webkit-transform:scale(0,0); transform:scale(0,0); opacity:0;}
10% {opacity:1;}
100% {-ms-transform:scale(2, 2); -webkit-transform:scale(2, 2); transform:scale(2, 2);}
}

@keyframes mob_ray2 {
0% {-ms-transform:scale(2,2); -webkit-transform:scale(2,2); transform:scale(2,2);}
100% {-ms-transform:scale(4, 4); -webkit-transform:scale(4, 4); transform:scale(4, 4);}
}

@keyframes mob_ray3 {
0% {-ms-transform:scale(4,4); -webkit-transform:scale(4,4); transform:scale(4,4);}
70% {opacity:1;}
100% {-ms-transform:scale(6, 6); -webkit-transform:scale(6, 6); transform:scale(6, 6); opacity:0;}
}

@media (max-width: 1023px) {
body::before {background-image:url(../images/facilities/bg-circle.webp); mix-blend-mode:overlay;}
.sec-1 .row_padding_top {padding-top:calc(var(--vertical-height) * 0.85);}
.sec-1 .unit-legend-wrap .item {margin-bottom:calc(var(--spacing-default) * 0.5);}
.parallax-element-1 {width:100%; align-items:self-start; gap:5%; float:none;}
.parallax-element-1 .bca-cnt {width:50%; padding-left:4%; margin-top:0; padding-bottom:6vw;}
.parallax-element-2 {width:100%; margin-right:0; transform:translate(0, 0); flex-direction:column; gap:5%; justify-content:center; align-items:self-start;}
.parallax-element-2 .grow-wrapper {width:100%;}
.parallax-element-2 svg {display:none;}
.parallax-element-2-cnt {padding-left:var(--spacing-default); padding-right:var(--spacing-default); margin-top:var(--gap-default); margin-bottom:var(--gap-default); width:100%;}
.sec1.siteplan-main {height:370vw;}
.sec1 .l_legend_type {margin-bottom:2vw;}
.sec1.siteplan-main ul, .sec1.siteplan-roof ul {overflow:scroll; width:100%; height:100%; position:relative; display:flex; gap:1vw; flex-wrap:wrap;}
.sec1 .l_plan {width:200%; top:0;}
.sec1 .l_plan .sgnl {width:4.15vw; height:4.15vw;}
.sec1 .l_legend {top:115vw; flex-direction:column;}
.sec1 .l_legend_type h5 {order:unset;}
.sec1 .l_legend ul li {padding-left:6.7vw; margin-bottom:2.85vw; font-size:3vw; line-height:1.5; display:block; width:32.33%;}
.sec1 .l_legend ul li span {font-size:3vw; width:5.25vw; height:5.25vw; line-height:1.7;}
.sec1 .l_legend ul li i {width:5.25vw; height:5.25vw;}
.sec1 .l_legend_type.basement {width:auto;}
.sec1.siteplan-roof {height:150vw;}
.sec1.siteplan-roof .l_plan {}
.sec1.siteplan-roof .l_tab {width:100%;}
.sec1.sec1.sec1.siteplan-roof .l_legend {top:105vw;}
.sec1 .l_legend li .water-tank {width:4vw; height:4vw; top:1.2vw; right:1vw;}
.sec1.siteplan-main .elm1 {top:0; left:-1vw; width:22.4vw;}
.sec1.siteplan-roof .elm1 {top:3vw; right:-5vw; width:21vw;}
.gc-noscroll #hero, .gc-noscroll .quick-link-wrap, .gc-noscroll footer {display:none !important;}
#homeS5 .sm-content.icn-enlarge {display:block !important;}
.sm-zoom-img-1 {background-image:url(../images/facilities/img-club-house.webp); height:35vh;}
.sm-zoom-img-2 {background-image:url(../images/facilities/img-2.webp); height:50vh;}
.sm-zoom-img-alt {height:auto; position:absolute; top:0; right:0; z-index:9; visibility:hidden;}
.slick-active .sm-zoom-img-alt {visibility:visible;}
.gc-noscroll .sliderContainer, .gc-noscroll .sliderContainer .slick-track, .gc-noscroll .sliderContainer .slick-list {-moz-transform:unset !important; -ms-transform:unset !important; -o-transform:unset !important; transform:unset !important; overflow:visible;}
.sliderContainer .gc-icon-close {font-size:2.5em !important;}
.slide-wrap-3, .slide-wrap-4, .slide-wrap-5 {position:relative;}
.sm-zoom-img-3, .sm-zoom-img-4, .sm-zoom-img-5 {position:absolute; top:0; left:0;}
}

@media (max-width: 767px) {
.sec-1 .row_padding_top {padding-top:calc(var(--vertical-height) * 0.6);}
}