@charset "UTF-8";

html,body{
	width:100%; height:100%; 
	margin:0; padding:0;
	background-color:#fff; color:#2D2D2D; font-weight:300;
	font-family:'Helvetica Neue', 'Noto Sans TC', 'Noto Sans SC', sans-serif;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	position:relative;
	font-size:17px; 
}

img{ border:none; padding:0; margin:0; }

input, textarea{ 
	border:none; 
	padding:0px;
	background-color:transparent;
	font-family:'Helvetica Neue', 'Noto Sans TC', 'Noto Sans SC', sans-serif;
	color:inherit;
	-moz-appearance:none;
	-webkit-appearance:none;
	resize:none;
	outline:none; 
	font-size:inherit;
	line-height:1;
	
}
input:focus, select:focus, textarea:focus{ outline:none; font-style:inherit; color:#333; }
 
select{
	background-image:none;
	width:95%; padding:0; margin:0; border:none;
	border-radius:0px;
	color:#fff;
	opacity:0;
	font-size:17px;
	height:46px;
}

a{ color:inherit; text-decoration:none;}
a.inactive{  }

div, select, a, input, img, span, button, button:focus, div:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); outline:0; }
h1,h2,h3,h4,h5{ font-weight:inherit; font-size:inherit; line-height:inherit; margin:0; padding:0; display:inherit; }

ul{ margin:0; padding:0; list-style-type: decimal; }
li{ margin:0; padding:0; }
ol, ol li{ margin-left:0; padding-left:0; }
ol{ margin-left:0; margin-top:0; }
ol li{ margin-bottom:0; list-style-position:inside; list-style-type:none; } 


ol, ol li{ margin-left:0; padding-left:0; }
ol{ margin-left:0; margin-top:0; font-weight:800; }
ol > li{ margin-bottom:3em; list-style-position:inside; }

ol > li  ul{ margin:1em 0; }
ol > li  ul > li{ list-style-type:lower-roman; }

li > div:nth-child(2){ font-weight:400; margin-top:0.5em; }


/* text */
.txt-headline{ font-weight:400; }
.txt-thin{ font-weight:100; }
.txt-book{ font-weight:400; }
.txt-medium{ font-weight:500; }
.txt-bold{ font-weight:700; }

.txt-size-four{ font-size:3.6em }

.txt-max{  font-size:10em; }
.txt-giant{  font-size:5em; }
.txt-title{ font-size:3.6em; font-family:'Helvetica Neue', 'Noto Sans TC', 'Noto Sans SC',sans-serif;  line-height:1.1; margin:0.5em 0;}
.txt-title.nomargintop{ margin-top:0; }
.txt-mega{  font-size:2.5em; font-family:'Helvetica Neue', sans-serif; line-height:1.3;  } 
.txt-extra{ font-size:1.5em; }
.txt-subtitle{ font-size:1.5em;  }
.txt-big{   font-size:1.35em; }
.txt-body{  font-size:1.1em; line-height:1.5; }
.txt-standard{  font-size:1.1em;}
.txt-caption{  font-size:0.8em; }
.txt-small{ font-size:1em;}
.txt-normal{ font-size:1em;}

.txt-banner, .txt-giant{  font-size:3.6em; }

.txt-white{ color:#fff;}
.txt-grey{ color:#666; }
.txt-darkgrey{ color:#2d2d2d; }
.txt-lightgrey{ color:#999;   }
.txt-black{ color:#000; }
.txt-blue{ color:#758995; }
.txt-brown{ color:#8e7d6f; }
.txt-oat{ color:#B7AAA1; }
.txt-bluegrey{ color:#6E7882}
.txt-navyblue{ color:#A6B3BA}

.txt-button{ color:#758B97; letter-spacing:.1em; }
.txt-shadow{ text-shadow:0 0 0.1em #000 }
.txt-shadow-spread{ text-shadow:0 1px 0.4em #000 }

.txt-source-sans{ font-family:'Helvetica Neue', 'Noto Sans TC', 'Noto Sans SC', sans-serif;}
.txt-markot{ font-family: 'Helvetica Neue',  'Noto Sans TC', 'Noto Sans SC', sans-serif; }

.round-corner-button-container:hover .txt-button{ color:#fff; }

.txt-center{ text-align:center; }

@media only screen and (min-width:1024px)  {  
.txt-body{ font-size:1em; }
}

.clear{ clear:both; }
.mobile-only{ display:none; }


.space{ margin-bottom:4em; }


.poster-overlay{ position:absolute; top:0; left:0; width:50%; height:100%; background:linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 100%);}
 /* text */

/*cc-slideshow*/
.const-challenge-slideshow{width:100%;}
.cc-slideshow-panel{width:100%; display: flex; justify-content:flex-start;}
.cc-panel-ele{position:relative; width:100%; cursor:pointer}
.panel-ele-num{ font-family:'Helvetica Neue',sans-serif; padding:1em 0; opacity:0.5; transition:opacity 200ms linear;}
.panel-ele-border{border: 0.5px solid #fff;}
.panel-ele-bar{height:4px; width:100%; transform:scale(0,1);  transform-origin:left center; transition:transform 400ms ease-out; background:#fff;}

.cc-slideshow-cnt{ position:relative; width:100%; margin-top: 5em; overflow:hidden; height:600px;  }  
.cc-slideshow-ele{ width:100%; position:absolute; transform:translateX(-100%); transition:transform 400ms cubic-bezier(0,.71,.31,1); }

.cc-slideshow-ele.temp{ transform:translateX(100%);}
.cc-slideshow-ele.active{  transform:translateX(0%); }


.cc-video-container{position:relative; width:64%;  margin-left:-14%; float:left; }
.cc-video-cover{position:relative; width:100%; padding-bottom:70%; background-repeat:no-repeat; background-position:center; background-size:cover; }
.cc-slideshow-content{width:40%; float:right; margin-top:8em;}
.cc-slideshow-content .cc-content-num{margin: 0; opacity:0.1; transition:opacity 1000ms ease-in;}
.cc-content-title{margin: 1em 0; opacity:0.1; transition:opacity 1000ms ease-in;}
.cc-slideshow-ele .cc-slideshow-content .txt-body{opacity:0.1; transition:opacity 1000ms ease-in;}
.cc-play-icon{ width:4em; height:4em; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer; background-image:url(../img/btn-play.svg);  background-repeat:no-repeat; background-position:center; background-size:contain;  }



.cc-panel-ele.hover .panel-ele-num, .cc-panel-ele.active .panel-ele-num{opacity:1; transition:opacity 250ms linear;  } 
.cc-panel-ele.hover .panel-ele-bar, .cc-panel-ele.active .panel-ele-bar { transform:scale(1,1);  transition:transform 900ms ease;  }
.cc-panel-ele.hover .panel-ele-bar {background:#DCDCDC; }

.cc-video-container{ opacity:0;  }
/*.cc-slideshow-content{ opacity:0; }*/

.cc-slideshow-ele.active .cc-video-container{ opacity:1; transition:opacity 1000ms ease-in;   }
.cc-slideshow-ele.active .cc-slideshow-content{ opacity:1;  transition:opacity 1000ms 500ms ease-in; }
.cc-slideshow-ele.active .cc-slideshow-content .cc-content-num{ opacity:1;  transition:opacity 500ms ease-in; }
.cc-slideshow-ele.active .cc-slideshow-content .cc-content-title{ opacity:1;  transition:opacity 900ms ease-in; }
.cc-slideshow-ele.active .cc-slideshow-content .txt-body{opacity:1; transition:opacity 1200ms ease-in;}

.cc-video-container.inactive .cc-video-cover, .cc-video-container.inactive .cc-play-icon{ opacity:0; }
.cc-video-container.inactive .cc-play-icon{ background-image:url(../img/cc-pause-button.svg); }
.cc-video-container.inactive.hover .cc-play-icon{ opacity:1; }
/*cc-slideshow*/


/* location -map */
.markerLeft{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:left; transform:translate(50%, 50%)}
.markerCenter{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%); }
.markerCenterBottom{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 30%); }

.markerCenterRotate{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%) rotate(28deg);}
.markerCenterRotateA{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%) rotate(54deg);}
.markerCenterRotateB{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%) rotate(16deg); }
.markerCenterRotateC{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%) rotate(38deg); }
.markerCenterRotateD{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%) rotate(-57deg); }
.markerCenterRotateE{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%) rotate(-54deg); }
.markerCenterRotateF{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%) rotate(-25deg); }
.markerCenterRotateG{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%) rotate(15deg); }
.markerCenterRotateH{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%) rotate(11deg); }
.markerCenterRotateI{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%) rotate(-72deg); }
 
.map-info{ position:relative; width:100%; max-height:none; height:calc(80vw - 20em); /*height:100vh;*/ background:#fff  }
#map{ position:absolute; /*width:calc(100% - 24em - 3em);*/ width:100%;  height:calc(80vw - 20em); top:0; left:0; background-image:url("../img/map-back.jpg"); background-repeat:no-repeat; background-position:center; background-size:120vw auto}
/* 
.map-panel-container{ position:absolute; top:2em; right:2em; background:#fff; padding:1.5em; width:30em;    height:auto;  }

@media only screen and (min-width: 1800px)  { 
.map-panel-container{ min-height:calc(900px - 4em - 10em);   }
}
*/
.all-map-info-button-container{ width:100%;   display:inline-flex; justify-content:space-between; margin:1.5em 0 1em 0; }
.map-info-button{ display:inline-flex; justify-content:center; align-items:center;  border-radius:2em; cursor:pointer}
.map-info-button{ width:calc((100% - 7em) / 3); border:1px solid #000; text-align:center; padding:0.6em .5em;   }
.map-info-button:nth-child(1){ width:calc((100% - 2em) / 3); }
.map-info-button:nth-child(3){ width:calc((100% - 5em) / 3); }
.map-info-button.active{ background-color:#000; color:#fff; }

.map-cat-info-container{ display:none; }
.map-cat-info-container.active{ display:block; }
.map-cat-info-col{ float:left; width:calc(50% - 1em); margin-bottom:.8em; }
.map-cat-info-col:nth-child(2){ margin-right:2em; }


.map-cat-info-col > div{ display:flex; justify-content:flex-start; margin-top:0.25em }
.map-cat-info-col > div > div:nth-child(1){ width:2em; }

.map-cat-info-col.connect, .map-cat-info-col.connect-two{ float:left; width:100%; margin-top:1em; }
.map-cat-info-col.connect > div > div:nth-child(1){ width:80%; }
.map-cat-info-col.connect > div > div:nth-child(2){ width:20%; justify-content:center; }
.map-cat-info-col.connect img, .map-cat-info-col.connect-two img{ height:1em; margin-right:.5em;  width:auto}
.map-cat-info-col.connect > div > div{ align-items:center; display:inline-flex;    }

.map-cat-info-col .txt-markot{ margin-bottom:.8em; }

.map-cat-info-col.connect-two > div > div:nth-child(1){ width:50%; }
.map-cat-info-col.connect-two > div > div:nth-child(2){ width:22%; margin-right:4%; justify-content:center; text-align:center;  }

.map-cat-info-col.connect-two > div > div:nth-child(1){ width:55%; margin-right:3%; }

.map-cat-info-col.no-float{ float:none; width:100%; margin-bottom:1.5em; }

.map-cat-subheading-container{ margin:.5em 0 ; }
.map-cat-subheading{  display:inline-flex; align-items:center;  }
.map-cat-circle{ width:1em; height:1em; background:#000; border-radius:50%; margin-right:0.9em; }

.map-cat-subheading.txt-blue .map-cat-circle{ background:#768b99; }
.map-cat-subheading.txt-brown .map-cat-circle{ background:#8e7d6f; }

.all-walkway-container{ width:100%; margin:.5em 0; border-bottom:1px solid #000; border-top:1px solid #000; padding:1em 0;  }
.all-walkway-inner{ width:100%; display:inline-flex; align-items:center; white-space:nowrap  }
.walk-stroke{ margin-left:1.5em; width:100%; height:2px; background-image:url("../img/walkway-sroke.svg"); background-repeat:repeat-x; background-position:left center;  }
.walkway-icon{  width:1.5em; height:1.5em; background-image:url("../img/walkway-icon.svg"); background-repeat:no-repeat; background-position:left center; background-size:contain; position:absolute; right:2em;  }
/* 20210908 */


.map-cat-info-col.connect img{ transform:translateY(-30%)}
.map-cat-info-col.connect-two img{ transform:translateY(20%)}

@media only screen and (min-width:0px) and (max-width:1279px) { 
.map-cat-info-col.connect-two > div > div:nth-child(1){ width:60%; margin:0;  }
.map-cat-info-col.connect-two > div > div:nth-child(2){ width:20%; margin:0;   text-align:center;   }
.map-cat-info-col.connect-two > div > div:nth-child(3){ width:20%; margin:0; text-align:center;  }	
}
@media only screen and (min-width:768px) and (max-width:1279px) { 
	.map-cat-info-col.connect-two > div > div:nth-child(3) br{display:none}	
}

/* location -map */



/* Fonts */
.markerLeft{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:left; transform:translate(50%, 50%)}
.markerCenter{  word-wrap:break-word; word-break:break-all; white-space: pre; text-align:center; transform:translate(0%, 0%); }

/* location -map */

/* COMMON */
button{ font-size:1em; margin:0; padding:0; border:none; background:transparent; cursor:pointer; color:inherit; font-weight:inherit; }

.clear{ clear:both; }
.mobile-only{ display:none; } 
.inner-container{  position:relative; margin:auto; width:90%; max-width:1440px; z-index:1; }

.txt-underline{ text-decoration:solid underline 1px; }
/* COMMON */


/* HEADER */
.header-container{ width:100%; position:fixed; top:0; left:0; z-index:11;  }

.header-container-inner{  height:4em; align-items:center; display:flex; justify-content:flex-end;  position:relative; }
.header-background-container{ position:absolute; /* 20210908 */background:rgba(0,0,0,0.6); /*background:linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(55,55,55,0.3) 30%, rgba(0,0,0,0.3) 100%); mix-blend-mode: multiply;*/  width:100%; height:100%; top:0; left:0; }


.logo-container{ height:63%; width:auto;  opacity:0; position:absolute; top:50%; left:0; transform:translate(0%,-150%);  }



.menu-container{ display:none}

.menu-icon-container{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:2em; height:1.25em; display:none;  }
.menu-icon-container > div{ position:absolute; width:100%; left:0; background:#fff; height:2px; }
.menu-icon-container > div:nth-child(1){ top:0; }
.menu-icon-container > div:nth-child(2), .menu-icon-container > div:nth-child(3){ top:calc(50% - 1px); }
.menu-icon-container > div:nth-child(4){ bottom:0; }

.header-right-container{ float:right; display:flex; align-items:center; width:calc(100% - 14em); max-width:1000px;  justify-content:space-between;  }
.header-right-container a:hover, .header-right-container a.active{ /*color:#2d2d2d;*/ /* 20210908 */text-decoration:underline;/* 20210908 */  }
.lang-container{  /*margin-left:1em;*/ line-height:1; margin-left:0; font-size:0.8em; display:flex; align-items:center}
.chi-size{ font-size:0.9em; margin-top:.1em }
.lang-container a{ opacity:0.5}
.lang-container a.active, .lang-container a.hover{ opacity:1; text-decoration:underline; }
.lang-container a.active{ pointer-events:none  }
.lang-container a:nth-child(1), .lang-container a:nth-child(2){ margin-right:.8em; }


.header-right-container > div{ position:relative; /*cursor:pointer;*/ }

.subheader-container{ z-index:10; position:absolute; left:0%; top:100%; background:rgba(0,0,0,0.6); width:100%; pointer-events:none; text-align:center; height:0; overflow:hidden; opacity:0;  transform:translate(0,0em) }
.subheader-container:after{ content:''; position:absolute; width:100%; height:1px; left:0; top:0; background:#fff}

.subheader-container a:hover{  text-decoration:underline;   }
.subheader-container a.active{ text-decoration:underline!important;}

.subheader-container .inner-container{   padding:1em 0;  transform:translate(0,-3em);  }


.subnav-header{ display:none}
.subnav-container{ display:flex; justify-content:center;}
.subnav-container > div, .mobile-subnav-container > div{ line-height:1; margin:0 1em;   word-break:keep-all; white-space:nowrap;   }

.subheader-container.active.temp{ height:0!important; pointer-events:none!important; }
.subheader-container.active.temp .inner-container{ transform:translate(0,0em); transition:transform 0ms ease-in-out;  }
.header-container.manual .subheader-container.active, .subheader-container.hover{ height:auto; opacity:1; pointer-events:all;  transform:translate(0,0) }
.header-container.manual .subheader-container.active .inner-container, .subheader-container.hover .inner-container{ transform:translate(0,0); transition:transform 300ms ease-in-out;  }
 
.header-container.manual .subheader-container.active{ transition:opacity 200ms 300ms linear;}
.subheader-container.hover{ transition:transform 0ms 0ms ease-out, opacity 200ms linear!important }
/* HEADER */
 

/* INTRO */
.intro-panel-container{ background:#242D33; position:relative; width:100%; padding:5em 0}
.intro-panel-container .inner-container{ border-top:1px solid #A6B3BA; display:flex; justify-content:space-between; align-items:flex-start;   }
.intro-panel-ele{  width:calc(50% - 1em); }
.intro-panel-ele > div{ }
.intro-panel-ele:nth-child(1) .txt-navyblue{ font-size:0.8em; line-height:1; padding:1em 0; letter-spacing:.1em;  font-weight: 700; }
.intro-panel-ele:nth-child(1) .txt-white{ font-size:2em }

.intro-panel-ele:nth-child(2){ margin-top:0.5rem}
.intro-panel-ele:nth-child(2) > div{   }
.intro-panel-ele:nth-child(2) p{ line-height:1.6 }

.intro-panel-button, .half-panel-button{ position:relative; margin:1em 0 2px 0; padding:0.8em 1.8em; border-radius:3em; border:1px solid #758B97; color:#758B97; float:right} 
.intro-panel-button.hover, .half-panel-button.hover  { background:#758B97; color:#fff }
/* INTRO */

.home-mask-container{ width:100%; height:100%; position:relative;  }

body.mobile-div{ height:100%;  }
body.mobile-div .home-video-container { position:fixed; transform:translateY(0); pointer-events:none }

body.mobile-div .home-mask-container{ width:100%; height:100%; position:absolute; top:0; left:0; -webkit-overflow-scrolling:touch; overflow:scroll; overflow:auto}

body.mobile-div .half-panel-container.fixed{ top:0; position:absolute; transform:translateY(100%)} 
body.mobile-div .empty-scroll-container{ }

body.mobile-div .half-panel-container.real-fix{ position:fixed; top:0; }

/* Half Panel */
.home-future-container{ position:relative; width:100%; height:60vw; overflow:hidden; }
.home-future-background-container{  background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; width:100%; height:100%; top:0; left:0;   } 
/*
.intro-panel-container:before { position:absolute; content:''; width:100%; top:100%; left:0; height:10em; background:#242D33; transform:translateY(0%)}
 */
.half-panel-container{   position:relative; width:100%; height:100%;  }
.half-panel-container.fixed{ position:fixed; top:0; left:0; transform:translateY(100%)}

.half-panel-ele { width:calc(50% - 0em); height:100%;  position:absolute; }
.half-panel-ele:nth-child(1){   height:100%; overflow:hidden; }
.half-panel-ele:nth-child(1) > div{ background-size:cover; background-position:center; height:100%; width:100%; top:0; left:0; }

.half-panel-ele:nth-child(2)  { left:50%; display:flex; align-items:center; background:#fff  }
.half-panel-ele:nth-child(2) > div{ margin-left:0em; width:calc(90% - 0em); max-width:calc(720px - 0em); display:flex; justify-content:flex-end; max-height:calc(100% - 5em); overflow:auto}
.half-panel-ele:nth-child(2) > div > div{  width:80%}
.half-panel-ele p{ line-height:1.6}
.half-panel-button{ float:none; margin-top:2em}

.half-panel-ele:nth-child(1){ transform-origin:center right; background:#fff;  }
.half-panel-ele:nth-child(2){ transform-origin:center left;  background:#fff;  }
/* Half Panel */


/* HOME */
.two-line-title{margin-top:calc(-1em - 1px)}

.hint-arrow-container{ position:absolute; bottom:1.5em; width:3em; height:3em;  cursor:pointer;  left:50%; transform:translate(-50%, -50%); z-index:5; pointer-events:none; opacity:0; }
.hint-arrow-container.active{ pointer-events:all; opacity:1; transform:translateX(-50%); transition:transform 400ms 400ms ease-out, opacity 400ms 400ms linear }
.hint-arrow-container-inner{ position:absolute; width:100%;  height:100%;  transition:transform 300ms ease-out; top:50%; transform:translateY(-50%); background-position:center; background-size:contain; background-repeat:no-repeat; background-image:url(../img/icon-arrow.svg);  }
.hint-arrow-container.hover .hint-arrow-container-inner{ transform:translateY(-25%); }
.home-video-container{ position:fixed; top:0; left:0; width:100%; overflow:hidden; height:100%;  }
.home-video-container video{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);  }

.video-cover-container video, .home-video-cover-container video{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;   }
.home-video-cover-container.home video{ width:100%; height:100%; object-fit: cover;} 

.home-video-cover-container{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.25); background-position:center; background-size:cover; background-repeat:no-repeat; transition:opacity 400ms linear; }
.home-video-cover-container.active{ opacity:0; }
.cover-shadow-container{ position:absolute; width:100%; bottom:0; left:0; height:15em;  background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%); pointer-events:none  }
 

.inline-fs-video.inactive .home-video-cover-container{ opacity:0; }
.inline-fs-video.inactive .home-video-cover-container:nth-child(1){ opacity:1; }



.home-video-container .inner-container{ height:100%; }
.home-video-slogan{ position:absolute; bottom:6.5em;  left:50%; transform:translate(-49.3%, -75%); opacity:0;  text-align:center; width:100%!important }
.home-video-slogan.active{ opacity:1; transform:translate(-49.3%, 0); transition:opacity 300ms 300ms linear, transform 400ms 300ms ease-out; }

.home-banner-slogan{ position:fixed; bottom:6.5em; left:50%; transform:translate(-49.3%, 0%); text-align:center; width:100%!important; height:auto; }
.home-wc-slogan{ position:fixed; bottom:6.5em; right:5%; transform:translate(0%, 0%); text-align:right;  width:90%!important; height:auto; }

.header-container.home{ transform:translateY(0%);}
.header-container.home .header-background-container{ transform:translateY(-100%); opacity:0; }
 
.header-container.home.active .header-background-container{ animation-name:ani-home-header; animation-duration:0.4s; animation-delay:2.9s; animation-timing-function:ease-out;  animation-fill-mode:forwards;  animation-iteration-count:1;  }
@keyframes ani-home-header{
0%   { opacity:0; }
100% { opacity:1; transform:translateY(0%);  }
}

.header-container.home .menu-icon-container{ transform:translateY(-253%); opacity:0; }
.header-container.home .header-right-container{ transform:translateY(-200%); opacity:0; }
.header-container.home.active .header-right-container{ /* 20210908 */transform:translateY(-0em);/* 20210908 */ opacity:1; transition:transform 400ms 3000ms ease-out, opacity 300ms 3000ms linear;  }
.header-container.home.active .menu-icon-container{ transform:translateY(-50%); opacity:1; transition:transform 400ms 3000ms ease-out, opacity 300ms 3000ms linear;  }

.header-container.home.active.manual .header-right-container{ transition:transform 400ms ease-out, opacity 300ms linear;  }
.header-container.home.active.manual .menu-icon-container{ transition:transform 400ms ease-out, opacity 300ms linear;  }
.header-container.home.active.manual .logo-container{ opacity:1; transform:translate(0,-50%); transition:opacity 400ms linear, transform 400ms 0ms ease-out!important;  }
.header-container.home.active.manual .header-background-container{  animation-delay:0s;  }



/* home banners */
.home-world-class-container{ position:fixed; width:100%; height:100%; top:0; left:0; overflow:hidden; transform:translateY(100%); }
.home-world-class-background-container{  background-position:top center; background-repeat:no-repeat; background-size:cover; position:absolute; width:100%; height:100%; top:0; left:0;   }
.home-world-class-slogan-container{ position:absolute;  top:0%; transform:translate(0,0%); line-height:1.1; width:100%; height:100%  }
.home-world-class-slogan-container > div{ position:absolute; display:block; word-break:keep-all; word-wrap:normal; white-space:nowrap; -webkit-text-stroke:1px #fff; text-stroke:1px #fff; color:rgba(255,255,255,1); left:0; top:50%;  width:100%  }
/* home banners */

/* home six star */
.sixstar-container{ background:#eae7e4; width:100%; padding:5em 0 7.5em 0;  position:relative; text-align:center; line-height:1;  }
.sixstar-container .txt-giant{ margin-bottom:0.8em; opacity:0; transform:translateY(-1.5em); transition:opacity 400ms ease-out, transform 500ms ease-out; }
.sixstar-container .columns-container .column-full-container{ background:transparent; display:flex; justify-content:space-between;  }
.sixstar-container .columns-container .column-full-container > div{ opacity:0; width:calc(33.3% - 1em); padding-bottom:48.6%; background:#333;  transition:opacity 400ms linear, transform 500ms cubic-bezier(0,.68,.51,1); transform:translateY(40%); background-repeat:no-repeat; background-position:center; background-size:cover; }
.sixstar-container .columns-container .column-full-container > div:nth-child(1){  transition-delay:300ms; }
.sixstar-container .columns-container .column-full-container > div:nth-child(2){ transform:translateY(40% + 2em); transition-delay:150ms; }
.sixstar-container .columns-container .column-full-container > div:nth-child(3){ transform:translateY(40% + 4em); transition-delay:0ms;}


.sixstar-container.active .txt-giant{ opacity:1; transform:translateY(0em);  transition-delay:100ms; }
.sixstar-container.active .columns-container .column-full-container > div{ opacity:1;  }
.sixstar-container.active .columns-container .column-full-container > div:nth-child(1){ transform:translateY(0em); transition-delay:0ms; }
.sixstar-container.active .columns-container .column-full-container > div:nth-child(2){ transform:translateY(2em); transition-delay:150ms;}
.sixstar-container.active .columns-container .column-full-container > div:nth-child(3){ transform:translateY(4em); transition-delay:300ms;}
/* home six star */


/* home contact */
.contact-container{ background:#fff; width:100%; padding:5em 0 5em 0; position:relative;   }

.contact-container .columns-container > div{ background:transparent; }
.contact-container a{ text-decoration:underline; }
.contact-container .inner-container{ display:flex; justify-content:space-between;  } 
.contact-container .columns-container{ align-items:flex-start; }

.contact-container .txt-mega{ line-height:1; opacity:0; transform:translateY(-1.5em); transition:opacity 400ms ease-out, transform 500ms ease-out; }
.contact-container.active .txt-mega, .contact-container.active .column-small-container{ opacity:1; transform:translateY(0em); }
.column-small-container{ opacity:0; transform:translateY(-1.5em); transition:opacity 400ms ease-out, transform 500ms ease-out; transition-delay:300ms; }
.contact-container.active .column-small-container{ transition-delay:300ms; }

.contact-container.home .inner-container .contact-us-inner{ width:calc(50% - 1em); margin-right:0; padding-right:0;  }
.contact-container.home  .txt-title{  margin-top:0 }
/* home contact */


/* home special */
.sixstar-container, .all-awards-container.home, .contact-container.home, .footer-container.home{ display:none; }
.sixstar-container.init, .all-awards-container.home.init, .contact-container.home.init, .footer-container.home.init{ display:block; }
/* home special */

.contact-container.home .txt-title{  width:calc(50% - 1em); margin-right:0%;   } 

/* HOME */


/* COLUMNS */
.column-full-container{ background:#333; margin-bottom:1em; width:100%; }
.column-large-container{ background:#333; margin-bottom:1em; width:calc(80% - 12.8em + 12em); }
.column-medium-container{ background:#333; margin-bottom:1em; width:calc(60% - 9.6em + 8em); }
.column-small-container{ background:#333; margin-bottom:1em; width:calc(40% - 6.4em + 4em); }
.column-solo-container{ background:#333; margin-bottom:1em; width:calc(20% - 3.2em);  }
.columns-container{ display:flex; justify-content:space-between; width:100%; }
/* COLUMNS */


/* body */
.all-inner-container{ position:relative; background-color:#fff; }
.empty-scroll-container{ height:calc(100% + 0px); position:relative; pointer-events:none; }
.empty-scroll-container.active{ /*height:440%;*/ }
.empty-scroll-container > div{ /*width:100%; height:20%; border-bottom:1px solid #fff*/ }
/* body */

 

/* TIMELINE */
.full-white-bg.darkblue{ background:#242d33; min-height:0; display:block; padding:6em 0 6em 0;  } 
.full-white-bg.gold{ background-color:#F2EDEB; }

.scroll-container{ width:100%; background:#242d33;padding: 4em 0 8em 0 }
.scroll-arrow{ position:  absolute;border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding:1em; transform: rotate(45deg); left: calc(50% - 1em); }


.history-timeline{ position:absolute; left:50%; top:0; background:#fff; height:100%; width:1px;  }

.history-text-container-inner .txt-max{ font-weight:100; margin-bottom:0.1em; }

.full-white-bg.darkblue .margin-all-content-container{ display:block;  margin:0 auto;  } 

.full-white-bg.darkblue .history-text-container{ width:calc(100%);  }
.full-white-bg.darkblue .history-text-container-inner{ width:36%;  }

.full-white-bg.darkblue .history-text-container .txt-title{ margin-bottom:0.5em  }
.full-white-bg.darkblue .history-text-container .txt-max{ line-height:1; }



.history-point{ position:absolute; width:2em; height:2em; border-radius:1000px; border:1px solid #fff; left:calc(50% - 1em - 0px); top:calc(5em - 1em); background:#242d33; }

.full-white-bg.darkblue .margin-all-content-container:nth-child(odd) .history-text-container-inner{ margin-left:64%;  }
.full-white-bg.darkblue .margin-all-content-container:nth-child(1) .history-text-container-inner{ margin-left:0%; margin-bottom:5em  }

.full-white-bg.darkblue .margin-all-content-container:nth-child(1) { margin-top:0em}
.full-white-bg.darkblue .margin-all-content-container:nth-child(3) > .history-text-container{ margin-top:-5em}
.full-white-bg.darkblue .margin-all-content-container:nth-child(5) > .history-text-container{ margin-top:-5em}
.full-white-bg.darkblue .margin-all-content-container:nth-child(6) > .history-text-container{ margin-top:-6em}
.full-white-bg.darkblue .margin-all-content-container:nth-child(7) > .history-text-container{ margin-top:-5em}


.history-timeline-container{  height:auto; overflow:hidden; width:90%; margin:auto; max-width:1440px; padding-top:0em;  }
.history-timeline-container-inner{  height:42em; width:2000em; position:relative; transition:transform 500ms ease-in-out;}

.history-timeline-line{ position:absolute; width:100%; height:1px; background:#777; left:0; top:calc(50% - 1em); transform:translateY(-50%);}

.history-ele{ width:calc(480px - 6em + 2em); position:relative; display:flex; height:100%; float:left; margin-right:6em; }
.history-ele:last-child{ margin-right:0;  }
.history-ele:nth-child(odd){ align-items:flex-end; }
.history-ele:nth-child(2){ width:28.5em; position:absolute; top:0; left:0; display:block; border:none; }
.history-ele:nth-child(3){ margin-left:calc(480px - 0em + 2em);  }
.history-ele.nophoto{   }
.history-ele:last-child(){ margin-right:0  }

#hammer-history{ padding:10.5em 0; }

@media only screen and (min-width: 768px) and (max-width: 1600px) {  
	.history-ele{ width:calc(30vw - 3em + .9em); margin-right:3em;   }
	.history-ele:nth-child(3){ margin-left:calc(30vw - 0em + 1em - 0px); }
} 
@media only screen and (min-width: 769px) and (max-width:1280px) {  
	.history-ele{ width:calc(45vw - 1.6em) }
	.history-ele:nth-child(3){ margin-left:45vw;  }
}


.history-ele:nth-child(even) .history-ele-inner{ align-items:flex-end!important; display:flex; }
.history-ele:nth-child(even) .history-ele-inner-inner{  margin-bottom:2em      }


.history-ele.nophoto:nth-child(even) .history-ele-inner{ align-items:flex-end!important; display:flex;   } 

.history-ele .txt-title{ margin:0 auto 0.5em auto; }
.history-ele .txt-giant{ margin:0 auto 0.25em auto; }
.history-ele .txt-markot{ font-weight:100; line-height:1;  }

.history-ele-inner{ height:calc(50% - 2em);  position:relative; width:100%  }
.history-circle{ position:absolute; width:1.5em; height:1.5em; border:1px solid #777; border-radius:1000px; background:#242d33;  left:calc(50% - 1px);  }

.history-ele:nth-child(odd) .history-circle{ top:-3em; transform:translate(-50%, -50%)}
.history-ele:nth-child(even) .history-circle{ bottom:-1em;transform:translate(-50%, 50%) }

.history-year{ position:absolute; width:100%; text-align:center; line-height:1;  }
.history-ele:nth-child(odd)  .history-year{ top:calc(50% - 0.3em - 0.8em); transform:translate(0%, -100%); }
.history-ele:nth-child(even) .history-year{ top:calc(50% - 0.3em - 0.3em); transform:translate(0%, 100%); }

.history-image{ /*position:absolute; top:0.5em;*/  width:100%; height:auto; margin-bottom:.25em }
.history-ele:nth-child(even) .history-image{ transform:translateY(0em)}

.history-nav-container{ position:absolute; height:100%; width:calc(90% + 5em); max-width:calc(1440px + 5em);   top:0; left:50%; transform:translateX(-50%);}
.history-nav{ position:absolute; top:calc(50% - 0.5em - 0px); transform:translate(-0%, -50%) rotate(90deg); width:2.5em; height:2.5em; background-color:#242d33; cursor:pointer; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto; background-image:url(../img/dropdown-arrow.svg) }
.history-nav:nth-child(2){  transform:translate(-0%, -50%) rotate(-90deg); right:0; left:auto; }

.history-nav.inactive{ pointer-events:none; opacity:0; }
/* TIMELINE */


/* CHALLENGES */
.full-white-bg.challenges{ background:#b0b1b6; min-height:0; display:block; padding:8.5em 0 11em 0;  }
.panel{ display:flex; justify-content:space-between;  }
.panel-ele{ width:25%; position:relative; cursor:pointer; }
.panel-ele > div:nth-child(2){ width:100%; height:1px; background:#fff;  margin-top:1em; display:none }
.panel-ele > div:nth-child(3){ width:100%; height:4px; background:#fff; transform:scale(0,1); transition:transform 400ms ease-out; transform-origin:left center; display:none}
.panel-ele > div:nth-child(4){ padding-top:0.25em; position:absolute; opacity:1 }
.panel-ele > div:nth-child(4) > div:nth-child(1){ margin-bottom:0.33em }

.panel-ele.hover > div:nth-child(3), .panel-ele.active > div:nth-child(3){  transform:scale(1,1); transition:transform 300ms cubic-bezier(0,.57,.36,1);  }
.panel-ele.hover > div:nth-child(4), .panel-ele.active > div:nth-child(4){  opacity:1; transition:opacity 300ms linear; text-decoration:underline }

.panel-ele:nth-child(1), .panel-ele:nth-child(2){ width:25%; margin-right:2.5% }
.panel-ele:nth-child(3), .panel-ele:nth-child(4){ width:22.5%; }

.panel-ele.inactive > div{ opacity:0.5; pointer-events:none} 

.slideshwo-cnt{ position:relative; width:100%; height:auto; margin-top:9em; overflow:hidden; }
.slideshwo-cnt-ele{ position:absolute; width:100%; transform:translateX(-100%); animation-duration:.4s; animation-delay:0s; animation-timing-function:cubic-bezier(0,.66,.58,.99);  animation-fill-mode:forwards;  animation-iteration-count:1;  }
.slideshwo-cnt-ele.active{  transform:translateX(0%); opacity:1}

.slideshwo-cnt-ele > .inner-container{ width:90%; max-width:1440px;  }
.slideshwo-cnt-ele > div > div:nth-child(1){ background-repeat:no-repeat; background-position:center; background-size:cover; width:50%; padding-bottom:28%; margin-left:0%; float:left;   position:relative;  }

.slideshwo-cnt-ele > div > div:nth-child(1) > video{ position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%,-50%); background:#000; opacity:0; }
.slideshwo-cnt-ele > div > div.inactive:nth-child(1) > video{ opacity:1; } 

.slideshwo-cnt-ele > div > div:nth-child(2){ width:45%; margin-top:4em; float:right}

.slideshwo-cnt-ele.sw-center-to-left{  animation-name:ani-slideshow-center-to-left;  } 
.slideshwo-cnt-ele.sw-right-to-center{ animation-name:ani-slideshow-right-to-center;  } 
.slideshwo-cnt-ele.sw-center-to-right{ animation-name:ani-slideshow-center-to-right;  } 
.slideshwo-cnt-ele.sw-left-to-center{  animation-name:ani-slideshow-left-to-center;  } 

.slideshwo-cnt-ele > div > div:nth-child(1), .slideshwo-cnt-ele > div > div:nth-child(2){
	animation-duration:.5s; animation-timing-function:cubic-bezier(0,.66,.55,1);  animation-fill-mode:forwards; animation-iteration-count:1;
}
.slideshwo-cnt-ele > div > div:nth-child(2){
	animation-duration:.4s; animation-timing-function:cubic-bezier(0,.66,.6,1); 
}

.slideshwo-cnt-ele.sw-left-to-center > div > div:nth-child(1){  animation-name:ani-slideshow-left-to-center-a;  } 
.slideshwo-cnt-ele.sw-left-to-center > div > div:nth-child(2){  animation-name:ani-slideshow-left-to-center-b;  } 

.slideshwo-cnt-ele.sw-right-to-center > div > div:nth-child(1){  animation-name:ani-slideshow-right-to-center-a;  } 
.slideshwo-cnt-ele.sw-right-to-center > div > div:nth-child(2){  animation-name:ani-slideshow-right-to-center-b;  }



@keyframes ani-slideshow-right-to-center-a{
0%   { transform:translateX(50%); opacity:0; }
100% { transform:translateX(0%); opacity:1;  }
}
@keyframes ani-slideshow-left-to-center-a{
0%   { transform:translateX(-50%); opacity:0; }
100% { transform:translateX(0%); opacity:1;  }
}
@keyframes ani-slideshow-right-to-center-b{
0%   { transform:translateX(30%); opacity:1; }
100% { transform:translateX(0%); opacity:1;  }
}
@keyframes ani-slideshow-left-to-center-b{
0%   { transform:translateX(-30%); opacity:1; }
100% { transform:translateX(0%); opacity:1;  }
}



.slideshwo-cnt-ele .txt-subtitle:nth-child(1){ margin-bottom:0.25em }
.slideshwo-cnt-ele .txt-subtitle{ margin-bottom:1em }
 
/* CHALLENGES */


.margin-all-content-container.world-class-archi .txt-body{  margin-bottom:2em;  }


/* Community */
.margin-all-content-container.community{ flex-wrap:wrap; width:100%; margin:2em auto 0em auto}
.margin-all-content-container.community > div{ width:15%; margin-bottom:5em; text-align:center}
.community-ele > div:nth-child(1){ width:90%; margin:0 auto; padding-bottom:40%;  background-repeat:no-repeat; background-position:center; background-size:contain; }
.community-ele > div:nth-child(2){ width:100%; color:#2d2d2d; margin-top:3em  }
 /* Community */


/* MUTUAL */
.main-image-container{ position:relative; left:0; top:0; width:100vw; height:56.1vw; background-repeat:no-repeat; background-position:center; background-size:cover; }

.margin-all-content-container{  position:relative; display:inline-flex; justify-content:space-between; /*margin:6.5em 7.5em;*/ margin:6em auto;  }
.margin-all-content-container.reverse{ flex-direction:row-reverse   }

.full-white-bg{ width:100vw; position:relative; background:#fff; min-height:100vh; display:flex; align-items:center }
.full-white-bg .inner-container{   }
.full-white-bg.regular{ min-height:0; display:block }
.full-white-bg.general-padding{ padding:8.5em 0 8em 0}
.full-white-bg.padding-top-only{ padding:6em 0 0 0;}

.full-white-bg.six-star{ height:35vw; min-height:50vh }

.margin-text-container, .world-class-archi .margin-image-container{ width:43%;  }
.margin-image-container, .world-class-archi .margin-text-container{ width:40%; background-repeat:no-repeat; background-position:center; background-size:cover;  }
.margin-text-container.half-width{ width:calc(50% - 2.5em)}

.round-corner-button-container{ position:relative; margin:4em 0 0; }
.round-corner-button-inner{ position:absolute; padding:0.8em 1.8em; border-radius:3em; border:1px solid #758B97; }
.round-corner-button-container:hover .round-corner-button-inner{ background:#758B97; }
.full-width-image-container{ position:relative; width:100vw; background-repeat:no-repeat; background-position:center; background-size:cover; margin:auto; }
.aboutus-partner-all-container{ position:relative; width:100vw; background:#F2EDEB; }
.margin-aboutus-content-container{ padding:0em 0 0em; }
.margin-narrow-title-container{ width:50%; }
.margin-narrow-text-container{ width:35%; margin:1em 0;  }



.margin-all-content-container.no-margin-top{ margin-top:0; }
/* MUTUAL */



/* VIDEO */
.video-container{ position:fixed; width:100%; /*padding-bottom:56.25%;*/ overflow:hidden; height:100%; top:0; background:#000; }
.video-container.filmb{ background-color:#000; width:100vw;   }
.video-container.filmb .video-cover-container video{ /*height:auto;*/ }
.video-height-transparent{ position:relative; width:100%; /*padding-bottom:56.25%;*/ height:100%; pointer-events:none;}

.video-container.top-video { background:#000; width:100vw;   }
.video-container.top-video, .video-height-transparent.top-video{ height:42.5vw; max-height:900px;  min-height:600px; }
 
.video-container.exp, .video-height-transparent.exp{ height:50vw; max-height:1000px;  min-height:600px; }


.video-container .home-video-slogan{ text-align:left; width:100%; max-width:none; bottom:0.5em; left:0; line-height:1.2; transform:translate(0%, 0.3em); transition:opacity 300ms 400ms linear, transform 500ms 400ms ease-out; }
.video-container .home-video-slogan.active{  transform:translate(0%, 0%); }
.video-container .cover-shadow-container{ height:18em }

.video-container.flexi, .video-height-transparent.flexi{ height:56vw; max-height:900px; min-height:600px;   }
.video-container.filmb, .video-height-transparent.filmb{ height:42.18vw!important; min-height:0;  }

.video-container.filmc, .video-height-transparent.filmc{ height:56vw!important; min-height:0;  }
 
.video-container.inactive .film-play-icon{ opacity:0; }
.video-container.inactive .film-play-icon{ background-image:url(../img/film-pause-button.svg); }
.video-container.inactive.hover .film-play-icon{ opacity:1; }
 
.video-control-button{ position:absolute; top:calc(50% + 1.75em); left:50%; border-radius:1000px; background:#fff; opacity:0; width:6em; height:6em; transform:translate(-50%,-50%) scale(0); cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:contain; pointer-events:none; transition:transform 100ms, opacity 200ms }
.video-control-button.active{ transform:translate(-50%,-50%) scale(1); opacity:0.75; pointer-events:all; }
.video-control-button.play{ background-image:url(../img/icon-play.svg); background-size:40% auto; background-position:60% 50%; }
.video-control-button.pause{ background-image:url(../img/icon-stop.svg); background-size:30% auto; }
.video-button-container{ position:absolute; width:100%; height:calc(100% - 3.5em); top:0; }


.video-cover-container{ position:absolute;  width:100%; height:100%; background:rgba(0,0,0,0.25); background-position:center; background-size:cover; background-repeat:no-repeat; /*pointer-events:none; transition:opacity 400ms linear;*/ }

.top-hero-image{ width:100%; /*padding-bottom:56.25%;*/ height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; pointer-events:none; }
/* VIDEO */


/* AWARDS */

.awards-logo-all-container{ width:100%; /*display:inline-flex; justify-content:space-between; align-items:flex-start;*/ }
.awards-cat-heading{ padding-bottom:1em; border-bottom:1px solid #706F6F; margin:3em 0; }

.awards-two-columns-container{ width:100%; justify-content:space-between; display:inline-flex; }
.award-inner{ width:calc( (100% - 20%) / 5); text-align:center; float:left; margin-right:5%; margin-bottom:2em;  }
.awards-logo-all-container > div:nth-child(5n+0) { margin-right: 0}
.awards-logo-all-container > div:nth-child(6n) { clear:both }

.awards-two-columns-inner:nth-child(1){ width:58%; }
.awards-two-columns-inner:nth-child(2){ width:37%; }
 


.awards-two-columns-inner:nth-child(1) .award-inner{ width:calc( (100% - 10%) / 3);  }
.awards-two-columns-inner:nth-child(2) .award-inner{ width:calc( (100% - 5%) / 2); }

.awards-two-columns-inner:nth-child(1) .award-logo{ padding-bottom:50%; }
.awards-two-columns-inner:nth-child(2) .award-logo{ padding-bottom:52%; }


.awards-two-columns-inner .awards-logo-all-container > div:nth-child(3n+0) { margin-right: 0}
.awards-two-columns-inner .awards-logo-all-container > div:nth-child(3n+1) { clear:both }
.awards-two-columns-inner .awards-logo-all-container > div:nth-child(5n+0) { margin-right: 5%; clear:none }
.awards-two-columns-inner .awards-logo-all-container > div:nth-child(6n+0) { clear:none }

.awards-two-columns-inner:nth-child(2) .awards-logo-all-container > div:nth-child(2n+0) { margin-right: 0}
.awards-two-columns-inner:nth-child(2) .awards-logo-all-container > div:nth-child(2n+1) { clear:both }
.awards-two-columns-inner:nth-child(2) .awards-logo-all-container > div:nth-child(3n+0) { margin-right: 5%; clear:none }
.awards-two-columns-inner:nth-child(2) .awards-logo-all-container > div:nth-child(3n+1) { clear:none }
.awards-two-columns-inner:nth-child(2) .awards-logo-all-container > div:nth-child(5n+0) { margin-right: 5%; clear:none }
.awards-two-columns-inner:nth-child(2) .awards-logo-all-container > div:nth-child(6n+0) { clear:none }

.awards-two-columns-container > div:nth-child(2) .awards-logo-all-container > div:nth-child(2n+0) { margin-right:0}
.award-logo{ width:80%; padding-bottom:80%; margin:auto;  background-repeat:no-repeat; background-position:center; background-size:contain; }

.award-name{  margin-top:1em;  }
.award-name > div {margin-bottom:0.5em}




.sixstar-container .columns-container .column-full-container > div{ opacity:0; width:calc(33.3% - 1em); padding-bottom:48.6%; background:#333;  transition:opacity 400ms linear, transform 500ms ease-out; transform:translateY(40%); background-repeat:no-repeat; background-position:center; background-size:cover; }
.sixstar-container .columns-container .column-full-container > div:nth-child(1){  transition-delay:300ms; }
.sixstar-container .columns-container .column-full-container > div:nth-child(2){ transform:translateY(40% + 2em); transition-delay:150ms; }
.sixstar-container .columns-container .column-full-container > div:nth-child(3){ transform:translateY(40% + 4em); transition-delay:0ms;}


.sixstar-container.active .txt-giant{ opacity:1; transform:translateY(0em);  transition-delay:100ms; }
.sixstar-container.active .columns-container .column-full-container > div{ opacity:1;  }
.sixstar-container.active .columns-container .column-full-container > div:nth-child(1){ transform:translateY(0em); transition-delay:0ms; }
.sixstar-container.active .columns-container .column-full-container > div:nth-child(2){ transform:translateY(2em); transition-delay:150ms;}
.sixstar-container.active .columns-container .column-full-container > div:nth-child(3){ transform:translateY(4em); transition-delay:300ms;}


/* AWARDS */





/*vision */
.full-width-image-container.experience-two{ background-size: 125%; background-position: 0% 85%;  }
.full-width-image-container.experience-two .margin-text-container{margin-top:-2em;}
.full-width-image-container.experience-two .txt-shadow-spread{ text-shadow:0 1px 0.4em #5B5B5B }


.full-testimonial-container{ position:relative; width:100vw; padding:11em 0 11em 0; background-color:#A6B3BA; overflow:hidden; }

.testimonial-content{ width:75%;  } 

.testimonial-name{ position:absolute; right:0; width:20%; margin-top:3em;  }

.full-testimonial-inner{ margin-left:5em; }
.full-width-image-container.ourvision , .full-width-image-container.contact{ height:55vw; }
.full-width-image-container.breakthrough, .full-width-image-container.experience-two{ height:45vw; }
.full-width-image-container.experience{ height:35vw; min-height:50vh  }


/* 20240917 */
.full-testimonial-inner.preview{ margin-left:0; display:flex; }
.full-testimonial-inner.preview .testimonial-left{ width:calc(33.5% - 1.5em); margin-right:3em }
.full-testimonial-inner.preview .testimonial-right{ width:calc(66.5% - 1.5em); position: relative}

.full-testimonial-inner.preview .testimonial-content{ width:100%;  } 
.full-testimonial-inner.preview .testimonial-name{ width:100%; left:0; right:auto; bottom:0 }

.full-testimonial-inner.preview .testimonial-img{ width:100%; /*height:100%; padding-bottom:150%;*/ background-size:cover; background-position:center bottom; background-repeat:no-repeat; } 
/* 20240917 */


.aboutus-all-wide-sections-container, .aboutus-list-logo-container{ position:relative; width:100%;  }
.aboutus-wide-section-container,.aboutus-list-logo-container{ width:100%; display:inline-flex; justify-content:space-between; align-items:flex-start; margin:6em 0 0; }

.aboutus-wide-section-inner{ width:45%; }
.aboutus-wide-section-inner a{ text-decoration:underline; }
.aboutus-logo{ margin:2em 0; }
.aboutus-list-logo-inner{ width:25%; }



.full-white-bg.icon-a-icons .margin-all-content-container{ display:flex}
.full-white-bg.icon-a-icons .margin-text-container{ width:35em}
.full-white-bg.icon-a-icons .margin-image-container{ width:calc(100% - 35em - 5em)!important; max-width:50%;  }

.video-thumbnail-box{ width:100%; padding-bottom:56.25%; cursor:pointer; background-color:#000; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; } 
.video-thumbnail-box > div{ background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../img/btn-play.svg); width:4em; height:4em; top:calc(50% - 2em); left:calc(50% - 2em); position:absolute; }

.full-white-bg.icon-a-icons .margin-image-container video{ position:absolute; width:100%; top:0; display:none }
.full-white-bg.icon-a-icons .margin-image-container.active video{ display:block; }
/*vision */



/* breakthrough */
.full-white-bg.general-padding.breakthough{ padding-top:10.5em; }
.breakthough-feature-container .mobileonly{ display:none; }
.breakthough-feature-container{ position:relative; }
.icon-patented{ width:5.65em; margin-bottom:0.5em; position:absolute; transform:translateY(-100%)}

.full-tagline-container{ position:relative; width:100%; }
.full-tagline-inner{ width:80%; margin:6em auto; z-index:1; text-align:center;    }

 
/*SUSTAINABILITY*/
.achievements-ele-sep{ width:100%; height:1px; background:#758A96; margin-bottom:1em;}
.sustain-listitem-container.without-line .sustain-listitem-ele .txt-subtitle{ border-color:transparent; margin-bottom:1em}
.sustain-listitem-container.without-line .sustain-listitem-body{  align-items:flex-start;} 

.sustain-listitem-body-inner{ width:calc(50% - 0.5em); float:left; }
.sustain-listitem-body-inner:nth-child(odd){ margin-right:1em}
.sustain-listitem-body-inner > div{ float:left}

.sustain-listitem-body-inner.number .sustain-listitem-icon{ border-color:transparent; line-height:100%; position:relative; height:auto; transform:translateY(-20%); color:#758D9A}
.sustain-listitem-body-inner.number .sustain-listitem-icon > img{ position:absolute; top:0; left:0; height:3em; transform:translateY(33%)}
.sustain-listitem-body-inner.number .sustain-listitem-icon > span{ font-size:3.5em; line-height:100%; letter-spacing:-0.05em  }
.sustain-listitem-body-inner.number .sustain-listitem-icon sup{   font-size:0.5em; vertical-align:text-top; margin-left:0em } 

.sustain-listitem-body-inner.number.withicon .sustain-listitem-icon > span{ margin-left:0.3em;}

.sustain-listitem-ele-with-logo{ display:flex; width:100%; flex-direction:row-reverse; clear:both; justify-content:space-between  }
.sustain-listitem-ele-with-logo .sustain-listitem-ele{ float:none;  width:calc(50% - 2.5em)}
.sustain-listitem-ele-with-logo .sustain-listitem-ele:nth-child(1){ margin-right:0em; }

.sustain-listitem-container.without-line .sustain-listitem-ele{ width:calc(50% - 1.5em); }
.sustain-listitem-container.without-line .sustain-listitem-ele:nth-child(odd){ margin-right:3em}
.sustain-listitem-container.without-line .sustain-listitem-text{ width:calc(100% - 2px - 4em - 1em); margin-left:1em; }
.sustain-listitem-body-inner.number .sustain-listitem-text{ width:calc(100% - 2px - 4em - 3.5em); margin-left:3.5em; }


.sustain-listitem-body.num-top{margin-top:2em}

.sustain-listitem-ele.full-width{ width:100%;}
.sustain-listitem-ele.full-width .sustain-listitem-body { margin-top:4em;}
.sustain-listitem-ele.full-width .sustain-listitem-body > div:nth-child(1){ width:calc(50% - 2.5em); padding-bottom:18em;  margin-left:0; margin-right:5em; border:none;  }
.sustain-listitem-ele.full-width .sustain-listitem-body > div:nth-child(2){ width:calc(50% - 2.5em); margin-left:0; margin-right:0; max-width:none }

.sustain-listitem-container{ padding-top:3em!important;}
.sustain-listitem-ele .txt-bold{ border-bottom:1px solid #6E7882; line-height:1.1; padding-bottom:0.5em; margin-bottom:2em; text-transform:uppercase  }
.sustain-listitem-ele{ float:left; width:calc(50% - 2.5em);  margin-bottom:6em;}
.sustain-listitem-ele:nth-child(odd){ margin-right:5em}
/*
.full-white-bg.gold.environment.tenant .sustain-listitem-ele:nth-child(5){ margin-right:0em;}
.full-white-bg.gold.environment.tenant .sustain-listitem-ele:nth-child(6){ margin-right:5em!important;  }
.full-white-bg.gold.environment.tenant .sustain-listitem-ele:nth-child(7){ margin-right:0em!important; }
*/
.sustain-listitem-ele.fullwidth{ width:100%; margin-right:0!important}
.sustain-listitem-ele.fullwidth .sustain-listitem-body{ float:left;  width:calc(50% - 2.5em)  }
.sustain-listitem-ele.fullwidth .sustain-listitem-body:nth-child(odd){ margin-left:5em!important}

.sustain-listitem-ele.zero{ width:0%; margin-right:0!important}

.sustain-listitem-ele.logos-only{ border:1px solid #768d9a; padding:2.4em 0;}

.sustain-listitem-ele.logos-only.desktop{ display:block;}
.sustain-listitem-ele.logos-only.mobile{ display:none}

.sustain-listitem-ele.logos-only .sustain-listitem-body{ width:80%; margin:auto; }
.sustain-listitem-ele.logos-only {  width:calc(50% - 2.5em - 2px);}


.sustain-listitem-logo{ text-align:center; width:calc(50% - 1px) }
.sustain-listitem-logo-sep{ width:1px; height:100%; background:#768d9a; position:absolute; left:50%; }
.sustain-listitem-logo-con{ width:100%; height:4em; margin-bottom:1em; background-repeat:no-repeat; background-position:center; background-size:contain; }

.sustain-listitem-body{ display:flex; align-items:center; position:relative;} 
.aligntop .sustain-listitem-body{ align-items:flex-start  }

.sustain-listitem-body.with-margin{ margin-top:2em;}
.sustain-listitem-icon{ border:1px solid #768d9a; width:5em; min-width:5em; height:5em; background-repeat:no-repeat; background-position:center; background-size:contain; }
.sustain-listitem-text{ width:calc(100% - 2px - 5em - 4em); margin-left:4em; max-width:25em}
.sustain-listitem-icon.noborder{ border-color:transparent; }

.sustain-listitem-text.with-arrow{ margin-left:3em;}

.sustain-listitem-icon.number{ border-color:transparent; position:relative; height:auto }
.sustain-listitem-icon.number > div{ color:#758D9A; }
.sustain-listitem-icon.number > div:nth-child(1){ font-size:4em; line-height:1em; letter-spacing:-0.05em; }
.sustain-listitem-icon.number > div sup{   font-size:0.5em; vertical-align:text-top; margin-left:0em } 

.sustain-listitem-icon.number.with-arrow{ padding-left:1em; background-image:url(../img/number-icon-down.svg); background-position:left 75%; background-size:auto 3em; background-repeat:no-repeat; width:4em;  }
.sustain-listitem-icon.number.with-arrow.up{ background-image:url(../img/number-icon-up.svg);   }
.sustain-listitem-icon.number.with-arrow


.full-tagline-inner.active{ opacity:1; transform:translateY(0em);}
.sustainability-all-container, .carousel-all-container{ position:relative; width:100%; background-color:#F2EDEB; text-align:left; }
.sustainability-all-container{ display:flex; align-items:center; background-color:#fff;  }
.carousel-all-container{ min-height:100%; display:flex; align-items:center; }
.carousel-all-container > div{ position:relative; width:100%; }
.sustainability-achieve-container{ background-color:#F2EDEB; text-align:left; margin: -6em 0em; padding-bottom:6em; }
.sustainability-achieve-container .margin-all-content-container{ display:block; padding-top:4em}
.sustainability-all-container .margin-all-content-container { text-align:left  }

.sustainability-achieve-inner-form{ width:100%; margin:4em 0;}
.sustainability-achieve-inner{ width:100%; border-top:#758A96 1px solid; }
/*.sustainability-achieve-inner:nth-last-child(1){ border-bottom:#758A96 1px solid;  }*/

.sustainability-all-boxes{ width:47.5%; float:left; padding:3em 0;  }
.sustainability-all-boxes:nth-child(1){ margin-right:3%; padding-right:1.5%; border-right:#758A96 1px solid; }

.sustainability-box-container{ display:inline-flex; justify-content:space-between; }
.sustainability-box-inner{ width:93%; display:flex; justify-content:space-between; align-self:flex-start; }
.sustainability-box{ position:relative;  width:47%;  margin:3em 0; display:inline-flex;  justify-content:space-between;  }

.sustainability-box.figure{ width:50%; }
.sustainability-box.square{ width:43%; }
.sustainability-box.two-figure{ width:45%; }

.sustainability-box.figure .achieve-pic, .sustainability-box.two-figure .achieve-pic{ width:40%; }
.sustainability-box.figure .txt-body, .sustainability-box.two-figure .txt-body{ width:calc(60% - 1em); }

.sustainability-box.square .achieve-pic{ width:25%; }
.sustainability-box.square .txt-body{ width:calc(75% - 1em); }


.achieve-pic{ width:30%;  background-repeat:no-repeat; background-position:left top; background-size:contain; margin-right:1em;  }
.sustainability-box .txt-body{ width:calc(70% - 1em); }



.sustainability-achieve-container .txt-title, .sustainability-achieve-container .margin-text-container .txt-body, .sustainability-achieve-container .sustainability-achieve-inner{ opacity:0; transition:opacity 400ms linear, transform 500ms ease-out; transform:translateY(40%); }
.sustainability-achieve-container.active .txt-title, .sustainability-achieve-container.active .margin-text-container .txt-body,.sustainability-achieve-container.active .sustainability-achieve-inner{ opacity:1; transform:translateY(0em); }


.sustainability-achieve-container.active .margin-text-container .txt-body{ transition-delay:250ms; }
.sustainability-achieve-container.active .sustainability-achieve-inner{ transition-delay:350ms; }
.sustainability-achieve-container.active .sustainability-achieve-inner:nth-child(2){ transition-delay:550ms; }
.sustainability-achieve-container.active .sustainability-achieve-inner:nth-child(3){ transition-delay:750ms;transform:translateY(-2em);  }

/*TENANTS ENGAGEMENT*/
.tenant-engagement-all-container, .property-management-all-container{width: 100%; margin: auto}
.tenant-engagement-all-container .stain-achieve-chart-inner.half{margin: 1em 0 3em 0;}
/*.tenant-engagement-all-container .stain-achieve-chart-inner.half:nth-child(3){justify-content: flex-start;}*/
.tenant-engagement-ele{width:30%; margin-right:4em;}
.tenant-engagement-ele:nth-last-child(1){margin-right:0;}
.tenant-engagement-img{background-repeat:no-repeat; background-position:center; background-size:contain; width: 20%; padding-bottom:20%; margin: 0 0 2em 5em}
.tenant-engagement-content{position:relative;display: flex; width:100%;}
.tenant-engagement-number{padding-right:1.5em;}
.tenant-engagement-cube{background-color:#758995; text-align: center; display:inline-block; padding: 0.2em 0.6em; }
.tenant-engagement-line{position:relative; border-left: 2px solid #758995; height:19em; float:right;}
.tenant-engagement-text{width: 100%;}
.tenant-engagement-text .txt-extra{margin-bottom: 0.8em}

.stain-achieve-chart-inner.half:nth-child(4){justify-content: flex-end}
.tenant-engagement-tag-container{width: 100%; border: 1px solid #758995; border-radius: 5em 0 5em 0; display: flex; align-items: center; text-align:center; margin-top:17em}
.tenant-engagement-tag{ width:100%; margin:auto; margin:3em 2em}
.tenant-engagement-tag-container .tenant-engagement-img{width: 60%; padding-bottom:60%;}
.tenant-engagement-tag-container .tenant-engagement-line{height:10em;  float:none; border-width: 1px}
.tenant-engagement-img.tag-square{width: 40%; padding-bottom:40%;margin:auto}
.tenant-engagement-img.tag-rect{width: 68%; padding-bottom:40%;margin:auto}
.tenant-engagement-tag .txt-body{width:90%; margin:1em auto;}
/*TENANTS ENGAGEMENT*/

/*PROPERTY MANAGEMENT*/
.pm-border{width: 100%; border: 1px solid #758995;}
.pm-tag-container{position:relative; width:32%;}
.pm-tag-container .tenant-engagement-tag-container{width:100%; height: 80%; margin-top:0}
.property-management-all-container .pm-tag-container:nth-child(1){margin-top:3em}
.property-management-all-container .pm-tag-container:nth-child(2){transform: translate(0,20%)}
.property-management-all-container .pm-tag-container:nth-child(3){transform: translate(0,70%)}
.pm-tag-container .tenant-engagement-img{width: 30%; padding-bottom:30%; margin: auto; }
.pm-tag-container .line-container{width:50%;}
.pm-tag-container .txt-extra{margin-top:1em}
.pm-tag-container .line-container .line{display:inline-block; border:solid #758995; padding:25% 50%; border-width: 1px 1px 0 0; border-radius:  0 5em 0 0; margin-bottom:1em }
.pm-tag-container .line-container.bottom{transform: scale(-1, -1); float: right}
/*PROPERTY MANAGEMENT*/

/*SUSTAINABILITY*/



.video-container.break{ position:relative;}
.breakthough-feature-inner{ justify-content:space-between; }

.breakthough-feature-container .margin-all-content-container{ margin:0 auto}
.break-point-circle-container{ width:100%; height:100%; position:absolute; top:0}
.break-point-name-line-container{ width:100%; height:100%; position:absolute; top:0}

.breakthough-feature-inner .margin-text-container{ width:45%;}
.breakthough-feature-inner .margin-image-container{  margin-right:0%; height:calc(100vh - 5em); min-height:calc(26.93em); /*min-width:300px;*/ z-index:1; width:calc(26vh - 1.5em); min-width:7em;   }
.breakthough-feature-inner .txt-title{ width:120%; }

.breakthough-feature-inner .margin-all-content-container .margin-image-container{ transform:translate(0)!important}



.break-feature{ margin-top:4em;}
.break-feature .txt-subtitle{ margin-bottom:.5em;  }
.break-illustration{ margin:3em auto 0 auto; }
.break-feature.active{ display:block;  }
.break-feature{display:none;}

.break-illustration.align-right{ text-align:right;  }
.break-illustration.align-center{ text-align:center;  }
 
.break-feature .overlay-container-back{ display:none}

.other-features-container{ width:100%; margin-top:1em; display:none }
.other-feature-inner{  width:100%; display:inline-flex; }
.other-feature{ display:inline-flex; align-items:center; background:#75787f; padding:.3em 1em; margin:1em 1em 1em 0; }
.other-feature div{ color:#fff; }
.other-feature img{ width:1em; margin-right:0.5em;  }


.break-point-circle{ position:absolute; width:10%; padding-bottom:10%; background-color:#fff; border-radius:50%; border:1px solid #758A96; z-index:6; cursor:pointer; transform-origin:center; transition:transform 400ms;  animation: glowing 2000ms infinite; transform:translate(-50%,-50%)}
@-webkit-keyframes glowing {
  0% {-webkit-box-shadow: 0 0 1px #758995; }
  50% {-webkit-box-shadow: 0 0 10px #758995; }
  100% { -webkit-box-shadow: 0 0 1px #758995; }
}


.break-point-circle:nth-child(2){ left:25%; top:20%; }
.break-point-circle:nth-child(1){ right:10%; top:1.5%; }
.break-point-circle:nth-child(3){ left:25%; top:31%;}
.break-point-circle:nth-child(4){ left:65%; top:39%; }
.break-point-circle:nth-child(5){ left:35%; top:51%; }
.break-point-circle:nth-child(6){ left:25%; top:63%; }
.break-point-circle:nth-child(7){ left:25%; top:12%;}
.break-point-circle:nth-child(8){ right:25%; top:84.5%; }

.break-point-line-ani{ background:#758A96; position:absolute; top:0; }
.break-point-line-ani:nth-last-child(3){ height:1px; right:0; width:100px; transform:scale(0,1); transform-origin:center right; }
.break-point-line-ani:nth-last-child(2){ width:1px;  right:0; height:100px; transform:scale(1,0); transform-origin:top center; }
.break-point-line-ani:nth-last-child(1){ height:1px; right:0; width:100px; transform:scale(0,1); transform-origin:center right; }

.break-point-line-ani.active:nth-last-child(3){ transform:scale(1,1); transition:transform 300ms linear; }
.break-point-line-ani.active:nth-last-child(2){ transform:scale(1,1); transition:transform 200ms 300ms linear; }

.break-point-line-ani.active.reverse:nth-last-child(2){ transform-origin:bottom center; }

.break-point-line-ani.active:nth-last-child(1){ transform:scale(1,1); transition:transform 100ms 500ms linear; }


.floor-plan .break-point-line-ani.active:nth-last-child(3){ transform-origin:center left; transition:transform 300ms 400ms linear; }
.floor-plan .break-point-line-ani.active:nth-last-child(2){ transform-origin:bottom center; transition:transform 200ms 200ms linear; }
.floor-plan .break-point-line-ani.active.reverse:nth-last-child(2){ transform-origin:top center; }
.floor-plan .break-point-line-ani.active:nth-last-child(1){ transform-origin:center left; transition:transform 200ms linear;}

.break-point-circle.hover, .break-point-circle.active{  background-color:#758A96; transform:translate(-50%,-50%) scale(1.1); animation:no-glowing 2000ms infinite; }
@keyframes no-glowing {
  0% {-webkit-box-shadow: 0 0 1px rgba(117,137,149,0); }
  50% {-webkit-box-shadow: 0 0 10px rgba(117,137,149,0); }
  100% { -webkit-box-shadow: 0 0 1px rgba(117,137,149,0); }
}

.break-point-line{ border-bottom:1px solid #758A96;  position:absolute;  padding-bottom:.2em; transform:translate(-100%, -100%); line-height:1.2 }
.break-point-line:nth-child(2){ left:25%; top:20%; width:calc(25% + 12em);  }
.break-point-line:nth-child(1){ right:15%; top:1.5%; width:calc(85% + 12em); transform:translate(0%, -100%)}
.break-point-line:nth-child(3){ left:25%; top:31%; width:calc(25% + 12em); }
.break-point-line:nth-child(4){ left:65%; top:39%; width:calc(65% + 12em); }
.break-point-line:nth-child(5){ left:35%; top:51%; width:calc(35% + 12em); }
.break-point-line:nth-child(6){  left:25%; top:63%; width:calc(25% + 12em); text-align:left; }
.break-point-line:nth-child(7){  left:25%; top:12%; width:calc(25% + 12em);}
.break-point-line:nth-child(8){  right:35%; top:84.5%; width:calc(65% + 12em); transform:translate(0%, -100%) } 


.break-point-circle:nth-child(7), .break-point-line:nth-child(7){ top:8%; left:auto; right:52.5%}
.break-point-line:nth-child(7){ right:60%; width:calc(40% + 12em); transform:translate(0%, -100%)}
.break-point-line:nth-child(2) > div, .break-point-line:nth-child(7) > div{  transform:translateY(calc(100% + .5em)) }


.break-point-line:nth-child(3) br{ display:none;}
.break-point-line > div{ font-size:0.8em; }

.break-point-circle:nth-child(1), .break-point-line:nth-child(1){ right:auto; left:25%; top:5%; }
.break-point-line:nth-child(1){ width:calc(25% + 12em); transform:translate(-100%, -100%)}

.break-point-line:nth-child(7) > div{ width:90%; max-width:15em  }



.map-connectivity, .map-henderson, .map-street, .map-a, .map-hotels, .map-clubs, .map-num, .map-wtd{ background-repeat:no-repeat;  position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none }
.map-a.active, .map-hotels.active, .map-clubs.active, .map-num.active, .map-wtd.active{ pointer-events:all  }

.map-a, .map-hotels, .map-clubs, .map-num, .map-wtd{
	/*left:50%; top:50%; transform:translate(-50%,-50%); width:100vw; height:90.6vw;*/ display:none;  
}

.map-cat-info-col > div, .map-num > div, .map-wtd > div{ cursor:pointer; }


.map-num > div.selected, .map-wtd > div.selected{ /*background-color:#758995;*/  }
.map-cat-info-col > div.selected{ color:#758995;    }
.map-cat-info-col > div.selected > div:nth-child(2){ text-decoration:underline   }

.map-cat-info-col > div, .map-num > div, .map-wtd > div, .map-a > div, .map-hotels > div, .map-clubs > div{ animation:none;  }
.map-cat-info-col > div.selected, .map-info-ele-cnt li.selected{ animation:ani-index-glowing 800ms infinite;  }
@keyframes ani-index-glowing {
  0% { color:#758995; }
  50% { color:#ccc;}
  100% {color:#758995; }
}
.map-num > div.selected, .map-wtd > div.selected, .map-a > div.selected, .map-hotels > div.selected, .map-clubs > div.selected{ animation:ani-label-glowing 800ms infinite;  }
@keyframes ani-label-glowing {
  0% { border-color:rgba(255,255,255,1); border-width:2px; border-radius:1000px; background:#808d99;  }
  50% { border-color:rgba(255,255,255,0); border-width:2px; border-radius:1000px;background:#808d99;}
  100% { border-color:rgba(255,255,255,1); border-width:2px; border-radius:1000px; background:#808d99;}
}

.map-a > div.gold.selected, .map-hotels > div.gold.selected, .map-clubs > div.gold.selected{ animation:ani-label-glowing-b 800ms infinite;  }
@keyframes ani-label-glowing-b {
  0% { border-color:rgba(255,255,255,1); border-width:2px; border-radius:1000px; background:#b19484;  }
  50% { border-color:rgba(255,255,255,0); border-width:2px; border-radius:1000px;background:#b19484;}
  100% { border-color:rgba(255,255,255,1); border-width:2px; border-radius:1000px; background:#b19484;}
}
 
.map-a > div, .map-hotels > div, .map-clubs > div, .map-num > div, .map-wtd > div{ position:absolute; transform:translate(-50%, -50%); width:1.5em; height:1.5em; line-height:1; background:#808d99; border-radius:100px; text-align:center; border:1px solid white; font-size:1em; color:#fff; font-weight:bold; cursor:pointer; }

.map-a > div.gold, .map-hotels > div.gold, .map-clubs > div.gold{  background:#b19484; }
.map-a > div > div, .map-hotels > div > div, .map-clubs > div > div, .map-num > div > div, .map-wtd > div > div{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.map-hotels > div, .map-clubs > div{ background:#000;  }
.map-hotels > div:nth-child(1){ left:35%; top:26.3%; }
.map-hotels > div:nth-child(2){ left:40%; top:44.56%; }
.map-hotels > div:nth-child(3){ left:33.3%; top:48.7%; }
.map-hotels > div:nth-child(4){ left:42.05%; top:61%; }
.map-hotels > div:nth-child(5){ left:59.6%; top:66.2%; }
.map-hotels > div:nth-child(6){ left:61.5%; top:66.8%; }
.map-hotels > div:nth-child(7){ left:66.5%; top:63%; }
.map-hotels > div:nth-child(8){ left:63.5%; top:65.2%; }

.map-clubs > div:nth-child(1){ left:35.6%; top:37%; }
.map-clubs > div:nth-child(2){ left:28.8%; top:42.1%; }
.map-clubs > div:nth-child(3){ left:46.3%; top:45.7%; }
.map-clubs > div:nth-child(4){ left:42.1%; top:51.5%; }
.map-clubs > div:nth-child(5){ left:36.9%; top:63.4%; }
.map-clubs > div:nth-child(6){ left:61.5%; top:69.7%; }
.map-clubs > div:nth-child(7){ left:28.8%; top:34.4%; }

.map-num > div, .map-wtd > div{ background:#000; }
.map-wtd > div:nth-child(1){ left:49%; top:28%; }
.map-wtd > div:nth-child(2){ left:57%; top:37%; }
.map-wtd > div:nth-child(3){ left:50.5%; top:51.5%; }
.map-wtd > div:nth-child(4){ left:25%; top:42%; }
.map-wtd > div:nth-child(5){ left:63%; top:39%; }
.map-wtd > div:nth-child(6){ left:47%; top:65%; }
.map-wtd > div:nth-child(7){ left:45%; top:50%; }
.map-wtd > div:nth-child(8){ left:26%; top:62%; }
.map-wtd > div:nth-child(9){ left:42%; top:61%; }
.map-wtd > div:nth-child(10){ left:27.5%; top:35.5%; }

.map-wtd > div:nth-child(11){ left:20.5%; top:45%; }
.map-wtd > div:nth-child(12){ left:29%; top:54%; }
.map-wtd > div:nth-child(13){ left:63%; top:72%; }
.map-wtd > div:nth-child(14){ left:51%; top:57%; }



.map-num > div:nth-child(1){ left:32%; top:29.5%; }
.map-num > div:nth-child(2){ left:40%; top:29%; }
.map-num > div:nth-child(3){ left:35%; top:36%; }
.map-num > div:nth-child(4){ left:26%; top:36%; }
.map-num > div:nth-child(5){ left:24%; top:40%; }
.map-num > div:nth-child(6){ left:21.5%; top:41.5%; }
.map-num > div:nth-child(7){ left:38.5%; top:39%; }
.map-num > div:nth-child(8){ left:37%; top:43%; }
.map-num > div:nth-child(9){ left:33.5%; top:44%; }
.map-num > div:nth-child(10){ left:31.5%; top:48%; }

.map-num > div:nth-child(11){ left:33.5%; top:50%; }
.map-num > div:nth-child(12){ left:37%; top:46%; }
.map-num > div:nth-child(13){ left:39.1%; top:47.5%; }
.map-num > div:nth-child(14){ left:34.9%; top:50.7%; }
.map-num > div:nth-child(15){ left:36.5%; top:50.6%; }
.map-num > div:nth-child(16){ left:38.6%; top:51%; }
.map-num > div:nth-child(17){ left:42.5%; top:52%; }
.map-num > div:nth-child(18){ left:42.5%; top:55.4%; }
.map-num > div:nth-child(19){ left:44.3%; top:59.5%; }
.map-num > div:nth-child(20){ left:47.7%; top:56%; }

.map-num > div:nth-child(21){ left:45.5%; top:46%; }
.map-num > div:nth-child(22){ left:47.0%; top:46.5%; }
.map-num > div:nth-child(23){ left:48.5%; top:46.3%; }
.map-num > div:nth-child(24){ left:53.5%; top:49.2%; }
.map-num > div:nth-child(25){ left:53.2%; top:54.5%; }
.map-num > div:nth-child(26){ left:56.6%; top:52%; }
.map-num > div:nth-child(27){ left:68.1%; top:50%; }
.map-num > div:nth-child(28){ left:63.1%; top:56%; }
.map-num > div:nth-child(29){ left:60.1%; top:58%; }
.map-num > div:nth-child(30){ left:65.5%; top:63%; }
.map-num > div:nth-child(31){ left:63.7%; top:64.5%; }
.map-num > div:nth-child(32){ left:71.7%; top:66%; }

.map-connectivity > div{ position:absolute; background-repeat:no-repeat; background-position:center; background-size:contain; width:2em; height:2em; background-image:url("../img/icon-mtr.png"); transform:translate(-50%, -50%)}
.map-connectivity > div:nth-child(4){ background-image:url("../img/icon-airport.png"); left:35.7%; top:32%;  }
.map-connectivity > div:nth-child(1){  left:36%; top:28%;  }
.map-connectivity > div:nth-child(2){  left:44.2%; top:48%;  }
.map-connectivity > div:nth-child(3){  left:58.5%; top:56%;  }

.map-connectivity > div > div{ position:absolute; bottom:calc(100% + 0.1em); left:50%; transform:translate(-50%, 0%); white-space:nowrap; font-size:0.7em; font-weight:400  }
.map-connectivity > div:nth-child(4) > div{ bottom:auto; top:calc(100% + 0.2em) }

.map-connectivity{  background-image:url("../img/map-connectivity.svg"); display:none  }
.map-henderson{  background-image:url("../img/map-henderson.png");  }
 
.map-street > div{ position:absolute; font-size:0.7em; font-weight:400; top:50%; left:50%; transform:translate(-50%, 0%); text-align:center; line-height:1.1 }
.map-street > div:nth-child(1){ left:39%; top:17%;  }
.map-street > div:nth-child(2){ left:52%; top:20%; }
.map-street > div:nth-child(3){ left:60.6%; top:45.6%; transform:translate(-50%, -50%); }
.map-street > div:nth-child(4){ left:48.6%; top:42%; transform:translate(-50%, -50%); }
.map-street > div:nth-child(5){ left:42%; top:49%; transform:translate(-50%, -50%); }
.map-street > div:nth-child(6){ left:54.7%; top:61%; transform:translate(-50%, -50%); }
.map-street > div:nth-child(7){ left:45.7%; top:18%; }
.map-street > div:nth-child(8){ left:56%; top:26%; }
.map-street > div:nth-child(9){ left:56.7%; top:59%; transform:translate(-50%, -50%); }
.map-street > div:nth-child(10){ left:56%; top:64%; transform:translate(-50%, -50%); }

.map-street > div:nth-child(11){ left:61%; top:65%; transform:translate(-50%, -50%); }
.map-street > div:nth-child(12){ left:32%; top:60%; transform:translate(-50%, -50%);  }
.map-street > div:nth-child(13){ left:34.5%; top:46.7%; transform:translate(-50%, -50%); }
.map-street > div:nth-child(14){ left:65%; top:48.3%; transform:translate(-50%, -50%); }
.map-street > div:nth-child(15){ left:61%; top:51%;  transform:translate(-50%, -50%);}
.map-street > div:nth-child(16){ left:32%; top:25%; }
.map-street > div:nth-child(17){ left:42.5%; top:35%;  transform:translate(-50%, -50%); }
.map-street > div:nth-child(18){ left:56%; top:41%; transform:translate(-50%,-50%) rotate(15deg);}
.map-street > div:nth-child(19){ left:30%; top:39.7%; transform:translate(-50%,-50%) rotate(54deg);}

.map-street > div:nth-child(20){ left:28.5%; top:46%; transform:translate(-50%,-50%) rotate(54.5deg); }
.map-street > div:nth-child(21){ left:43%; top:43%; transform:translate(-50%,-50%) rotate(15deg);}
.map-street > div:nth-child(22){ left:40.5%; top:46.5%; transform:translate(-50%,-50%) rotate(15deg);}
.map-street > div:nth-child(23){ left:63%; top:38.5%;; display:none }

.map-street > div:nth-child(24){ left:54%; top:48%; transform:translate(-50%,-50%) rotate(38deg); }
.map-street > div:nth-child(25){ left:46.5%; top:51.5%; transform:translate(-50%,-50%) rotate(-54deg);}
.map-street > div:nth-child(26){ left:43.2%; top:57%; transform:translate(-50%,-50%) rotate(-55deg);}
.map-street > div:nth-child(27){ left:70%; top:62.5%; transform:translate(-50%,-50%)  }
.map-street > div:nth-child(28){ left:41%; top:63.2%; transform:translate(-50%,-50%) rotate(-26deg);  }
.map-street > div:nth-child(29){ left:26%; top:62%; transform:translate(-50%,-50%); display:none }
.map-street > div:nth-child(30){ left:43%; top:45%;transform:translate(-50%,-50%)   }
.map-street > div:nth-child(31){ left:47%; top:64%; transform:translate(-50%,-50%); display:none  }
.map-street > div:nth-child(32){ left:45%; top:50%;transform:translate(-50%,-50%); display:none  }

.map-street > div:nth-child(33){ left:52%; top:57%;  transform:translate(-50%,-50%) rotate(39deg); display:none }
.map-street > div:nth-child(34){ left:60.5%; top:36.4%;  transform:translate(-50%,-50%) rotate(13deg);  }
.map-street > div:nth-child(35){ left:47.5%; top:33%;  transform:translate(-50%,-50%) rotate(-73deg);  }

#map > div.active{ display:block; }




.map-connectivity > div > div,  .map-street > div{  font-family:'Helvetica';  }

@media only screen and (min-width:1800px) { 
	.map-info{height:calc(55vw - 0em); } 
	/*#map{ height:calc(55vw - 0em); background-size:100% auto; background-position:50% 37%!important; }*/
	
	
}

@media only screen and (min-width:1440px) and (max-width:1799px) { 
	/*.map-info{height:calc(65vw - 0em); } 
	#map{ height:calc(65vw - 0em); background-size:120% auto; background-position:calc(50% - 8.5em) 35%!important; }*/
	
	
	
	/*
	.map-a > div:nth-child(1){ left:30%; top:21.3%; }
	.map-a > div:nth-child(2){ left:40%; top:43.5%; } 
	.map-a > div:nth-child(3){ left:33.3%; top:48.7%; }
	.map-a > div:nth-child(4){ left:42.05%; top:63.5%; }
	.map-a > div:nth-child(5){ left:59.6%; top:70.2%; }
	.map-a > div:nth-child(6){ left:61.5%; top:70.8%; }
	.map-a > div:nth-child(7){ left:66.5%; top:66%; }
	.map-a > div:nth-child(8){ left:63.5%; top:69%; }
	
	.map-a > div:nth-child(9){ left:35.6%; top:34.5%; }
	.map-a > div:nth-child(10){ left:28.8%; top:40.5%; }
	.map-a > div:nth-child(11){ left:46.3%; top:44.5%; }
	.map-a > div:nth-child(12){ left:42.1%; top:51.5%; }
	.map-a > div:nth-child(13){ left:36.9%; top:65.5%; }
	.map-a > div:nth-child(14){ left:61.5%; top:74%; }
	.map-a > div:nth-child(15){ left:28.8%; top:31%; }
	
	
	/*
	.map-num > div:nth-child(1){ left:31%; top:27%; }
	.map-num > div:nth-child(2){ left:40.3%; top:25.5%; }
	.map-num > div:nth-child(3){ left:34.5%; top:33%; }
	.map-num > div:nth-child(4){ left:26.4%; top:34%; }
	.map-num > div:nth-child(5){ left:24.5%; top:38%; }
	.map-num > div:nth-child(6){ left:22.2%; top:40%; }
	.map-num > div:nth-child(7){ left:38.7%; top:37%; }
	.map-num > div:nth-child(8){ left:37%; top:41.4%; }
	.map-num > div:nth-child(9){ left:33.2%; top:43.6%; }
	.map-num > div:nth-child(10){ left:32.1%; top:48%; }
	
	.map-num > div:nth-child(11){ left:33.3%; top:50%; }
	.map-num > div:nth-child(12){ left:36.9%; top:45%; }
	.map-num > div:nth-child(13){ left:39.1%; top:47.5%; }
	.map-num > div:nth-child(14){ left:34.8%; top:50.7%; }
	.map-num > div:nth-child(15){ left:36.4%; top:50.6%; }
	.map-num > div:nth-child(16){ left:38.6%; top:51%; }
	.map-num > div:nth-child(17){ left:42.5%; top:52%; }
	.map-num > div:nth-child(18){ left:42.5%; top:56.5%; }
	.map-num > div:nth-child(19){ left:44.3%; top:61.5%; }
	.map-num > div:nth-child(20){ left:47.7%; top:57%; }
	
	.map-num > div:nth-child(21){ left:45.5%; top:46%; }
	.map-num > div:nth-child(22){ left:47%; top:46.5%; }
	.map-num > div:nth-child(23){ left:48.6%; top:45.3%; }
	.map-num > div:nth-child(24){ left:53.5%; top:49.2%; }
	.map-num > div:nth-child(25){ left:53.2%; top:55%; }
	.map-num > div:nth-child(26){ left:56.6%; top:52.5%; }
	.map-num > div:nth-child(27){ left:68.1%; top:50%; }
	.map-num > div:nth-child(28){ left:62.8%; top:57.5%; }
	.map-num > div:nth-child(29){ left:60.1%; top:59.5%; }
	.map-num > div:nth-child(30){ left:65.5%; top:66%; }
	.map-num > div:nth-child(31){ left:63.7%; top:68.3%; }
	.map-num > div:nth-child(32){ left:71.7%; top:69.5%; }
	
	.map-connectivity > div:nth-child(4){  left:26%; top:30%;  }
	.map-connectivity > div:nth-child(1){  left:27%; top:24%;  }
	.map-connectivity > div:nth-child(2){  left:calc(43% - 8.5em); top:56.5%;  }
	.map-connectivity > div:nth-child(3){  left:calc(60.5% - 8.5em); top:69.5%;  }
	
	/*
	.map-street > div:nth-child(1){ left:calc(35% - 8.5em); top:2%; }
	.map-street > div:nth-child(2){ left:calc(46.6% - 8.5em); top:5%; }
	.map-street > div:nth-child(3){ left:calc(60% - 8.5em); top:52%; }
	.map-street > div:nth-child(4){ left:calc(45.6% - 8.5em); top:44.5%; }
	.map-street > div:nth-child(5){ left:calc(37% - 8.5em); top:56%; }
	.map-street > div:nth-child(6){ left:calc(52.7% - 8.5em); top:76%; }
	.map-street > div:nth-child(7){ left:calc(40.7% - 8.5em); top:5%; }
	.map-street > div:nth-child(8){ left:calc(54.7% - 8.5em); top:17%; }
	.map-street > div:nth-child(9){ left:calc(55.7% - 8.5em); top:72%; }
	.map-street > div:nth-child(10){ left:calc(55.7% - 8.5em); top:81%; }
	.map-street > div:nth-child(11){ left:calc(63% - 8.5em); top:82%; }
	.map-street > div:nth-child(12){ left:calc(28% - 8.5em); top:72%; }
	.map-street > div:nth-child(13){ left:calc(29% - 8.5em); top:52%; }
	.map-street > div:nth-child(14){ left:calc(66% - 8.5em); top:52%; }
	.map-street > div:nth-child(15){ left:calc(62% - 8.5em); top:58%; }
	.map-street > div:nth-child(16){ left:calc(27% - 8.5em); top:19%; }
	.map-street > div:nth-child(17){ left:calc(39% - 8.5em); top:29%; }
	
	.map-street > div:nth-child(18){ left:calc(46% - 8.5em); top:40.2%; }
	.map-street > div:nth-child(19){ left:calc(24% - 8.5em); top:44%;  }
	.map-street > div:nth-child(20){ left:calc(20.1% - 8.5em); top:50%;  }
	.map-street > div:nth-child(21){ left:calc(37.1% - 8.5em); top:47.7%;  }
	.map-street > div:nth-child(22){ left:calc(35.1% - 8.5em); top:53%;  }
	.map-street > div:nth-child(23){ left:calc(63.1% - 8.5em); top:42%;  }
	.map-street > div:nth-child(24){ left:calc(56.1% - 8.5em); top:61.5%; }
	.map-street > div:nth-child(25){ left:calc(43.5% - 8.5em); top:62%;}
	.map-street > div:nth-child(26){ left:calc(39.1% - 8.5em); top:72%;}
	.map-street > div:nth-child(27){ left:calc(67.1% - 8.5em); top:78.5%;  }
	.map-street > div:nth-child(28){ left:calc(37.1% - 8.5em); top:82%;  }
	.map-street > div:nth-child(29){ left:calc(19% - 8.5em);  top:78%; }
	.map-street > div:nth-child(30){ left:calc(39% - 8.5em); top:50%; }
	.map-street > div:nth-child(31){ left:calc(45% - 8.5em); top:82%; }
	.map-street > div:nth-child(32){ left:calc(41% - 8.5em); top:60%; }
	.map-street > div:nth-child(33){ left:calc(49% - 8.5em); top:71.5%;   }
	.map-street > div:nth-child(34){left:calc(62% - 8.5em); top:38%;   }
	.map-street > div:nth-child(35){ left:calc(44% - 8.5em); top:34%;    }
	*/
}
@media only screen and (min-width: 1024px) and (max-width:1279px) { 
	.inner-container{ width:95%; }
	.header-right-container{ width:calc(100% - 12.5em); max-width:920px  } 
	
	.half-panel-ele:nth-child(2) > div{ width:calc(95% - 0em); max-width:calc(720px - 0em); }
	.half-panel-ele:nth-child(2) > div > div{  width:90%} 
	
	.lang-container a:nth-child(1), .lang-container a:nth-child(2){ margin-right:.7em; }
	.lang-container a.active{ display:none}
	 
	/* Community */ 
	.margin-all-content-container.community > div{ width:19%; margin-bottom:5em; }  
	.inner-container.specs .margin-all-content-container{ /*margin-top:0*/ }
	 /* Community */
	
	.map-half-container .txt-title{ font-size:4.75vw; }
}
@media only screen and (min-width: 1280px) and (max-width:1439px) {  
	.map-info{height:calc(100vw - 0em); } 
	/*#map{ height:calc(100vw - 0em); background-size:126% auto; background-position:100% 33%!important; }*/
	
	 
	/*
	.map-num > div:nth-child(9){ left:33%; top:44.3%; }
	*/
	/*
	.map-connectivity > div:nth-child(4){   left:19%; top:32%;  }
	.map-connectivity > div:nth-child(1){  left:20%; top:28%;  }
	.map-connectivity > div:nth-child(2){  left:calc(29.5%); top:50%;  }
	.map-connectivity > div:nth-child(3){  left:48%; top:59%;  }
	/*
	.map-street > div:nth-child(1){ left:25%; top:12%; }
	.map-street > div:nth-child(2){ left:36.6%; top:15%; }
	.map-street > div:nth-child(3){ left:50%; top:47%; }
	.map-street > div:nth-child(4){ left:35.6%; top:41.5%; }
	.map-street > div:nth-child(5){ left:26.5%; top:50%; }
	.map-street > div:nth-child(6){ left:42.7%; top:64%; }
	.map-street > div:nth-child(7){ left:31.7%; top:14.5%; }
	.map-street > div:nth-child(8){ left:45.7%; top:27%; }
	.map-street > div:nth-child(9){ left:45.7%; top:61%; }
	.map-street > div:nth-child(10){ left:45.7%; top:67%; }
	.map-street > div:nth-child(11){ left:50.7%; top:68%; }
	.map-street > div:nth-child(12){ left:16%; top:62%; }
	.map-street > div:nth-child(13){ left:17%; top:47%; }
	.map-street > div:nth-child(14){ left:56%; top:47%; }
	.map-street > div:nth-child(15){ left:52%; top:51%; }
	.map-street > div:nth-child(16){ left:17%; top:25%; }
	.map-street > div:nth-child(17){ left:29%; top:31%; }
	
	.map-street > div:nth-child(18){ left:36%; top:39%; }
	.map-street > div:nth-child(19){ left:12%; top:41%;  }
	.map-street > div:nth-child(20){ left:8.8%; top:46%;  }
	.map-street > div:nth-child(21){ left:25.8%; top:44%;  }
	.map-street > div:nth-child(22){ left:24%; top:47.5%;  }
	.map-street > div:nth-child(23){ left:54%; top:40%;  }
	.map-street > div:nth-child(24){ left:46%; top:53%; }
	.map-street > div:nth-child(25){ left:33%; top:54%;}
	.map-street > div:nth-child(26){ left:29%; top:60%;}
	.map-street > div:nth-child(27){ left:57.5%; top:65%;}
	.map-street > div:nth-child(28){ left:26%; top:67.3%;  }
	.map-street > div:nth-child(29){ left:8%; top:64.3%;  }
	.map-street > div:nth-child(30){ left:28.5%; top:46%; }
	.map-street > div:nth-child(31){ left:33%; top:68%; }
	.map-street > div:nth-child(32){ left:31%; top:52%; }
	.map-street > div:nth-child(33){ left:39%; top:60.5%;   }
	.map-street > div:nth-child(34){ left:55%; top:38%;   }
	.map-street > div:nth-child(35){ left:33.5%; top:34%;    }
	*/
}
@media only screen and (min-width:0px) and (max-width:1279px) { 
	.map-info{height:auto ; } 
	/*#map{ height:calc(95vw - 0em); background-size:160% auto; background-position:50% 30%!important; position:relative;}*/
	 
	
	/*
	.map-panel-container{ position:relative; top:auto; right:auto;  padding:1.5em; width:calc(100% - 3em); height:auto;  }
	*/ 
	
	/*
	.map-connectivity > div{ width:1.25em; height:1.25em }
	.map-connectivity > div:nth-child(4){   left:27%; top:25%;  }
	.map-connectivity > div:nth-child(1){  left:28%; top:20%;  }
	.map-connectivity > div:nth-child(2){  left:40.5%; top:49.4%;  }
	.map-connectivity > div:nth-child(3){  left:64%; top:61.5%;  }
	/*
	.map-a > div:nth-child(1){ left:30%; top:31.3%; }
	.map-a > div:nth-child(2){ left:40%; top:49.56%; }
	.map-a > div:nth-child(3){ left:33.3%; top:53.7%; }
	.map-a > div:nth-child(4){ left:42.05%; top:66%; }
	.map-a > div:nth-child(5){ left:59.6%; top:71.2%; }
	.map-a > div:nth-child(6){ left:61.5%; top:71.8%; }
	.map-a > div:nth-child(7){ left:66.5%; top:68%; }
	.map-a > div:nth-child(8){ left:63.5%; top:70.2%; }

	.map-a > div:nth-child(9){ left:35.6%; top:37%; }
	.map-a > div:nth-child(10){ left:28.8%; top:42.1%; }
	.map-a > div:nth-child(11){ left:46.3%; top:45.7%; }
	.map-a > div:nth-child(12){ left:42.1%; top:51.5%; }
	.map-a > div:nth-child(13){ left:36.9%; top:63.4%; }
	.map-a > div:nth-child(14){ left:61.5%; top:69.7%; }
	.map-a > div:nth-child(15){ left:28.8%; top:34.4%; }
 	/*
	.map-num > div:nth-child(1){ left:31%; top:36%; }
	.map-num > div:nth-child(2){ left:40.3%; top:34.6%; }
	.map-num > div:nth-child(3){ left:34.5%; top:40.8%; }
	.map-num > div:nth-child(4){ left:26.4%; top:41.5%; }
	.map-num > div:nth-child(5){ left:24.5%; top:44.4%; }
	.map-num > div:nth-child(6){ left:22.2%; top:47%; }
	.map-num > div:nth-child(7){ left:38.7%; top:44%; }
	.map-num > div:nth-child(8){ left:37%; top:48.4%; }
	.map-num > div:nth-child(9){ left:33.2%; top:49.7%; }
	.map-num > div:nth-child(10){ left:32.1%; top:53%; }

	.map-num > div:nth-child(11){ left:33.3%; top:55%; }
	.map-num > div:nth-child(12){ left:36.9%; top:51.2%; }
	.map-num > div:nth-child(13){ left:39.1%; top:52.5%; }
	.map-num > div:nth-child(14){ left:34.9%; top:55.7%; }
	.map-num > div:nth-child(15){ left:36.5%; top:55.6%; }
	.map-num > div:nth-child(16){ left:38.6%; top:56%; }
	.map-num > div:nth-child(17){ left:42.5%; top:57%; }
	.map-num > div:nth-child(18){ left:42.5%; top:60.4%; }
	.map-num > div:nth-child(19){ left:44.3%; top:64.5%; }
	.map-num > div:nth-child(20){ left:47.7%; top:61%; }

	.map-num > div:nth-child(21){ left:45.5%; top:51%; }
	.map-num > div:nth-child(22){ left:47.0%; top:51.5%; }
	.map-num > div:nth-child(23){ left:48.5%; top:51.3%; }
	.map-num > div:nth-child(24){ left:53.5%; top:54.2%; }
	.map-num > div:nth-child(25){ left:53.2%; top:59.5%; }
	.map-num > div:nth-child(26){ left:56.6%; top:57%; }
	.map-num > div:nth-child(27){ left:68.1%; top:55%; }
	.map-num > div:nth-child(28){ left:63.1%; top:61%; }
	.map-num > div:nth-child(29){ left:60.1%; top:63%; }
	.map-num > div:nth-child(30){ left:65.5%; top:68%; }
	.map-num > div:nth-child(31){ left:63.7%; top:69.5%; }
	.map-num > div:nth-child(32){ left:71.7%; top:71%; }
	
	/*
	.map-street > div:nth-child(1){ left:35%; top:9.5%;  }
	.map-street > div:nth-child(2){ left:53%; top:13.5%; }
	.map-street > div:nth-child(3){ left:66.6%; top:53.5%; }
	.map-street > div:nth-child(4){ left:45.6%; top:46.5%; }
	.map-street > div:nth-child(5){ left:36%; top:57%; }
	.map-street > div:nth-child(6){ left:57.7%; top:76%; }
	.map-street > div:nth-child(7){ left:43.7%; top:11.5%; }
	.map-street > div:nth-child(8){ left:60.7%; top:27%; }
	.map-street > div:nth-child(9){ left:60.7%; top:72%; }
	.map-street > div:nth-child(10){ left:60.7%; top:80%; }
	.map-street > div:nth-child(11){ left:67.7%; top:81%; }
	.map-street > div:nth-child(12){ left:24%; top:73%; }
	.map-street > div:nth-child(13){ left:25%; top:54%; }
	.map-street > div:nth-child(14){ left:74%; top:53%; }
	.map-street > div:nth-child(15){ left:69%; top:59%; }
	.map-street > div:nth-child(16){ left:22%; top:23%; }
	.map-street > div:nth-child(17){ left:38%; top:34%; }
	
	.map-street > div:nth-child(18){ left:50%; top:43.5%; }
	.map-street > div:nth-child(19){ left:19%; top:46%;  }
	.map-street > div:nth-child(20){ left:15%; top:54%;  }
	.map-street > div:nth-child(21){ left:34.5%; top:49%;  }
	.map-street > div:nth-child(22){ left:33.4%; top:54%;  }
	.map-street > div:nth-child(23){ left:70.4%; top:44.5%;  }
	.map-street > div:nth-child(24){ left:63%; top:63%; }
	.map-street > div:nth-child(25){ left:45%; top:63%;}
	.map-street > div:nth-child(26){ left:39.4%; top:71%;}
	.map-street > div:nth-child(27){ left:77.5%; top:77%;}
	.map-street > div:nth-child(28){ left:33%; top:82%;  }
	.map-street > div:nth-child(29){ left:11%; top:76%;  }
	.map-street > div:nth-child(30){ left:39%; top:51.5%; }
	.map-street > div:nth-child(31){ left:46%; top:81%; }
	.map-street > div:nth-child(32){ left:42%; top:60%; }
	.map-street > div:nth-child(33){ left:52.5%; top:72%;   }
	.map-street > div:nth-child(34){ left:66%; top:39.5%;   }
	.map-street > div:nth-child(35){ left:45%; top:37%;    }
	*/
	.map-col{ float:left; width:50%; }
}

@media only screen and (min-width:768px) and (max-width:1023px) { 
	.map-connectivity > div{   width:1em; height:1em; }	
	.map-street > div{ font-size:0.7em; }
	.map-connectivity > div > div, .map-a > div, .map-num > div{  font-size:0.7em;  }
	
	/* Community */ 
	.margin-all-content-container.community > div{ width:24%; margin-bottom:5em; }  
	/* Community */
	
	
}
@media only screen and (min-width:480px) and (max-width:767px) { 
	.map-connectivity > div{   width:1em; height:1em; }	
	.map-street > div{ font-size:0.5em; }
	.map-connectivity > div > div, .map-a > div, .map-num > div{  font-size:0.6em;  }
	
	.map-a > div, .map-num > div{  border-width:0.5px }
	
	/* Community */ 
	.margin-all-content-container.community > div{ width:32%; margin-bottom:5em; }  
	/* Community */
}
@media only screen and (min-width:0px) and (max-width:479px) { 
	.map-connectivity > div{   width:1em; height:1em; }	
	.map-street > div{ font-size:0.4em; }
	.map-connectivity > div > div, .map-a > div, .map-num > div{  font-size:0.5em;  }
	
	.map-a > div, .map-num > div{   border-width:0.5px }
	
	/* Community */ 
	.margin-all-content-container.community > div{ width:49%; margin-bottom:5em; }  
	/* Community */
}

.break-point-line.inactive{ display:none; }




.stain-achieve-chart{ width:100%; }
.stain-achieve-all-chart-container{ width:100%; margin:4em auto;  }
.stain-achieve-chart-inner.half{ width:100%; display:inline-flex; justify-content:space-between;  }
.stain-achieve-chart-box { width:100%; margin-top:6em; }
.stain-achieve-chart-box.half{ width:45%; }
.stain-border{ width:100%; border:1px solid #758995; margin-bottom:1em; }

.stain-achieve-flow{ display:inline-flex; margin:3em auto 0; align-items:center;  } 
.stain-icon{ width:7em; height:4.5em;  margin-right:3em; }

.stain-achieve-chart-inner{ opacity:0; transition:opacity 400ms linear, transform 500ms ease-out; transform:translateY(40%); }
.stain-achieve-chart-inner.active{  opacity:1; transform:translateY(0em); }
.stain-achieve-chart-inner.active:nth-child(2){ transition-delay:150ms; }
.stain-achieve-chart-inner.active:nth-child(3){ transition-delay:250ms; }
.stain-achieve-chart-inner.active:nth-child(4){ transition-delay:350ms; }

.stain-achieve-flow-row.one-row{  width:100%; display:inline-flex; justify-content:space-between;   }
.stain-achieve-flow-row.one-row .stain-achieve-flow{  width:45%;  margin:3em 0 0;}


.stain-achieve-chart .txt-extra.txt-markot{ margin-bottom:.5em;  }

/* breakthrough */



/* location */
.inner-container.location{  display:flex; align-items:center; }
.inner-container.location .margin-image-container{ width:50%; }
.location-feature-container{ width:100%; display:inline-flex; justify-content:space-between;  }
.location-feature-inner{ width:20%; margin:1.5em 0 0; }
.location-feature-icon{ margin-bottom:1em; background-position:left bottom; background-size:contain; padding-bottom:42%; background-repeat:no-repeat; }


.inner-container.location .margin-text-container .txt-title{ margin-top:0;}

/* location */


/* experience */
.oasis .margin-image-container{ width:45%;}
.oasis .margin-text-container{ width:45%; text-align:left}
.oasis .margin-text-container .txt-title br{display:none}
.txt-body.notfull{ max-width:800px; margin:auto; }

.full-tagline-inner .txt-big{ width:70%; margin:auto; }
.banquet-hall-container .margin-all-content-container{float:left; width:100%; background-color: #f0f2f1}
.banquet-hall-container .margin-all-content-container:nth-child(2){flex-direction:row-reverse; background-color: #DCE1E4}
.banquet-hall-container .margin-all-content-container .margin-text-container{position:absolute; width:30%; right:15%; top:15%;  }
.banquet-hall-container .margin-all-content-container:nth-child(2) .margin-text-container{left:5%; top:15%;}
.banquet-hall-container .margin-all-content-container{margin:0em auto}
.banquet-hall-container .margin-image-container{width:50%; height:0em; padding-bottom:37.5%; background-repeat:no-repeat; background-position:center; background-size:cover;}


.hospitality .margin-all-content-container{ width:100%; display:flex; background:#fff; margin:0; align-items:center; min-height:40vw;    }
.full-white-bg.regular.hospitality .margin-all-content-container .margin-text-container .txt-body a{ text-decoration:none}
.hospitality .margin-all-content-container .margin-image-container{ width:50%; /*padding-bottom:37.5%;*/ padding-bottom:0;}
.hospitality .margin-all-content-container:nth-child(even) { flex-direction:row-reverse; }
.hospitality .margin-all-content-container  .margin-text-container { margin:0;  width:50%; text-align:left; padding:6em 0}
.hospitality .margin-all-content-container  .margin-text-container > div{ width:calc(90% - 6em); max-width:calc(720px - 6em); margin:0 0 0 6em;   }
.hospitality .margin-all-content-container  .margin-text-container > div > .txt-title{ margin:0 0 0.5em 0; }

/* mlf */
.margin-all-content-container.hos.reverse .margin-text-container { margin:0;  width:50%; text-align:left}
.margin-all-content-container.hos.reverse  .margin-text-container > div{ width:calc(90% - 6em); max-width:calc(720px - 6em); margin:0 6em 0 auto;   }
.margin-all-content-container.hos.reverse  .margin-text-container > div > .txt-title{ margin:0 0 0.5em 0; }
/* mlf */

.hospitality .margin-all-content-container:nth-child(even) .margin-text-container { margin:0; width:50%; }
.hospitality .margin-all-content-container:nth-child(even) .margin-text-container > div { margin:0 6em 0 0; float:right}
.dining .margin-text-container .txt-title br{display:none}


.slideshow-pages-indicator-container{ width:40%; height:0.75em; margin:0 auto 3em auto;  }
.slideshow-pages-indicator-inner{ width:100%;  height:100%; display:inline-flex; justify-content:center;  cursor:pointer; }
.slideshow-pages-indicator{ width:0.75em; height:100%;  opacity:.25; margin:0 1.25em; padding:0;  }
.slideshow-pages-indicator.hover, .slideshow-pages-indicator.active{ opacity:1;  }

.slideshow-pages-indicator > div{ background-color:#758995; border-radius:30em; width:100%; height:100%; }


.padding-top-only .full-tagline-inner{ margin:0 auto!important; padding-bottom:6em; }

.app-container .slideshow-inner .margin-image-container{width:50%; height:0em; padding-bottom:35%; background-repeat:no-repeat; background-position:center; background-size:cover; }
.slideshow-inner .margin-text-container{  width:32%; }
.margin-slideshow-arrow{ width:5%; text-align:right; margin-top:15em; }

.slideshow-inner{ width:100%; position:relative; overflow:hidden; }
.slideshow-inner-mask{ margin:0em auto; position:relative;   }
.slideshow-ele{ width:100%; display:flex; justify-content:space-between; position:absolute; transform:translateX(-100%); opacity:0; }
.slideshow-ele.active{ transform:translate(0); opacity:1; }
.slideshow-inner .margin-text-container{  width:calc(50% - 6em - 5%); margin-right:5%; }


.margin-slideshow-arrow{ position:absolute; right:0em; top:50%; transform:translateY(-50%); margin-top:0; cursor:pointer; }
.margin-slideshow-arrow:nth-child(1){  left:0em; right:auto;  transform:translateY(-50%) scale(-1,1);  }
.slideshow-all-arrows-container{ position:absolute; width:calc(90% + 4% + 3em); max-width:calc(100% - 2em);  margin:auto; top:50%; left:50%; transform:translate(-50%,-50%);  z-index:1; }

@media only screen and (min-width: 1600px) { 
	.slideshow-all-arrows-container{ max-width:1600px;   }
}
@media only screen and (min-width: 1024px) and (max-width:1279px) { 
	.slideshow-all-arrows-container{ width:calc(90% + 4% + 2em);  }
	.inner-container.specs .margin-text-container{ width:40% }
	
}


.slideshow-ele.from-c-to-l{ animation-name:ani-slideshow-center-to-left; animation-duration:.5s; animation-delay:0s; animation-timing-function:ease-out;  animation-fill-mode:forwards;  animation-iteration-count:1; }
@keyframes ani-slideshow-center-to-left{
0%   { transform:translateX(0) }
100% { transform:translateX(-100%)  }
}
.slideshow-ele.from-r-to-c{ animation-name:ani-slideshow-right-to-center; animation-duration:.5s; animation-delay:0s; animation-timing-function:ease-out;  animation-fill-mode:forwards;  animation-iteration-count:1; }
@keyframes ani-slideshow-right-to-center{
0%   { transform:translateX(100%) }
100% { transform:translateX(0%)  }
}
.slideshow-ele.from-c-to-r{ animation-name:ani-slideshow-center-to-right; animation-duration:.5s; animation-delay:0s; animation-timing-function:ease-out;  animation-fill-mode:forwards;  animation-iteration-count:1; }
@keyframes ani-slideshow-center-to-right{
0%   { transform:translateX(0) }
100% { transform:translateX(100%)  }
}
.slideshow-ele.from-l-to-c{ animation-name:ani-slideshow-left-to-center; animation-duration:.5s; animation-delay:0s; animation-timing-function:ease-out;  animation-fill-mode:forwards;  animation-iteration-count:1; }
@keyframes ani-slideshow-left-to-center{
0%   { transform:translateX(-100%) }
100% { transform:translateX(0%)  }
}

.slideshow-inner.active .margin-text-container{  opacity:1; transform:translateY(0em); }
.slideshow-inner.active .margin-image-container{  opacity:1; transform:translateY(0em); transition-delay:350ms;}
 
.slideshow-ele .margin-text-container{  width:43%; margin-right:0}

.app-container{  height:35vh;  width:100%; position:relative;   }
.bg-oat.tenant .margin-image-container{width:50%; padding-bottom:35%;}

.bg-oat.tenant .inner-container{ max-width:none; width:100%}
.bg-oat.tenant .slideshow-inner .margin-text-container{  width:50%; }
.bg-oat.tenant .slideshow-inner .margin-text-container > div{ width:calc(90% - 6em); max-width:calc(720px - 6em); margin:0 0 0 6em;   }

/* KK */

/* experience */


/* spaces */


.stack-plan-floors-container{ width:calc(100% - 20em); height:calc(100% - 0.25em); position:absolute; left:0; top:0; }
.stack-plan-floors-container > div{   position:absolute; width:100%; background-repeat:no-repeat; background-size:contain; background-position:left center; opacity:0; transition:opacity 300ms linear; }

.stack-plan-floors-container > div.active{ opacity:1; transition:opacity 200ms linear; }


.stack-plan-floors-container > div:nth-child(1), .stack-plan-label-ele:nth-child(1){ top:0%; height:4.2%; width:98.7%; }
.stack-plan-floors-container > div:nth-child(2), .stack-plan-label-ele:nth-child(2){ top:4%; height:29.8%; width:98.7%;  }
.stack-plan-floors-container > div:nth-child(4), .stack-plan-label-ele:nth-child(4){ top:36.3%; height:4%; width:98.7%;}
.stack-plan-floors-container > div:nth-child(3), .stack-plan-label-ele:nth-child(3){ top:34%; height:42.1%;  width:98.7%;}
.stack-plan-floors-container > div:nth-child(5), .stack-plan-label-ele:nth-child(5){ top:76.1%; height:2.5%; width:98.7%;  }

.stack-plan-floors-container > div:nth-child(6), .stack-plan-label-ele:nth-child(6){ top:78.6%; height:2.8%; width:98.7%; }
.stack-plan-floors-container > div:nth-child(7), .stack-plan-label-ele:nth-child(7){ top:81.4%; height:2.9%; width:99.7%;  }
.stack-plan-floors-container > div:nth-child(8), .stack-plan-label-ele:nth-child(8){ top:84.3%; height:3%; width:99%;  }

.stack-plan-floors-container > div:nth-child(9), .stack-plan-label-ele:nth-child(9){ top:87.3%; height:2.6%;  }
.stack-plan-floors-container > div:nth-child(10), .stack-plan-label-ele:nth-child(10){ top:89.8%; height:2.4%;  }
.stack-plan-floors-container > div:nth-child(11), .stack-plan-label-ele:nth-child(11){ top:92.2%; height:2.6%;  } 
.stack-plan-floors-container > div:nth-child(12), .stack-plan-label-ele:nth-child(12){ top:94.8%; height:2.5%;  }
.stack-plan-floors-container > div:nth-child(13), .stack-plan-label-ele:nth-child(13){ top:97.3%; height:2.6%;  }

.stack-plan-floors-container > div:nth-child(10){top:89.8%; height:10.1%;  }

.stack-plan-floors-container > div:nth-child(1){ top:0%; height:4.2%; width:97%; left:1%;   }
.stack-plan-floors-container > div:nth-child(3){ top:33.8%; height:42.2%;  width:99%;  }
.stack-plan-floors-container > div:nth-child(5){top:75.9%; height:4.5%; width:98%; left:0.5%;   }

.stack-plan-floors-container > div:nth-child(6){ top:78.5%; height:6%; width:97%; left:1%;   }
.stack-plan-floors-container > div:nth-child(7){ top:81.2%; height:2.9%;  left:1.7%; width:97%; background:#DDD3CD   }
.stack-plan-floors-container > div:nth-child(8){top:84.3%; height:3%;  left:1.7%; width:97%; background:#DDD3CD   }
.stack-plan-floors-container > div:nth-child(9){ top:87.2%; height:2.6%; left:0.7%; width:99%; background:#DDD3CD   }
.stack-plan-floors-container > div:nth-child(10){top:89.7%; height:10.1%; left:0.7%; width:99%; background:#DDD3CD   }



.stack-plan-floors-container > div > div{ position:absolute; width:calc(100% + 0px); height:calc(100% + 0px); top:0px; left:-0px; border:2px solid rgba(0,0,0,0);  background-position:top center; background-size:contain; background-repeat:no-repeat;   }

.stack-plan-label-container{ width:18em;  position:absolute; top:0; height:calc(100% - 0.25em); right:0; }
.stack-plan-label-ele{ position:absolute; width:100%!important;  }
 
.stack-plan-label-ele > div:nth-child(1){ cursor:pointer; width:100%; position:relative; display:flex; line-height:1; align-items:center; height:100%;  justify-content:space-between; opacity:0.75; transform:translateY(-1px)}
.stack-plan-label-ele.hover > div:nth-child(1), .stack-plan-label-ele.active > div:nth-child(1){ opacity:1 }




.stack-plan-label-ele > div > div:nth-last-child(2){ font-weight:700;}

.stack-plan-line{ position:absolute; height:1px; width:100%; bottom:0px; left:0; background:#9D9D9C; opacity:0.75; }
.stack-plan-label-ele.multi .stack-plan-line{ bottom:auto; top:calc(50% + 0.85em)}


.stack-plan-park{ opacity:0.75; padding-left:1.5em; background-repeat:no-repeat; background-size:auto 1em; background-position:left center; }


.margin-image-container.spaces{ width:45%; position:relative; }

.stack-plan-container img{ height:100%; width:calc(24vh - 1.5em - 0.5em); min-width:11em; height:auto;}

.stack-plan-container{ position:relative; height:auto; /*display:inline-flex;*/ width:calc(24vh - 1.5em - 0.5em + 18em + 2em); min-width:calc(11em + 18em + 2em); float:right;   }
.stack-plan-container img:nth-child(1){  position:relative; }
.stack-plan-indicator-container{ margin-top:30em; height:5em; width:80%; }
.stack-plan-color{ width:0.8em; height:0.8em; margin-right:.5em; }
.stack-plan-indicator{ width:50%; padding:.5em 0; display:inline-flex; align-items:center; float:left; }

.stack-plan-indicator:nth-child(1) .stack-plan-color{  background:#8c7367; }
.stack-plan-indicator:nth-child(2) .stack-plan-color{  background:#7e7e7c; }
.stack-plan-indicator:nth-child(3) .stack-plan-color{  background:#7f888c; }
.stack-plan-indicator:nth-child(4) .stack-plan-color{  background:#698192; }
.stack-plan-indicator:nth-child(5) .stack-plan-color{  background:#82957d; }
.stack-plan-indicator:nth-child(6) .stack-plan-color{  background:#858c5c; }

.stack-plan-indicator:nth-child(1) .stack-plan-name{ color:#8c7367; }
.stack-plan-indicator:nth-child(2) .stack-plan-name{ color:#7e7e7c; }
.stack-plan-indicator:nth-child(3) .stack-plan-name{ color:#7f888c; }
.stack-plan-indicator:nth-child(4) .stack-plan-name{ color:#698192; }
.stack-plan-indicator:nth-child(5) .stack-plan-name{ color:#82957d; }
.stack-plan-indicator:nth-child(6) .stack-plan-name{ color:#858c5c; }

.bg-oat { background-color:#F2EDEB; width:100%; position:relative; }
.bg-white {background-color:#FFF; width:100%; position:relative; }
.bg-grey{  background-color:#758B97; width:100%; position:relative;}

.gallery-buttons-selector{ margin:3em 0 1em 0; width:100%; display:flex; justify-content:center;  }
.gallery-buttons-selector button{ width:50%; border-bottom:1px solid #758B97; color:#758B97; padding-bottom:.5em; text-align:center; display:block; opacity:0.5; letter-spacing:.1em }
.gallery-buttons-selector button.hover, .gallery-buttons-selector button.active{ opacity:1 }

.all-buttons-container{ width:60%; margin:3em 0 0em; }
.all-buttons-container.test-fit{ width:40%; letter-spacing:0.03em;  }
.all-buttons-container.test-fit .all-button-inner .button-box{ margin-left:0; margin-right:2.5em; width:auto; }

.all-button-inner{ width:100%; display:inline-flex;  }
.all-buttons-container.gallery .all-button-inner{ justify-content:flex-start;  }
.all-buttons-container.gallery .all-button-inner a .button-box:nth-child(1){ margin-right:4.5em; }
.all-buttons-container.gallery .all-button-inner a .button-box{ width:45%; }


.all-buttons-container.gallery{ width:100%; }
.margin-all-content-container.gallery, .all-buttons-container.gallery, .all-button-inner.gallery{ width:100%; }
.all-button-inner.gallery .button-box{ margin:0%; margin-right:4.5em; }

.button-box:nth-child(1){ margin-right:1%; }

.button-box{ width:20%; padding:1em 2em; text-align:center;  border:1px solid #758995; cursor:pointer; margin:auto;  }

.button-box.active, .button-box.hover{ background:#758995; color:#fff; }

.test-fit-pic { width:75%; padding-bottom:55%;  background-repeat:no-repeat; background-size:contain; background-position:top center; margin:4em auto;  }
.test-fit-pic.active{ opacity:1; transform:translate(0); display:block; }
.test-fit-pic{ opacity:0; display:none;  transition:opacity 400ms linear, transform 500ms ease-out; transform:translateY(40%); }
.test-fit-pic:nth-child(1){ background-image:url("../img/testfit-hybrid.png"); }
.test-fit-pic:nth-child(2){ background-image:url("../img/testfit-corporate.png"); }
.test-fit-pic:nth-child(3){ background-image:url("../img/testfit-more.png"); }

.test-fit-pic.active:fullscreen{ background-color:#F6F4F2 }
.floor-plan-inner.active .floor-plan-pic-container img:fullscreen{ background-color:#fff;   }

.test-fit-fixed-buttons-container{ position:absolute; right:0; width:10em;  }
.test-fit-fixed-buttons-container.test-fit{ bottom:3em;  }
.test-fit-fixed-buttons-container.build-spec{ margin-top:3em }
.floor-plan-pic-container .test-fit-fixed-buttons-container{ bottom:0em }
.floor-plan-pic-container .test-fit-fixed-buttons-container .round-button:nth-last-child(1){ margin-bottom:1.9em; }

.margin-full-width-container.test-fit .txt-title{ margin-top:.5em }


.inner-container.floor { min-height:100vh }
.inner-container-floorplan { top:50%; transform:translateY(-50%); position:absolute; width:100% }
.floor-plan-inner{ width:100%; }
.floor-plan-spec-container{ position:absolute; left:0; bottom:0; width:100%; }
.floor-plan-spec-inner{ width:100%; }
.floor-border{ width:100%; border:1px solid #727272; }

.floor-plan-spec, .drop-down-button-inner, .floor-plan-drop div{ display:inline-flex; align-items:center; }
.floor-color-box{ width:1.5em; height:1.5em; margin:1em 1em .5em 0;  }
.drop-arrow{ width:1em; height:1em; margin-left:1em;  transform:rotate(0); }
.drop-down-button-inner{ position:absolute; right:0;  }
.drop-bumber{ position:absolute; right:0em;  }
.floor-plan-drop-inner{  width:calc( 100 - 2.5em ); maring-left:2.5em; margin-bottom:1em;  }

.floor-plan-spec-dropdown-inner:nth-child(1) .floor-color-box{ background:#CBCEC2; }
.floor-plan-spec-dropdown-inner:nth-child(2) .floor-color-box{ background:#DED5CF; }
.floor-plan-spec-dropdown-inner:nth-child(3) .floor-color-box{ background:#e6e1cc; }
.floor-plan-spec-dropdown-inner:nth-child(4) .floor-color-box{ background:transparent; }

.floor-plan-info .txt-title{ margin-top:0; }
.floor-plan-pic-container{ position:relative; }
.floor-plan-pic-container img{ opacity:1; position:absolute; height:100%; width:auto; }
.floor-plan-pic-container img.fullscreen{ opacity:1;}

.floor-plan-spec-dropdown-inner{ cursor:pointer; }
.floor-plan-spec-dropdown-inner.active .drop-arrow{ transform:rotate(180deg); margin-top:1.2em; }

.floor-plan-spec-dropdown-inner .floor-plan-drop-inner{ display:none; }



.txt-title.floor-plan{ margin-top:0em;  }


.txt-body.no-color-box { margin-top:1em; }


.floor-building-color-box{ position:absolute; width:52%; height:2em;margin-left:9%; background-color:#B7AAA1; opacity:0.6;  }
.floor-building-color-box.hover, .floor-building-color-box.active{ opacity:0.6; }
.floor-building-color-box{ bottom:11.1%; width:53%; height:2.7%; }
.floor-building-color-box:nth-child(2){ bottom:21.8%; height:2.9%; width:54%;}
.floor-building-color-box:nth-child(3){ bottom:52.5%; height:4.2%; width:53%;  }
.floor-building-color-box:nth-child(4){ bottom:64.5%; }
.floor-building-color-box:nth-child(5){ bottom:78.4%; margin-left:9%; width:53%; height:2.7% }

.floor-plan-inner.active{ display:block; height:100%;  }
.floor-plan-inner{display:none;}

.floor-plan-inner .test-fit-fixed-buttons-container{ bottom:0}
.floor-plan-inner .test-fit-fixed-buttons-container a:last-child .round-button{ margin-bottom:0; }
.floor-plan-pic-container{ background-position:left center; background-repeat:no-repeat; background-size:contain;  width:calc(100% - 10em); height:calc(100% - 5em); position:absolute; bottom:0; left:0}

.txt-title.txt-oat{ margin-bottom:.5em; }


/*building specifications*/
.building-spec-all-container{width:100%;}
.building-spec-ele-container{position: relative; width:100%; padding-top:3em; /*padding-bottom:8em;*/  }
.margin-all-content-container.floor-plan{position: relative; display:block; margin:0 auto;}
.margin-all-content-container.floor-plan .txt-title { /*padding-top:0em; margin-top:0*/}
.building-spec-ele{   align-items: center;  float:left; width:calc(25% - 2.25em); margin-right:3em; margin-bottom:6.6em  }

.building-spec-title{width: 100%; padding:1em 0; border: 1px solid #9d9d9c; line-height:140%;  border-width: 1px 0 1px 0; font-family:'Helvetica Neue'; font-weight:700; text-align: center; }
.building-spec-title.multiline{ padding:1.7em 0;}

.building-spec-ele .graphic-container{width: 100%; padding: 1.5em 0;  }
.building-spec-ele .graphic-image{position: relative; width:100%; height:0em; padding-bottom:100%; text-align: center; background-repeat:no-repeat; background-position:center; background-size:contain; margin:1em auto 0 auto;}
.building-spec-ele .graphic-image .graphic-text{ position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); width:80%; font-family:'Helvetica Neue'; color:#2d2d2d}

 
.building-spec-ele:nth-child(4n + 0){ margin-right: 0em;}

.building-spec-ele:nth-child(1) .graphic-image .graphic-text .txt-mega{line-height: 1; padding: 0.2em 0;}
.building-spec-ele:nth-child(1) .graphic-image .graphic-text .text-body{margin:auto; line-height:1.75}


.building-spec-ele:nth-child(2) .graphic-image { background-position:left 30%; width:85%; margin: 1em auto 0 0.5em; }
.building-spec-ele:nth-child(2) .graphic-image .graphic-text{ height:100%; top:0; left:0%; transform: translate(0%, 2em);  width:100%;}
.building-spec-ele:nth-child(2) .graphic-image .graphic-text .text-body{ position:absolute;}
.building-spec-ele:nth-child(2) .graphic-image .graphic-text .text-body:nth-child(1){ top:50%; right: 10%; transform: translate(80%,-200%); }
.building-spec-ele:nth-child(2) .graphic-image .graphic-text .text-body:last-child{ bottom:0; left:0; width:100%; transform:translate(0%, 0%);}

.building-spec-ele:nth-child(3) .graphic-image { background-position:left 60%; width:80%; margin: 0; }
.building-spec-ele:nth-child(3) .graphic-image .graphic-text{ height:100%; top:0; left:0%; transform: translate(0%, 0%);  width:100%;}
.building-spec-ele:nth-child(3) .graphic-image .graphic-text .text-body{ position:absolute; top:auto; bottom:24%; left:auto; right:0; transform: translate(100%,0);}

.building-spec-ele:nth-child(4) .graphic-image { background-position:center 40%; width:100%; }
.building-spec-ele:nth-child(4) .graphic-image .graphic-text{height:100%; top:0; left:0%; transform:translate(0%, 0%);  width:100%; }
.building-spec-ele:nth-child(4) .graphic-image .graphic-text .text-body{ position:absolute; width:100%; bottom:0; left:50%; transform:translate(-50%, 2em);}

.building-spec-ele:nth-child(5){ clear:both; }
.building-spec-ele:nth-child(5) .graphic-image { background-position:center; width:60%; margin:1em auto 0 auto; }
.building-spec-ele:nth-child(5) .graphic-image .graphic-text{ height:100%; top:0; left:0%; transform:translate(0%, 0%);  width:100%; }


.building-spec-ele:nth-child(6) .graphic-image { background-position:center; width:90%; }
.building-spec-ele:nth-child(6) .graphic-image .graphic-text{ height:100%; top:0; left:0%; transform: translate(0%, 0%);  width:100%; }
.building-spec-ele:nth-child(6) .graphic-image .graphic-text .text-body{ position:absolute; bottom:20%;  }
.building-spec-ele:nth-child(6) .graphic-image .graphic-text .text-body:nth-child(1){ left:10.5%;  transform:translate(-50%, 0%);}
.building-spec-ele:nth-child(6) .graphic-image .graphic-text .text-body:nth-child(2){ right:10.5%; transform:translate(50%, 0%); }


.building-spec-ele:nth-child(7) .graphic-image { background-position:center top; width:70%; }
.building-spec-ele:nth-child(7) .graphic-image .graphic-text{ height:100%; top:0; left:0%; transform: translate(0%, 0%);  width:100%; }
.building-spec-ele:nth-child(7) .graphic-image .graphic-text .text-body{ position:absolute; transform:translate(-50%, -50%); left:42%;  }

.building-spec-ele:nth-child(7) .graphic-image .graphic-text .text-body:nth-child(1){ top:9%; }
.building-spec-ele:nth-child(7) .graphic-image .graphic-text .text-body:nth-child(2){ top:76%; }
.building-spec-ele:nth-child(7) .graphic-image .graphic-text .text-body:nth-child(3){ top:28%; }
.building-spec-ele:nth-child(7) .graphic-image .graphic-text .text-body:nth-child(4){ top:56%; }

.building-spec-ele:nth-child(7) .graphic-image .graphic-text .text-body:last-child{ bottom:0; left:0; width:100%; transform:translate(0%, 0%); }


.building-spec-ele:nth-child(8) .graphic-image { background-position:center top; width:80%; }
.building-spec-ele:nth-child(8) .graphic-image .graphic-text{ height:100%; top:0; left:0%; transform: translate(0%, 0%);  width:100%; }
.building-spec-ele:nth-child(8) .graphic-image .graphic-text .text-body{ position:absolute;   }
.building-spec-ele:nth-child(8) .graphic-image .graphic-text .text-body:first-child{  right:18%; top:25%; width:50%; transform:translate(0%, -50%); }
.building-spec-ele:nth-child(8) .graphic-image .graphic-text .text-body:last-child{ bottom:0; left:0; width:100%;   }


.building-spec-ele:nth-last-child(-n+5){ border-bottom: 1px solid #9d9d9c; padding-bottom:1em; margin-bottom:6em; }

.margin-all-content-container.floor-plan .txt-body a{ text-decoration:underline; }
.margin-text-container .txt-body a{ text-decoration:underline; }

.building-spec ul{ list-style-position:inside; list-style-type:disc; }
/*building specifications*/

/* spaces */



/* GALLERY */

.all-gallery-inner-container.filter-film {position:relative; margin:2em auto; width:100%; align-content:flex-start;  flex-wrap:wrap; display:none;  }
.one-column-film-container, .image-row{ width:calc(33.3% - 1.33em); margin-bottom:2em; margin-right:2em }
.film-box .txt-markot{ position: absolute; bottom:1em; left:1em; width:calc(100% - 2em); color:#fff }
.film-cover-photo-color{ position:absolute; width:100%; height:33%; bottom:0; left:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }

.one-column-film-container:nth-child(3n+3), .image-row:nth-child(3n+3){ margin-right:0; }
.one-column-film-container:nth-child(n+7), .image-row:nth-child(n+7){ display:none }

.all-gallery-inner-container .button.load{ position:relative }

 
.all-gallery-inner-container.init{ display:flex; }



.all-gallery-inner-container, .two-columns-film-container{ width:100%; }
.two-columns-film-inner{  width:100%; display:inline-flex; justify-content:space-between; }
.two-columns-film-container .film-box{ width:calc( (100% - 2em ) / 2 ); }
.one-column-film-container .film-box{ width:100%; }
.film-cover-photo{ position:relative; width:100%; }
.film-play-icon{ width:4em; height:4em; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer; background-image:url(../img/film-play-button.svg);  background-repeat:no-repeat; background-position:center; background-size:contain;  }
.film-cover-photo-base{  position:relative; width:100%; padding-bottom:57%; background-repeat:no-repeat; background-position:center; background-size:cover; }

.challenges .film-cover-photo{ background-color:#000; background-size:contain!important; opacity:0.1; }


.film-cover-photo.inactive .film-cover-photo-base, .film-cover-photo.inactive .film-play-icon{ opacity:0; }
.film-cover-photo.inactive .film-play-icon{ background-image:url(../img/film-pause-button.svg); }
.film-cover-photo.inactive.hover .film-play-icon{ opacity:1; }

.film-cover-photo video { position:absolute; width:100%; top:0; left:0;  }
.two-columns-film-containerr{ margin-bottom:2.5em; }

.image-row .image-inner{ background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; padding-bottom:56.25%; }


.all-button-inner.gallery{ }
 
.challenges-slideshow-cotainer > .inner-container{ border-top:1px solid #fff; margin-top:3em; padding-top:1em; }
.challenges-slideshow-cotainer .film-cover-photo.bottom{background-position: 0 90%}
/* GALLERY */



/* CONTACT US*/
.contact-us-inner a{ text-decoration:underline; }

.contact-us-container{width:100%; background-color:#F2EDEB; position:relative}
.contact-us-container .inner-container{ padding:10.5em 0; background-color:#F2EDEB;}
.margin-all-content-container.contact-us .margin-text-container{ opacity:1; transform:translate(0); }
.margin-all-content-container.contact-us{ margin:0em 8em 6em;  }
.contact-info-container{ display:flex; justify-content:space-between;}
.contact-us-inner{ width:66%;align-items:flex-start; margin-top:0em; margin-bottom:1.5em }
.contact-info-container .txt-title{ width:45%; margin-right:5%; line-height:1; padding-top:0; margin-top:0}
.contact-info-container .contact-us-inner{ width:50%; }
.contact-us-inner p:nth-child(1){ margin-top:0; padding-top:0}

.form-container{ width:100%; position:relative; }
.form-container-inner{ width:100%; position:relative; }
.form-container-result{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0; }

.form-container.done .form-container-inner{ pointer-events:none; opacity:0; transition:opacity 200ms linear }
.form-container.done .form-container-result{ opacity:1; transition:opacity 400ms linear }

.form-top-row{width:100%; display:flex; justify-content:space-between; margin-bottom:1em;}
.form-top-ele{width:32.65%; background-color:#fff;}
input{padding: 1em; width: calc(100% - 2em); /*font-size:16px; font-weight: 600; letter-spacing:1px;*/}
.form-msg-box{width:100%; background-color: #fff; margin-bottom: 1em}
textarea{width: calc(100% - 2em); /*font-size:12px; font-weight: 600; letter-spacing:1px;*/ padding: 1em 1em 1em 1em!important; height:auto!important}
.error-bar{height:2px; width:100%; transform:scale(0,1);  transform-origin:left center; transition:transform 500ms ease-out; background-color:#CD5C5C;}

.form-option-container{ margin-bottom:3em; display:flex; align-items:center; justify-content:space-between  }
.form-option-container > div:nth-child(2){ display:flex; }

.form-top-row.double .form-top-ele{ width:calc(50% - 1em); }
.form-top-ele.startdate{ position:relative; }
.form-top-ele.startdate > div:nth-child(3){ position:absolute; height:1px; width:0.8em; left:calc(100% + 0.6em); top:50%; text-align:center; background:#333 }

.submit-button{ width:9em; height:3em; border:1px solid #758995; border-radius:3em; margin-bottom:1em; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.submit-button:hover{background-color: #758995; color: #fff; transition:background-color 200ms linear}

.form-top-ele, .form-msg-box{ opacity: 1}
.form-top-ele.error, .form-msg-box.error { opacity:1; }
.form-top-ele.error .error-bar, .form-msg-box.error .error-bar{ opacity:1; transform:scale(1,1);  transition:transform 700ms ease;}
.form-top-ele.active, .form-msg-box.active{ opacity:1 }

.form-top-ele.dropdown input{ pointer-events:none}
.form-top-ele.dropdown{ position:relative;  z-index:10;}
.input-dropdown{ position:absolute; top:0; left:0;  width:100%; height:100%; cursor:pointer; }

.input-dropdown-inner{ display:none; position:absolute; width:100%; top:100%; background:#fff}
.input-dropdown-inner > div{ background:#fff;   padding:.5em 0 .5em 1em  }
.input-dropdown-inner > div:hover{  background:#F2EDEB }

.input-dropdown-icon{ position:absolute; width:1em; height:100%; background-image:url("../img/dropdown-arrow.svg"); background-repeat:no-repeat; background-position:right center; background-size:contain; right:1em; top:0;  }
.input-dropdown-icon.active{ transform:rotate(180deg)}

/* CONTACT US*/



/* COPYRIGHT */
.inner-container.contact-us.copyright, .inner-container.contact-us.privacy-policy{ margin-top:5em; }
.inner-container.contact-us.copyright .contact-us-inner .txt-body, .inner-container.contact-us.privacy-policy .contact-us-inner .txt-body{ width:100%; }
.inner-container.contact-us.privacy-policy .contact-us-inner, .inner-container.contact-us.copyright .contact-us-inner{ width:100%; }

.inner-container.contact-us.copyright{ min-height:calc(100% - 12.1em); }


/* FOOTER */ 
.footer-container{ width:100%; position:relative; background:#758b97; padding:1.5em 0; }
.footer-container.fixed-bottom{ position:fixed; bottom:0; z-index: 1  }
.footer-container .inner-container{ display:flex; justify-content:space-between; align-items:center;   }
.footer-logo-container{ /* 20210908 */width:15em; max-width:100%; /* 20210908 */ width:auto; height:100%; }
.footer-links-container{ display:flex; justify-content:flex-end  }
.footer-links-container div{ margin-left:1.5em;}

.footer-logo-container-cover{ display:flex; height:3em;  align-items:center;}
.footer-sep{ width:1px; height:85%; background:#fff; margin:0 1.6em; opacity:0.5 }
.footer-sns{ height:1em; margin-right:1em; margin-top:-0.6em }
.footer-sns img{ margin-right:1em; vertical-align:middle   }


.footer-right-col-container{  width:50%}
.footer-right-col-container-inner{ display:flex; justify-content:flex-end; align-items:center; margin-bottom:.7em  }
/* FOOTER  */


/*NEWS*/

/*BLUE*/
.news-media-row{margin-bottom:0em}
.news-media-row > div:nth-child(3){ padding: 0}

.news-media-ele{ width:calc(33.33% - 1em); display:block;padding: 0 1.5em 0 0;  margin-bottom:5.5em }
.news-media-ele:nth-child(3n){ padding-right: 0}
.news-media-all-inner{ align-items: center;display:block; width:100%; transition:400ms ease-out ;margin-bottom: 2em ;}
.news-media-all-inner > div{ position: relative; display: flex; flex-wrap:wrap }

.news-media-img{position:relative; width:100%; margin-right:5%}
.news-media-img a > div, .news-media-img > div{width:100%; padding-bottom:64%; background-size:cover;background-repeat: no-repeat; background-position:center; }
.news-media-all-inner .submit-button{ position:relative; left:50%; transform: translateX(-50%);}



.news-media-info{ position:relative;  padding:1.5em 0 2.5em 0; min-height: 25%; margin-bottom:2em;   }
.news-media-info .news-date{ margin-bottom:0.5em;}


.news-media-info .txt-markot.txt-black{ min-height:2.5em;  }

.news-media-go { position:absolute; width:100%; margin-top:0em; display:flex; align-items:center; justify-content: space-between; bottom:0; line-height: 1  }
.news-media-go .button.go{ position:absolute; right:0; top:calc(100% - 2em);}

.news-list-all .submit-button{ position:relative; left:50%; transform: translateX(-50%);}
/*BLUE*/


.news-hlg-all{ width:100%; padding: 1em 0;  overflow:hidden; }
.news-hlg-all-inner{ display:flex; width:500%; transition:400ms ease-out  }

.news-hlg-ele{ width:20%;}






.news-hlg-img{position:relative; width:50%; margin-right:5%}
.news-hlg-img a > div{width:100%; padding-bottom:64%; background-size:cover;background-repeat: no-repeat}
.news-hlg-all-inner > div{ position: relative; display: flex; }
.news-hlg-all-inner > div.active{opacity:1}
.news-hlg-all-inner > div.inactive{position: relative; display: flex; width:100%;}
.news-hlg-info{ position:relative; width:35%; padding-top:2em}
.news-hlg-info .news-date{margin-bottom: 0.5em;}
.news-hlg-info .txt-extra{positive:relative; display:-webkit-box; overflow:hidden; -webkit-box-orient: vertical; -webkit-line-clamp:4; white-space: pre-wrap; margin-bottom:1em;}
.history-nav-container.news .history-nav{ top:calc(50% + 4em); background-color:transparent;}


.news-hlg-info .txt-extra > h3{ display:inline; }

.news-list-all{padding-bottom:2em}
.news-list{position:relative; width:100%; padding:2em 0; }
.news-list > div{position:relative; width:100%; padding:2em 0; border-top: 1px solid #7A8A96;   }
.news-list > div:last-child{border-bottom: 1px solid #7A8A96; margin-bottom:2em}
.news-list > div .news-date{ position:relative; width:7em; margin:0 1em 0 0; float:left  }
.news-list-link{position:relative; width:calc(100% - 8em);  display:flex; justify-content: space-between; padding:0;   }
.news-list-link .txt-markot{ position:relative; display: -webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:4; white-space: pre-wrap;  width:88%; }



.button.go, .button.load{ width:3em; height:3em; align-items:center; justify-content:center; cursor:pointer; border:1px solid #758995; border-radius:3em; display:inline-block; }
.button.go{ position:absolute; right:0; top:calc(50% - 1.5em); }
.button.load{position:absolute; left:50%; transform: translateX(-50%); width:9em; display:inline-flex; align-items:center; justify-content:center;}
.button.go > div{ position:relative; display:inline-block; width:1em; height: 1em; border: solid #758995; border-width: 0 1px 1px 0;top:0.95em; left: 0.75em; transform: rotate(-45deg);}
.button:hover{background-color: #758995; color: #fff; transition:background-color 200ms linear}
.button:hover > div{ border: solid #fff;border-width: 0 1px 1px 0;}

.sm-grid{position:relative; width:100%; padding:2em 0; /*display:grid; gap:1.5%; grid-template-columns: auto auto auto auto;*/ display:flex; justify-content:flex-start; flex-wrap:wrap;   }
.sm-grid > div{ position:relative; width:calc(25% - .75em); padding-bottom:calc(25% - .75em); margin-bottom:1em;   margin-left:1em;  }
.sm-grid > div:nth-child(4n+1){ margin-left:0; }
.sm-timg{position:absolute; width:100%; height:100%; top:0; left:0;  background-size:cover; background-repeat: no-repeat; background-position:center;  }
.sm-timg > div{position:absolute; top:1em; right:1em; width:2em; padding-bottom:2em; background-repeat: no-repeat; background-position:center; opacity:0.5}

.news-details-all{min-height: calc(100vh - 4.25em)}
.news-details-all .news-date{padding:2em 0 0.5em 0;}
.news-details-all .txt-subtitle{width:92%}
.news-details-all .news-body{padding: 2em 0 5em 0;}
.inner-container.news{width:90%; max-width:1024px}

.news-carousel{position:relative; width:100%; overflow:hidden;  }

/*0505*/
.connect-title{position:relative; display:flex; justify-content: space-between; align-items: center;}
.sm-buttons{position:relative;  display:flex; justify-content: flex-end; }
.sm-buttons > div{height:2em; margin: 0 0 0 1.5em}
/*0505*/

.news-timg{ position:relative; width:100%;  padding-bottom:60%; background-repeat:no-repeat; background-size:cover;}
.news-carousel > div .txt-caption{width:100%;padding:1em 0; display: inline-block;} 
.history-nav-container.news-details {position:absolute;}
.history-nav-container.news-details .history-nav{background-color:transparent;}

.carousel-dot{width:100%; margin-top:2em; display:flex; justify-content: center}
.carousel-dot > div{width:0.5em; height:0.5em; margin: 0 0.5em; border-radius: 100%; border: 1px solid #758995; cursor: pointer; background-color:transparent;}
.carousel-dot > div.active{ background-color:#758995; } 
.carousel-dot > div:hover{background-color:#758995;}


.slideshow-news-ele{ position:absolute; width:50%; max-width:900px; left:50%; animation-duration:.5s; animation-delay:0s; animation-timing-function:ease-out;  animation-fill-mode:forwards;  animation-iteration-count:1; opacity:0.5; transform:translateX(160%); transition:opacity 400ms linear;   }

.slideshow-news-ele.active{  opacity:1  }

.slideshow-news-ele.sw-center-to-left{  animation-name:ani-news-slideshow-center-to-left; } 
.slideshow-news-ele.sw-right-to-center{ animation-name:ani-news-slideshow-right-to-center;  } 
.slideshow-news-ele.sw-center-to-right{ animation-name:ani-news-slideshow-center-to-right;  } 
.slideshow-news-ele.sw-left-to-center{  animation-name:ani-news-slideshow-left-to-center;  } 
 
.slideshow-news-ele.sw-left-to-outside{ animation-name:ani-news-slideshow-left-to-outside;  } 
.slideshow-news-ele.sw-outside-to-right{ animation-name:ani-news-slideshow-outside-to-right;  } 

.slideshow-news-ele.sw-outside-to-left{ animation-name:ani-news-slideshow-outside-to-left;  } 

@keyframes ani-news-slideshow-center-to-left{
0%   { transform:translateX(-50%) }
100% { transform:translateX(-155%)  }
} 
@keyframes ani-news-slideshow-right-to-center{
0%   { transform:translateX(55%) }
100% { transform:translateX(-50%)  }
} 
@keyframes ani-news-slideshow-center-to-right{
0%   { transform:translateX(-50%) }
100% { transform:translateX(55%)  }
} 
@keyframes ani-news-slideshow-left-to-center{
0%   { transform:translateX(-155%) }
100% { transform:translateX(-50%)  }
}
@keyframes ani-news-slideshow-left-to-outside{
0%   { transform:translateX(-155%) }
100% { transform:translateX(-260%)  }
}
@keyframes ani-news-slideshow-outside-to-right{
0%   { transform:translateX(160%) }
100% { transform:translateX(55%)  }
}
@keyframes ani-news-slideshow-outside-to-left{
0%   { transform:translateX(-260%) }
100% { transform:translateX(-155%)  }
}
/*NEWS*/


/* ART */ 
.full-white-bg.regular.art .margin-all-content-container{ /*min-height:calc(100vh - 17em)*/ }

.margin-text-container.forcebr br{ display:block!important; }

.art .margin-all-content-container{ padding:0; margin:0;}
.full-white-bg.art .margin-image-container{ width:calc(50% - 1.5em) }
.full-white-bg.art .margin-text-container{ width:calc(50% - 1.5em) }

.art-collection-thumb{ width:100%; padding-bottom:62%; background-size:cover; background-repeat:no-repeat; background-position:center}
.art-collection-thumb.portrait{ padding-bottom:108%; }

.art-collections-container{ display:flex; justify-content:space-between  }
.art-collections-column{ width:calc(50% - 1.5em) }
.art-collections-column.second{ transform:translateY(-4.5em)}

.art-collections-column > a > div{ margin-bottom:3em; position: relative}
.art-collections-column > a img{ line-height:1; margin:0!important; padding:0!important;  vertical-align: middle;}
.art-collection-cover { content:''; background:#758B97; position:absolute; width:100%; height:100%; left:0; top:0; opacity:.4; mix-blend-mode:multiply}

.art-collections-column > a:nth-child(odd){ display:none; }
.art-collections-column.first > a:nth-child(odd){ display:block; }
.art-collections-column.first > a:nth-child(even){ display:none; }

.art-collection-misc{ position:absolute; width:calc(100% - 3em); left:1.5em; bottom:1.5em; }
.art-collection-misc .txt-extra{ margin-bottom:.25em }
.art-collection-misc .button.go{ top:auto!important; bottom:0.4em!important; transform:translate(0,0); border-color:#fff}
.art-collection-misc .button.go > div{ border-color:#fff;}
 
.art-collection-tag{ position:absolute; left:1.5em; top:1.5em; display:inline;   padding:0em 0em 0em 1.25em; /*border:1px solid #fff; border-radius:3em;*/ background-image:url("../img/location_on.svg"); background-repeat:no-repeat; background-position:left center; background-size:0.8em auto}


.news-hlg-all.video .news-media-img{ }
.news-hlg-all.video .news-media-img a > div, .news-hlg-all.video .news-media-img > div{ padding-bottom:100%;   background-color:#B3B3B3; position:relative;}
.news-hlg-all.video .news-media-img a > div:after, .news-hlg-all.video .news-media-img > div:after{ content:' '; position:absolute; width:100%; height:100%; opacity:0.5; top:0; left:0; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); pointer-events:none }

.video-news-box{ position:absolute!important; width:calc(100% - 2em)!important; padding:0!important; left:1em; bottom:1em; background-color:transparent!important; pointer-events:none } 
.video-news-box:after{ opacity:0!important }
.video-news-box > div:nth-child(1){ margin-bottom:.25em}

.news-hlg-all.video .film-play-icon{ cursor:pointer!important;} 

.art-sticky-box{ position:absolute; bottom:calc(100% - 3em); right:0; background:#242D33; padding:2em; min-width:25em;}
.art-sticky-box > div:nth-child(1){ font-weight: 700; margin-bottom:1.5em;  text-transform:uppercase }
.art-sticky-box > div:nth-child(2) img{ height:.4em; width:auto; margin:-.2em .3em 0 .3em; line-height:1; vertical-align:middle}
.art-sticky-box > div:nth-child(2) > div:nth-child(1){ margin-bottom:.5em}
.art-sticky-box .art-collection-tag{ bottom:2em; top:auto;}
.art-sticky-box .art-collection-tag:hover{ background-color:#fff; color:#242D33 }
.art-sticky-box.stick-bottom{ display:none; min-width:0; }

.mini-art-sticky-box{ background:#758B97; position:fixed; right:0; bottom:20%; transform:rotate(90deg) translateX(-10000vw); transform-origin:right top; padding:.75em 2.5em .75em 1em; background-image:url("../img/icon-tix.png"); background-repeat:no-repeat; background-size:auto 1.1em; background-position:calc(100% - .5em) center; opacity:0; z-index:1}
.mini-art-sticky-box.active{  opacity:1; transform:rotate(90deg); transition:opacity 400ms linear}


.art-popup-container{ position:fixed; width:100%; height:100%; top:0; left:0; background:#242D33; z-index:9; transform:translate(0,100%); opacity:0; transition:transform 400ms, opacity 100ms 500ms}
.art-popup-container.active{ transform:translate(0,0); opacity:1; transition:transform 500ms}
.art-popup-container > div{ width:50%; height:100%; position:absolute; left:0; top:0}
.art-popup-container > div:nth-child(2){ left:50%; background:#758B97; display:flex; align-items:center; }

.art-popup-container > div:nth-child(2) > div{ width:calc(90% - 6em); max-width:calc(720px - 6em); margin:0 0 0 6em;   }
@media only screen and (min-width: 0px) and (max-width:1280px) {
	.art-popup-container > div:nth-child(2) > div{ width:calc(90% - 3em); max-width:calc(720px - 3em); margin:0 0 0 3em;  }
}




.art-popup-container video{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.art-video-poster{ position:absolute; width:100%; height:100%; top:0; left:0; background-size:cover; background-position:center; background-repeat:no-repeat }
.art-popup-container.novideo .film-play-icon{ display:none}

.art-back{ cursor:pointer; margin-bottom:2.5em}
.art-back img{ height:1em; width:auto; vertical-align:middle; line-height:1; transform:translateY(-5%); margin-right:.5em}

.art-popup-main-cnt{ position:relative;width:100%}
.art-popup-head{ position:relative; width:100%}
.art-popup-main-cnt .art-collection-tag{  left:0; top:0; position:relative; display:inline-block; margin-bottom:1em}
.art-popup-head > div:nth-child(1){   }
.art-popup-subhead{ margin:.5em 0 }

.art-popup-selector{ display: flex; margin-top:3em  }
.art-popup-option{ width:50%; text-align:center; line-height:1; padding-bottom:.5em; border-bottom:1px solid #fff; opacity:0.3; font-family:'Helvetica Neue', 'Noto Sans TC', 'Noto Sans SC', sans-serif; border-radius:0!important;  }
.art-popup-option:hover, .art-popup-option.active{ opacity:1; }
.art-popup-option.active{ pointer-events:none }

.art-popup-slides{ margin-top:1em; overflow:hidden}
.art-popup-slides-inner{width:200%; display:flex; transition:transform 400ms }
.art-popup-slides-inner > div{width:50%; }
.art-popup-slides-inner > div:nth-child(2){ margin-top:1em}


.art-popup-slides.next .art-popup-slides-inner{ transform:translateX(-50%); }

.audio-guide-container{ margin-top:2.5em; width:100%; display:flex; justify-content:space-between; line-height:1; align-items:center; font-size:1rem!important  }
.audio-guide-container > div:nth-child(1){ padding-left:1.5em; background-image:url(../img/headphones.svg); background-position:left center; background-repeat:no-repeat; background-size:.9em auto; line-height:1; letter-spacing:.05em }
.audio-guide-container > div:nth-child(1) > span{ font-size:.9em }
.audio-guide-container > div:nth-child(2){ text-decoration:underline; cursor:pointer;}

.audio-guide-container.white > div:nth-child(1){ background-image:url("../img/headphones-white.svg"); }

.avid-container{ text-decoration:underline; cursor:pointer;}

.transcript-container{ position:absolute; left:-1000vw; top:0; width:50%; height:100%; background-color:#758B97; z-index:1; display:flex; align-items:center; overflow:auto;  transform:translateY(100%); transition:transform 400ms, left 0s 400ms; /*scrollbar-width:none;*/ }

.transcript-container::-webkit-scrollbar{ width:0; }


.transcript-container.active{ transform:translateY(0%); left:50%; transition:transform 400ms  }

.transcript-container-inner{ position:relative; width:calc(90% - 3em); max-width:calc(720px - 3em);  margin-left:3em; max-height:calc(100% - 12em);      } 
.transcript-container-inner > div:nth-child(1){ margin-bottom: 1em}
.transcript-container-inner > div:nth-child(2){ padding-bottom: 6em}

@media only screen and (min-width: 0px) and (max-width:1599px) { 
	.transcript-container-inner{ width:calc(100% - 4.5rem - 4.5rem); margin:0 0 0 4.5rem; max-width:none;  } 
}
@media only screen and (min-width: 1280px) and (max-width:1439px) {  
	.transcript-container-inner{ width:calc(100% - 4rem - 4rem); margin:0 0 0 4rem; max-width:none;  } 
}
@media only screen and (min-width: 1024px) and (max-width:1279px) {  
	.transcript-container-inner{ width:calc(100% - 20%); margin:0 0 0 10%; max-width:none;  } 
}
@media only screen and (min-width: 768px) and (max-width:1023px) {  
	.transcript-container-inner{ width:calc(100% - 20%); margin:0 0 0 10%; max-width:none;  } 
}
@media only screen and (min-width: 0px) and (max-width:767px) {  
	.transcript-container-inner{ width:calc(100% - 10%); margin:0 0 0 5%; max-width:none;  } 
}


.tanscript-close{  background-image:url(../img/transcript-close.svg); background-position: center; background-repeat:no-repeat; background-size:contain;  width:2em; height:2em; position:absolute; right:0; top:-2em; cursor:pointer; }


.art-popup-container .transcript-container{  width:100%; left:0!important  }
.art-popup-container .transcript-container-inner{  padding:0; width:100%; margin:auto; max-height:calc(100% - 16em); } 
.art-popup-container .transcript-container-inner > div:nth-child(2){ padding-bottom:0;  margin-bottom: 1em; margin-top:3em}
.art-popup-container .transcript-container-inner > div:nth-child(3){ padding-bottom: 6em}
.art-popup-container .tanscript-close{ top:0}


.audio-player-container{ margin-bottom:1em; width:100%; height:1em; position:relative; display:flex; align-items:center }
.audio-play-icon{ width:1em; height:1em; background-image:url(../img/audio-play.svg); background-size:contain; background-repeat:no-repeat; background-position:left center;  }
.audio-play-icon.pause{ background-image:url(../img/audio-pause.svg);  }

.audio-duration{ line-height:1; width:5em; text-align: right}

.audio-player-container.black .audio-play-icon{background-image:url(../img/audio-play-b.svg); }
.audio-player-container.black .audio-play-icon.pause{background-image:url(../img/audio-pause-b.svg); }
.audio-player-container.black input[type="range"]::-webkit-slider-runnable-track { background:#242D33; }
.audio-player-container.black input[type="range"]::-webkit-slider-thumb { background:#242D33; }
.audio-player-container.black input[type="range"]::-moz-range-track { background:#242D33; }
.audio-player-container.black input[type="range"]::-moz-range-thumb { background:#242D33; }
.audio-player-container.black input[type="range"]::-ms-fill-upper { background:#242D33; }
.audio-player-container.black input[type="range"]::-ms-thumb { background:#242D33; }

input[type="range"] {
  position: relative;
  -webkit-appearance: none;
  width:calc(95% - 5em);
  margin: 0;
  padding: 0;
  height: 1em;
  margin: 0px 2.5% 0 2.5%; 
  outline: none; 
}
input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height:1px;
  cursor: pointer;
  background:#fff
}
input[type="range"]::before {
  position: absolute;
  content: "";
  top: 8px;
  left: 0;
  width:0;
  height:1px; 
  cursor: pointer;
}
input[type="range"]::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
  box-sizing: content-box; 
  height:.5em; width:.5em;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  margin: -.2em 0 0 0;
}
input[type="range"]:active::-webkit-slider-thumb { 
  background: #242D33;
}
input[type="range"]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background:#fff;
}
input[type="range"]::-moz-range-progress {
  background-color: #242D33;
}
input[type="range"]::-moz-focus-outer {
  border: 0;
}
input[type="range"]::-moz-range-thumb {
  box-sizing: content-box; 
  height:.5em; width:.5em;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}
input[type="range"]:active::-moz-range-thumb { 
  background: #242D33;
}
input[type="range"]::-ms-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: transparent;
  border: solid transparent;
  color: transparent;
}
input[type="range"]::-ms-fill-lower {
  background-color: #242D33;
}
input[type="range"]::-ms-fill-upper {
  background:#fff;
}
input[type="range"]::-ms-thumb {
  box-sizing: content-box; 
  height:.5em; width:.5em;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}
input[type="range"]:active::-ms-thumb { 
  background: #242D33;
}

.art-stickybox-inner{ display:flex; align-items:center; width:100%!important; justify-content:space-between}
.art-stickybox-inner > div:nth-child(1){ max-width:calc(100% - 2px - 2.5em - 1em) }
.art-stickybox-inner .button.go { position:relative!important; left:auto!important; transform:rotate(90deg) ; top:auto!important; right: auto!important;  }

.art-popup-carousell-container{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; display:none} 
.art-popup-carousell-container.active{ display:block; }
.art-popup-carousell-container .slideshow-news-ele{ position:absolute; width:100%!important; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;  max-width:none!important; opacity:1!important }

 
.art-popup-carousell-container .slideshow-gallery-indicator-container-inner{ display:flex; justify-content:center}
.slideshow-gallery-indicator{ cursor:pointer;}

.art-artist p:nth-child(1){ margin-top:0!important}
.art-artist p a{ text-decoration:underline; }

@media only screen and (min-width: 0px) and (max-width:1023px) { 
	.art-collections-column > a:nth-child(odd){ display:block; }
	.art-collections-column.first { display:none; }
	
	.contact-us-inner{ width:100%; }
	
	.full-white-bg.regular.art .margin-all-content-container{ min-height:none }
	
	.transcript-container{ width:100%;  position:fixed; z-index:10; left:0!important }
	.transcript-container-inner{  max-height:calc(100% - 15em);      }
	
	.art-popup-container .transcript-container{  height:auto; position:fixed; width:100vw!important; max-width:none; margin:auto!important; padding-left:0!important; padding-right:0!important; left:-1000vw!important }
	.art-popup-container .transcript-container-inner{  max-height:calc(100% - 7em); margin:auto!important;   width:90%; max-width:none;  } 
	.art-popup-container .transcript-container.active{ left:0!important}
	/*
	.audio-guide-container{ display:block}
	.audio-guide-container .txt-caption{ margin-top:.75em; margin-bottom:1em; padding-left:2.5rem}
	*/
	.art-collections-container{ display:block;  }
	.art-collections-column{ width:calc(100%) }
	.art-collections-column.second{ transform:translateY(0em)}
	
	
	.news-hlg-all.video .news-media-img{ width:calc(100%); margin-right:0%}
	.news-hlg-all.video  {  padding-bottom:3em!important}
	
	.mini-art-sticky-box, .art-sticky-box{ display:none}
	
	.art-sticky-box.stick-bottom{ position:fixed; bottom:0; right:0;  display:block; width:calc(100% - 10%); z-index:9; padding:1.5em 5%;}
	.art-sticky-box .button.go{ border-color:#fff; transform:rotate(90deg) ; right:5%; top:1.2em; width:2.5em; height:2.5em  }
	.art-sticky-box .button.go > div{ border-color:#fff; top:0.7em; left: 0.45em;}
	.art-sticky-box .button.go:hover{ background:#fff;}
	.art-sticky-box .button.go:hover > div{ border-color:#242D33;}
	.art-sticky-box .button.go.active{ transform:rotate(-90deg);}
	
	 
	
	.stick-bottom-cnt{ padding-top:2em}
	
	.art-sticky-box > div:nth-child(1){ width:calc(100% - 5em); margin-bottom: 0; color:#F2EDEB}
	.art-sticky-box > div:nth-child(2){ display:none}
	
	.mini-art-button{ width:2.5em; height:2.5em; right:calc(5% + 1px); bottom:1.5em; background:#758B97; border-radius:100px; position:absolute; background-image:url("../img/icon-tix-h.png"); background-repeat:no-repeat; background-size:1.1em auto; background-position:center}
	
	
	.art .margin-all-content-container{ display:block; margin:0 auto!important; padding:4em 0}
	.art .margin-all-content-container > div{ width:100%; }
	.art .margin-all-content-container br{ display:none!important }
	
	.art .margin-all-content-container .margin-text-container{ padding-top:2em; }
	
	.art-popup-selector{  margin-top:2em  }
	
	.art-popup-container{ -webkit-overflow-scrolling:touch; overflow:scroll}
	.art-popup-container > div{ width:100%; height:50%;  }
	.art-popup-container > div:nth-child(2){ left:0%; top:50%;  display:block; min-height:50%; height:auto;}
	
	.art-popup-container > div:nth-child(2) > div{   margin:0 0%; width:calc(100% - 4em); padding:2em 2em; max-width:none; height:calc(100% - 4em);  }
	
	.art-back{ margin-bottom:1.5em}
	.art-popup-main-cnt .art-collection-tag{  right:auto; top:auto; position:relative; display:inline-block; margin-bottom :1em}
	
	.full-white-bg.art .margin-image-container{ width:100%;}
	.full-white-bg.art .margin-text-container{ width:100%;}
	
	.art-collection-thumb{  padding-bottom:68%!important; }
}

/* ART */

@media only screen and (min-width: 1280px) and (max-width:1599px) { 
	html,body{ font-size:17px; } 
	
	
	.banquet-hall-container .margin-all-content-container .margin-text-container{position:absolute; width:35%; right:10%; top:15% }
	.banquet-hall-container .margin-all-content-container:nth-child(2) .margin-text-container{left:5%; top:15%}
	
}	
@media only screen and (min-width: 1024px) and (max-width:1279px) { 
	html,body{ font-size:16px; } 
	
	.news-media-info{ min-height: 27%; }
	.news-media-ele{  margin-bottom:6em;   }
	
	.video-thumbnail-box{ position:relative; bottom:auto } 
	
	/*breakthrough*/
	.breakthough-feature-inner .margin-text-container{ width:40%;}
	.breakthough-feature-inner .txt-title{width:100%;}
	
	/*breakthrough*/
	
	.banquet-hall-container .margin-all-content-container .margin-text-container{position:absolute; width:35%; right:10%; top:10% }
	.banquet-hall-container .margin-all-content-container:nth-child(2) .margin-text-container{left:5%; top:10%}
	
	/* 20240917 */
	.full-testimonial-inner.preview .testimonial-left{ width:calc(40% - 1em); margin-right:2em }
	.full-testimonial-inner.preview .testimonial-right{ width:calc(60% - 1em); }
	/* 20240917 */
	
	
	
}
@media only screen and (min-width:1024px) and (max-width:1279px) {  
	.footer-logo-container-cover{ height:2.4em;  } 
	.footer-right-col-container{  width:60%}
	
}
@media only screen and (min-width:0px) and (max-width:1023px) {   
	.footer-logo-container-cover{  height:auto;  display:block; text-align:center}
	
	.footer-logo-container{   max-width:90%;  margin:auto; width:40em; text-align:center}
	
	.footer-right-col-container{  width:100%}
	.footer-right-col-container-inner{ display:block;  margin-bottom:.7em; text-align:center}
	
	.footer-sns{ height:1.5em; margin:1.5em 0 1em 0em }
	.footer-sns  img{ margin-right:1.25em;} 
	.footer-sns a:nth-last-child(1) img{ margin-right:0em!important  }
}





.fadein-ele{ opacity:0; transform:translateY(1em); transition:transform 400ms cubic-bezier(0,.7,.5,1), opacity 300ms linear; }
.fadein-ele.doublerange{ transform:translateY(3em); }
.fadein-ele.scrolled{ opacity:1; transform:translateY(0em); }



/* 20221019 */
.home-banner-slogan br, .home-banner-slogan br{ display:none; }
/* 20221019 */

@media only screen and (min-width: 0px) and (max-width:1280px) {
/*exper.*/
	.hospitality .margin-all-content-container{ display:flex; flex-warp:wrap;flex-direction:column; min-height:0  }
	.hospitality .margin-all-content-container .margin-image-container{ width:100%; padding-bottom:40vh; }
	.hospitality .margin-all-content-container:nth-child(even) { flex-direction:column;  }
	.hospitality .margin-all-content-container  .margin-text-container { margin:0;  width:100%;  padding:2.5em 0;  text-align:center;}
	.hospitality .margin-all-content-container  .margin-text-container > div{ width:100%; padding: 0; max-width:none; }
	.hospitality .margin-all-content-container  .margin-text-container > div > .txt-title{ width:90%; margin: 0 auto 2rem auto; text-align:center;}

	/* mlf */
	.margin-all-content-container.hos.reverse .margin-text-container {  margin:0;  width:100%;  padding:2.5em 0;  text-align:center;}
	.margin-all-content-container.hos.reverse .margin-text-container > div{ width:100%; padding: 0; max-width:none; margin:auto}
	.margin-all-content-container.hos.reverse .margin-text-container > div > .txt-title{ width:90%; margin: 0 auto 2rem auto; text-align:center;}
	
	/* mlf */
	

	.hospitality .margin-all-content-container:nth-child(even) .margin-text-container { margin:auto; width:90%; }
	.hospitality .margin-all-content-container:nth-child(even) .margin-text-container > div { margin:0 6em 0 0; float:inherit; }
	
	.full-white-bg.hospitality .margin-all-content-container .margin-text-container{width:90%!important;}
	.full-white-bg.hospitality .margin-all-content-container .margin-text-container > div{margin:0!important;float:inherit!important}
	/*exper.*/
}



	
@media only screen and (min-width: 0px) and (max-width:1279px) {
	/*MOBILE MENU*/
	.menu-container .logo-container{ /*height:1.12em!important;*/ width:auto!important}
	.header-container-inner .logo-container:nth-child(2){ display:none}
	.logo-container.clone, .menu-container .logo-container{ display:block!important}
	.header-container-inner{  height:4em; }  
	.logo-container{  height:33%!important}
	
	.menu-container{ position:fixed; width:100vw!important; max-width:none; top:1000vh; left:0; padding:0; height:calc(100% - 0em); z-index:11; background-color:#A6B3BA; display:block; /*overflow:scroll;*/ align-items:center; transform:translate(0%,-100%); transition:transform 300ms ease-out, top 0s 300ms  }
	.menu-container.active{ display:block; top:0; transform:translate(0,0); transition:transform 500ms ease-out} 
	.menu-container-inner{position:relative; display:flex; align-items:flex-start; justify-content:center; min-height:100%;  min-height:calc(100% - 5em);  padding:0em 0 5em 0;  margin:auto; width:90%}
	
	.menu-inner-top-scroll{ width:100%; position:relative;}
	.menu-inner-top{position: relative; height:auto; transform:translate(0,0); left:auto; top:auto; margin:0 0;}
	.menu-inner-top > div{ margin-bottom:1em}
	
	.menu-close-container{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:2em; height:1.25em;  }
	.menu-close-container > div{ position:absolute; width:100%; top:50%; left:0; background:#fff; height:2px; transform: rotate(45deg) translate(0,-50%) }
	.menu-close-container > div:nth-child(2){ left:1px; transform: rotate(-45deg) translate(0,-50%) }

	.menu-bottom-cover{ position:absolute; bottom: 0; left:0; width:100%; height:5em; z-index:1; }
	.menu-bottom-container{ position:absolute; left:0; bottom:1.5em; display: flex; z-index:1;}
	.menu-bottom-container .button{ padding: 0 .5em; color:#fff; opacity:0.5; line-height:1}
	/*.menu-bottom-container .button:not(:last-child){ border-inline-end: 1px solid #7C7C7C; }*/
	.menu-bottom-container .button:first-child{padding: 0 .5em 0 0;}
	.menu-bottom-container .button.active{ opacity:1; text-decoration:underline}
	
	.mobile-menu-ele-container{position:relative;color:#fff; height: 72vh;  scrollbar-width: none; overflow:scroll;}
	.mobile-menu-ele-container::-webkit-scrollbar {display: none;}
	
	.mobile-subnav{ padding:.7em 0 0 0;  }
	.mobile-menu-subheader{ line-height:1; position:relative; padding-bottom:.7em }
	.mobile-menu-subheader:after{ position:absolute; content:''; right:.5em; top:0em; border:solid #fff; border-width:0 1px 1px 0; display:inline-block; padding:.7em .7em 0 0; transform:rotate(45deg) translateY(-.25em);   }
	.mobile-menu-subheader.active:after{transform: rotate(225deg) translateX(-.3em);   }
	.mobile-menu-subheader.active{ border-bottom:1px solid #fff}
	
	.mobile-menu-subheader.nochild a{ display:block}
	.mobile-menu-subheader.nochild:after{ display:none}
	
	.mobile-subnav-container{ display:none; padding-bottom:0em; margin-left:1em; }
	.mobile-subnav-container > div{  margin:0 0 .8em 0;   }
	.mobile-subnav .mobile-subnav-container > div:nth-child(1){ margin-top:1em}
	.mobile-subnav-container > div:last-child{  margin:0 0 0.75em 0;   }
	.header-container.others{position:relative; height:4em; width:100%}
	/*MOBILE MENU*/
	
	.header-right-container{ display:none; }
	.menu-icon-container{  display:block;  }
}
	
@media only screen and (min-width: 0px) and (max-width:1023px) {	
	/* INTRO */
	.intro-panel-container{  padding:4em 0}  
	.intro-panel-container .inner-container{  display:block; }
	.intro-panel-ele{ width:100%; max-width:640px }
	.intro-panel-ele > div{ width:calc(100% - 0em);   }
	.intro-panel-ele:nth-child(1) .txt-navyblue{ font-size:0.8em;  } 

	.intro-panel-ele:nth-child(2){ margin-top:2em}
	.intro-panel-ele:nth-child(2) > div{ margin-left:calc(0% + 0em);  } 
	/*.intro-panel-button{ float:left }  */
	
	.contact-container.home .inner-container{ display:block}
	.contact-container.home .inner-container .contact-us-inner{ width:100%!important }
	.contact-container.home .contact-us-inner{  margin-top:1.75em;  display:block;    }
	.contact-container.home .contact-us-inner .txt-body{ width:90vw!important;}
	/* INTRO */
	
	
	/* Half Panel */ 
	.half-panel-button{  margin-top:1.5em}
	
	/* Half Panel */
	
	
	
	.all-image-row-inner{ max-width:90%; margin:auto; }
	
	
	.stack-plan-label-ele.autorun > div:nth-child(1){ opacity:1 }
	.stack-plan-floors-container > div.autorun{ opacity:1; transition:opacity 200ms linear; }
	
	.home-video-slogan br, .home-banner-slogan br{ display:block; }
	.home-wc-slogan{ text-align:center; }
	
	.home-video-slogan, .home-wc-slogan, .home-banner-slogan{ bottom:4em;}
	.home-video-slogan{ bottom:4em;}
	.hint-arrow-container{ bottom:1em; width:2.5em; height:2.5em;   }
	/* HOME */
	
	/* COLUMNS */
	.column-full-container{ width:100%; }
	.column-large-container{  width:100%; }
	.column-medium-container{ width:100%; }
	.column-small-container{ width:100%; }
	.column-solo-container{ width:100%;  }
	.columns-container{ display:block;  }
	/* COLUMNS */
	
	/* home six star */
	.sixstar-container .columns-container .column-full-container > div{ width:calc(33.3% - 0.75em);   }
	/* home six star */
	
	
	/* Vision */
	.full-testimonial-inner{ margin-left:auto; } 
	.full-white-bg.icon-a-icons .margin-all-content-container, .zaha-hadid .margin-all-content-container{ display:block; margin:0 auto!important}
	.full-white-bg.icon-a-icons .margin-image-container, .zaha-hadid .margin-image-container{ width:calc(100% - 0em)!important; max-width:none; margin-bottom:3em; margin-top:0!important }
	.full-white-bg.icon-a-icons .margin-text-container, .zaha-hadid .margin-text-container{ width:calc(100% - 0em)!important; } 
	
	.full-testimonial-container{  padding:11em 0;  }
	.testimonial-content{ width:100%; /*max-width:640px*/  } 
	.testimonial-name{ position:relative; right:0; width:100%; margin-top:1.5em;  }
	  
	.aboutus-wide-section-container{  margin:3em auto 0 auto}
	.aboutus-wide-section-inner{ width:100%} 
	.aboutus-logo{ max-width:30em }
	.aboutus-list-logo-inner{ width:calc(33% - 2em); }
	
	
	/* 20240917 */
	.full-testimonial-inner.preview{  display:block; }
	.full-testimonial-inner.preview .testimonial-left{ width:100%; margin-right:0em }
	.full-testimonial-inner.preview .testimonial-right{ width:100%; }

	.full-testimonial-inner.preview .testimonial-img{  /*height:100%; padding-bottom:66%;*/ padding:0; height:auto; max-width:480px; margin-bottom:2em; background-size:150% auto; background-position:center} 
	/* 20240917 */
	/* Vision */
	
	/*SUSTAINABILITY*/ /* Marked */
	.award-inner{ width:calc( (100% - 10%) / 3);  }
	
	.award-inner:nth-child(3n+1){ clear:both; }

	
	
	.awards-logo-all-container > div:nth-child(3n+0) { margin-right:0 }
	.awards-logo-all-container > div:nth-child(4n) {  }
	.awards-logo-all-container > div:nth-child(5n) { margin-right:5% }
	.awards-logo-all-container > div:nth-child(6n) { float:left; clear:none; margin-right:0%; }
	
	.awards-two-columns-container{ width:100%; justify-content:none; display:block }
	.inner-container.location .margin-all-content-container{ margin:0 auto; padding:0}
	
	.inner-container.location, .inner-container.location .margin-all-content-container{  display:block!important;   }
	.inner-container.location .margin-all-content-container > div{  width:100%  }
	.inner-container.location .margin-all-content-container > div:nth-child(1){ margin-bottom:3em }

	.location-feature-container{ width:100%; display:block;  }
	.location-feature-inner{ width:100%; margin:1em 0 0 0; display:flex; align-items:center}
	.location-feature-icon{ margin-bottom:0em; width:10em; } 
	
	.location-feature-icon{  background-position:left center; background-size:contain; padding-bottom:6em;  }
	
	
	.location-feature-inner > div:nth-child(2){ width:calc(100% - 8em)}
	.awards-two-columns-inner:nth-child(1),.awards-two-columns-inner:nth-child(2){ width:100%; }
	.awards-two-columns-inner:nth-child(2) .award-inner{ width:calc( (100% - 5%) / 3); }
	/*SUSTAINABILITY*/
	

	/* FOOTER */  
	.inner-container.contact-us.copyright{ min-height:calc(100% - 20.1em); }
	
	.footer-container{  padding:2.5em 0; }
	.footer-container .inner-container{ display:block;   }
	.footer-logo-container{   margin:auto; }
	
	

	
	
	
	.footer-links-container{ justify-content:center; margin-top:2em; flex-wrap:wrap; }
	.footer-links-container div{ margin:0em; line-height:1; }
	.footer-links-container div:nth-child(2){ margin:0 1em 0 3em; padding:0 3em; border:1px solid #fff; border-top:none; border-bottom:none; }
	.footer-links-container div:last-child{ display:block; flex-basis:100%; margin-top:1.5em; text-align:center; opacity:0.5; }
	/* FOOTER  */
	
	/*LOCATION*/
	.location-feature-container .location-feature-inner:nth-child(2) br:nth-child(1){display:none}
	/*LOCATION*/
	
	/*exper.*/
	.full-white-bg.regular.general-padding{  min-height:0;  /*padding:4em 0!important;*/ padding:11.3em 0 10em 0;  }
	.full-white-bg.regular.general-padding.event-list{ padding:0!important}
	.full-white-bg.regular.general-padding .full-tagline-inner{margin:0; width:100%; }
	.full-white-bg.regular.general-padding .full-tagline-inner .txt-title{margin:0 auto 2rem 0}

	
	.full-white-bg.oasis{margin:0}
	.full-white-bg.oasis .margin-all-content-container{display:flex; flex-wrap:wrap; padding:4em 0; margin:0 }
	.oasis .margin-image-container{width:100%;padding: 0; margin:0}
	.oasis .margin-text-container{width:100%;padding-top:2em; margin:0; text-align:center;}
	.oasis .margin-text-container .txt-title{width:90%; text-align:center; margin:0 auto 1.5rem auto;}
	.oasis .margin-text-container .txt-title br{display:block}
	.dining .margin-text-container .txt-title br{display:block}
	
	.full-white-bg.gold.regular.padding-top-only{padding:4em 0;}
	.full-white-bg.gold.regular.padding-top-only .full-tagline-inner{width:100%; padding:0}
	.full-white-bg.gold.regular.padding-top-only .full-tagline-inner .txt-title{width:95%; margin: 0 auto 2rem auto; text-align:center}
	.full-white-bg.gold.regular.padding-top-only .full-tagline-inner .txt-big{width:100%}
	/*exper.*/
	
	/*SPECS*/
	.inner-container.specs {  padding-bottom:2em;  }
	.inner-container.specs .margin-text-container{ width:100%; padding-top:6em; margin-bottom:3em;  }
	.inner-container.specs .margin-all-content-container{ display:block; }
	.margin-image-container.spaces{ width:100%; position:relative; }
	
	.stack-plan-container{ float:none;  margin:auto;} 
	/*SPECS*/

	/*NEWS*/
	.history-nav-container.news .history-nav{ top:calc(50% + 2em); background-color:transparent;}
	
	.news-list > div{width:100%; flex-wrap: wrap; }
	.news-list > div .news-date{width:100%; margin:0 0 1em 0}
	.news-list-link{width:100%;}
	.news-list-link .txt-markot{line-height: 1.5}
	
	.button.go{ transform:translateY(1em)}
	
	.news-details-all{ padding-top:2em; }
	
	/*.sm-grid{padding:2em 0; display:grid; gap:3%; grid-template-columns: auto auto;}*/
	/*NEWS*/
}

@media only screen and (min-width:0px) and (max-width:1023px) and (orientation: landscape) {
	.half-panel-ele:nth-child(2) > div > div{  width:90%; } 
	.half-panel-container .txt-size-four{ font-size:1.8em }
	.half-panel-ele:nth-child(2) > div{ max-height:calc(100% - 5em); }
	.intro-panel-container .txt-body, .half-panel-container .txt-body{  font-size:1.1em!important; }
	.half-panel-button{  margin-top:.5em; }
	
	
}
@media only screen and (min-width:0px) and (max-width:767px) and (orientation: landscape) {
	.half-panel-ele:nth-child(2) > div > div{  width:93%; } 
	.half-panel-ele:nth-child(2) > div{ max-height:calc(100% - 5em); }
	.half-panel-container .txt-size-four{ font-size:1.6em }
	.intro-panel-container .txt-body, .half-panel-container .txt-body, .half-panel-button{  font-size:.9em!important; }
	.half-panel-container p{ margin-top:0.5em}
}

@media only screen and (min-width:0px) and (max-width:1023px) and (orientation: portrait) {
	/* Half Panel */ 
	.home-future-container{ height:100%}
	.half-panel-ele { width:calc(100% - 0em);     }
	.half-panel-ele:nth-child(1){ height:50%; }
	.half-panel-ele:nth-child(2)  { left:0%; top:50%; height:50%; }
	.half-panel-ele:nth-child(2) > div{ margin:auto; width:calc(90% - 0em); max-width:none; max-height:calc(100% - 3em); -webkit-overflow-scrolling:touch; overflow:scroll; justify-content:center }
	.half-panel-ele:nth-child(2) > div > div{  width:100%; } 
	
	.half-panel-button{  margin-top:1em; margin-bottom:2px; }
	.half-panel-container .txt-size-four{ font-size:3.2em }
	
	.half-panel-ele:nth-child(1){ transform-origin:center bottom;  }
	.half-panel-ele:nth-child(2){ transform-origin:center top;    }
	/* Half Panel */
	
	
}
@media only screen and (min-width: 0px) and (max-width:479px) and (orientation: portrait) {
	/* Half Panel */ 
	.half-panel-ele:nth-child(1){ height:45%; }
	.half-panel-ele:nth-child(2)  { top:45%; height:55%; }
	.half-panel-container .txt-size-four{ font-size:2.4em }
	/* Half Panel */
}

@media only screen and (min-width: 768px) and (max-width:1060px) {
	
	
	/*SPECS*/
	.inner-container.specs {  padding-bottom:2em;  }
	.inner-container.specs .margin-text-container{ width:100%; padding-top:6em; margin-bottom:3em;  }
	.inner-container.specs .margin-all-content-container{ display:block; }
	.margin-image-container.spaces{ width:100%; position:relative; }
	
	.stack-plan-container{ float:none;  margin:auto;} 
	/*SPECS*/
}

@media only screen and (min-width: 1024px) and (max-width:1279px) { 
	.inner-container, .menu-container-inner, .half-panel-ele:nth-child(2) > div { width:90%; }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
	html,body{ font-size:14px; }
	.txt-body{  font-size:1.25em; }
	
	.inner-container, .menu-container-inner, .half-panel-ele:nth-child(2) > div { width:82%; }
	 
	/* text */
	/*.txt-giant{  font-size:4em;   } */
	.txt-mega{  font-size:2.4em;   } 
	/* text */
	
	
	/* FOOTER  */
	.footer-links-container div{ margin-left:0em; }
	/* FOOTER  */
	 
	
	
	/*	CONTACT US*/
	.form-top-ele{width:32.2%;}
	/*	CONTACT US*/
	
	/*breakthrough*/ /* Marked */
	.breakthough-feature-inner .margin-text-container{ width:38%;}
	.breakthough-feature-inner .margin-image-container{  margin-right:0%; height:calc(173vw - 38em - 5.7em); width:calc(45vw - 10em - 1.5em); }
	
	.breakthough-feature-inner .txt-title{width:100%;font-size:2.9em;}
	
	/* Marked */
	.txt-title.gallery{font-size:2.9em;}
	/*.full-white-bg.challenges .txt-title{font-size:2.9em;}*/
	/*breakthrough*/
	
	/*SPEC*/
	.building-spec-ele:nth-child(4n + 0){ margin-right: 3em;}
	.building-spec-ele{ width:calc(33.33% - 2em); margin-right:3em; margin-bottom:3em }
	.building-spec-ele:nth-child(3n){ margin-right:0em;}
	.building-spec-ele:nth-child(3n+1){clear:both;}
	.building-spec-ele:nth-child(3n+2){clear:none;}
	
	.building-spec-ele:nth-child(2) .graphic-image .graphic-text .text-body:last-child{ bottom:0; left:0; width:100%; transform:translate(0%, -45%);}
	.building-spec-ele:nth-last-child(-n+5){ border-bottom: 0px solid #9d9d9c; margin-bottom:2em;}
	.building-spec-ele:nth-last-child(-n+3){ border-bottom: 1px solid #9d9d9c; padding-bottom:0em; margin-bottom:6em; }
	/*SPEC*/
	
	
	.sm-grid > div{  width:calc(33.3% - .66em); padding-bottom:calc(33.3% - .66em); margin-bottom:1em;   margin-left:1em;  }
	.sm-grid > div:nth-child(4n+1){ margin-left:1em; } 
	.sm-grid > div:nth-child(3n+1){ margin-left:0; }
}

@media only screen and (min-width: 0px) and (max-width:767px) { 
	/*BLUE*/

	.news-media-all-inner > div{  display: block; }
	.news-media-ele{ width:100%; display:flex;margin-bottom: 3em}
	
	.news-media-img{ width:calc(50% - 5%); margin-right:5%}
    
	
	.news-media-info{ width: 50%;}
	.news-media-info > div:nth-child(2){ margin-bottom: 2em} 
	
	.news-media-go .button.go{ transform:translateY(0%)}
	.news-media-info .txt-markot.txt-black{ min-height:0%;  }
	
	.news-media-info{  padding:1em 0 0em 0;  }
	/*BLUE*/
	/* text */
	/* .txt-giant{  font-size:3.5em;   } */
	.txt-mega{  font-size:2.1em;   } 
	.txt-caption{  font-size:1em; }
	/* text */
	.home-world-class-background-container{ background-position:30% top; }
	.home-wc-slogan{ color:#fff; text-shadow:0 1px 0.4em #000}
	
	
	.header-right-container{ display:none; }
	.menu-icon-container{  display:block;  }
	
	
	
	
	/* FOOTER */  
	.footer-container{  padding:2.5em 0; }
	.footer-container .inner-container{ display:block;   }
	/*.footer-logo-container{ width:17em; margin:auto; }*/
	.footer-links-container{ justify-content:center; margin-top:2em; flex-wrap:wrap;   }
	.footer-links-container div{ margin:0em; line-height:1;  }
	.footer-links-container div:nth-child(2){ margin:0 1.5em; padding:0 1.5em; border:1px solid #fff; border-top:none; border-bottom:none;   }
	.footer-links-container div:last-child{ display:block; flex-basis:100%; margin-top:1.5em; text-align:center; opacity:0.5; }
	
	.footer-sep{    margin:0;  }
	/* FOOTER  */
	
	
	/* Vision */
	.history-timeline-container{ width:calc(90% - 0em); transform:translateX(-0em)}
	.history-nav-container{  width:calc(90% - 2em + 6em);   top:0; left:50%; transform:translateX(-50%);}
	.history-nav{  width:2em; height:1em; background-color:transparent; }
	
	.history-ele{  margin-right:calc(6em + 0vw);  }
	.history-ele:nth-child(3){ margin-left:9em;}
	.history-ele{ width:calc(90vw - 9em); }
	 
	
	.aboutus-wide-section-container{ display:block; margin:3em auto 0 auto}
	.aboutus-wide-section-inner{ width:100%} 
	/* Vision */
	
	
	/* breakthrough */
	.full-white-bg.general-padding.breakthough{ padding-top:11em; margin-top: 0}
	.breakthough-feature-container{ padding-top:0em!important}
	
	.break-point-line.inactive{ display:block}
	.break-point-circle.active{ background-color:#fff; border:1px solid #758A96;  animation: glowing 2000ms infinite; }
	.break-point-circle.active.hover{ background-color:#758A96; transform:translate(-50%,-50%) scale(1.1); animation:no-glowing 2000ms infinite;}
	
	.break-point-line-ani{ display:none}
	.breakthough-feature-inner .margin-all-content-container{ display:block}
	
	.breakthough-feature-container .mobileonly{ display:block; margin-bottom:4em }
	
	
	.breakthough-feature-container{ z-index:10; }
	.breakthough-feature-inner .margin-text-container{   position:fixed; width:100vw!important; max-width:none; top:0; left:0; padding:8em 0 2em 0; height:calc(100% - 10em); z-index:1; background-color:rgba(0,0,0,0.5); display:none;  }
	.break-point-line > div{ font-size:1em; }
	
	.breakthough-feature-inner .margin-text-container .txt-body:nth-child(1){ display:none}
	.break-illustration.align-right{ text-align:center;  } 
	.break-illustration{ margin-top:1.5em}
	
	.breakthough-feature-inner .margin-text-container.active{ display:flex; overflow:scroll; align-items:center;  }
	
	.break-feature{ background:#fff; width:calc(90% - 3em); padding:1.5em; margin:auto;}
	.break-feature .txt-subtitle{ font-size:2em; line-height:1.2}
	.break-feature .overlay-container-back{ display:block}
	
	.breakthough-feature-inner .margin-image-container{  margin:auto; transform:translate(50%, 2em)!important; max-width:45vw!important;   }
	.breakthough-feature-inner .margin-image-container.fadein-ele.scrolled{ transform:translate(50%, 0em)!important; }
	 
	
	.breakthough-feature-inner .margin-image-container{ width:calc(26vh - 1.5em); max-width:45vw; max-height:175vw;   }
	
	.break-point-line:nth-child(2){ width:calc(25% + 26vh - 1.5em); max-width:calc(25% + 45vw);  }
	.break-point-line:nth-child(1){ width:calc(85% + 26vh - 1.5em); max-width:calc(85% + 45vw); }
	.break-point-line:nth-child(3){ width:calc(25% + 26vh - 1.5em); max-width:calc(25% + 45vw); }
	.break-point-line:nth-child(4){ width:calc(65% + 26vh - 1.5em); max-width:calc(65% + 45vw); }
	.break-point-line:nth-child(5){ width:calc(35% + 26vh - 1.5em); max-width:calc(35% + 45vw); }
	.break-point-line:nth-child(6){ width:calc(25% + 26vh - 1.5em);  max-width:calc(25% + 45vw); }
	.break-point-line:nth-child(7){ width:calc(25% + 26vh - 1.5em); max-width:calc(25% + 45vw); }
	.break-point-line:nth-child(8){ width:calc(65% + 26vh - 1.5em);  max-width:calc(65% + 45vw);  } 
	
	.break-point-line:nth-child(1){ width:calc(25% + 26vh - 1.5em); max-width:calc(25% + 45vw);}
	.break-point-line:nth-child(7){ width:calc(40% + 26vh - 1.5em); max-width:calc(40% + 45vw);}
	
	
	
	.challenges-slideshow-cotainer .panel-ele .txt-white{ display:none}
	.panel-ele:nth-child(1), .panel-ele:nth-child(2){ width:25%; margin-right:0% }
	.panel-ele:nth-child(3), .panel-ele:nth-child(4){ width:25%; }
	.panel-ele.hover > div:nth-child(1), .panel-ele.active > div:nth-child(1){    text-decoration:underline }
	
	.challenges-slideshow-cotainer .panel-ele .txt-subtitle{ font-size:2em; }
	.challenges-slideshow-cotainer .slideshwo-cnt{ margin-top:2em}
	
	.challenges-slideshow-cotainer .slideshwo-cnt .slideshwo-cnt-ele > div > div:nth-child(1){  width:100%; padding-bottom:56%;  float:none;    } 
	.challenges-slideshow-cotainer .slideshwo-cnt .slideshwo-cnt-ele > div > div:nth-child(2){ width:100%; margin-top:2em; float:none}
	.challenges-slideshow-cotainer .slideshwo-cnt .slideshwo-cnt-ele .txt-subtitle:nth-child(1){ display:none}
	
	.two-columns-film-inner{ display:block }
	.two-columns-film-container .film-box{ width:100%; }
	.two-columns-film-container .film-box:nth-child(1){ margin-bottom:3em }
	
	
	
	.one-column-film-container, .image-row{ width:calc(50% - 1em);   }
	.one-column-film-container:nth-child(3n+3), .image-row:nth-child(3n+3){ margin-right:2em; } 
	.one-column-film-container:nth-child(2n+2), .image-row:nth-child(2n+2){ margin-right:0em; } 
	
	/* breakthrough */
	
	/*SUSTAINABILITY*/ 
	.sustain-listitem-body.num-top{margin-top:0em}
	.two-line-title{margin-top:calc(0em - 1px)}
	.sustainability-all-container{padding:4em 0; }
	.sustainability-all-container .margin-all-content-container{display:flex; flex-wrap:wrap; margin:0 ;}
	.sustainability-all-container .margin-text-container{width:100%; margin-bottom:2em; }
	.sustainability-all-container .margin-image-container{width:100%}
	
	.full-white-bg.environment .txt-title{margin:0}
	.full-white-bg.environment .margin-all-content-container .margin-text-container{width:100%;margin-top: 2em}
	
	.award-inner{ width:calc(50% - 2.5%); margin-right:5%;   }
	.awards-logo-all-container > div:nth-child(2n+0) { margin-right:0;  }
	.awards-logo-all-container > div:nth-child(3n) { clear: both; margin-right:5%; }
	.awards-logo-all-container > div:nth-child(4n) {  }
	.awards-logo-all-container > div:nth-child(5n) { margin-right:5%;}
	.awards-logo-all-container > div:nth-child(6n) { float:left; clear:none; margin-right:0%; }
	
	
	.award-inner:nth-child(3n+1){ clear:none!important; margin-right:0!important  }
	.award-inner:nth-child(2n+1){ clear:both!important; margin-right:5%!important; }
	
	.awards-two-columns-inner:nth-child(1) .award-inner{ width:calc(50% - 2.5%); }
	.awards-two-columns-inner:nth-child(1) .awards-logo-all-container .award-inner:nth-child(2n+0){clear:none;}
	.awards-two-columns-inner:nth-child(1) .awards-logo-all-container .award-inner:nth-child(2n+1){clear:both; margin-right:5%;}
	.awards-two-columns-inner:nth-child(2) .award-inner{ width:calc( (100% - 5%) / 2); }
	/*SUSTAINABILITY*/
	
	
	
	/*	CONTACT US*/
	.form-top-ele{width:31.5%;}
	/*	CONTACT US*/
	
	/*breakthrough*/ /* Marked */
	.breakthough-feature-inner .margin-text-container{ width:35%;}
	.breakthough-feature-inner .txt-title{width:100%;font-size:2.5em;}
	
	/* Marked */
	.txt-title.gallery{font-size:2.5em;}
	/*.full-white-bg.challenges .txt-title{font-size:2.5em;}*/
	/*breakthrough*/
	
	.video-container.top-video, .video-height-transparent.top-video{ height:80vw; max-height:none; min-height:0; } 
	
	/*SPEC*/
	.building-spec-ele{ float:left; width:calc(50% - 1.5em ); margin-right:3em; margin-bottom:3em }
	.building-spec-ele:nth-child(2n){ margin-right:0em;}
	.building-spec-ele:nth-child(2n+1){ clear:both; }
	.building-spec-ele:nth-child(2) .graphic-image .graphic-text .text-body:last-child{ bottom:0; left:0; width:100%; transform:translate(0%, 000%);}
	
	.building-spec-ele:nth-last-child(-n+5){ border-bottom: 0px solid #9d9d9c; margin-bottom: 1em;}
	.building-spec-ele:nth-last-child(-n+4){ border-bottom: 0px solid #9d9d9c; }
	.building-spec-ele:nth-last-child(-n+3){ border-bottom: 1px solid #9d9d9c; padding-bottom:1em; margin-bottom:6em; }
	/*SPEC*/
	
	
	.sm-grid > div{ width:calc(50% - .5em); padding-bottom:calc(50% - .5em);  }
	.sm-grid > div:nth-child(4n+1){ margin-left:1em; } 
	.sm-grid > div:nth-child(2n+1){ margin-left:0; }  
}


@media only screen and (min-width: 0px) and (max-width:639px) {
	.inner-container.specs .margin-text-container{ padding-top:3em}
	
	
	.stack-plan-floors-container{ width:calc(45vw - 2em);   } 
	
	.stack-plan-container img{  width:calc(45vw - 2em); min-width:0  }
	.stack-plan-label-container{  width:calc(45vw + 0.5em);    } 
	.stack-plan-container{ min-width:0!important; width:90vw!important }
	
	/*NEWS*/
	.news-hlg-ele{ width:20%;}
	
	.news-hlg-all-inner > div{ flex-wrap: wrap; margin:0 0 0 0;  display: block; }
	.news-hlg-img{position:relative; width:100%; margin-right:0} 
	.news-hlg-info{width:100%; padding-top:1.5em}
	/*.history-nav-container.news{display: none}*/
	.history-nav-container.news{  width:calc(99% - 0em + 0em);  }
	.history-nav-container.news .history-nav{ top:calc(57.6vw + 2em);  }
	.news-hlg-info .txt-extra{line-height: 1.5}
	 
	
	.news-list{padding:1.5em 0; }
	 
	.slideshow-news-ele{  width:75%; max-width:500px;  }
	.news-carousel > div .txt-caption{padding:0.5em 0;}
	/*NEWS*/
	
	/*0505*/
	.connect-title{flex-wrap: wrap}
	.sm-buttons{justify-content: flex-start;width:100%; }
	.sm-buttons > div{ height:2em; margin: 2em 1.5em 0 0}
	/*0505*/
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
	.mobile-menu-ele-container .txt-body{  font-size:1.33em; }
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
	.mobile-menu-ele-container .txt-body{  font-size:1.5em; }
}
@media only screen and (min-width: 480px) and (max-width:767px) {
	 html,body{ font-size:13px; } 
	.txt-body{  font-size:1.25em; }
	.mobile-menu-ele-container .txt-body{  font-size:1.5em; }
	.txt-banner, .txt-title, .txt-giant{  font-size:3em; }
	
	/*SPECS*/
	.stack-plan-label-container{width:45%;}
	/*SPECS*/
	 
}
@media only screen and (min-width: 0px) and (max-width:479px) {
	 html,body{ font-size:12px; } 
	.txt-body{  font-size:1.2em; }
	.mobile-menu-ele-container .txt-body{  font-size:1.4em; }
	
	.txt-banner, .txt-title, .txt-giant{  font-size:2.5em; }
	
	/*BLUE*/
	
	.news-media-ele{  display:block;margin-bottom: 4em}
	.news-media-img{width:100%; }
	.news-media-info{ width: 100%;}
	.news-media-go { position:relative;} 
	
	/*BLUE*/
	
	
	/* Vision */ 
	.history-nav-container{  width:calc(98% - 0em + 0em);  }
	.history-nav{  width:2em; height:calc(5vw);   }
	/*
	.history-ele{  margin-right:5em}
	.history-ele.nophoto{ margin-right:0 }
	.history-ele, .history-image{ width: calc(90vw - 5em); }
	/* Vision */
	
	
	/*contact*/
	.form-top-row{width:100%; display:flex; flex-wrap:wrap; margin-bottom:0em;}
	.form-top-ele{width:100%; margin-bottom:1em;}
	.form-top-ele input{height:3em; font-size:1rem}
	.submit-button{ width:9.5em; height:3.5em;}
	
	/*contact*/
	
	/*sunstainability*/
	.sustain-listitem-text{ margin-left:3em; width:calc(80% - 2em);}
	.sustain-listitem-icon.number > div:nth-child(1){ font-size:3.5em; }
	.sustain-listitem-text.with-arrow{margin-left:2em; }
	
	.sustain-listitem-ele.fullwidth .sustain-listitem-body{ width:100%;margin-bottom:2em ; }
	.sustain-listitem-ele.fullwidth .sustain-listitem-text{ margin-left:3em; width:calc(80% - 2em);}
	/*sunstainability*/
} 

@media only screen and (min-width: 0px) and (max-width:374px) {
	.txt-banner, .txt-title{  font-size:2.2em; } 
	.break-point-line > div{ font-size:0.9em}
	
	.all-map-info-button-container{   display:block;   }
	.map-info-button{ display:block;  }
	.map-info-button{ width:calc(100% - 1em)!important;margin-bottom:0.5em  }
	.map-col{ float:left; width:100%; }
} 
 

.full-screen-video-container{ background:#000; position:fixed; left:50%; top:50%; width:100px; height:100px; z-index:20; opacity:0; pointer-events:none; transition:width 400ms ease-out, height 400ms ease-out, transform 400ms ease-out, opacity 200ms 300ms linear; transform:translate(-50%,-50%); }
.full-screen-video-container.active{  width:100px; height:100px;  opacity:1; pointer-events:all; transition:width 600ms ease-out, height 600ms ease-out, transform 600ms ease-out, opacity 400ms linear;  }

.full-screen-video-container > div:nth-child(1){ position:absolute; width:100%; height:100%; top:0; left:0; }
.full-screen-video-container > div:nth-child(1) video{ position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%,-50%);  }
.full-screen-video-container > div:nth-child(2){ position:absolute; right:2em; top:2em; width:2em; height:2em; cursor:pointer; display:none; background-position:center; background-size:contain; background-repeat:no-repeat; background-image:url(../img/btn-close.svg);  }

.full-screen-video-container.active  > div:nth-child(2){ display:block }

.gerneral-fade-ele{ opacity:0; transform:translateY(4em); transition:transform 400ms ease-out, opacity 300ms linear;  }
.gerneral-fade-ele.active{ opacity:1; transform:translateY(0em); }
 

.overlay-container.active{display:inline-flex}
.overlay-container{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5) ; z-index:100; display:none;  align-items:center;   }

.overlay-container-back{ position:absolute; right:1em; top:1em; width:2em; height:2em; cursor:pointer;  background-position:center; background-size:contain; background-repeat:no-repeat; background-image:url(../img/btn-close.svg);  }

.overlay-img{ width:100%; max-width:1440px; height:90vh; margin:auto; background-position:center; background-size:contain; background-repeat:no-repeat;}

.overlay-container > div{ width:90%; max-width:1440px; margin:auto; height:auto; position:relative; text-align:center }
.overlay-container > div > video{ width:100%; height:auto; max-width:calc(155vh - 10em); margin:auto; }


.stay-connected-all-container{ position:relative; width:100vw; background:#F2EDEB; padding:6em 0; }
.stay-connected-split-container{ display:flex; align-items:center  }
.stay-connected-split-container > div{ width:calc(50% - 1em);} 
.stay-connected-split-container > div:nth-child(1){margin-right:2em;} 

.form-top-row.subscribe .form-top-ele{ width:calc(38%)}
.form-top-row.subscribe .form-top-ele:nth-child(1){ width:calc(18%)}
.form-top-ele.fullwidth{ width:100%; margin-bottom:2em}

@media only screen and (min-width: 0px) and (max-width:1279px) {
.stay-connected-split-container{ display:block;   }
.stay-connected-split-container > div{ width:calc(100% - 0em);} 
.stay-connected-split-container > div:nth-child(1){margin-right:0em; margin-bottom:2em} 
}
@media only screen and (min-width: 0px) and (max-width:767px) {
	.form-top-row.subscribe{display:block;  }
	.form-top-row.subscribe .form-top-ele{ width:calc(100%); margin-bottom:1em}
	.form-top-row.subscribe .form-top-ele:nth-child(1){ width:calc(33%)}
	.form-top-ele.fullwidth{ width:100%; margin-bottom:2em}
	
	.form-top-row.double .form-top-ele{ width:calc(100%); }
	.form-top-ele.startdate > div:nth-child(3){ display:none; }
	
	.overlay-img{ height:85vh; }
}

.cloud-nos-title{ margin-top:2em; text-align:left}
.cloud-nos-container{ display:flex; width:100%; margin:0em auto 2em auto}
.cloud-nos-container > div:nth-child(2){ margin:0 0 0 3em; }
.cloud-nos-container > div{ width:calc(50% - 1.5em);  /*border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; padding:1.5em 0*/ }
.cloud-nos-container > div > div{ line-height:1; border-bottom:1px solid #2d2d2d; display:flex; justify-content:space-between; padding:1em 0   }
.cloud-nos-container > div > div:nth-last-child(1){ border-bottom:none}
.cloud-nos-container > div > div > div:nth-child(1){ padding-left:2em; position:relative;}
.cloud-nos-container > div > div > div:nth-child(1) > div{ position:absolute; width:1.5em; height:1.5em; left:0; top:-0.25em; background-position:center; background-size:contain; background-repeat:no-repeat;}

@media only screen and (min-width: 0px) and (max-width:1023px) {
	.cloud-nos-container{ display:block; }
	.cloud-nos-container > div:nth-child(2){ margin:0em; }
	.cloud-nos-container > div{ width:calc(100% - 0em); }
	.cloud-nos-container > div > div:nth-last-child(1){ border-bottom:1px solid #2d2d2d}
}


.event-type-thumb-hos{ width:100%; padding-bottom:56.5%; background-size:cover; background-position:center; background-repeat:no-repeat; }
.event-type-thumb{ background-size:cover; background-position:center; background-repeat:no-repeat; }

.event-type-gallery{ width:100%; position:relative }
.event-type-thumb, .event-type-gallery-inner{ width:100%; padding-bottom:48.5%; }
.event-type-gallery-inner{background:#333; margin:2em 0 1em 0;  position:relative; overflow:hidden}
.slideshow-gallery-ele{ position:absolute; width:100%; height:100%; top:0; left:0; transform:translateX(-100%);  animation-duration:.4s; animation-delay:0s; animation-timing-function:cubic-bezier(0,.66,.58,.99);  animation-fill-mode:forwards;  animation-iteration-count:1; background-size:cover; background-position:center; }
.slideshow-gallery-ele.sw-center-to-left{  animation-name:ani-slideshow-center-to-left;  } 
.slideshow-gallery-ele.sw-right-to-center{ animation-name:ani-slideshow-right-to-center;  } 
.slideshow-gallery-ele.sw-center-to-right{ animation-name:ani-slideshow-center-to-right;  } 
.slideshow-gallery-ele.sw-left-to-center{  animation-name:ani-slideshow-left-to-center;  } 
.slideshow-gallery-ele.active{  transform:translateX(0%);}

.slideshow-gallery-indicator-container{ width:80%; height:0.75em; left:10%; position:absolute; bottom:1.5em}
.slideshow-gallery-indicator-inner{ width:100%;  height:100%; display:inline-flex; justify-content:center;  cursor:pointer; }
.slideshow-gallery-indicator{ width:0.75em; height:0.75em;  opacity:1; margin:0 .5em; padding:0; border-radius:100px; background-color:#758995;  }
.slideshow-gallery-indicator.hover, .slideshow-gallery-indicator.active{ opacity:1;background-color:#fff;   }
 

.event-type-section-body ol{ font-weight:400; }

.recent-events-container{ display:flex; width:100%; margin-top:2em  }
.recent-events-container > div:nth-child(2){ margin:0 1.8em; }
.recent-events-container > div{ width:calc(33.33% - 1.2em);  }
.event-thumb{ background-position:center; background-size:cover; background-repeat:no-repeat; background-color:#2D2D2D; width:100%; padding-bottom:63%; margin-bottom:0  }
.event-date{ margin:1em 0 .5em 0; line-height:1}
@media only screen and (min-width: 0px) and (max-width:767px) {
	.recent-events-container{ display:block;   }
	.recent-events-container > div:nth-child(2){ margin:0em; }
	.recent-events-container > div{ width:calc(100%); margin:0em 0 3em 0!important;   }
}



.event-contact-all-container{ position:relative; width:100vw; background:#F2EDEB; padding:6em 0; } 

.event-contact-split-container{ display:flex; align-items:center; justify-content:space-between; margin-bottom:0.25em }
.event-contact-split-container > div{ line-height:1} 
.event-contact-all-container .form-container{ margin-top:3em}
.event-contact-sns img{ width:auto; height:1.5em; margin-left:1em}

@media only screen and (min-width: 0px) and (max-width:767px) {
	.event-contact-split-container{ display:block;  margin-bottom:1.5em }
	.event-contact-split-container .txt-title{  margin-bottom:.5em }
	.event-contact-sns img{ height:2em; margin-left:0em; margin-right:1em}
	
	.event-contact-all-container .form-top-row{ display:block}
	.event-contact-all-container .form-top-ele{ width:calc(100%); margin-bottom:1.5em} 
} 

.ui-datepicker-today  a {
     border:  #fff !important;
     color:  #fff !important; 
     background: #8e7d6f !important; 
}
.ui-datepicker-current-day  a {
     border:  #fff !important;
     color:  #fff !important; 
     background: #6E7882 !important; 
}


.full-white-bg.event-list{ padding:0!important; overflow:hidden; }

.event-listing-white{ width:30vw; height:100%; background:#fff; position:absolute; top:0; left:calc(3em - 1px); transform:translateX(-100%)}

.event-listing-container{ position:relative; display:flex;}
.event-listing-menu-container{ width:calc(3em + 0px); /*border-left:1px solid #2d2d2d;*/ position: relative; height:auto; }
.event-listing-nav{  width:3em; height:28.56em; /*border-right:1px solid #2d2d2d;*/ position:absolute; top:0; left:0; cursor:pointer; ; background-repeat:no-repeat; background-position:center; background-size:cover;   }
.event-listing-nav:nth-child(1){ top:0; height:19em; background-position:bottom center; background-image:url(../img/tab-wave-1.png); z-index:1; }
.event-listing-nav:nth-child(2){ top:11em; background-image:url(../img/tab-wave-2.png); z-index:1;}
.event-listing-nav:nth-child(3){ top:31em; background-image:url(../img/tab-wave-3.png);  }
.event-listing-nav-label{ position:absolute; line-height:1; top:50%; left:calc(50% + 0em); transform:translate(-50%,-50%) rotate(90deg); transform-origin:center; text-align:center; width:10em; opacity:.5; }
.event-listing-nav:nth-child(1) .event-listing-nav-label{ top:calc(50% - 3.25em)}
.event-listing-nav.active{  z-index:2; background-image:url(../img/tab-wave-active.png)!important;   }
.event-listing-nav:hover .event-listing-nav-label, .event-listing-nav.active .event-listing-nav-label{  opacity:1;  }



.event-listing-cnt-container{ padding:3em 0 6em 0;  width:calc(100% - 2.5em - 0px);  }
.event-listing-cnt-container-inner{ margin:0 0 0 3em; width:calc(100% - 3em); position:relative}

.event-list-ele > .event-type-intro > .txt-title:nth-child(1){ display:none}

.event-type-intro-inner{ display:flex; width:100%; margin-top:3em }
.event-type-intro-inner > div{ width:calc(45% - 1em); }
.event-type-intro-inner > div:nth-child(1){margin-right:2em; width:calc(55% - 1em); }
.event-type-intro-inner > div:nth-child(2) a{  display:block}


.event-list-ele{ position:absolute; /*display:none;*/ transform:translateX(100%); opacity:0; transition:transform 400ms ease-out, opacity 300ms linear; background-color:#F2EDEB}
.event-list-ele.active{  display:block; transform:translateX(0%); opacity:1; transition:transform 400ms ease-out, opacity 300ms linear}

.event-type-intro{ margin-bottom:4em;}
.event-type-intro .txt-title:nth-child(3){ margin:1.2em 0 0.6em 0!important }
.event-list-ele .submit-button{ width:auto; min-width:9em; padding:0 1.5em; margin-right:1em; margin-bottom:1em; }


.event-type-section{ margin:0 auto 4em auto }
.event-type-section-header{ line-height:1; padding-bottom:0em; border-bottom:0px solid #2d2d2d; position:relative; /*cursor:pointer*/}
.event-type-section-body{ width:75%; /*display:none;*/  padding-top:1em;  }
.event-type-section-body ul, .event-type-section-body ol, .event-type-section-body li{ list-style-position:outside; }
.event-type-section-body ul, .event-type-section-body ol{ padding-left:1.25em; margin-bottom:2em }
.event-type-section-body ol, .event-type-section-body ol li{ list-style-type:disc}
.event-type-section-body li{ margin-bottom:.75em }

@media only screen and (min-width:0px) and (max-width:1279px) {
	.event-type-intro-inner{ display:block;  }
	.event-type-intro-inner > div{ width:100%!important; }
	.event-type-intro-inner > div:nth-child(1){margin-right:0 }
	.event-type-intro-inner > .txt-body{ margin:2em 0 2em 0;}
	 
	.event-type-intro-inner > div:nth-child(2) a{  display:inline}
	.event-type-section-body{ width:100%;  }
}

@media only screen and (min-width:768px) and (max-width:1279px) { 
	.full-white-bg.event-list > .inner-container{ width:100%}
	.event-listing-cnt-container{  width:calc(95% - 2.5em - 2em);  margin-left:2em  }
	.event-listing-cnt-container-inner{ margin-left:5em; width:calc(100% - 5em); }
	
	.event-listing-menu-container{ width:calc(2.5em + 0px); transform:translateX(2em)}
	.event-listing-white{ left:4.5em; }
	
	.event-type-thumb, .event-type-gallery-inner{ width:100%; padding-bottom:45%; }
}

@media only screen and (min-width:0px) and (max-width:767px) {
	.full-white-bg.event-list > .inner-container{ width:100%}
	
	.event-listing-container{ display:block;}
	
	.event-listing-menu-container{ width:100%; border:none;  height:auto; display:flex; overflow:hidden; transform:translateY(0px)}
	.event-listing-nav{ height:auto!important;  padding:1em 0 1.5em 0; top:auto!important; background-image:none!important; transform:translateX(0%)!important; position:relative!important; background-color:transparent!important;  } 
	
	.event-listing-nav:nth-child(1), .event-listing-nav:nth-child(2), .event-listing-nav:nth-child(3){  background:transparent!important;  }
	
	.event-listing-nav:before{ content:''; position:absolute; width:300%; height:100%; top:0; left:50%; transform:translateX(-50%); background-image:url("../img/tab-wave-m.png"); background-position:top center; background-repeat:no-repeat; background-size:auto 100%; pointer-events:none; background-color:transparent!important }
	 
	.event-listing-nav:nth-child(1):before{  background-image:url("../img/tab-wave-m-1.png");  }
	.event-listing-nav:nth-child(2):before{  background-image:url("../img/tab-wave-m-2.png");  }
	.event-listing-nav:nth-child(3):before{  background-image:url("../img/tab-wave-m-3.png");  }
	
	.event-listing-nav.active:before{ background-image:url("../img/tab-wave-m-active.png");  }
	
	.event-listing-nav:nth-child(1):after{ content:''; position:absolute; width:40%; height:100%; top:0; left:0%; background:#e6e1df }
	.event-listing-nav.active:nth-child(1):after{  background:#F2EDEB }
	
	.event-listing-nav:nth-child(1){ left:auto; width:30%; border:none }
	.event-listing-nav:nth-child(2){ left:auto; width:35%;  }
	.event-listing-nav:nth-child(3){ left:auto; width:35%; }
	
	.event-listing-nav:nth-child(1) .event-listing-nav-label{ top:auto}
	
	.event-listing-nav-label{ position:relative; top:auto; left:auto; transform:rotate(0deg); width:100%; height:auto; z-index:1  } 
	/*.event-listing-nav-label span{ display:none}*/
	.event-listing-cnt-container{ padding:3em 0;  width:calc(100% - 0px); margin-left:calc(0px) }
	.event-listing-cnt-container-inner{ width:calc(90% - 0em); margin:auto}
	
	.event-type-intro-inner > div:nth-child(2) a{  display:block}
	.event-listing-white{  width:100%; height:3.5em;  top:0; left:0em; transform:translateX(0%)}
	
	.event-type-intro  .txt-title:nth-child(1){ font-size:3rem; margin:0em 0 1em 0}
	.event-type-intro  .txt-title:nth-child(3){ font-size:2rem; margin-bottom:0}
	.event-type-intro  .event-type-intro-inner{  margin-top:0}
	.event-type-intro-inner > .txt-body{ margin:1em 0 2em 0;}
	
	.event-list-ele > .event-type-intro > .txt-title:nth-child(1){ display:block}
	
	.event-type-thumb-hos, .event-type-thumb, .event-type-gallery-inner{ width:100%; padding-bottom:70%; }
	
	.event-list-ele{ transform:translateY(100%);  pointer-events:none; background-color:transparent}
	.event-list-ele.active{ pointer-events:all; }
}






.event-listing-nav-label.txt-body{ font-size:1.2em; }

@media only screen and (min-width: 480px) and (max-width:767px) {
	input{  font-size:1.15em!important; }		
	
	.event-listing-nav-label.txt-body{ font-size:1.3em; }
	
}
@media only screen and (min-width: 0px) and (max-width:479px) { 
	input{  font-size:1.3em!important; }	
	
	.break-point-line{  font-size:1.1rem!important; }	
	
	.event-listing-nav-label.txt-body{ font-size:1.4em; }
	
	input{padding:.25em 1em; }
	
	.map-cat-info-col{ float:none; width:100%; margin-bottom:0em; }
	.map-cat-info-col:nth-child(2){ margin-right:0em; }
	
	.map-col{ float:none; width:100%; }
	
}


/* The container */ 
.form-option-container .ui-radio{ height:1em; }

.radio-container {
  display: block!important;
  position: relative!important;
  padding:0 0 0 1.5em!important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	margin:0 0 0 1.5em!important; line-height:1!important; 
}
.radio-container:nth-child(1) { margin-left:0!important; }


.radiobox {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  height:calc(1em - 2px)!important;
  width:calc(1em - 2px)!important;
  background-color:transparent!important; border:1px solid #fff!important
} 
  
.radiobox:after {
  content: ""!important;
  position: absolute!important;
  display: none!important;
}
 
.radio-container.checked .radiobox:after {
  display: block!important;
}
 
.radio-container .radiobox:after {
  left: .2em!important;
  top: -.1em!important;
  width: .4em!important;
  height: .8em!important;
  border: solid #fff!important;
  border-width: 0 2px 2px 0!important;
  -webkit-transform: rotate(40deg)!important;
  -ms-transform: rotate(40deg)!important;
  transform: rotate(40deg)!important;
}
@media only screen and (min-width: 0px) and (max-width:767px) {
	.form-option-container{ display:block; }
	.form-option-container > div:nth-child(1){ margin-bottom:1em}
	
	.radio-container .radiobox:after {
	  left: .2em!important;
	  top: 0em!important;
	  width: .3em!important;
	  height: .7em!important;
	}
	
}

.ui-loader{ display:none!important }
 
.logo-container.clone{ display:none}


.header-container-inner{  height:5em; } 
@media only screen and (min-width:1024px) and (max-width:1599px) {
	.header-container-inner{  height:4.5em; }  
}
@media only screen and (min-width:0px) and (max-width:1023px) {
	
	
	.contact-info-container{ display: block; }
	.contact-info-container .txt-title{ width:100%; margin-right:0%; }
	.contact-info-container .contact-us-inner{ width:100%; }
	
	.sustain-listitem-ele-with-logo{ display:block;   }
	.sustain-listitem-ele-with-logo .sustain-listitem-ele{   width:calc(100%)} 
	
	.sustain-listitem-ele{ float:left; width:100%;  margin-bottom:5em;} 
	.sustain-listitem-ele.full-width .sustain-listitem-body{ display:block} 
	.sustain-listitem-ele.full-width .sustain-listitem-body > div:nth-child(1){ width:calc(100%); margin:0 auto 2em auto; max-width:480px;  }
	.sustain-listitem-ele.full-width .sustain-listitem-body > div:nth-child(2){ width:calc(100%); }
	
	.sustain-listitem-ele.fullwidth .sustain-listitem-body{ width:100%;margin-bottom:2em ; }
	.sustain-listitem-ele.fullwidth .sustain-listitem-body:nth-child(3n){margin-bottom:0em  ;}
	.sustain-listitem-ele.fullwidth .sustain-listitem-body:nth-child(odd){ margin-left: 0!important}
	
	.sustain-listitem-body.with-margin{ margin-top:0em;}
	
	.sustain-listitem-ele.logos-only{ width:100%}
	.sustain-listitem-ele.logos-only.desktop{ display:none;}
	.sustain-listitem-ele.logos-only .sustain-listitem-body{width:100%}
	.sustain-listitem-text{ width:100%; margin-left:4em; max-width:100%;}
	.sustain-listitem-ele.logos-only.mobile{ display:block;}
	
	.full-white-bg.environment .margin-all-content-container .margin-text-container{width:100%;margin-top: 2em}
	
	.inner-container.specs .margin-all-content-container{ margin-top:0}
}
@media only screen and (min-width:0px) and (max-width:767px) { 
	.logo-container{  height:28%!important}
	
	.subheader-container{ text-align:left} 
	.subheader-container .inner-container{  padding:1.2em 0 0em 0;  transform:translate(0,0em);   }
	.subnav-header{ padding-bottom:1.2em; position:relative; line-height:1 }
	.subnav-header, .subnav-container{ display:block; margin-left:4%; }
	.subnav-container{ display:none; padding-bottom:.2em }
	.subnav-container > div{  margin:0 0 1.2em 0;   }
	
	
	.subnav-header:after{ position:absolute; content:''; right:4%; top:0em; border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding:.7em .7em 0 0; transform: rotate(45deg) translateY(-.25em);   }
	.subnav-header.active:after{transform: rotate(225deg) translateX(-.3em);   }
} 

.icon-logo-container{ background-image:url(../img/the-henderson-icon-2025.svg); position:absolute; width:50%; height:13em; background-size:contain; background-repeat:no-repeat; background-position:bottom right; right:0; bottom:2em;}

.mobile-menu-ele-container{ height:auto;  scrollbar-width: none; overflow:scroll;}
.mobile-menu-ele-container::-webkit-scrollbar {display: none;}

.menu-container{ overflow:scroll} 
.menu-container-inner{ min-height:calc(100% - 11em);  padding:0em 0 11em 0; }

.menu-inner-top-scroll{  padding-bottom:5em}




.map-info, #map{ /*height:calc(80vw - 20em); min-*/height:100vh; overflow:hidden}
 

.map-henderson, .map-connectivity{ background-size:100% auto; background-position:center!important;; }

.map-num{ display:none}
.map-info{ position:fixed; top:0; left:0; transform:translateY(100%); height:100%; width:50%;  }
.map-half-container{ position:relative; width:50%; height:auto; min-height:100%; left:50%; background:#fff;   } 
.map-panel-container{ position:relative; top:0em; right:0em; background:#fff;  width:100%;  min-height:100%; height:auto;   display:flex; align-items:center;}
.map-panel-container-inner{  margin:2.5em 0 2.5em 2.5em;   width:calc(90% - 2.5em); max-width:calc(720px - 2.5em);  min-height:calc(100% - 16em - 5em); padding:8em 0; overflow:auto;  }
 

.map-panel-container-inner-inner{  width:100%; position:relative;  }
.map-panel-container-inner-inner .txt-title{ margin:0 0 .5em 0; padding:0}


.parking-address{ position:absolute; left:50%; top:10.5em}


.margin-all-content-container.parking{ display:flex; margin:0 }
.margin-all-content-container.parking > div{ border-top:1px solid #fff; margin:2em auto 4em auto; padding-top:1em}
.margin-all-content-container.parking > div:nth-child(1){ width:calc(66% - 1em); margin-right:2em; }
.margin-all-content-container.parking > div:nth-child(2){ width:calc(34% - 1em); }

.parking-info > div:nth-child(1){ margin-bottom:2em; line-height:1; letter-spacing:.1em}
.parking-info th > td, .parking-info tr > td, .map-info-ele td{  text-align:right; width:18%; padding:.25em 0; vertical-align:text-top; line-height:1.5 }
.parking-info th > td:nth-child(1), .parking-info tr > td:nth-child(1), .map-info-ele td:nth-child(1){ width:46%; text-align:left}
.parking-info table{ margin-bottom:1.5em}

.map-info-ele{ border-top:1px solid #000; padding:1em 0 .5em 0; }
.map-info-ele table{ padding:0; color: #2D2D2D}
.map-info-ele > div:nth-child(1){ letter-spacing:.1em; margin-bottom:1em; position:relative; }
.map-info-ele > div:nth-child(1) > button{ position:absolute; width:1.25em; height:1.25em; top:0; right:0; transition:300ms ease-out }
.map-info-ele > div:nth-child(1) > button:before, .map-info-ele > div:nth-child(1) > button:after{ width:100%; height:1px; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#000}
.map-info-ele > div:nth-child(1) > button:after{ transform:translateY(-50%) rotate(90deg); transition:300ms ease-out }

.map-info-ele.active > div:nth-child(1) > button:after{ transform:translateY(-50%) rotate(0deg); }
.map-info-ele.active > div > button{ transform: rotate(180deg); }
.map-info-ele-cnt{ display:none; padding-bottom:1em} 

.map-info-ele-cnt ul {
  column-count: 2; column-gap:1em;   
}
.map-info-ele-cnt ul li{ list-style-type:decimal!important; list-style-position:outside; margin:0 0 0em 0; padding:0; line-height:1.75; cursor:pointer;  break-inside: avoid-column;  }
.map-info-ele-cnt ul li:hover{ text-decoration:underline}
.map-info-ele-cnt ul { padding-left:2em;  
  -webkit-column-count: 2;  
  -moz-column-count: 2; 
  column-count: 2;
  -webkit-column-gap:4em;
  -moz-column-gap:4em;
  column-gap:4em;
}
/*
#map-clubs .map-info-ele-cnt ul li{ list-style-type:upper-alpha!important}
#map-hotels .map-info-ele-cnt ul li{ list-style-type:upper-alpha!important}
*/
.txt-title.parking, .txt-title.regular-padding{ margin-top:0!important; padding-top:2.86em!important; }
.inner-container.regular-padding{ padding-bottom:7em  }

@media only screen and (min-width:1024px) and (max-width:1279px) { 
	.margin-all-content-container.parking{ display:block; padding-bottom:4.5em; }
	.margin-all-content-container.parking > div:nth-child(1){ width:100%; margin-right:0em; }
	.margin-all-content-container.parking > div:nth-child(2){ width:100%; }
	
	.parking-address{ position:relative; left:auto; top:auto}
	.txt-title.parking, .txt-title.regular-padding{ padding-top:4em!important; }
}
@media only screen and (min-width:0px) and (max-width:1023px) { 
	.margin-all-content-container.parking{ display:block; padding-bottom:4.5em; }
	.margin-all-content-container.parking > div:nth-child(1){ width:100%; margin-right:0em; }
	.margin-all-content-container.parking > div:nth-child(2){ width:100%; }
	.parking-address{ position:relative; left:auto; top:auto}
	.txt-title.parking, .txt-title.regular-padding{ padding-top:3.8em!important; }
	.inner-container.regular-padding{ padding-bottom:7.5em  }
	
	.full-white-bg.challenges{ padding:10em 0 10em 0;  }
	
	.full-white-bg.insights .txt-title{ margin-top: 0}
	.full-white-bg.collection .txt-title{ margin-top: 0}
	
	#hammer-history{ padding:11.5em 0; }
}


@media only screen and (min-width:0px) and (max-width:479px) { 
	.parking-info th > td, .parking-info tr > td{   width:20%;   }
	.parking-info th > td:nth-child(1), .parking-info tr > td:nth-child(1){ width:35%;  }
	.parking-info th > td:nth-child(4), .parking-info tr > td:nth-child(4){ width:25%;  }
	.parking-address{ position:relative; left:auto; top:auto}
	.map-info-ele-cnt ul { column-count:1; column-gap:0em;   }
	.map-info-ele-cnt ul {
	  -webkit-column-count: 1; 
	  -moz-column-count: 1; 
	  column-count:1;
	  -webkit-column-gap:0;
	  -moz-column-gap: 0;
	  column-gap: 0;
	}
	
	.txt-title.parking, .txt-title.regular-padding{ padding-top:4.5em!important; }
	.inner-container.regular-padding{ padding-bottom:8em  }
}




@media only screen and (min-width:0px) and (max-width:1023px) { 
.video-container.filmb.twentyfive { height:60vw!important;  }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {  
	.video-container.filmb.twentyfive { height:50vw!important;  }
}

#map{ background-size:100% 100%; background-position:left center!important;  width:165vh; height:150vh; left:50%; top:-25vh; transform:translateX(-47%) }
@media (min-aspect-ratio:1.75) { 
}
@media (min-aspect-ratio:1.5) and  (max-aspect-ratio:1.7499)  {
	#map{   width:143vh; height:130vh;  top:-15vh; }
}
@media (min-aspect-ratio:1.25) and  (max-aspect-ratio:1.499)   { 
	#map{   width:121vh; height:110vh;  top:-5vh; }
}
@media (min-aspect-ratio:0.86) and  (max-aspect-ratio:1.2499)  { 
	.map-info, .map-info-space{  height:100vh;   }
	#map{   width:110vh; height:100vh;  top:0vh; left:calc(49% - 0vh); }
} 
@media (min-aspect-ratio:0) and  (max-aspect-ratio:0.85)   { 
	.map-info, .map-info-space{  height:50vh;   }
	#map{  width:93.5vh!important;  height:85vh!important; top:-13vh!important; left:calc(50% - 0vh);}
	/*#map{   width:110vh; height:100vh;  top:0vh; left:calc(49% - 0vh); }*/
} 

@media only screen and (min-width:768px) and (max-width:1023px) { 
	.map-info{  height:85vw;   }
	#map{   width:148.5vw!important;  height:135vw!important; top:calc(50% - 20vw)!important; left:calc(50% - 0vw);  }
	.map-info-space{ height:85vw }
}
@media only screen and (min-width:0px) and (max-width:767px) { 
	#map{   width:93.5vh!important;  height:85vh!important; top:-13vh!important; left:calc(50% - 0vh);  }
	.full-white-bg.tenant .sustain-listitem-ele:nth-child(2){ margin-top:2em; }

}
.map-info-space{ display:none }
@media only screen and (min-width:0px) and (max-width:1023px) { 
	.map-info{ position:relative; top:auto; left:auto; transform:translateY(0%); width:100%; overflow:hidden;  }
	.map-info.fixed{ position:fixed; top:0; z-index:1}
	.contact-us-container.over, .bg-grey.over{ z-index:1; }
	.map-info-space.fixed{ display:block }
	 
	.map-panel-container{ width:100%;   height:auto; position:relative;}
	.map-half-container{ width:100%; left:auto; height:auto;  } 
	.map-panel-container-inner{  margin:0 auto; width:calc(90% - 0em); max-width:none; height:auto; padding:2em 0; display:block}
	.map-half-container:nth-child(odd) .map-panel-container-inner{  padding-bottom:1px }
	
} 
 
@media only screen and (min-width: 768px) and (max-width:1023px) {
	/*.map-panel-container-inner{  width:calc(82% - 0em);    }*/
}
.scroll-cover{ position:fixed; width:100%; height:100%; bottom:0%; left:0%; background-color:#242D33; transform-origin:bottom center; transform:scale(1,0); z-index:5; }
.form-column label{ padding-right:1.5em; }