@charset "utf-8";
@import url('fonts1.css');

/* 

Helvetica Family  
font-family: 'Helvetica-Regular';
font-family: 'Helvetica-Bold';
font-family: 'Helvetica-Light';


Helvetica-Neue Family 
font-family: 'Helvetica-Neue';
font-family: 'Helvetica-Neue-Bold';
font-family: 'Helvetica-Neue-Light';
font-family: 'Helvetica-Neue-Black';

Helvetica-Neue Family LT Std 
font-family: 'Helvetica-Neue-LT-Std-Light';
font-family: 'Helvetica-Neue-LT-Std-Bold';


@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('Helvetica/HelveticaNeueLTStd-Lt.woff2') format('woff2'),
        url('Helvetica/HelveticaNeueLTStd-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('Helvetica/HelveticaNeueLTStd-Bd.woff2') format('woff2'),
        url('Helvetica/HelveticaNeueLTStd-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('Helvetica/Helvetica.woff2') format('woff2'),
        url('Helvetica/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('Helvetica/HelveticaNeue-Bold.woff2') format('woff2'),
        url('Helvetica/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('Helvetica/HelveticaNeue.woff2') format('woff2'),
        url('Helvetica/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
    
*/


input,select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }
input:focus,select:focus,textarea:focus{outline:none;}
   
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;/*scroll-behavior: smooth*/}

body{font-family:'Helvetica Neue', Arial, sans-serif;font-weight: normal;margin: 0;padding:0; font-size:100%;line-height:1;background-color: #ffffff;overflow-x: hidden;}

body, button, input, select, textarea{font-family:'Helvetica Neue', Arial, sans-serif;font-weight: normal;color:#000000;}

div, h2, h3, h4, h5, h6, p, span{color: #393C3F;}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */ 

::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: #000000;color: #ffffff;text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:#ffffff;text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{outline: none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}
img {border-style:none}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;border-style:none;outline:none;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}


/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */
.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}
  
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}   
.web{display:block;}
.mobile{display:none;}
*{box-sizing:border-box;padding:0;margin:0;} 

html.touch *:hover {all:unset!important;}

html.lenis {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}
  
:root{
   --main-width: 1920 * 100dvw; 
}


.web{display:block !important;}
.mobile{display:none !important;}

section{width:100%;float:left;margin:0;padding:0;}
article{width:100%;float:left;margin:0;padding:0;}
figure{width:100%;float:left;margin:0;padding:0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
figure img{width:100%;float:left;}

:where(h1,h2,h3,h4,h5,h6){font-family: 'Helvetica Neue';font-weight: 400;font-size: 5.208333333333334vw;line-height: 5.208333333333334vw;margin-bottom: 2.1875vw;} 
:where(p,li,span,figcaption){font-family: 'Helvetica Neue';font-size: 0.9375vw;line-height: 1.1458333333333333vw;margin-bottom: 1.0416666666666665vw;font-weight: normal;} 
:where(ul,ol){padding-left: 1.0416666666666665vw;list-style: disc;margin-bottom: 1.0416666666666665vw;}
:where(ol){list-style: decimal;}

:where(h1 sup,h2 sup,h3 sup,h4 sup,h5 sup,h6 sup){font-size:0.8625vw;}
p sup{font-size:0.6vw;}
 
.btn{min-width: 10vw;height: 2.5vw;margin-top: 1vw;margin-bottom: 0;float: left;border: solid 1px #838e93;color: #838e93;font-size: 0.9375vw;line-height: 2.25;text-align: center;}
.btn:hover{background-color: #838e93;color: #ffffff;}


.intro-box{width: 100%;height: 100vh;margin: 0;padding: 0;position: fixed;top: 0;left: 0;z-index: 99999;display: none;}
.intro-box .left-box{width: 50%;height: 100%;float: left;margin: 0;padding: 0;background-color: #CEE0ED;border: 0.052083333333333336vw solid #707070;position: relative;display: flex;align-items: center;}
.intro-box .left-box .lb-inner{width: 100%;height: auto;float: left;margin: 0;padding: 0;position:relative;text-align: center;}
.intro-box .left-box .lb-inner .logo-box{width: 100%;float: left;margin: 0;padding: 0;text-align: center;}
.intro-box .left-box .lb-inner .logo-box img{width: 23.645833333333332vw;float: none;margin: 0 0 5.989583333333334vw 0;padding: 0;display: inline-block;}
.intro-box .left-box .lb-inner .welcome-box{width: 100%;float: left;margin: 0;padding: 0;margin-bottom:4.947916666666666vw;}
.intro-box .left-box .lb-inner .welcome-box p{width: 100%;float: left;margin: 0;padding: 0;text-align: center;font-size: 1.5625833333333333vw;line-height: 1.5625833333333333vw;color: #818E94;}

.intro-box .left-box .lb-inner .text-box{width: 100%;float: left;margin: 0;padding: 0;margin-bottom:2.8125vw;}
.intro-box .left-box .lb-inner .text-box p{width: 100%;float: left;margin: 0;padding: 0;text-align: center;font-size: 1.5625833333333333vw;line-height: 2.083333333333333vw;color: #818E94;}
.intro-box .left-box .btn{width: auto;min-width: 8.958333333333334vw; height: 2.083333333333333vw;padding: 0.5vw 0;position: relative;bottom: auto;left: auto;font-size: 0.7291666666666666vw;line-height: normal;color: #818E94;border: 1px solid #818E94;transition: 0.2s;margin-top:0;float:none;display:inline-block;}
.intro-box .left-box .btn:hover{color: #CEE0ED;background-color: #818E94;}
.intro-box .left-box .btm-logo-box{width: 9.010416666666666vw;position: absolute;bottom: 3.3854166666666665vw;left: calc(25vw - (9.010416666666666vw/2));}
.intro-box .right-box{width: 50%;height: 100%;float: right;margin: 0;padding: 0;background-color: #818E94;}
.intro-box .right-box .rb-inner{width: 100%;height: 100%;float: left;margin: 0;padding: 0 5.989583333333334vw;}
.intro-box .right-box .rb-inner .media-box{width: 100%;height: 100%;float: left;margin: 0;padding: 0;}
.intro-box .right-box .rb-inner .media-box img{width: 100%;height: 100%;float: left;margin: 0;padding: 0;object-fit: cover;}
.intro-box .right-box .rb-inner .media-box video{width: 100%;height: 100%;float: left;margin: 0;padding: 0;object-fit: cover;}


#outer-wrapper{width:100%;margin:0;padding:0;position:relative;}
 
header{width:100%;height:calc(207 / var(--main-width));position: fixed;top: 0;left: 0;z-index: 999;transition: top .5s ease;background-color: #EDEDED;}
header .logo{width:calc(178 / var(--main-width));height:calc(59 / var(--main-width));position: absolute;left:calc(83 / var(--main-width));top:calc(60 / var(--main-width));background-position:center center;background-size:100% auto;background-repeat:no-repeat;background-image:url(../images/logo.svg);}

/* header .menu{display: none;width:4.895833333333333vw;height:3.5937499999999996vw;background-color: #818E94;border-radius: 3.125vw;position:absolute;right:5.625vw;top:2.504166666666667vw;}
header .menu span{width:4.895833333333333vw;height:3.5937499999999996vw;position:absolute;right:0;top:0;background-position:center center;background-size:4vw 3.5104166666666667vw;background-repeat:no-repeat;background-image:url(../images/icon-menu.svg);} */

header nav{width: auto;height: auto;position: absolute;right: calc(223 / var(--main-width));top: calc(71 / var(--main-width));} 
header nav ul{width: 100%;float: left;list-style: none;padding: 0;margin: 0;}
header nav ul li{width: auto;float: left;padding: 0;margin: 0;margin-left: calc(62 / var(--main-width));}
header nav ul li a{font-family: 'Helvetica Neue';font-size: calc(20 / var(--main-width));line-height: 1;font-weight: 400;color: #C6C6C6;}
header nav ul li a:hover,
header nav ul li a.active{color: #2988A1;font-weight: bold;}
    
header nav ul li:last-of-type{border-right: solid 1px #C6C6C6;padding-right: calc(62 / var(--main-width));}
header nav ul li .dl-link{padding-left: calc(34 / var(--main-width));position: relative;color: #000000;}
header nav ul li .dl-link::before{width: calc(24 / var(--main-width));height: calc(24 / var(--main-width));content:'';background-image: url(../images/download-icon-b.svg);background-repeat: no-repeat;
    background-size: 100% auto;position: absolute;top: 0;left: 0;}
 
.lgchng{width:auto;position:absolute;right: calc(83 / var(--main-width));top: calc(71 / var(--main-width));z-index:9999}
.lgchng li{margin-bottom: 0;}
.lgchng a{width:auto;float:left;position:relative;color:#C6C6C6;font-size: calc(20 / var(--main-width));line-height:1;text-decoration:none;padding: 0 calc(10 / var(--main-width));}
.lgchng a.active{color:#000000;}
.lgchng a:last-of-type{border-left: solid 1px #C6C6C6;padding-right: 0;} 

/* body.open-nav header nav{display: block;} 
body.open-nav header nav:after{display: block;}
body.open-nav header .menu{width:15.770833333333332vw;height:calc(7.239583333333334vw - 2.504166666666667vw);background-color: #818E94;border-radius: 2.083333333333333vw 2.083333333333333vw 0 0;position:absolute;right:4.427083333333334vw;top:2.504166666666667vw;}
body.open-nav header .menu span{background-size:2.5vw 1.7vw;background-image:url(../images/menu-c.svg);}
body.open-nav .lgchng a{color:#cccccc;}
body.open-nav .lgchng a.active{color:#ffffff;}
body.open-nav .lgchng a:last-of-type::after{color:#cccccc;} */


.up{top: -11.239583333333334vw;}

.no-sc .logo:before{width:0;height:0;display: none !important;}
.no-sc .logo:after{width:0;height:0;display: none !important;}


main{width:100%;float:left;margin:0;padding:0 0;position: relative;margin-top: 10.78125vw;}
.box{width:100%;float: left;background-color: #ffffff;padding-left: 4.322916666666667vw;padding-right: 3.0208333333333335vw;margin-bottom: 5.208333333333334vw;/* border-top-left-radius: 3.125vw;border-top-right-radius: 3.125vw; */}
/* .box figure img{display: none;} */

.box .left{float: left;}
.box .right{float: right;}
.box .clear-left{clear: left;}

.s1{padding-top:3.125vw;padding-bottom:5.989583333333334vw;}
.s1 .img{width: 45.9748427672956%;height: 39.010416666666664vw;position: relative;}
.s1 .img figure{height: 39.010416666666664vw;/*background-image: url(../images/img-section1.jpg);*/}
.s1 .plus{width: 1.6145833333333335vw;height: 1.6145833333333335vw;position: absolute;right: 1.9791666666666665vw;top: 1.8229166666666667vw;/*  background-image: url(../images/icon-add-circle.svg); */background-repeat:no-repeat;background-size:100% auto;background-repeat: no-repeat;}
.s1 .img figure img {width: 100%;float: left;height: 100%;object-fit: cover;}
.s1 .info{width: 50%;margin-top: 0.3125vw;}
.s1 .img.video-block {
    height: 37.23958333333333vw;
    position: relative;
    overflow: hidden;
}

.s1 .img.video-block figure {
    width: 100%;
    height: 100%;
    margin: 0;
}

.s1 .img.video-block video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .s1 .commitment{width: 50%;margin-top: 4.289583vw;}
.s1 .commitment .artb-item{width:40%;float:left;margin-bottom:2.083333333333333vw;margin-left: 0vw;}
.s1 .commitment .artb-item:nth-of-type(3n-2){clear: left;margin-left: 0;} */
/* .s1 .commitment .artb-item:nth-last-child(-n+2){margin-bottom:0;}
 */
  .s1 .commitment{width: 50%;margin-top: 6.09375vw;}
 .s1 .commitment .artboard{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 2.083333333333333vw; 
}
.s1 .commitment .artb-item{width: 100%;margin: 0;}
.s1 .info p{width: 74%;font-size: 1.25vw;line-height: 1.4583333333333333vw;}
.s1 .info p:last-of-type{margin-bottom: 0;}

 .s1 .commitment .artb-item .info-s{width:81%;float:left;}
.s1 .commitment h3{width:auto;text-align:left;font-family: 'Helvetica Neue';font-weight: 700;font-size: 0.9375vw;line-height: 1.09375vw;margin-bottom:0.25625vw;}
.s1 .commitment p{width: 100%;text-align:left;font-family: 'Helvetica Neue';font-weight: 400;margin-bottom: 0;}

.s1 .commitment .artb-item .icon{margin-right:0.5208333333333333vw;float:left;}
.s1 .commitment .artb-item .icon img{display: none;}
.s1 .commitment .artb-item .icon.location{width:0.9895833333333333vw;height: 1.25vw;}
.s1 .commitment .artb-item .icon.apartment{width:1.1979166666666667vw;height: 1.1979166666666667vw;}
.s1 .commitment .artb-item .icon.localcafe{width:1.1458333333333333vw;height: 1.1458333333333333vw;}
.s1 .commitment .artb-item .icon.directions-bus{width:0.9375vw;height: 1.1458333333333333vw;}
.s1 .commitment .artb-item .icon.construction{width:1.09375vw;height: 1.0416666666666665vw;}
.s1 .commitment .artb-item .icon.leed-gold{width:1.3541666666666667vw;height: 1.3541666666666667vw;}

.s1 .commitment .logo-icon{width:auto;height:0.8854166666666666vw;object-fit:contain;float:left;margin-right:0.9375vw;margin-top:0.5208333333333333vw;}
.s1 .commitment .logo-icon:first-of-type{clear:left;}
.s1 .commitment .logo-icon img{height:0.8854166666666666vw;}
.s1 .commitment h3 .logo-icon{width: 3.6979166666666665vw;height:auto;float:none;float:right;margin: -0.2925vw 0 0 0.625vw}
.s1 .commitment h3 .logo-icon img{width: 100%;height:auto;}

.s3{padding-top:3.447917vw;padding-bottom:0/* 7.160416666666667vw */;position: relative;margin-bottom: 1.208333vw;}
.s3 .info{width: 50.075472%;}
.s3 .info p{width: 100%;font-size:1.25vw;
    line-height: 1.4583333333333333vw;
    margin-bottom: 0;}
.s3 .slider{width: calc(100% + (4.427083333333334vw + 4.166666666666666vw + 4.427083333333334vw + 4.166666666666666vw));float: left;margin-left: calc(-4.427083333333334vw - 4.166666666666666vw);margin-right: calc(-4.427083333333334vw - 4.166666666666666vw);margin-top: 4.895833333333333vw;padding-left: 8.64vw;}
.s3 .slider .slider-inner{width: 100%;float: left;}
.s3 .slider .slider-inner .slide{width: 100%;float: left;height: 43.697916666666664vw;position: relative;}
.s3 .slider .slider-inner .slide figure{width: 100%;float: left;height: 43.697916666666664vw;position: relative;}
.s3 .slider .slider-inner .slide figure img{width: 100%;float: left;display: none;}
.s3 .slider .slider-inner .slick-slide{width: 65.41666666666667vw;height: 43.697916666666664vw;margin-right: 1.3020833333333335vw;}
.s3 .slider .slick-slider .slick-list{padding-left: 0;padding-bottom: 3.4vw;}
.s3 .slider .slider-inner .slide figcaption{width: auto;margin: 0;padding: 0;text-align: left;position: absolute;bottom: -3.35vw;left: 0;display: none!important;}
.s3 .slider .slider-inner .slick-slide.slick-current.slick-active figcaption{display: block;}
.s3 .slider .slider-inner 
.slick-slide.slick-current.slick-active 
figcaption.web {
    display: block !important;
}
.slick-slide.slick-current.slick-active 
figcaption.mobile {
    display: none !important;
}
.s3 .plus{width: 2.4479166666666665vw;height: 2.4479166666666665vw;position: absolute;right: 1.5625vw;top: 1.3020833333333335vw; background-image: url(../images/icon-add-circle.svg);background-repeat:no-repeat;background-size:100% auto;background-repeat: no-repeat;}
.s3 .slick-dots{width: auto;max-width: initial;left: auto;left: 0;}
.s3 .slick-dots li{width: 1.28vw;height: 1.28vw;;background-color:#EDEDED;opacity: 1;margin-right: 0.45vw;float: left;}
.s3 .slick-dots li.slick-active{background-color:#393C3F;}
.s3 .dl-box{width: 22.34375vw;margin: 0;padding: 0 0;text-align: left;border-radius: 1.4583vw;background-color: #2988A1;position:absolute;bottom: 0;right: 6.614583333333333vw;height: 2.9166666666666665vw;display: flex;
    align-items: center;
    justify-content: flex-start;}
.s3 .dl-box .dl-link{width: auto;margin: 0;padding: 0 0 0 3.229166666666667vw;box-sizing: border-box;font-size: 1.0416666666666665vw;line-height: 2.041667vw;color: #FFFFFF;display: inline-block;position: relative;}
.s3 .dl-box .dl-link::before{width: 1.6666666666666667vw;height: 100%;content: ' ';background-image: url(../images/download-icon-white.svg);background-repeat: no-repeat;background-size: 100% auto;position: absolute;top: 0;left: 0.825vw;    background-position: center;}

.slick-slider {display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor:hand;}
.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);}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: auto;min-height: 1px;margin: 0 0 0 0;padding: 0;position: relative;}
.slick-slide:first-of-type {margin-left: 0 !important;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
/*.slick-slide.dragging img {pointer-events: none;}*/
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.btn-slick{width: 3.4479166666666665vw;height: 3.4479166666666665vw;margin:0;background-color: transparent; padding: 0;position: absolute;top: calc(50% - (3.4479166666666665vw/2));border-radius: 50%; z-index: 9;background-repeat:no-repeat;background-size:100% auto;opacity: 1;}
.prev {right: auto;left: 2.34375vw;background-image: url(../images/arrow.svg);rotate: 180deg;}
.next {left: auto;right: 8vw;background-image: url(../images/arrow.svg);}
/*.slick-slider:hover .btn-slick {opacity: 1;visibility: visible;transition: opacity 0.75s;}*/
/*.slick-dots {position: relative;height: auto;width: 100%;max-width: 100%;margin: 1.0416666666666665vw auto;background-color: transparent;z-index: 8;padding:0 100px;}*/
.slick-dots {position: absolute;margin:0;padding:0;height: auto;width: 100%;max-width: 100%;margin: 0;bottom:0;left:0;background-color: transparent;z-index: 8;text-align:center;}
.slick-dots li {width: 1.1458333333333333vw;height: 1.1458333333333333vw;margin:0;padding:0;cursor: pointer;text-indent: -999em;border-radius: 100%;padding: 0;float: none;display:inline-block;text-align: center;background-color: #575550;opacity:0.2;margin-right: 0.6770833333333334vw;transition:0.2s all;}
.slick-dots li:last-of-type{margin-right:0;}
.slick-dots li:hover, .slick-dots li.slick-active {opacity:1;}
.prev.slick-disabled {opacity: 0.8;cursor: default;animation: none;display:none !important;}
.next.slick-disabled {opacity: 0.8;cursor: default;animation: none;display:none !important;}

.location{width: 100%;float: left;}
.s2{width: 100%;float: left;margin: 0 0 3.5937499999999996vw 0;padding: 0 3.5937499999999996vw 0 4.322916666666667vw;box-sizing: border-box;}
.s2 .plan-box{width: 47.03125%;float: left;margin: 0 0 0 8.020833333333334vw;padding: 0 0;position: relative;}
.s2 .plan-box figure{height: auto;}
.s2 .plan-box figure img{width: 100%;height: 100%;float: left;margin: 0;padding: 0; object-fit: cover;}
.s2 .plan-box .btn{width: auto;height: 1.8229166666666667vw;padding: 0.26041666666666663vw 0.5208333333333333vw 0 0.5208333333333333vw;margin: 0; position: absolute;bottom: 2.604166666666667vw;right: 3.6458333333333335vw;font-size: 0.9375vw;line-height: normal;color: #818E94;border: 0.052083333333333336vw solid #818E94;transition: 0.2s;}
.s2 .plan-box .btn:hover{color: #FFFFFF;background-color: #818E94;}
.s2 .welcome-box{width: 30.78125vw;float: left;margin: 0 0 0 4.166666666666666vw;padding: 0;}
.s2 .welcome-box p{width: 25.624999999999996vw;float: left;margin: 0 0 2.083333333333333vw 0;padding: 0;}
.s2.dark{padding-top: 3.4375000000000004vw;padding-bottom: 5.097916666666667vw;}

.s2 .text-box{width: 37.78125vw;float: left;margin: 3.5937499999999996vw 0 0 0;padding: 0 0;box-sizing: border-box;}
.s2 .text-box p{width: 32.96875vw;float: left;margin: 0 0 2.083333333333333vw 0;padding: 0;}
.s2 .map-box{width: 57.741429%;float: right;margin: 0 0 0 0;padding: 40.8875vw/* 42.1875vw */ 0 0 0;position: relative;}
.s2 .map-box .fsview-btn{width: 2.604166666666667vw;height: 2.604166666666667vw;margin: 0;padding: 0;position: absolute;top: 1.0416666666666665vw; right: 1.0416666666666665vw;background-image: url(../images/plus-btn.svg);background-repeat: no-repeat;background-size: 100% auto;}
.s2 .map-box .img-box{height: 37.564583vw;position: absolute;top: 0;left: 0;}
.s2 .map-box .img-box img{width: 100%;height: 100%;float: left;margin: 0;padding: 0; object-fit: cover;}
.s2 .map-box .fac-box{width: 100%;float: left;margin: 0;padding: 0;}
.s2 .map-box .fac-box h3 {
    width: 100%;
    float: left;
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.5104166666666667vw;
    margin-bottom: 1.5104166666666667vw;color: #393C3F;
}
.s2 .map-box .fac-box .fac{width: auto;float: left;margin: 0 1.5625vw 1.0416666666666665vw 0;padding: 0 0 0 0;position: relative;font-size: 0.9375vw;line-height: 1.1458333333333333vw;color: #393C3F;}
/* .s2 .map-box .fac-box .fac::before{width: 1.3020833333333335vw;height: 1.3020833333333335vw;content: ' ';position: absolute; top:0.18vw; left: 0;background-repeat: no-repeat;background-size: 100% auto;}
.s2 .map-box .fac-box .fac.res::before{background-image: url(../images/download-icon-white.svg);}
.s2 .map-box .fac-box .fac.fit::before{background-color: #B0BBD0;}
.s2 .map-box .fac-box .fac.apar::before{background-color: #D6AD9E;}
.s2 .map-box .fac-box .fac.sup::before{background-color: #CFE3D5;}
.s2 .map-box .fac-box .fac.farm::before{background-color: #E2D3E7;}
.s2 .map-box .fac-box .fac.tie::before{background-color: #C3DFEB;} */
.s2 .map-box .fac-box .fac {
    display: flex;
    align-items: center;
    gap: 0.5vw;
}
.fac img {
    width: 1.3020833333333335vw;
    height: 1.3020833333333335vw;
    object-fit: contain;
}

.s2 .media-box{width: 44.479166666666664vw;float: left;margin: 0 0 0 4.166666666666666vw;padding: 0;position: relative;}
.s2 .media-box .mb-inner{width: 100%;float: left;margin: 0;padding: 0;}
.s2 .media-box .mb-inner figure{width: 100%;height: 34.89583333333333vw !important;}
.s2 .media-box .mb-inner figure img{width: 100%;height: 100%;float: left;margin: 0;padding: 0; object-fit: cover;}
.s2 .media-box .mb-inner video{width: 100%;height: 100%;float: left;margin: 0;padding: 0;object-fit: cover;}
.s2 .media-box .fsview-btn{width: 2.604166666666667vw;height: 2.604166666666667vw;margin: 0;padding: 0;position: absolute;top: 1.0416666666666665vw; right: 1.0416666666666665vw;background-image: url(../images/plus-btn.svg);background-repeat: no-repeat;background-size: 100% auto;}
.s2 .media-box .slick-slide{height: 34.89583333333333vw !important;}
.s2 .companies-box{width: 37.802083%;float: left;margin: 0 0 0 0;padding: 0;clear: left;}
.s2 .companies-box h3{width: 100%;float: left;margin: 0 0 1.875vw 0;padding: 0;text-align: left;font-size:1.25vw;font-family: 'Helvetica Neue';
    font-weight: 400;/* font-family: 'Helvetica Neue LT Std';font-weight: 400; */line-height: 1.25vw;color: #393C3F;}
.s2 .companies-box h3.comp-logo{padding-left: 1.8229166666666667vw;position: relative;}
.s2 .companies-box h3.comp-logo::before{width: 1.1458333333333333vw;height: 1.1979166666666667vw;content: ' ';background-image: url(../images/companies-icon.svg);background-repeat: no-repeat;background-size: 100% auto;position: absolute;top:0.15625vw;left: 0;}
.s2 .companies-box .cb-inner {
    /*  display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 1.25vw;
    row-gap: 2vw; */
    width: 100%;
}
.s2 .companies-box .cb-inner img {
    width: 100%;
    height: auto;
    display: block;
}
.s2 .companies-box .cb-inner .logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.28vw;
    box-sizing: border-box;
}
/* .s2 .companies-box .cb-inner .logo-box:nth-child(5n-4) {
   margin-left: 0;
} */
.s2 .companies-box .cb-inner .logo-box img {
    width: 4.0625vw;
    height: auto;
}


/* .s2 .companies-box .cb-inner{width: 100%;float: left;margin: 0;padding: 0;} 
.s2 .companies-box .cb-inner .logo-box{width: 22.58064516129%;height: 3.0208333333333335vw;float: left;margin: 2.083333333333333vw 0 0 16.129032258065%;padding: 0;} */
.s2 .companies-box .cb-inner .logo-box img{display: none;}
/* .s2 .companies-box .cb-inner .logo-box:nth-child(5n-4){margin-left: 0;clear: left;}
.s2 .companies-box .cb-inner .logo-box:nth-child(-n+5){margin-top: 0;} */
.s2 .distance-box{width: 32.96875vw;float: left; margin: 6.4375vw 0 5vw 0;padding: 0;clear: left;}
.s2 .distance-box p{margin-bottom: 1.2359375000000001vw;font-size: 2.083333333333333vw;line-height: 1.8229166666666667vw;font-family: 'Helvetica Neue';font-weight: 400;}
.s2 .distance-box table{width: 100%;float: left; margin: 0;padding: 0;}
.s2 .distance-box table tr{width: 100%;float: left; margin: 0;padding: 0.5989583333333334vw 0;border-bottom: 0.052083333333333336vw solid #707070;position: relative;}
.s2 .distance-box table tr.icons-box{height: 1.8458333333333333vw;background-position: center;}
.s2 .distance-box table tr th{width: 0.6770833333333334vw;height: 1.1979166666666667vw;margin: 0;padding: 0;background-repeat: no-repeat;background-size: 100% 100%;position: absolute;top: 0;right: 0;}
.s2 .distance-box table tr th.walk{background-image: url(../images/walk-icon.svg);right: 7.691666666666668vw;}
.s2 .distance-box table tr th.car{width: 1.14875vw;height: 1.1175vw;background-image: url(../images/car-icon.svg);top:0.15625vw;right: 4.35625vw;}
.s2 .distance-box table tr th.bus{width: 0.9895833333333333vw;height: 1.1458333333333333vw;background-image: url(../images/bus-icon.svg);right: 0.8166666666666667vw;}
.s2 .distance-box table tr td{width: 1.1458333333333333vw;font-family: 'Helvetica Neue';font-weight: 400;float: left; margin: 0;padding: 0;text-align: center;font-size: 0.9375vw;line-height: 0.8333333333333334vw;color: #393C3F;}
.s2 .distance-box table tr td:first-of-type{width: 9.375vw;text-align: left;}
.s2 .distance-box table tr td:nth-of-type(2){position: absolute;right: 7.691666666666668vw;top: 0.5208333333333333vw;}
.s2 .distance-box table tr td:nth-of-type(3){position: absolute;right: 4.30625vw;top: 0.5208333333333333vw;}
.s2 .distance-box table tr td:nth-of-type(4){position: absolute;right: 0.8166666666666667vw;top: 0.5208333333333333vw;}

.popupv{width: 100%;height: 100%;top: 0;left: 0;background-color: transparent;padding: 0;position: fixed;z-index: 999999;display:block;text-align:center;}
.popupv .shade {position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: "";opacity: 0.7;visibility: visible;background-color:#000;background-position: center center;background-repeat: repeat;background-size: cover;z-index:9;}
.popupv-block {width: 100%;height:100vh;margin:0;padding: 1.5625vw;display:flex;align-items:center;justify-content:center;}
.popupv-block .popupv-block-detail{width: 40%;margin:0;float:left;background-color: #fff;padding: 3.5625vw 1.5625vw;box-sizing: border-box;position:relative;z-index:99999999;}
.popupv-block .popupv-block-detail h2{width:100%;float:left;margin:0 0 0.5208333333333333vw 0;padding:0 0;font-family: 'Helvetica Neue LT Std';font-weight: bold;font-size: 3.3020833333333335vw;line-height: 3.5104166666666667vw;color: #818E94;box-sizing:border-box;}
.popupv-block .popupv-block-detail p{width:100%;float:left;margin:0;padding:0 0;font-family: 'Helvetica Neue';font-weight: 300;font-size: 1.8020833333333335vw;line-height: 1.9104166666666667vw;color: #818E94;}
.popupv-block-detail .icon-close {width: 3.816793893129771vw;height: 3.816793893129771vw;margin: 0;padding: 0;position: absolute;top: 2.5445292620865136vw;right: 2.5445292620865136vw;cursor: pointer;z-index: 1;}
.popupv-block-detail .icon-close:before, 
.popupv-block-detail .icon-close:after{content:'';position: absolute;right:1.7811704834605597vw;top:0;height: 3.816793893129771vw;width:1px;background-color:#000;transition: all 0.5s ease;opacity:1;}
.popupv-block-detail .icon-close:before {transform: rotate(50deg);}
.popupv-block-detail .icon-close:after {transform: rotate(-45deg);}
.popupv-block-detail .icon-close.active:before{display:none;}
.loading-data { position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);left: 0;top: 0;z-index: 99999999;}
.loading-data .ld-icon{ position: fixed;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: 6% auto;background-image: url(../images/giphy.gif);left: 0;top: 0;z-index: 99999999;}

.box.dark{background-color: #393C3F;}
.box.dark :where(h1, h2, h3, h4, h5, h6, p, ul, li, a) {
  color: #ffffff;
}
.box.dark :where(p,li,span,figcaption) {
    font-family: 'Helvetica Neue';
    font-size: 1.25vw;
    line-height: 1.4583333333333333vw;
    margin-bottom: 1.0416666666666665vw;
    font-weight: 400;
}
.virtual-tour {
    width: 100%;
    position: relative;margin-bottom: 3.4375000000000004vw;
}
.virtual-tour-inner {
    width: 100%;
    height: 48.8541667vw;
    max-height: 100vh;
    position: relative;
    padding: 2vw 4.21875vw 0;
    box-sizing: border-box;float: left;
}
.virtual-tour iframe {
    width: 100%;
    height: 100%;
    border: 0;
    float: left;
     padding: 2vw 0 0;
    display: block;border-top: 0.052083333333333336vw solid #707070;
}

.s4{width: 100%;float: left;margin: 0 0 0 0;padding: 10.416666666666668vw 4.322916666666667vw 4.479166666666667vw;box-sizing: border-box;}
.s4 .contact-box{width: 100%;float: left;margin: 0;padding: 0;}
.s4 .contact-box .left-side{width: 42.916666666666664vw;float: left;margin: 0 0 0 0;padding: 0;}
.s4 .contact-box .left-side h2{color: #FFFFFF;margin-bottom: 4.427083333333334vw;}
.s4 .contact-box .left-side form{width: 38.697916666666664vw;float: left;margin: 0;padding: 0;}
.s4 .contact-box .left-side form input[type=text]{width: 100%;float: left;margin: 0 0 2.083333333333333vw 0;padding: 0 0 0.78125vw 0;background-color: transparent;outline: none;border: none;color: #FFFFFF;font-size: 0.9375vw;line-height: 1.09375vw;border-bottom: 0.052083333333333336vw solid #FFFFFF;}
.s4 .contact-box .left-side form textarea{width: 100%;height: auto;float: left;margin: 0 0 4.010416666666667vw 0;padding: 0.5vw 0 3.6875vw  0;background-color: transparent;outline: none;border: none;color: #FFFFFF;font-size: 0.9375vw;line-height: 1.09375vw;border-bottom: 0.052083333333333336vw solid #FFFFFF;resize: none;}
.s4 .contact-box .left-side form label{width: 100%;float: left;margin: 0 0 1.0416666666666665vw 0;padding: 0;text-align: left;color: #FFFFFF;font-size: 0.9375vw;line-height: 1.09375vw;}
.s4 .contact-box .left-side form label a{text-decoration: underline;}
.s4 .contact-box .left-side form label a:hover{text-decoration: none;}
.s4 .contact-box .left-side form .btn{width: auto;min-width: auto; margin: 0;padding: 0.50875vw 1.8229166666666667vw;border: 0;background-color: #ffffff;color: #393C3F;font-size: 1.25vw;line-height: 1.4583333333333333vw;text-decoration: none;transition: 0.2s;margin-top: 0.8229166666666667vw;}
.s4 .contact-box .left-side form .btn:hover{background-color: #FFFFFF;}
.s4 .contact-box .left-side form input[type="text"]::-webkit-input-placeholder{color:#FFFFFF !important;}
.s4 .contact-box .left-side form textarea::-webkit-input-placeholder{color:#FFFFFF !important;}
.s4 .contact-box .left-side form input[type="text"]::-moz-placeholder{color:#FFFFFF !important;}
.s4 .contact-box .left-side form textarea::-moz-placeholder{color:#FFFFFF !important;}
.s4 .contact-box .left-side form input.error[type="text"],
.s4 .contact-box .left-side form textarea.error{border-color:red;}
.s4 .contact-box .media-box{width: 45.78125vw;float: right;margin: 0;padding: 0;position: relative;}
.s4 .contact-box .media-box .mb-inner{width: 100%;float: left;margin: 0;padding: 0;}
.s4 .contact-box .media-box .mb-inner figure{width: 100%;height: 37.03125vw !important;}
.s4 .contact-box .media-box .mb-inner figure img{width: 100%;height: 100%;float: left;margin: 0;padding: 0; object-fit: cover;}
.s4 .contact-box .media-box .mb-inner video{width: 100%;height: 100%;float: left;margin: 0;padding: 0;object-fit: cover;}
.s4 .contact-box .media-box .fsview-btn{width: 2.604166666666667vw;height: 2.604166666666667vw;margin: 0;padding: 0;position: absolute;top: 1.0416666666666665vw; right: 1.0416666666666665vw;background-image: url(../images/plus-btn.svg);background-repeat: no-repeat;background-size: 100% auto;}
.s4 .contact-box .media-box .slick-slide{height: 39.010416666666664vw !important;}

.contact-strip {
    width: 100%;
    padding: 0px 0 3.125vw;
}

.contact-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0px; 
}
.contact-item:last-child {
   margin-left: 3.958333333333333vw;
}
.contact-item img {
    vertical-align: middle;
}
.contact-item:first-child img {
    width: 3.6979166666666665vw;
    height: 3.6979166666666665vw;
}
.contact-item:last-child img {
    width: 9.427083333333334vw;
    height: 5.833333333333333vw;
}
.contact-item span {
    color: #fff;
    padding-left: 1.9270833333333335vw;
    vertical-align: middle;font-size: 1.6666666666666667vw!important;line-height: 1.9791666666666665vw!important;
}
.contact-item:last-child span {
    padding-left: 0.5208333333333333vw;
}




.policy-box{padding: 6.25vw 11.458333333333332vw 5.989583333333334vw 11.458333333333332vw;}
/* .policy-box p{font-weight: 300;} */

/*404-Page-Start====*/
.pnf-404{width:100%;float:left;margin:0 0 5.208333333333334vw 0;padding:10vw 0;text-align:center;box-sizing: border-box;}
.pnf-404 .inner{width:55.66666666666667%;float:none;margin:0;padding:0;display:inline-block;}
.pnf-404 .inner figure{width:25.8%;float:left;margin:0 0;padding:0;}
.pnf-404 .inner figure img{width:100%;float:left;margin:0;padding:0;}
.pnf-404 .inner .text-side{width:68.84252%;float:left;margin:0 0 0 1.5625vw;padding:0;}
.pnf-404 .inner .text-side h1{width:100%;float:left;margin:0 0 0.78125vw 0;padding:0;text-align:left;font-family: 'Helvetica Neue LT Std';font-weight: bold;font-size: 2.083333333333333vw;line-height: 2.4479166666666665vw;color: #818E94;}
.pnf-404 .inner .text-side p{width:85%;float:left;color: #818E94;text-align: left;}
.pnf-404 .inner .text-side .btn{padding-top: 0.1vw; color:#FAFBF7;text-decoration:none;background-color:#818E94;transition:0.3s all;}
.pnf-404 .inner .text-side .btn:hover{color:#818E94;background-color:transparent;}
/*404-Page-End====*/

/*Sitemap-Page-Start------ */
.site-map {width: 100%;float: left;box-sizing: border-box;padding: 6.25vw 11vw 5.208333333333334vw 11vw;margin: 0 0 5.208333333333334vw 0;height: auto;}
.site-map ul{width:100%;float: left;box-sizing: border-box;padding: 0;margin: 0;list-style: none;}
.site-map ul li{width:100%;float:left;margin:0 0 0.26041666666666663vw 0;}
.site-map ul li:last-child{margin-bottom: 0;}
.site-map ul li a{width:100%;float:left;height:2.979167vw;margin-bottom: 0;text-align:left;padding:0.46875vw 0.78125vw;font-family: 'Helvetica';font-weight: 300;font-size: 1.3020833333333335vw;line-height: 1.5104166666666667vw;color:#FAFBF7;text-decoration:none;border:0.2544529262086514vw solid #818E94;color: #fff;background-color:#818E94;box-sizing:border-box;}
.site-map ul li a:hover{text-decoration:underline;}
.site-map ul li ul{width:100%;list-style:disc;padding:0.6770833333333334vw 0 0 2.083333333333333vw;}
.site-map ul li ul li{margin-bottom:0.6770833333333334vw;}
.site-map ul li ul li:last-child{margin-bottom:0.6770833333333334vw;}
.site-map ul li ul li a{width:auto;padding:0;background:none;color:#818E94;height:auto;border: none;}
.site-map ul li ul li a:hover{text-decoration:underline;}
/*Sitemap-Page-End====*/

footer{width: 100%;min-height: 15.833333333333332vw;float: left;margin: 0;padding: 0 4.427083333333334vw 2.9166666666666665vw 4.427083333333334vw;background-color: #2F3135;}
footer .inner{width: 100%;float: left;margin: 0;padding: 0;}
footer .inner .logo{width: 11.428571428571%;height: 3.4375000000000004vw;float: left;margin: 8.125vw 0 0 0;padding: 0;background-image: url(../images/logo-white.svg);background-repeat: no-repeat;background-size: 100% auto;}
footer .inner nav{width: 29.457143%;float: right;margin: 9.375vw 0 0 0;padding: 0;}
footer .inner nav ul{width: 100%;float: left;margin: 0;padding: 0;list-style: none;}
footer .inner nav ul li{width: auto;float: left;margin: 0;padding: 0 0 0 2.2395833333333335vw;text-align: left;box-sizing: border-box;}
footer .inner nav ul li a{width: auto;float: none;margin: 0;padding: 0;font-family: 'Helvetica';font-weight: normal;font-size: 0.9375vw;line-height: 1.25vw;color: #FFFFFF;text-align: center;text-decoration: underline;display: inline-block;}
footer .inner nav ul li a:hover{text-decoration: none;}
footer .inner .proj-box{width: auto;float: left;margin: 9.166666666666666vw 0 0 4.739583333333333vw;padding: 0;position: relative;padding-left: 4.739583333333333vw;box-sizing: border-box;}
footer .inner .proj-box::before {
    content: "";
    position: absolute;
    left: 0px; 
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 3.4375000000000004vw;
    background: #ffffff; 
}
footer .inner nav ul li:first-of-type{padding: 0 0 0 0;}

footer .inner .proj-box figcaption{width: auto;float: left;margin: 0;padding: 0.3125vw 0 0 0;font-size: 0.9375vw;line-height: 1.09375vw;color: #FFFFFF;}
footer .inner .proj-box img{width: 7.604166666666666vw;height: auto;;float: left;margin: 0 0 0 1.0416666666666665vw;padding: 0;}

@media only screen and (min-width:0px) and (max-width:767px){
     :root {
        --main-width: 375 * 100dvw;
    }
    :where(h1,h2,h3,h4,h5,h6){font-size: 7.37913486005089vw;line-height: 8.142493638676845vw;margin-bottom: 5.852417302798982vw;} 
    :where(p,li,span,figcaption){font-size: 3.5623409669211195vw;line-height: 4.071246819338422vw;margin-bottom: 5.852417302798982vw;font-weight: normal;} 
    :where(ul,ol){padding-left: 5.089058524173027vw;margin-bottom: 5.852417302798982vw;} 
    
    :where(h1 sup,h2 sup,h3 sup,h4 sup,h5 sup,h6 sup){font-size:0.8625vw;}
    p sup{font-size:0.6vw;}
     
    .btn{min-width: 27.480916030534353vw;height: 6.361323155216285vw;margin-top: 1.6900763358778624vw;margin-bottom: 5.852417302798982vw;font-size: 3.307888040712468vw;line-height: 1.7;}

    
    header{width:100%;height:20.35623409669211vw;}
    header .logo{width: calc(98 / var(--main-width));height: calc(37 / var(--main-width));left: calc(21 / var(--main-width));top: calc(19 / var(--main-width));}
    /* header .logo{width:49.61832061068702vw;height:21.35623409669211vw;border-radius: 6.361323155216285vw;left:5.597964376590331vw;top:4.325699745547073vw;background-size:52.11180124223602% auto;background-position: 6.106870229007633vw 5.106870229007633vw;transition:background-position .5s;}
    header .logo:before{content:'';width:50%;height:50%;position:absolute;bottom: 0;background-color: #ffffff;z-index: -1;}
    header .logo:after{width:8.9058524173028vw;height:8.9058524173028vw;bottom:5vw;right:-8.9058524173028vw;box-shadow: -3.816793893129771vw 3.816793893129771vw 0 #ffffff;} */


    header .menu{width:calc(37 / var(--main-width));height:calc(34 / var(--main-width));position:absolute;top:calc(21 / var(--main-width));right:calc(21 / var(--main-width));background-color: transparent;display: block;}
    header .menu span{width:100%;height:100%;position:absolute;right:0;top:0;background-position:center center;background-size:100% auto;background-image:url(../images/icon-menu-b.svg);margin-bottom: 0;background-repeat: no-repeat;}
        
    header nav{background-color: #EDEDED;width: 100%;height: calc(100dvh - 20.35623409669211vw); right: 0;top: 20.35623409669211vw;display: none;} 
    /* header nav:after{width:8.9058524173028vw;height:8.9058524173028vw;top:-8.9058524173028vw;right: 47vw;box-shadow: 3.816793893129771vw 3.816793893129771vw 0 #818E94;} */
    header nav ul{padding:calc(21 / var(--main-width)) calc(21 / var(--main-width));margin: 0;}
    header nav ul li{width: 100%;float: left;padding: 0;margin: 0;margin-bottom:2.552417302798982vw;}
    header nav ul li a{font-size: calc(13 / var(--main-width));}
        
    header nav ul li:last-of-type{border:0;border-top: solid 1px #C6C6C6;padding:calc(14 / var(--main-width)) 0;padding-right: calc(62 / var(--main-width));}
    header nav ul li .dl-link{padding-left:calc(25 / var(--main-width));}
    header nav ul li .dl-link::before{width: calc(15 / var(--main-width));height: calc(15 / var(--main-width));}

    .up{top: -28.35623409669211vw;}
	
	
    .no-sc .logo{background-position: center center;}
    .no-sc .logo:before{width:0;height:0;display: none !important;}
    .no-sc .logo:after{width:0;height:0;display: none !important;}
    
 /*    .no-sc .menu{background-color: #818E94;}
    .no-sc .menu span{background-image:url(../images/icon-menu.svg);}
	 */
	.lgchng{right:calc(70 / var(--main-width));top:calc(32 / var(--main-width));}
	.lgchng a{font-size: calc(13 / var(--main-width));padding: 0 calc(7 / var(--main-width));} 	
	/* .lgchng a:last-of-type::after{padding:0 1.8vw;margin-top: -0.15vw;font-size: 3.5623409669211195vw;} */
	
    body.open-nav header nav{display: block;} 
    body.open-nav header nav:after{display: block;}
    /* body.open-nav header .menu{width:47vw;height:calc(23.35623409669211vw - 4.325699745547073vw);right:5.597964376590331vw;
        background-color: #818E94;border-radius: 6.361323155216285vw 6.361323155216285vw 0 0;right:5.597964376590331vw;top:4.325699745547073vw;} */
    body.open-nav header .menu span{background-size:50% auto;background-image:url(../images/menu-c-b.svg);}
    /* body.open-nav header .logo:before{width:50%;height:50%;display: block !important;} */

    main{padding:0 0;margin-top: 20.35623409669211vw;}
    .box{padding-left: 6.106870229007633vw;padding-right: 6.106870229007633vw;margin-bottom: 5.208333333333334vw;border-top-left-radius: 0%;border-top-right-radius: 0%;}
 
    .s1{padding-top:7.989583333333334vw/* 19.083969465648856vw */;padding-bottom:7.989583333333334vw;}
    .s1 .img{width: calc(100% + (6.106870229007633vw*2));height: auto;margin-top: 5.852417302798982vw;float: left;margin-left: -6.106870229007633vw;margin-right: -6.106870229007633vw;}
    .s1 .img figure{height: auto;/*background-image: url(../images/img-section1.jpg);*/}
    .s1 .plus{width: 9.124681933842239vw;height: 9.124681933842239vw;right: 2.0534351145038165vw;top: 2.0534351145038165vw;}
    
    .s1 .info{width: 100%;margin-top:0;margin-bottom: calc(8.9058524173028vw - 5.852417302798982vw);}

   /*  .s1 .commitment{width: 100%;margin-top: 7.633587786259542vw;}
    .s1 .commitment .artb-item{width:45%;float:left;margin-bottom:8.9058524173028vw;margin-left: 0;}
    .s1 .commitment .artb-item:nth-of-type(2n-1){width:55%;clear: left;margin-left: 0;} */

    .s1 .commitment{
    width: 100%; margin-top: 7.633587786259542vw;
  }

  .s1 .commitment .artboard{grid-template-columns: repeat(2, 1fr);}
.s1 .commitment .artb-item{margin-bottom: 8.9058524173028vw;}
.s1 .commitment .artb-item:nth-last-child(-n+2){margin-bottom: 0;}
    .s1 .commitment .artb-item .info-s{width: 75%;}
    
    .s1 .commitment h3{font-size: 3.5623409669211195vw;line-height: 4.071246819338422vw;margin-bottom:0.15625vw;}
    .s1 .commitment p {
    width: 100%;
}
    .s1 .commitment .artb-item .icon{margin-right:2.3445292620865136vw;} 

    .s1 .commitment .artb-item .icon.location{width:4.8346055979643765vw;height: 6.106870229007633vw;}
    .s1 .commitment .artb-item .icon.apartment{width:5.852417302798982vw;height: 5.852417302798982vw;}
    .s1 .commitment .artb-item .icon.localcafe{width:5.597964376590331vw;height:5.597964376590331vw;}
    .s1 .commitment .artb-item .icon.directions-bus{width:4.580152671755725vw;height: 5.597964376590331vw;}
    .s1 .commitment .artb-item .icon.construction{width:5.343511450381679vw;height:5.089058524173027vw;}
    .s1 .commitment .artb-item .icon.leed-gold{width:5.597964376590331vw;height: 5.597964376590331vw;}
     

    .s3{padding-top:6.25vw;padding-bottom:0/* 11.450381679389313vw */;position: relative;margin-bottom: 5.208333333333334vw;}
    .s3 .info{width: 100%;}
    .s3 .info p{width: 100%;}
    .s3 .slider{width: calc(92% + (5.597964376590331vw + 6.106870229007633vw + 5.597964376590331vw + 6.106870229007633vw));margin-left: calc(-5.597964376590331vw - 6.106870229007633vw);margin-right: calc(-5.597964376590331vw - 6.106870229007633vw);margin-top: 10.770833vw;padding-left: 12.197964vw;}
    .s3 .slider .slider-inner .slide{width: 100%;height: 59.28753180661578vw;}
    .s3 .slider .slider-inner .slide figure{height: 59.28753180661578vw;}
    
    .s3 .slider .slider-inner .slick-slide{width: calc(100vw - (5.597964376590331vw*2));height: 59.28753180661578vw;margin-right: 1.7811704834605597vw;}
    .s3 .slider .slick-slider .slick-list{padding-left: 0;padding-bottom: 10.178117048346055vw;}
    .s3 .slider .slider-inner .slide figcaption{font-size: 3.5623409669211195vw;line-height: 4.071246819338422vw;bottom: -7vw;left: 0;padding: 0 3.0534351145038165vw;}
    
    .s3 .plus{width: 9.124681933842239vw;height: 9.124681933842239vw;right: 2.0534351145038165vw;top: 2.0534351145038165vw;}
    
    .s3 .slick-dots{left: 0;bottom: 3.85vw;}
    .s3 .slick-dots li{width: 2.7900763358778624vw;height: 2.7900763358778624vw;margin-right: 0.8633587786259541vw;float: left;}

    .s3 .dl-box{ display: flex;border-radius: 6vw;align-items: center;   /* vertical center */
    justify-content: center/* flex-start */; /* left align text */position: relative;width: 100%;right: auto;height: 11.450381679389313vw; padding: 3.6145833333333335vw 0;text-align: left;padding-left: 0/* 3.0534351145038165vw */;margin-top: 6vw;padding-right: 0/* 3.0534351145038165vw */;}
    .s3 .dl-box .dl-link{padding-left: 8vw;font-size: 3.816793893129771vw;line-height: 4.816794vw;padding-top: 0;padding-bottom: 0;}
    .s3 .dl-box .dl-link::before{width: 4.580152671755725vw;height: 100%;top: 0;background-position: center;}
   .s3 .slider .slider-inner .slick-slide.slick-current.slick-active figcaption.web {
    display: none !important;
}
.slick-slide.slick-current.slick-active 
figcaption.mobile {
    display: block !important;
}
    .btn-slick{width: 7.4479166666666665vw;height: 7.4479166666666665vw;top: calc(50% - (8.4479166666666665vw/2));}
    .prev {right: auto;left: 3vw;}
    .next {left: auto;right: 4.5vw;}

.intro-box{height: 100vh;overflow:scroll;}
.intro-box .left-box{width: 100%;height: 100vh;border: none;}
.intro-box .left-box .lb-inner .logo-box img{width: 65.765903307888046vw;margin-bottom: 13.445293vw;}
.intro-box .left-box .lb-inner .welcome-box {margin-bottom: 12vw;}
.intro-box .left-box .lb-inner .welcome-box p{font-size: 4.8346055979643765vw;line-height: 5.852417302798982vw;padding: 0 5.597964376590331vw;}
.intro-box .left-box .lb-inner .text-box p{font-size: 4.8346055979643765vw;line-height: 5.852417302798982vw;padding: 0 5.597964376590331vw;}
.intro-box .left-box .btn{height: 7.089059vw;padding: 0.8vw 0;font-size: 3.5623409669211195vw;min-width: 28vw;}
.intro-box .left-box .btm-logo-box{width: 34.605597964376585vw;bottom: 10.267175572519085vw;left: 32.56997455470738vw;}
.intro-box .right-box{width: 100%;height: 100vh;float: left;}
.intro-box .right-box .rb-inner{padding: 0 14.50381679389313vw;}
.intro-box .left-box .lb-inner .text-box {
    margin-bottom: 8.8125vw;
}

.s2{position: relative;padding-bottom: 0;}
.s2 .plan-box{margin-bottom: 0;padding: 0;width: calc(100% + (6.106870229007633vw*2));margin-left: -6.106870229007633vw;margin-right: -6.106870229007633vw;}
.s2 .plan-box figure{height: 70.365394vw/* 95.16539440203562vw */;margin-bottom: 7.989583333333334vw;padding: 0 5.597964376590331vw;box-sizing: border-box;}
.s2 .plan-box .btn{height: 6.106870229007633vw;padding: 1.0178117048346056vw 1.7811704834605597vw 0 1.7811704834605597vw;margin: 0; bottom: 11.450381679389313vw;right: 5.089058524173027vw;font-size: 3.0534351145038165vw;border: 0.2544529262086514vw solid #818E94;}
.s2 .text-box{width: 100%;margin: 0 0 3.307888040712468vw 0;}
.s2 .text-box p{width: 100%;margin: 0 0 3.816793893129771vw 0;}
.s2 .map-box{width: calc(100% + (6.106870229007633vw*2));float: left;margin: 4.097917vw 0 12.72264631043257vw 0;margin-left: -6.106870229007633vw;margin-right: -6.106870229007633vw;padding-top: 0;}
.s2 .map-box .fsview-btn{width: 7.633587786259542vw;height: 7.633587786259542vw;top: 3.816793893129771vw; right: 3.0534351145038165vw;}
.s2 .map-box .img-box{height: 72.524173vw/* 58.524173027989825vw */;margin-bottom: 0;float: left;position: initial;top: auto;left:auto;}
.s2 .map-box .fac-box{width: 100%;float: left;margin: 0 0 0.7633587786259541vw 0;padding: 0 6.106870229007633vw;}
.s2 .map-box .fac-box .fac{gap: 1.5vw;margin: 0 4.544529vw 2.5445292620865136vw 0;padding-left: 0;font-size: 2.7989821882951653vw; line-height: normal; }
.s2 .map-box .fac-box .fac::before{width: 1.7811704834605597vw;height: 1.7811704834605597vw; top:0.5089058524173028vw; border: 0.2544529262086514vw solid #000000;}
.s2 .media-box{width: calc(100% + (6.106870229007633vw*2));margin-left: -6.106870229007633vw;margin-right: -6.106870229007633vw;}
.s2 .media-box .mb-inner figure{height: 43.25699745547074vw !important;}
.s2 .media-box .fsview-btn{width: 7.633587786259542vw;height: 7.633587786259542vw;top: 3.816793893129771vw; right: 3.0534351145038165vw;}
.s2 .media-box .slick-slide{height: 43.25699745547074vw !important;}
.s2 .companies-box{width: 100%;float: left;margin-right: 0;padding: 0;padding-bottom: 0;}
.s2 .companies-box h3{margin-bottom: 10.178117048346055vw;font-size: 5.089058524173027vw;line-height: 5.089058524173027vw;}
.s2 .companies-box h3.comp-logo{padding-left: 9.16030534351145vw;}
.s2 .companies-box h3.comp-logo::before{width: 6.106870229007633vw;height: 6.361323155216285vw;top:-1.0178117048346056vw;}
.s2 .companies-box .cb-inner .logo-box{width: 100%;height: 10.178117048346055vw;margin:0;background-size: 76% auto;}
/* .s2 .distance-box{width: 100%; margin: 0;padding: 0 6.106870229007633vw;clear: initial;position: absolute;bottom: 57.25190839694656vw;left: 0;}
 */
 .s2 .distance-box{width: 100%; margin: 0;padding: 0 0;clear: initial;position: relative;bottom: auto;left: 0;float: left;margin-bottom: 10.178117048346055vw;}

.s2 .distance-box p{margin-bottom: 11.72264631043257vw;font-size: 5.089058524173027vw;line-height: normal;text-align: left;}
.s2 .distance-box table tr{padding: 2.035623409669211vw 0;border-bottom: 0.2544529262086514vw solid #818E94;}
.s2 .distance-box table tr.icons-box{height: 6.361323155216285vw;}
.s2 .distance-box table tr th{width: 2.5445292620865136vw;height: 4.325699745547073vw;}
.s2 .distance-box table tr th.walk{right: 21.882951653944023vw;}
.s2 .distance-box table tr th.car{width: 3.5623409669211195vw;height: 3.0534351145038165vw;top:1.2722646310432568vw;right: 11.450381679389313vw;}
.s2 .distance-box table tr th.bus{width: 3.307888040712468vw;height: 3.816793893129771vw;right: 2.2900763358778624vw;top: 0.5089058524173028vw;}
.s2 .distance-box table tr td{width: 5.597964376590331vw;font-size: 3.5623409669211195vw;line-height: normal;}
.s2 .distance-box table tr td:first-of-type{width: 34.35114503816794vw;}
.s2 .distance-box table tr td:nth-of-type(2){right: 20.35623409669211vw;top: 2.035623409669211vw;}
.s2 .distance-box table tr td:nth-of-type(3){right: 10.478117048346055vw;top: 2.035623409669211vw;}
.s2 .distance-box table tr td:nth-of-type(4){right: 0.45vw;top: 2.035623409669211vw;}

.popupv-block .popupv-block-detail {width: 50%;padding: 3.5625vw 1.5625vw; }
.popupv-block .popupv-block-detail h2{padding:0 10.178117048346055vw;font-size:7.009345794392523vw;line-height:7.943925233644859vw;}
.popupv-block .popupv-block-detail p{font-size: 3.307888040712468vw;line-height: 3.816793893129771vw;padding:0;}
.loading-data .ld-icon{background-size: 16% auto;}

.s4{padding-top: 8.9058524173028vw;padding-bottom: 7.124681933842239vw;margin-bottom: 0;}
.s4 .contact-box .left-side{width: 100%;margin-top: 0;padding: 0;}
.s4 .contact-box .left-side h2{margin-bottom: 11.450381679389313vw;}
.s4 .contact-box .left-side form{width: 100%;}
.s4 .contact-box .left-side form input[type=text]{width: 100%;margin-bottom: 5.597964376590331vw;padding-bottom: 2.5445292620865136vw;font-size: 3.5623409669211195vw;line-height: normal;border-bottom: 0.2544529262086514vw solid #FFFFFF;}
.s4 .contact-box .left-side form textarea{width: 100%;height: 14.50381679389313vw;margin-bottom: 8.9058524173028vw;padding-bottom: 7vw;font-size: 3.5623409669211195vw;line-height: normal;border-bottom: 0.2544529262086514vw solid #FFFFFF;}
.s4 .contact-box .left-side form label{margin-bottom: 2.5445292620865136vw;font-size: 3vw;line-height: normal;}
.s4 .contact-box .left-side form .btn{height: 6.361323155216285vw;padding: 0.8905852417302799vw 2.5445292620865136vw;;font-size: 3.5623409669211195vw;line-height: normal;}
.s4 .contact-box .media-box{width: 100%;float: left;margin-top: 8.9058524173028vw;padding: 0;display: block;}
.s4 .contact-box .media-box .mb-inner figure{height: 90.33078880407125vw !important;}
.s4 .contact-box .media-box .fsview-btn{width: 2.604166666666667vw;height: 2.604166666666667vw;margin: 0;padding: 0;position: absolute;top: 1.0416666666666665vw; right: 1.0416666666666665vw;background-image: url(../images/plus-btn.svg);background-repeat: no-repeat;background-size: 100% auto;}
.s4 .contact-box .media-box .slick-slide{width: 100%;height: 90.33078880407125vw !important;}
.box.s4.dark .media-box :where(p,li,span,figcaption) {font-family: 'Helvetica Neue';font-size: 3.5623409669211195vw!important;line-height: 4.071246819338422vw!important;
margin-bottom: 0;}
.contact-item:first-child img {width: 12.697917vw;height: 12.697917vw;}
.contact-item:last-child img {width: 21.427083vw;height: 12.833333vw;}
.s4 .contact-box .media-box .mb-inner {display: none;}
.s1 .info p {width: 100%;}
.s1 .commitment .artboard {gap: .083333333333333vw;}
.fac img {width: 3.78117vw;height: 3.78117vw;}
.s2 .map-box .fac-box h3 {font-size: 5.089058524173027vw;line-height: 5.089058524173027vw;margin-bottom: 6.178117vw;}
.contact-strip {padding: 2vw 0px;}
.s2 .companies-box .cb-inner {/* display: grid;grid-template-columns: repeat(3, 1fr);column-gap: 12.5vw;row-gap: 6vw; */width: 100%;}
.s3 .info p {
    width: 100%;
    font-size: 3.5623409669211195vw;
    line-height: 4.071246819338422vw;
    margin-bottom: 0;
}
.s3 .info p br{display: none;}
.virtual-tour {margin-bottom: 10.770833vw;}
.virtual-tour-inner {width: 100%;height: 59.28753180661578vw;max-height: 100vh;padding: 0;}
.contact-item:last-child span {padding-left: 0;margin-left: -2vw;}
/*404-page-start====*/
.pnf-404{padding:18.69158878504673vw 5.373831775700935vw 9.345794392523365vw;}
.pnf-404 .inner{width:100%;float:left;display:block;}
.pnf-404 .inner figure{width:100%;margin-bottom:7.009345794392523vw;text-align:center;}
.pnf-404 .inner figure img{width:25.8%;float:none;display:inline-block;}
.pnf-404 .inner .text-side{width:100%;margin-left:0;text-align:center;}
.pnf-404 .inner .text-side h1{margin-bottom:3.5046728971962615vw;text-align:center;font-size:7.009345794392523vw;line-height:7.943925233644859vw;}
.pnf-404 .inner .text-side p{float:none;display:inline-block;margin-bottom:4.205607476635514vw;text-align:center;}
.pnf-404 .inner .text-side .btn{float:none;display:inline-block;padding-top: 0.3vw;}
/*404-page-end====*/

/*Sitemap-page-start====*/
.site-map {padding: 12.72264631043257vw 5.597964376590331vw;margin-bottom: 20.35623409669211vw;}
.site-map ul {margin: 2.533333vw 0 0 0;padding: 0;}
.site-map ul li {margin: 0 0 0.667vw 0;}
.site-map ul li:last-child{margin-bottom: 0;}
.site-map ul li a {padding: 2.667vw 3.733vw 2.2vw 3.733vw;font-size: 3.2vw;line-height: 1.2;height: auto;width: 100%;float: left;}
.site-map ul li ul {padding: 0 0 0 8vw !important;}
.site-map ul li ul :where(p,li,span) {font-size: initial;line-height: 2.5445292620865136vw;}
.site-map ul li ul li {margin-bottom: 2.667vw;}
.site-map ul li ul li:last-child{margin-bottom: 2vw;}
/*Sitemap-page-end====*/

.policy-box{padding-top: 19.083969465648856vw;padding-bottom: 7.989583333333334vw;}

.s1 .info p {width: 100%;font-size: 3.5623409669211195vw;line-height: 4.071246819338422vw;}
.s1 .info p br {display: none;}

.s1 .img.video-block {height: auto;}
.s2.dark {padding-top: 7.633587786259542vw;padding-bottom: 5.097916666666667vw;}
.s2.dark p br{display: none;}

.box.dark :where(p,li,span,figcaption) {font-family: 'Helvetica Neue';font-size: 3.5623409669211195vw;line-height: 4.071246819338422vw;margin-bottom: 5.852417302798982vw;}
footer{min-height: 57.25190839694656vw;padding: 8.142493638676845vw 0 7.633587786259542vw 0;}
footer .inner .logo{width: 25.44529262086514vw;height: 8.651399491094146vw;margin: 0 0 0 37.150127226463106vw;}
footer .inner nav{width: 100%;margin: 6.106870229007633vw 0 0 0;}
footer .inner nav ul li{margin-bottom: 1.2722646310432568vw;text-align: center;width: 100%;padding-left: 0;}
footer .inner nav ul li a{font-size: 3.0534351145038165vw;line-height: normal;}
footer .inner .proj-box{float: left;padding-left: 0;margin-top: 8.9058524173028vw;margin-left: 24.93638676844784vw;}
footer .inner .proj-box figcaption{padding-top: 0.7633587786259541vw;font-size: 3.0534351145038165vw;line-height: normal;}
footer .inner .proj-box img{width: 24.173027989821882vw;margin-left: 5.089058524173027vw;}
footer .inner .proj-box::before {
   display: none;
}

.web{display:none !important;}
.mobile{display:block !important;}
}