@charset "UTF-8";

html,body{
	width:100%; height:100%; margin:0;
	font-size:16px;
	color:#000;
	background:#fffff;
	font-family:'Poppins','Noto Sans TC','Noto Sans SC','Arial','Helvetica','SimHei', sans-serif;
	font-weight:500;

	text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

img{ border:none; padding:0; margin:0;  }
a{ font-size:inherit; color:inherit; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
body, html, div, select, input, textarea, img, span{  font-family:'Poppins','Noto Sans TC','Noto Sans SC','Arial','Helvetica','SimHei', sans-serif; -webkit-tap-highlight-color:rgba(0,0,0,0); }


h1,h2,h3{ font-weight:inherit; font-size:inherit; line-height:inherit; margin:0; padding:0; display:inherit; }
p{ margin:0; }

input{ background-color:transparent; border:none; color:#fff;  }
input:focus, textarea:focus{ outline:none; color:#fff;   }
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    background:#111; -webkit-box-shadow:inset 0 0 0px 9999px #111; box-shadow:inset 0 0 0px 9999px #111; color:#ffffff; -webkit-text-fill-color:#ffffff !important;
}

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

.hiddenImg{ width:1px; height:1px; position:fixed; left:0; top:0; opacity:0; }

.clear{ clear:both; }

/*text preference*/
.txt-big{ font-size:3em; }
.txt-huge{ font-size:2.2em; }
.txt-large{ font-size:1.45em; }
.txt-mid{ font-size:1.2em; }
.txt-normal{ font-size:1em; }
.txt-small{ font-size:0.8em; }

.txt-bold{ font-weight:600; }
.txt-regular{ font-weight:400; }

.txt-white{ color: #FFFFFF;}
.txt-green{ color:rgb(43,181,115); }
.txt-black{ color:#000000;}

.txt-standard{line-height: 1.5;}
.txt-close{line-height: 1.2;} /*20211222 jessica*/
/*text preference*/


/*shared container*/
.card-container-inner{ width:90%; max-width:1024px; position:relative; margin:auto; height:auto; display:flex; justify-content: space-between;}


/*20211221*/
.logo-container{ position:absolute; left:0; top:50%;  transform:translate(0, -50%); height:2.5em; width:8.3em; background-position:center; background-repeat:no-repeat; background-size:contain; background-image:url("../img/H-Properties_logo.svg");}


/*20211221*/
.menu-container{display:flex; justify-content:flex-start; position:absolute; top:50%; left:50%; transform:translate(0, -50%); width:calc(50% - 4em);}
.menu-container-ele{ color:#000000; margin-right:3em;	}
.menu-container-ele.active, .menu-container-ele.hover { color:rgb(43,181,115); }
.lang-container{position:absolute; right:0; top:50%; transform:translate(0, -50%);display:flex;justify-content:flex-end;width:4em;line-height:1; }
.lang-container-ele{margin-left:1em;color: #404040;word-break: keep-all;}
.lang-container-ele.active, .lang-container-ele.hover { color:rgb(43,181,115); }

/*Menu-icon header 0111*/
.menu-icon-container{ position:absolute; width:1.8em; height:1.5em; right:0; top:50%; transform:translate(0,-50%); cursor:pointer; display:none; z-index:5  }
.menu-rectangle{ position:absolute; width:100%; padding-bottom:3px; background-color:#000; border-radius: 2em}
.menu-rectangle:nth-child(1){ top:0; }
.menu-rectangle:nth-child(2){ top:50%; transform:translate(0,-50%); transition:transform 200ms  }
.menu-rectangle:nth-child(3){ bottom:0;  }
.menu-rectangle:nth-child(4){ top:50%; transform:translate(0,-50%); opacity:0;  transition:transform 200ms, opacity 0ms 200ms }
.menu-icon-container.active .menu-rectangle { color:#000}
.menu-icon-container.active .menu-rectangle:nth-child(1){ opacity:0; }
.menu-icon-container.active .menu-rectangle:nth-child(2){ transform:translate(0,-50%) rotate(45deg); }
.menu-icon-container.active .menu-rectangle:nth-child(3){ opacity:0;  }
.menu-icon-container.active .menu-rectangle:nth-child(4){ opacity:1; transform:translate(0,-50%) rotate(-45deg); transition:transform 200ms, opacity 0ms }
.menu-bar-container .logo-menu-container {  width:90%; max-width:1024px; position:fixed; height:5em;  left:50%; top:0;  transform:translate(-50%,0%); }

/*Menu-icon header 0111*/

/*header*/

/*footer*/
.footer-container{ width:100%; position:relative; background: rgb(43,181,115); padding:2em 0 1em 0; bottom:0;  }
.footer-logo-container{ height:2.5em; padding:1em 0; width:100%; }
.footer-middle-container{ position:relative; display:flex; justify-content:space-between; align-items:center }
.footer-contact-container{ padding:1em 0 3em 0; width:100%;}
.footer-media-container{ align-items: center; width: calc(50%-3em); display:flex;}
.footer-bottom-container, .footer-menu-container{padding:0.5em 0 }
.footer-menu-ele{ float:left; margin-right:2em; cursor:pointer; display:inline-block }
.footer-menu-ele.hover{ opacity:0.5; cursor:pointer; }

.footer-copyright-container{ word-break: keep-all }
/*footer*/

/*shared-20211229*/
.about-container{width:100%; position: relative; margin:4em 0 0em 0; }
.about-container-all{ position: relative; display: flex; justify-content: space-between; padding:6em 0 5em 0;margin:auto;}
.about-container-heading{width: 40%;padding: 0.5em 0.5em 0.5em 0; line-height:1  }
.about-container-body{width: 60%; padding:2em 0; margin-top:-1em;}

.leadership-section-container { position:relative; width:100%; padding:5em 0 0 0; margin-top:5em;  border-radius:2em 2em 0 0;    }
.leader-content-container { width:100%; align-content:center;  }
.leader-title { margin:auto; text-align:center; margin-bottom:1em;  }
.leader-body-container {position:relative; width:80%; margin:auto;    }
.leader-body { position:relative; float:left; width:50%;  }
.leader-body.right { float:right; width:100%; }
.leader-body-list-label{ float:left; width:1em; margin-right:2em; }
.leader-body-inner { opacity:1; display:none; padding:0em 0 2em 0;}

/*green card*/
.green-container{width:100%;position: relative; background: #fffff;}
.green-container-all{position:relative; margin:auto; background-color:#5693f4; border-radius:2em 2em 0 0; padding:2em 0; box-shadow: 0 -0.5em 0.5em 0 rgba(143, 143, 143, 0.2);}
.green-container-heading{text-align: center; padding: 0.5em 0; margin:auto} /*jessica 20220112*/
.green-container-body { width:70%; margin:auto; text-align: center;padding: 0.5em 0 3em 0;}
.green-container.about .infinitus-gallery-container{position:relative; overflow:hidden; width:100%; text-align:center; margin-bottom:5em;}
.green-container.about .infinitus-gallery-ele-inner{border-radius:0em 0em 0em 0em;opacity:1;}
.green-container.about .infinitus-gallery-ele{  width:30em; height:auto; }
.green-container.about .infinitus-gallery-ele:first-child{ margin: auto; }
/*green card */

/*location list*/
.location-container{width:100%;position:relative;background: #fffff;  }
.location-container-all{position:relative; padding:2em 0 10em 0; }

.location-container-row{position: relative;width: 100%;display: flex;justify-content: space-between;}
.location-container-box{border-top: 0.1em solid rgb(43,181,115); margin:1em 0; width:50%;}
.location-container-title { padding: 1em 0 }
.location-img-container{ position: relative; width:100%; }
.location-img{ position:relative; width:100%; padding-bottom:66%; border-radius: 2em 2em 0 0; background-repeat:no-repeat;background-size:cover;}
.location-img.img01, .location-img.img04{background-position:top;}
.location-img.img02, .location-img.img05{background-position:center;}
.location-img.img03, .location-img.img06{background-position:bottom;}

.location-img{background-position:center;}
.location-img.top{background-position:top;}
.location-img.bottom{background-position:bottom;}


.location-container-box:nth-child(odd){ margin-right:3.5em; }
.location-container-box:nth-child(even){ margin-right:0em; }
.location-container-body{padding: 2em 0;}
.location-container-heading{padding: 2em 0 0.5em 0;}
.location-container-more{ text-align:center; margin-bottom:35vh;}

/*location list*/
.overlap-cover { position:absolute; border-radius:1em; width:100%; height:100%; background-color:rgba(43,181,115,0.75); opacity:0; transition:opacity 200ms ease-in; }
.float-item.last .overlap-cover{ background-color:rgba(43,181,115,1); opacity:1; }
.overlap-cover.pink { background-color:rgba(229,144,122,0.75); opacity:0 }
.overlap-cover.blue { background-color:rgba(86,147,244,0.75); opacity:0 }
.overlap-cover.yellow { background-color:rgba(244,175,62,0.75); opacity:0 }
.overlap-cover.hover { opacity:1;}
.overlap-txt-about { position:absolute; padding:2em; bottom:0; width:calc( 100% - 4em ) }
.about-overlap-txt { width:100%; line-height:1.3; text-align:left  }




/*shared container*/



/*lightbox footer*/
.footer-media-container > a{ margin-left:1.2em; }
.footer-media-container > a:nth-child(1){ margin-left:0em; }

.footer-media-instagram{ float:left; width:2em;height:2em; background-image:url("../img/instagram-icon.svg");background-size:contain;background-repeat:no-repeat; background-position:center; }

/*mia*/
.footer-media-facebook{  float:left; width:2em; height:2em; background-image:url("../img/footer_media_facebook.svg"); background-size:contain; background-repeat:no-repeat; background-position:center }

.footer-media-wechat{ float:left; width:2em; height:2em;background-image:url("../img/footer_media_wechat.svg"); background-size:contain; background-repeat:no-repeat; background-position:center }

.footer-media-youtube{  float:left; width:2em; height:2em; background-image:url("../img/footer_media_youtube.svg"); background-size:contain; background-repeat:no-repeat; background-position:center}

.footer-media-icons{   float:left; width:2em; height:2em; background-image:url("../img/footer_media_youtube.svg"); background-size:contain; background-repeat:no-repeat; background-position:center}
/*mia*/

.footer-bottom-container{padding:0.5em 0; }
.footer-menu-container{padding:0.5em 0;}
.footer-menu-ele{float:left; margin-right:2em;}
.footer-copyright-container{word-break: keep-all;}
/*lightbox footer*/



/*section*/
.section-container{width:100%; position:relative; margin-top:-1em; }
.landing-section-container-all{ position:relative; display:flex; justify-content:space-between; align-items:center; padding:5em 0; border-bottom:1.8px solid #ffad03;  }
.landing-section-container-all:nth-child(2){ border-bottom:1.8px solid #5693f4 }
.landing-section-container-all:nth-child(3){ border-bottom:1.8px solid #F28B75 }
.section-container-img{  padding:1em 0; }
.section-container-text{ position:relative; max-width:40%; margin-left:4em }
.section-container-heading{ padding:1em 0; color:rgb(43,181,115) }
.section-container-body{ padding-bottom:2.5em; }
.sustain-section-container .section-container-body{ padding-bottom:0em;position:absolute; bottom:0    }
.sustain-section-container .section-container-body .hp-button-container{ margin:0em auto  }
.sustain-section-container .next-button-container { position:relative; margin:1.5em auto; width:100%;  }
.inner-button-container { float:right }
.landing-section-container-all.first { padding:5em 0 5em 0; }
.landing-section-container-all.reverse{ flex-direction: row-reverse;} /*jessica 20220112*/
/*section*/


/*landing-hero*/
.landing-hero-section-text { position:relative; margin:4em auto 2em auto; width:18em; max-width:921.6px; text-align:center }
.hero-image { position:relative; width:100vw;  padding-bottom:56.25%; background-size:cover; background-position:top center; background-repeat:no-repeat;}
/*landing-hero*/


/*happymoment*/
.happymoment-all-container{  width:100%; }
.hm-container { position:relative; width:100%; max-width:1024px; padding:4em 0; box-shadow: 0 -0.5em 0.5em 0 rgba(143, 143, 143, 0.2); border-radius:2em 2em 0 0; }
.hm-container.event { position:relative; background-color:rgb(43,181,115); margin:auto; padding:2em 0 4em 0; }
.hm-image { position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); height:100%; border-radius:2em 2em 0 0; background-size:120% auto; background-position:center center; background-repeat:no-repeat; }
.hm-image-cover-opacity { position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); height:100%; background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); border-radius:2em 2em 0 0 }
.hm-content-container { position:relative; margin:auto; /*left:50%; top:50%; transform:translate(-50%,-50%);*/ width:90%}
.hm-inner-content.home { position:relative; width:100%; margin:0 auto 1em auto  }
.hm-logo-container { position:relative; width:60%; float:left; }
.hm-logo { position:relative; width:60%; padding-bottom:5em; background-size:contain; background-position:left ; background-repeat:no-repeat; margin-top: -1em; }
.hm-logo.lightbox { padding-bottom:35%; background-position:left center; margin-top: 0.5em; }
.hm-inner-content{ position:relative; width:90%; margin:0 auto 1em auto  }

.hm-right-content { position:relative; float:right; width:40%; text-align:left; line-height:1.5 }
.hm-right-content.event { width:40%; margin-top:-0em; }

.hm-right-content.event .hm-right-title{ margin-top:calc(-0.18em + 1px); }

.hm-right-body { margin-top:.8em;}
.section-container-text.left-side{ margin-right:4em; margin-left:0; }
.container-inner.happier > div:last-child {  border-bottom:none; margin-bottom:5em }
.landing-section-container-all .section-container-text .section-container-body { padding-bottom:1em }
.hm-right-content .hm-right-title { margin-bottom:0.5em }
.hm-right-title { line-height:1.3; margin-top:0.2em }
.lightbox-container .hm-logo-container{ width:50%; }
.lightbox-container .hm-right-content{ width:50%; }

.hm-logo-container.hppm .hm-logo.lightbox { width:25%!important; padding-bottom: 25%; }


/*
.hm-right-content.event.home .hm-right-body{ height:10.6em; overflow-y:scroll; -webkit-overflow-scrolling: touch; position:relative; }
.hm-right-content.event.home .hm-right-body > div{ width:calc(100% - 15px); }

.coummunity-engagement-container .lightbox-right-body{  height:12.5em; overflow-y:scroll; -webkit-overflow-scrolling: touch; position:relative; }
.coummunity-engagement-container .lightbox-right-body > div{ width:calc(100% - 15px); }
*/

.hm-right-content.event.home{ overflow:hidden; height:15em;  }
.hm-right-content.event.home  > div{  width:calc(100% - 15px);}

.coummunity-engagement-container .lightbox-right-container{ overflow:hidden; height:22.5em;  }
.coummunity-engagement-container .lightbox-right-container  > div{  width:calc(100% - 15px);}
/*happymoment*/






/*happyevent*/
.happy-event-image { position:relative; width:100%; padding-bottom:63.8%; background-position:center; background-repeat:no-repeat; background-size:cover;  transform:translateX(1px)}
.happy-event-green-cover { position:absolute; right:-2px; top:-1px; width:15.5%; /*padding-bottom:66%;*/ height:calc(100% + 2px); background-position:center right; background-repeat:no-repeat; background-size:auto 100%; }
.hm-right-more-txt-container { position:relative; margin:1em 0 1em 0; display:inline-block}
.hm-right-small {cursor:pointer; font-weight:600; }
.hm-right-txt-underscore { position:relative; width:100%; height:1px; background:#fff;  }
.hm-container.event .hm-inner-content { width:100%; }

.happy-event-bottom-content { position:absolute; width:13%; height:34%; bottom:-2%; left:100%;}
.event-illustration { width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:contain}
/*happyevent*/





/*nutshell 20220110 */
.nutshell-title { position:relative; width:100%; text-align:center; margin-bottom:3em }
.nutshell-card-all-container { position:relative; width:100%; display:flex; justify-content:space-between; }

.nutshell-card-container-outer{ position:relative; width:30%; }
.nutshell-card-container { position:relative; width:100%; border-radius:2em; box-shadow:0.2em 0.4em 0.5em #C7C7C7;}
.nutshell-card-container.pink {background:#F28B75;}
.nutshell-card-container.yellow {background:#ffad03;}
.nutshell-card-container.blue {background:#5693f4;}
.nutshell-card-container-outer.center { top:-3em; }
.nutshell-card-image-container { position:relative; top:0; width:100%;  }
.nutshell-image { position:relative; width:100%; padding-bottom:90%; background-position:left center; background-repeat:no-repeat; background-size:auto 110%; border-radius:2em 2em 0 0  }
.card-text-container { position:relative; width:90%; padding:1.5em 0; text-align:center; margin:auto; display:flex; align-items:center; align-content:center;}
.card-text {color:#FFFFFF; text-align:center; margin:auto; }
.between-line { position:relative;  width:100%; height:1px; background:#d6d6d6; margin:5em auto 0 auto}



.award-container { position:relative; width:100%; margin:5em auto 0em auto; /*display:flex; justify-content:space-between justify-content:center*/ text-align:center}
.award-logo { /*width:8em; height:6em;*/ background-position:center; background-repeat:no-repeat; background-size:contain;   }
.award-logo{ width:auto; height:5em; margin:0 0.5em 0.2em 0.5em }
/*nutshell 20220110*/



/*button*/
.hm-button-container { position:relative; display:inline-block; cursor:pointer;   }
.hm-content-container .hm-button-container { width:100% }


.hm-content-container .hm-button-container .hp-button-location-container{ position:relative; background:rgb(43,181,115); color:#fff }
.hm-content-container .hm-button-container .hp-button-container-inner .hp-button-arrow  { border:solid #fff; border-width: 0 1px 1px 0;  transform:translateY(-22%) rotate(-45deg);}
.hm-content-container .hm-button-container .hp-button-container-inner.hover { color:#fff; }
.section-container-body .hm-button-container .hp-button-container-inner .hp-button-arrow  { border:solid #fff; border-width: 0 1px 1px 0; }
.hm-content-container .hm-button-container .hp-button-container-inner.hover .hp-button-arrow  { border:solid #fff; border-width: 0 1px 1px 0}
.hm-content-container .hm-button-container .hp-button-container-inner.hover {  background:#000 }
.hp-button-container{ text-align:center; line-height:1; letter-spacing:0.1em; margin:1em auto 0 auto; }
.landing-section-container-all .section-container-text .hp-button-container{ margin:1em auto 0 auto; }
.hm-inner-content .hp-button-container-inner { padding:0.9em 2em 0.9em 2em; background:rgb(43,181,115); display:inline-block; border-radius:1000px }
.hm-inner-content .hp-button-arrow { border:solid #fff; border-width: 0 1px 1px 0; display:inline-block; padding:3px; transform:rotate(-45deg); }
.hp-button-container-inner { padding:0.9em 2em 0.9em 2em; background:rgb(43,181,115); display:inline-block; cursor:pointer; border-radius:1000px; color:#fff; transition:background 200ms ease-in-out   }
.hp-button-arrow {border:solid #fff; border-width: 0 1px 1px 0; display:inline-block; padding:3px; transform:translateY(-22%) rotate(-45deg); }
.hp-button-container-inner.hover {background-color:#000; color:#fff  }
.hp-button-container-inner.hover .hp-button-arrow { border:solid #fff; border-width: 0 1px 1px 0; }
.hm-inner-content .hp-button-container.place .hp-button-arrow { border:solid #fff; border-width: 0 1px 1px 0; display:inline-block; padding:3px; transform:translateY(-22%) rotate(-45deg); }
.hm-inner-content .hp-button-container.place .hp-button-container-inner.hover .hp-button-arrow { border:solid #fff; border-width: 0 1px 1px 0; display:inline-block; padding:3px; }

.hm-inner-content.home .hm-right-content .hp-button-container {  margin:1em 0 0 0; float:left }



/*previous & next button*/
.people-spacebar{ background:#fff; widrh:100%; height:4em; }

.arrow-indicator-container{ float:left; line-height:1; margin-top:0.9em; margin-left:0.5em   }
.right > .arrow-indicator-container{ margin-left:0;  margin-right:0.5em   }

.next-button-container { position:absolute; bottom:0; right:0; width:auto; height:auto;  }
.next-button-container.lightbox { position:relative; bottom:auto; right:auto; /*transform:translateX(-50%); left:50%;*/ width:calc(80% - 1em); height:2.5em; margin:auto; }
.next-button-inner-container { position:absolute; right:0;}


.next-button { cursor:pointer; position:relative; width:2.5em; height:2.5em; border:1px solid #fff; border-radius:2em; float:left; margin-left:1em; transition:background 150ms ease-in-out }
.next-button-long-arrow { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) }
.line { width:16px; height:2px; background:#fff }
.point { position:absolute; left:0%; top:50%; transform:translate(0%,-50%) rotate(-45deg); width:6px; height:6px; border-top:2px solid #fff; border-left:2px solid #fff}
.next-button.right .point { left:50%; right:0%; transform:translate(10%,-50%) rotate(135deg); }
.next-button.right { background:none; border:1px solid #fff  }
.next-button.hover .line { background:rgb(43,181,115) }
.next-button.hover .point { border-left:2px solid rgb(43,181,115); border-top:2px solid rgb(43,181,115);}
.next-button.hover { background:#fff }

.card-container-inner.blue .next-button-container .next-button {  border:1px solid #fff; }
.card-container-inner.blue .next-button.hover .line { background:#5693f4 }
.card-container-inner.blue .next-button.hover .point {border-top:2px solid #5693f4; border-left:2px solid#5693f4 }

.next-button-container.green .next-button {  border:1px solid rgb(43,181,115);}
.next-button-container.green .line { background:rgb(43,181,115);  }
.next-button-container.green .point { border-top:2px solid rgb(43,181,115); border-left:2px solid rgb(43,181,115)}
.next-button-container.green .next-button.hover .line { background:#fff }
.next-button-container.green .next-button.hover .point { border-left:2px solid #fff; border-top:2px solid #fff;}
.next-button-container.green .next-button.hover { background:rgb(43,181,115) }


.expand-less-button-container { position:relative; margin:0em auto 0em auto; cursor:pointer; display:none; border:1px solid #fffff; }
.expand-less-button-container.active{ display:block }
.expand-less-button {  display:flex; justify-content:center; align-items:center;}
.expand-less-button-txt { margin-right:0.6em;}
.expand-less-button-arrow { border:solid #fff; border-width:0 0.1em 0.1em 0; display:inline-block; padding:0.25em; transform:rotate(45deg) translateY(-0.3em); transform-origin:center center}


.expand-less-button-container.less .expand-less-button-arrow {  transform:rotate(225deg) translate(-0.25em);}
/*previous & next button*/




/* Slideshow */
.infinitus-slideshow-container{ position:relative; overflow:hidden; width:100%; text-align:center;  }
.infinitus-slideshow-container-inner{ width:100%; position:relative; display:inline-block; height:auto; }
.infinitus-slideshow-container-inner.people{ }

.infinitus-slideshow-ele{ width:100%; position:absolute; top:0%; left:0; transform:translateX(-100%); animation-duration:600ms; animation-fill-mode:forwards; animation-iteration-count:1;  }

.infinitus-slideshow-container.with-round-angle{ border-radius:2em; z-index: 1; }

.pairup .infinitus-slideshow-ele { text-align:left!important; }

.infinitus-slideshow-ele.default{ animation-duration:0s!important; }


.infinitus-slideshow-ele.slideshow-right-center{ animation-name:slideshow-right-center;  }
.infinitus-slideshow-ele.slideshow-center-left{ animation-name:slideshow-center-left; }
.infinitus-slideshow-ele.slideshow-left-center{ animation-name:slideshow-left-center; }
.infinitus-slideshow-ele.slideshow-center-right{ animation-name:slideshow-center-right; }

.infinitus-slideshow-ele.alone{ animation-name:slideshow-fade; transform:translateX(0%); }

@keyframes slideshow-fade{
	0%   { opacity:0.4; }
	100% { opacity:1;   }
}
@keyframes slideshow-right-center{
	0%   { transform:translateX(100%);  }
	100% { transform:translateX(0%);   }
}
@keyframes slideshow-center-left{
	0%   { transform:translateX(0%);  }
	100% { transform:translateX(-100%);  }
}
@keyframes slideshow-left-center{
	0%   { transform:translateX(-100%);  }
	100% { transform:translateX(0%);   }
}
@keyframes slideshow-center-right{
	0%   { transform:translateX(0%);  }
	100% { transform:translateX(100%);  }
}

.cnt-container.first.innovation{ padding-top:5em}
.infinitus-slideshow-ele .innovation-banner-content-txt-container{  animation-duration:600ms; animation-fill-mode:forwards; animation-iteration-count:1;  }
.infinitus-slideshow-ele.slideshow-right-center .innovation-banner-content-txt-container{ animation-name:slideshow-txt-right-center; animation-delay:200ms }
.infinitus-slideshow-ele.slideshow-center-left .innovation-banner-content-txt-container{  animation-name:slideshow-txt-center-left;}
.infinitus-slideshow-ele.slideshow-left-center .innovation-banner-content-txt-container{  animation-name:slideshow-txt-left-center; animation-delay:200ms}
.infinitus-slideshow-ele.slideshow-center-right .innovation-banner-content-txt-container{ animation-name:slideshow-txt-center-right;}

@keyframes slideshow-txt-right-center{
	0%   { left:calc(50% + 4em);  }
	100% { left:50%;   }
}
@keyframes slideshow-txt-center-left{
	0%   { left:50%;  }
	100% { left:calc(50% - 4em);  }
}
@keyframes slideshow-txt-left-center{
	0%   { left:calc(50% - 4em);   }
	100% { left:50%;   }
}
@keyframes slideshow-txt-center-right{
	0%   { left:50%;  }
	100% { left:calc(50% + 4em);   }
}

/* Slideshow */





.all-container{ position:relative; width:100%;  }
.all-container.blur{ filter:blur(.2em) }


.inner-container{ margin:auto; width:90%; max-width:1024px; position:relative; }
.tnc-container{ position:relative; margin:0em auto 5em auto; padding-top:10em; text-align:center; height:100%;  }

.tnc-container.terms { text-align:left;   }
.tnc-container.terms .inner-container { margin-bottom:5em; }
.tnc-container.terms .inner-container >div:first-child { text-align:center }


.extended-inner-container{ max-width:1137px!important; position:relative;  margin:auto; width:100%; }

.header-container{ height:5em; width:100%; background:#fff; z-index:3; position:fixed; top:0; }
.header-container.transparent{ background:rgba(0,0,0,0); box-shadow:none; }

.header-container .inner-container, .footer-container .inner-container{ height:100%; }
.header-container-inner { position:absolute; width:100%; top:50%; transform:translateY(-50%);}


/*20211221*/
.header-container .menu-container-ele{ transition:color 300ms linear; }
.header-container .lang-container-ele{ transition:color 400ms linear; }
.header-container{ transition:background-color 200ms linear, box-shadow 200ms linear; }

.header-container.black .menu-container-ele{ color:rgba(0,0,0,1);  }
.header-container.black .menu-container-ele.hover, .header-container.black .lang-container-ele.hover{ color:rgb(43,181,115);  }
.header-container.black .menu-container-ele.active, .header-container.black .lang-container-ele.active{ color:rgb(43,181,115);  }

.header-container.white .menu-container-ele, .header-container.white .lang-container-ele{ color:rgba(255,255,255,1);  }
.header-container.white .menu-container-ele.hover, .header-container.white .lang-container-ele.hover{ color:rgb(43,181,115);  }
.header-container.white .menu-container-ele.active, .header-container.white .lang-container-ele.active{ color:rgb(43,181,115);  }

.header-container.white .header-container-inner .logo-container { background-image:url("../img/H-Properties_logo-w.svg")!important;  }
.header-container.white .menu-icon-container.active .menu-rectangle { background-color:#fff}
/*
.header-container.menu .logo-container { background-image:url("../img/H-Properties_logo.svg");  }
.header-container.menu .menu-rectangle{ background-color:#000 }*/
.header-container.transparent .menu-rectangle{ background-color:#fff }
.all-container.black .menu-rectangle{ background-color:#000 }

.all-container.black .header-container{ box-shadow: 0 5px 6px 0 rgba(143, 143, 143, 0.2);}

.all-container.black .header-container.active { background-color:rgb(43,181,115);}


/*20211221*/


/* Gallery */
.infinitus-gallery-container{position:relative; overflow:hidden; width:100%; text-align:center;  }
.infinitus-gallery-container-inner{ position:relative; display:flex; justify-content:center; text-align:center;   }
.infinitus-gallery-ele{ /* 20211220 */width:80%; min-width:22em; /*max-width:60em; height:100%;/* 20211220 */  }
.infinitus-gallery-ele:first-child{ margin-left:0; }
.lightbox .infinitus-gallery-container-inner, .infinitus-gallery-container.need-slide .infinitus-gallery-container-inner{ display:block; }
.infinitus-gallery-container.need-slide .infinitus-gallery-ele{ position:absolute; left:50%; top:0%; transform:translate(150%,-0%); animation-duration:400ms; animation-fill-mode:forwards; animation-iteration-count:1; margin:0; }


.infinitus-gallery-container.need-slide .infinitus-gallery-ele.active{ }


.infinitus-gallery-container.need-slide .infinitus-gallery-ele.center-to-left{ animation-name:gallery-center-left;  }
.infinitus-gallery-container.need-slide .infinitus-gallery-ele.right-to-center{ animation-name:gallery-right-center; }
.infinitus-gallery-container.need-slide .infinitus-gallery-ele.out-to-right{ animation-name:gallery-out-right; }
.infinitus-gallery-container.need-slide .infinitus-gallery-ele.left-to-out{ animation-name:gallery-left-out; }
.infinitus-gallery-container.need-slide .infinitus-gallery-ele.left-to-center{ animation-name:gallery-left-center; }
.infinitus-gallery-container.need-slide .infinitus-gallery-ele.center-to-right{ animation-name:gallery-center-right; }
.infinitus-gallery-container.need-slide .infinitus-gallery-ele.out-to-left{ animation-name:gallery-out-left;  }
.infinitus-gallery-container.need-slide .infinitus-gallery-ele.right-to-out{ animation-name:gallery-right-out;  }

.infinitus-gallery-container.need-slide .infinitus-gallery-ele.always-out{ animation-name:gallery-always-out;  }

@keyframes gallery-center-left{
0%   { transform:translateX(-50%);   }
100% { transform:translateX(-150%);  opacity:0.4; } /*20220125*/
}

@keyframes gallery-right-center{
0%   { transform:translateX(50%);   }
	100% { transform:translateX(-50%); }
}

@keyframes gallery-out-right{
0%   { transform:translateX(150%); }
100% { transform:translateX(50%);  opacity:0.4; } /*20220125*/
}

@keyframes gallery-left-out{
0%   { transform:translateX(-150%);  }
100% { transform:translateX(-250%);  }
}

@keyframes gallery-left-center{
0%   { transform:translateX(-150%);   }
100% { transform:translateX(-50%);   }
}

@keyframes gallery-center-right{
0%   { transform:translateX(-50%);   }
100% { transform:translateX(50%);   opacity:0.4; } /*20220125*/
}

@keyframes gallery-out-left{
0%   { transform:translateX(-250%); }
100% { transform:translateX(-150%); opacity:0.4; } /*20220125*/
}

@keyframes gallery-right-out{
0%   { transform:translateX(50%); }
100% { transform:translateX(150%); }
}

@keyframes gallery-always-out{
0%   { transform:translateX(-500%); }
100% { transform:translateX(-500%); }
}
/* Gallery */






/*lightbox*/
.lightbox-bg-container{ position:fixed; width:100%; height:100%; top:0; left:-100vw; background:rgba(0,0,0,0.5);}
.lightbox-container.active .lightbox-bg-container{ left:0; }

.lightbox-container{ position:fixed; width:100%; height:100%; top:0; left:-100vw; opacity:0; overflow:scroll;  }
.lightbox-container.active{ opacity:1; left:0; transition:opacity 100ms linear}
.lightbox-container-inner{ display:flex; align-items:center; min-height:calc(100% - 0em);}

.happy-moment-container{  min-height:10em; margin:2em auto 0 auto; border-radius:2em; background-color:#fff; }
.happy-moment-container .hm-container { background-color:rgb(43,181,115); border-radius:2em 2em 0 0; padding:3em 0; }
.close-lightbox-container { position:relative; width:100%; padding-bottom:3em; margin-bottom:1em; }
.close-container{ position:absolute; right:-1.5em; top:-1.5em; width:2.2em; height:2.2em; cursor: pointer}
.close-ele{ height:2.5px; width:2.2em; position:absolute; top:50%; transform:rotate(-45deg); background-color:#fff; border-radius:2px; transition: all .2s ease-in }
.close-ele.second{transform:rotate(45deg)}
.close-container:hover .close-ele{ transform:rotate(45deg)}
.close-container:hover .close-ele.second{ transform:rotate(-45deg)}
.hm-video-container { position:relative; margin:4em auto 0 auto;  }
.landing-video-opacity { position:relative; width:100%; /*height:60vw; max-height:500px;*/ padding-bottom:56.25%; background:#000;}
.landing-video-play-container { position:absolute; width:4em; height:4em; top:50%; left:50%; transform:translate(-50%,-50%); border-radius: 1000px; cursor:pointer }
.landing-video {position:absolute; width:100%; height:60vw; max-height:500px; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0.5;}
.play-button { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:6em; height:6em; cursor:pointer; border-radius:100px; }
.play-button-circle { position:absolute; top:50%; left:52%; transform:translate(-50%,-50%); border-style:solid; border-width: 1.5em 0 1.5em 2em; border-color: transparent transparent transparent #fff }
.landing-video-play-container.hover .play-button { background:rgba(255,255,255,0.85) }
.landing-video-play-container.hover .play-button-circle { border-color: transparent transparent transparent rgb(43,181,115); }

.lightbox-video{ width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0; }

.landing-video-opacity.active .lightbox-video{ opacity:1; }
.landing-video-opacity.active .landing-video{ opacity:0; pointer-events:none; }
.landing-video-opacity.active .landing-video-play-container{ display:none; }


.people-card-middle .landing-video-play-container{  left:44.4%; }
.people-card-middle .play-button{ width:6em; height:6em; }
.people-card-middle .play-button-circle {  border-width: 1.2em 0 1.2em 1.6em;  }

.block-container.orange .landing-video-play-container.hover .play-button-circle { border-color:transparent transparent transparent #f28b75; }
.block-container.blue .landing-video-play-container.hover .play-button-circle { border-color:transparent transparent transparent #5693f4; }
.block-container.yellow .landing-video-play-container.hover .play-button-circle { border-color:transparent transparent transparent #ffad03; }
/* 20211220 */
.happy-moment-container .next-button-container{ /*right:5%; left:auto;*/  }
.gallery-body { position:relative; width:100%; margin: 1em 0;}
/* 20211220 */



/*grey card*/
.grey-container{width:100%;position: relative;background: rgb(43,181,115);}
.card-background.grey{background-color: rgb(43,181,115); }
.grey-container-all{position: relative;margin:auto;background-color:#f4f4f4; border-radius: 2em 2em 0 0;box-shadow: 0 -0.5em 0.5em 0 rgba(143, 143, 143, 0.2);padding:3em 0;}
.grey-container-inner{max-width:90%; position: relative;margin:auto; height:100%; display:flex; justify-content: space-between;align-items: center;}
.grey-container-heading{ display:inline-block; line-height:1.2 }
.grey-container-body{width:60%; }
.section-container-text.left-side{ margin-right:0em; }

/*grey card*/

/*happiness-index*/
.grey-container.lightbox .grey-container-all{ position:relative; border-radius:0 0 0 0; background-color:#fff; width:100%; max-width:1024px; box-shadow:none; padding:0em 0 4em 0 }
.grey-container.lightbox .grey-container-inner { position:relative; width:80%; line-height:1  }
.grey-container.lightbox .about-container { margin-top: 0;}
.lightbox-facilities-container {  overflow:hidden;   }
.facilities-card-image { width:100%; height:18em; border-radius:2em; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative}
.facilities-card-txt-container { width:100%; margin-top:2em; text-align:center }
.facilities-card-txt-container .facilities-card-title { line-height:1  }
.facilities-card-body {margin-top:.3em;  line-height:1.2 }
.facilities-card-all-container{ position:relative; width:100%; display:flex; justify-content:space-between }

.facilities-card-container-outer{ position:relative; width:30%;  }
.facilities-card-container { position:relative; width:100%;  }

.infinitus-slideshow-ele .facilities-card-image{ border-radius:0;  }
/*happiness-index*/





/*memories*/
.grey-container.memories { background:#fff; }
.grey-container.memories .grey-container-all { box-shadow:none }
.grey-container.memories .grey-container-inner  {  z-index:1 }
.grey-container.memories .grey-container-heading{  float:none; }
.grey-container-inner.bottom-content { width:80%; max-width:780px;}
.grey-container-inner.bottom-content .bottom-image-txt-container{ position:relative; width:70%; max-width:600px; float:left; padding:2em 0 0 0 ; }
.grey-container-inner.bottom-content .next-button-container.green { float:right;}
.grey-container-inner.bottom-content .grey-container-heading{ line-height:1; padding:0; }
.gallery-memories-slideshow { width:100%; position:relative; }
.green-container.gallery-memories .inner-container{ width:100%; }

.grey-container.memories .grey-container-inner{ transform:translateY(100%); margin-top:1em; line-height:1; }

.gallery-memories-illustration-container { position:absolute; width:calc( 80% - 1em ); padding-bottom:calc(11.5% - 0.1em); z-index:1; margin:auto; left:calc(10% + 0.5em); top:2em;  }
.gallery-memories-illustration { position:relative; width:10em; height:10em;}
.memories-illustration { position:absolute;  height:100%; background-repeat:no-repeat; background-size:contain; /* 20211220 */right:0em; width:10%; background-position:center right; /* 20211220 */  }

/* 20211220 */
.infinitus-gallery-ele-inner{ width:calc(100% - 1em); height:100%; margin:0em auto 0 auto; opacity:0.5; background-repeat:no-repeat; background-position: center;  background-size:cover;}

.infinitus-gallery-ele-visual{ position:relative; width:100%; padding-bottom:66%; background:no-repeat center; background-size:cover;  border-radius:0px 0px 30px 30px;}

.infinitus-gallery-ele-cover{ position:absolute; width:calc(100% + 2px); left:-1px; top:0; padding-bottom:calc(15.84% - 1.1em); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto; background-image:url(../img/memories-layer-cover.svg);  }

.infinitus-gallery-container.need-slide .infinitus-gallery-ele.right-to-center .infinitus-gallery-ele-inner, .infinitus-gallery-container.need-slide .infinitus-gallery-ele.left-to-center .infinitus-gallery-ele-inner{opacity:1;}

.infinitus-gallery-container.need-slide .infinitus-gallery-ele.right-to-center .infinitus-gallery-ele-cover, .infinitus-gallery-container.need-slide .infinitus-gallery-ele.left-to-center .infinitus-gallery-ele-cover{background-image:url(../img/memories-layer-cover.svg); }

.infinitus-gallery-txt-container{ text-align:left; margin-top:0.8em; opacity:0; }
.infinitus-gallery-container.need-slide .infinitus-gallery-ele.right-to-center .infinitus-gallery-txt-container{ opacity:1 }
.infinitus-gallery-container.need-slide .infinitus-gallery-ele.left-to-center .infinitus-gallery-txt-container{ opacity:1 }
/* 20211220 */

.button-title-slideshow-container { position:relative; width:89%; height:3em; margin:1em auto; }
.hm-footer-background {background-color: #f4f4f4 }
.lightbox-container-inner .footer-container {  padding:3em 0 0 0; border-radius:30px 30px 0px 0px; }
.lightbox-container-inner .hm-footer-background { position:relative }

.lightbox-container-inner .footer-contact-container { padding:0; position:relative; width:30%; line-height:1.2; float:left; }
.lightbox-container-inner .hm-footer-heading{ padding:0; position:relative; width:30%; line-height:1.2; float:left;}
.lightbox-container-inner .footer-contact-body {  position:relative; width:60%; float:right; }
.contact-between-line { position:relative; width:100%; height:1px; background:#fff; margin:2em auto; }

.lightbox-container-inner .footer-middle-container{display:block; justify-content:center; align-items:none; width:100%}

.hm-footer-contact-contaienr { position:relative; width:100%; }
.footer-contact-inner-container { position:relative; float:left  }
.footer-contact-info-ele { width:100%; position:relative; float:left }
.footer-contact-socialmedia-container { position:relative; float:right;   }
.contact-info-label { position:relative; width:15%;  float:left;  }
.contact-info {float:left;}

.footer-contact-socialmedia-container a > div{ margin-left:1em; }
/*lightbox*/


/* HOME BANNER */
.home-container{ position:fixed; width:100%; background:#fff; top:0; left:0; /*height:100%; min-height:65vw;*/ display:inline-block; opacity:1; }
.home-container .inner-container{ width:100%; max-width:1600px  }
.home-visual-container{ position:relative; margin:auto;  }

/* WHITE SHADOW */
.white-shadow-container{ position:absolute; top:0; width:3em; height:100%; background:#fff}
.white-shadow-container.left{ left:0;  background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
.white-shadow-container.right{ right:0; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}

.white-shadow-container.top{ width:100%; height:4em; top:0; background:linear-gradient(0deg, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%); transform:translateY(-100%)}



/* WHITE SHADOW */

.cover-container{ pointer-events:none; height:100vh; }
.cnt-container{ position:relative; width:100%; background:#fff;  }
.cnt-container.transparent{ background:rgba(0,0,0,0); }
.cnt-container.first{ position:fixed; top:100vh; opacity:1;  }


.cnt-container.lightgrey{ background-color:#ededed; transition:background 400ms linear }
.cnt-container.pink{ background-color:#f28b75; transition:background 400ms linear;  }
.cnt-container.pink .txt-black, .cnt-container.pink .txt-green{ color:#fff!important}
.cnt-container.pink .location-container-box{ border-top: 0.1em solid #fff; }
.place-different-character{ background-image:url("../img/place/place-character.png"); }
.cnt-container.pink .place-different-character{ background-image:url("../img/place/place-character-pink.png"); }

.full-width-container.white{ background-color:#fff; transition:background 400ms linear; }
.full-width-container.pink{ background-color:rgb(43,181,115); transition:background 400ms linear;  padding-bottom:15em; }
.full-width-container.yellow{ background-color:rgba(244,175,62); transition:background 400ms linear; padding:5em 0  }
.full-width-container.pink .txt-black, .full-width-container.pink .txt-green{ color:#fff!important}
.full-width-container.pink .location-container-box{ border-top: 0.1em solid #fff; }
.place-different-character{ background-image:url("../img/place/place-character.png"); }
.full-width-container.pink .place-different-character{ background-image:url("../img/place/place-character-pink.png"); }

.full-width-container.lightgrey{  transition:background 400ms linear; }
.full-width-container.txt-black, .full-width-container .txt-green{  transition:color 400ms linear; }

.full-width-container.pink.contact-us .location-container-box:nth-child(even){ margin-left:0em!important; }
.full-width-container.pink.contact-us .location-container-box{ border-top: unset;}
.full-width-container.pink.contact-us .location-container-title{ border-bottom: 0.1em solid #fff; }
.full-width-container.white .location-container-box{width:calc(50% - 2em);}

.happy-moment-banner-container{ position:relative; }
.cnt-container .white-shadow-container.top{ height:1.5em; position:relative; background:linear-gradient(0deg, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%); }

.white-shadow-container.top.hm{ height:10em; transform:translateY(0%); top:-1em; transition:transform 500ms ease-out; position:absolute; background:rgb(2,0,36);
background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%)!important; }
.cnt-container.first .happymoment-all-container{ margin-top:1.5em;}

.cnt-container.first.home{ background:rgb(86,147,244); }
.blue-bg-for-home{ position:absolute; width:100%; height:100%; top:10em; left:0; background:rgb(43,181,115); /*rgb(86,147,244)*/}


/* Block */
.block-container{ position:relative; border-top-left-radius:2em; border-top-right-radius:2em; padding:2em 0 1.5em 0; background:#000;
	box-shadow: 0.2em 0em 0.4em 0.2em rgba(0, 0, 0, 0.2); margin-top:-1em  }
.block-container.orange{ background:#f28b75 }
.block-container.blue{ background:#5693f4 }
.block-container.yellow{ background:#ffad03 }
.block-container.green{ background:rgb(43,181,115) }
.block-container.all-round{ border-radius:2em; }
.block-container-inner{ width:90%; margin:auto; min-height:10em }
/* Block */


.full-width-container{ width:100%; position:relative; background:#fff  }
.full-width-container.home-intro{ padding-bottom:10em; }
/*.full-width-container.home-intro .white-shadow-container.top{ transform:translateY(-100%); height:1em; background:linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); margin-bottom:3em}*/

.two-column-container{ padding:1em 0;  border-bottom:1px solid rgb(43,181,115); min-height:20em }
.two-column-container:last-child{ border:none }


/* Banner */
.home-container.banner{ top:0; height:50vh; min-height:30vw }
.banner-container{ position:absolute; height:100%;  }
.banner-container .infinitus-slideshow-container-inner{ display:block; height:100% }
.banner-ele{ height:100%!important; background-size:cover; background-position:center; background-repeat:no-repeat }
.banner-ele.top{ background-position:top;}
.banner-ele.bottom{ background-position:bottom;}

.banner-indicator-container{ position:absolute; bottom:4em; height:.65em; width:100%; }
.banner-indicator-container-inner{ display:flex; justify-content:center; align-content:center  }
.banner-indicator-ele{ width:.65em; height:.65em; border-radius:2em; background:#fff; margin:0 0.5em; cursor:pointer; box-shadow:3px 3px 5px rgba(0,0,0,0.3); }
.banner-indicator-ele.hover, .banner-indicator-ele.active{ background:rgb(43,181,115); }
/*mia-0112*/
.innovation-banner-content-text {position:absolute; bottom:0; left:50%; transform:translateX(-50%);  padding:3em 0;  width:90%; max-width:1400px;  }
.innovation-banner-inner { width:40% }
/* Banner */

.cnt-container.sustain .banner-indicator-container{ position:absolute; bottom:8em; height:.5em; width:100%;  }
.lightbox-facilities-container .banner-indicator-container{ bottom:1em;  }

.slideshow-image-shadow-mask { width:100%; height:100%; top:0; background:linear-gradient(0deg, rgba(0, 0, 0, 0.8)0%, rgba(87, 86, 86, 0) 80%, rgba(59, 59, 59, 1) 100%); }

/* 20210106 */
.people-cards-container{ margin-top:-1em; position:relative; width:100%; z-index: 1}
.people-cards-container .block-container{ position:absolute; width:100%; top:0; min-height:20em; transition:transform 200ms ease-in;   }
.people-cards-container .block-container.numberone{ transform:translateY(0em); }
.people-cards-container .block-container.numbertwo{ transform:translateY(1em);  }
.people-cards-container .block-container.numberthree{ transform:translateY(2em);  }
.people-cards-container .block-container.numberfour{ transform:translateY(3em);  }

.people-cards-container .block-container.movetoback{ animation-duration:300ms; animation-fill-mode:forwards; animation-iteration-count:1; animation-name:block-to-back;  }
@keyframes block-to-back{
0%  { transform:translateY(0em);   }
50% { transform:translateY(13em);   }
100%{ transform:translateY(3em);   }
}
.people-cards-container .block-container.movetofront{ animation-duration:300ms; animation-fill-mode:forwards; animation-iteration-count:1; animation-name:block-to-front;  }
@keyframes block-to-front{
0%  { transform:translateY(3em);   }
50% { transform:translateY(11em);   }
100%{ transform:translateY(0em);   }
}
/* 20210106 */


/* MAP */
.world-container{  text-align: center; margin-bottom:0em }
.world-container .txt-title{ padding:0em 0 1.25em 0; }

.maps-dropdowns-container{ max-width:1024px; display:flex; justify-content:center; height:2.5em; color:#000; margin:0 auto 2em auto }
.maps-dropdown-container{ width:12em; border:1px solid #000; height:calc(100% - 2px); border-radius:0.5em; margin:0 0.75em; line-height:1; display:flex; align-items:center; justify-content:center; cursor:pointer; transition: background-color 120ms ease-in, border-color 120ms ease-in, color 120ms ease-in }
.maps-dropdown-container.hover, .maps-dropdown-container.active{ background:rgb(43,181,115); color:#fff; border-color:rgb(43,181,115)  }

.maps-container{ width:100%; height:50vw; max-height:700px; display:flex;  }
.map-container{ width:50%; height:100%; transition:width 400ms   }

.map-container.active{ width:100%; }
.map-container.inactive{ width:0%; }

.marker{ transition:opacity 200ms linear, margin-top 200ms ease-out; }

.mapboxgl-popup { max-width:10em; width:18em; color:#000; border:1px solid #000; border-radius:0.6em; overflow:hidden }
.mapboxgl-popup-tip{ display:none}
.mapboxgl-popup-content{ border-radius:0.2em; padding:0.75em 1.25em!important; font-weight:500; }

.mapboxgl-popup-close-button{ font-size:1.5em; padding:0!important; line-height:1!important; display:none!important  }
.mapboxgl-popup-close-button:hover{background:transparent!important }
.mobile-slideshow-container .next-button-container{  display:none }

.map-thumb{ width:100%; height:12em; max-height:12em; background-position:center; background-repeat:no-repeat; background-size:contain; margin:.5em 0; }


.map-reset { position:relative; margin:0 auto 2em auto; display:inline-block; opacity:0.5; transition: opacity 150ms ease-in }
.map-reset.hover { opacity:1;  }
.goback { cursor:pointer; border-radius:0.5em; padding:0.6em 3em; border:1px solid #000;  line-height:1; }

/*menu-0114*/
.header-all-container { position:relative; }
.menu-bar-container{ display:none; z-index:2; }
.menu-bar-inner{ position:absolute; width:50%; left:50%; top:50%; transform:translate(-50%,-50%); }
.menu-bar-ele{ margin-bottom:0.5em; text-align:center }
.menu-title{ display:inline-block; cursor:pointer}
.menu-title.hover { color:#fff; }
.menu-lang-inner{ position:absolute; margin:0em auto 0 auto; bottom:2em; left:50%; transform:translateX(-50%); width:2.8em; display:flex; justify-content:space-between;  }
.menu-lang-ele{ cursor:pointer; font-size:0.5em}
.menu-lang-ele.active, .menu-lang-ele.hover { color:#fff }
.close-lightbox-container.menu-bar { display:none;  }
.close-lightbox-container.menu-bar { position:relative; width:100%; padding-bottom:2em; display:none;  }
.close-container.menu-bar{ display:none;  }
.close-ele.green{ background-color:rgb(43,181,115);}

/*menu-0114*/


/*20220125*/
.home-page-between-text { position:relative; width:100%; margin:auto; padding:4em 0 1.5em 0; text-align:center;}
.motto-txt {  width:70%; margin:1em auto 0 auto; overflow:hidden; white-space:nowrap; }
.fadeinele.active .motto-txt{
	animation:
    typing 4s steps(40, end),
    blink-caret 1.5s step-end infinite;
}

@keyframes typing {
  from { width: 0; }
  to { width:70%; }
}

@keyframes blink-caret {
  from, to { border-color: transparent; }
  50% { border-color:transparent }
}

/*20220125*/



/*tnc*/
.tnc-group { position:relative; margin:2em auto; text-align:left; width:100%; line-height:2;   }
.tnc-group > div:first-child { margin-bottom:0.5em }

ol {
  list-style:decimal outside; counter-reset:tnc-list; counter-reset:inherit; margin-left:1.5em;
}


ol li {
  counter-increment:tnc-list; margin-bottom:1.5em; margin-left:1.2em; list-style:decimal inside; list-style-position: outside;
}

li span { font-weight:normal; }
ol span { font-weight:normal; }

ol li ol li{
  counter-increment: tnc-list; margin:1em 0 0em 1.5em;  list-style-type:lower-roman
}

.alpha { margin-bottom: 1em}

.alpha ol li{
  margin:0em 0 0em 3em; list-style:lower-alpha outside;line-height:1.5; content:"(" counter(tnc-list, lower-alpha) ") ";
}

.tnc-container.terms > .inner-container > .txt-small.txt-regular ul{ margin-bottom:2em; margin-left:0; margin-top:0; }
.tnc-container.terms > .inner-container > .txt-small.txt-regular p{ margin-bottom:2em;  }

.tnc-container > .inner-container > .txt-small.txt-regular ul { padding-left:0em!important; margin-left:0!important; margin-top:2em;}
.tnc-container > .inner-container > .txt-small.txt-regular ol{ }

.tnc-container > .inner-container > .txt-small.txt-regular  ul > li { list-style-type:upper-roman; font-weight:bold; padding-left:0; margin-left: 0; list-style-position:inside; font-size:1.25em; margin-bottom:3.2em;  }

.tnc-container > .inner-container > .txt-small.txt-regular  ul > li > ol{   font-size:0.8em; font-weight:bold;   }

.tnc-container > .inner-container > .txt-small.txt-regular  ul > li > ol > li{    font-weight:normal; margin-top:1em  }
/*tnc*/



/*lightbox community-engagement*/
.coummunity-engagement-container{ min-height:5em; border-radius:2em; background-color:#fff; }
.ce-container { position:relative; width:90%; margin:auto; padding:1em 0 }
.community-container-all{ width:100% }
.ce-inner-content{ position:relative; width:100%; margin:auto; padding:0 0 5em 0 }

.lightbox-container.close .close-container { position:relative; top:0; right:0em; float:right;}
.close-ele.green{ background-color:rgb(43,181,115);}


.lightbox-left-container{position:relative; width:48%; padding-bottom:33.6%;/* 20220610*/float:left; transform:translateX(1px);}
.lightbox-slide-img {position:relative; width:100%; height:100%; background-image:url("../img/people/people-christmas.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center;  }

.lightbox-right-container{ position:relative; float:right; width:46%; text-align:left; margin-top:0em;}
.lightbox-right-title{  margin-top:0px; line-height:1.3  }
.lightbox-right-subtitle{margin-bottom:1em}
.lightbox-right-body{margin-bottom:0em; line-height:1.3  }
.lightbox-right-bottom { display:flex; justify-content:flex-end; position:absolute; bottom:0; right:0; margin-bottom:1em; }


/* 20220610*/
.lightbox-left-container.gallery{ overflow:hidden; }
.lightbox-left-container.gallery .lightbox-slide-img{ position:absolute; left:0; top:0; transform:translateX(-100%); animation-duration:400ms; animation-fill-mode:forwards; animation-iteration-count:1;}

.lightbox-left-container.gallery .lightbox-slide-img.slideshow-right-center{ animation-name:slideshow-right-center;  }
.lightbox-left-container.gallery .lightbox-slide-img.slideshow-center-left{ animation-name:slideshow-center-left; }
.lightbox-left-container.gallery .lightbox-slide-img.slideshow-left-center{ animation-name:slideshow-left-center; }
.lightbox-left-container.gallery .lightbox-slide-img.slideshow-center-right{ animation-name:slideshow-center-right; }


.gallery-indicator-container{ position:absolute; bottom:.5em; height:1em; width:100%; left:0; }
.gallery-indicator-container-inner{ display:flex; justify-content:center; align-content:center  }
.gallery-indicator-ele{ width:.65em; height:.65em; border-radius:2em; background:#fff; margin:0 0.5em; cursor:pointer; box-shadow:3px 3px 5px rgba(0,0,0,0.3); }
.gallery-indicator-ele.hover, .gallery-indicator-ele.active{ background:rgb(43,181,115); }
/* 20220610*/

/*lightbox community-engagement*/

.landing-section-container-all.reverse .section-container-text{ margin-left:0em;  margin-right:4em; }

@media only screen and (min-width:0px) and (max-width:1200px) {.home-visual-container .white-shadow-container.left, .home-visual-container .white-shadow-container.right{ display:none}}
/* HOME BANNER */

@media only screen and (min-width:0px) and (max-width:1070px) {

}

@media only screen and (min-width:0px) and (max-width:1023px) {
	.people-card-middle .landing-video-play-container{  left:50%; }
	.hm-container .happy-event-green-cover { display:none}
	/*lightbox*/

	.lightbox-container.happymoment{ width:100vw; }

	.lightbox-container.happymoment .lightbox-container-inner .inner-container { width:100% }

	.lightbox-container.happymoment .about-container .container-inner.inner-container { width:90%}
	.lightbox-container.happymoment .about-container-all { padding:3em 0 2em 0}

	.lightbox-container.happymoment .hm-footer-background .inner-container { width:90%; }
	.lightbox-container.happymoment .infinitus-gallery-ele {margin-bottom:0; }
	.lightbox-container.happymoment .hm-right-body { line-height:1.4 }

	.happy-moment-container .hm-container { border-radius:0em 0em 0 0; box-shadow:none; }
	.happy-moment-container { margin:0em auto; border-radius:0em; }
	.facilities-card-txt-container .txt-small { font-size:1em}


	.facilities-card-container-outer .infinitus-slideshow-container-inner .facilities-card-image {padding-bottom:30%;}
	/*lightbox*/

	/*responsive header*/
	.header-container{height:5.5em;}
	.menu-container, .lang-container{display:none;}
	.menu-icon-container{display:block;}
	/*responsive header*/


	.cnt-container.first.sticky{ position:sticky!important; }
	.cnt-container.first.innovation{ padding-top:5em}

	/*menu-0114*/
	.menu-bar-container.active{ display:block; background:rgb(43,181,115); position:fixed; width:100%; height:100%;   }
	.close-lightbox-container.menu-bar { display:block; height:6em; width:90%; padding-bottom:0em; margin-bottom:0em; max-width:1024px; margin:auto }
	.close-container.menu-bar { display:block; right:0em; top:50%; transform:translateY(-50%); width:2em; height:2em;  }


	/*menu-0114*/

	.maps-container{  height:auto; max-height:none; display:block;   }
	.map-container{  width:100%; height:65vw; transition:height 400ms  }
	.map-container.active{ width:100%; height:130vw; }
	.map-container.inactive{ width:100%; height:0%; }



	.mobile-slideshow-container{ position:relative; width:100%; overflow:hidden; }
	.mobile-slideshow-container .next-button-container{  bottom:0em; display:block; position:absolute; }

	.mobile-green-line{ height:1px; width:100%; background:rgb(43,181,115); bottom:5em; position:absolute}

	.landing-section-container-all, .location-container-box{ float:none!important; margin:0 0 8em 0!important; padding-bottom:2em; border-bottom:none;}


	.full-width-container.home-intro .landing-section-container-all{ float:none!important; margin:0 0 8em 0!important; padding-bottom:0em; }

	.landing-section-container-all:nth-child(2){ border-bottom:1.8px solid transparent}
	.landing-section-container-all:nth-child(3){ border-bottom:1.8px solid transparent }

	.landing-section-container-all:nth-child(even), .location-container-box:nth-child(even){ margin-left:0em!important}
	.landing-section-container-all:nth-child(odd), .location-container-box:nth-child(odd){ clear:none!important; }


	.location-container-box{ margin:0 0 2em 0!important; padding-bottom:1em; }

	.landing-section-container-all, .location-container-box{ width:100%!important; position:absolute!important; top:0%!important; left:0!important; transform:translateX(-100%); animation-duration:400ms; animation-fill-mode:forwards; animation-iteration-count:1;  }

	.landing-section-container-all.slideshow-right-center, .location-container-box.slideshow-right-center{ animation-name:slideshow-right-center;  }
	.landing-section-container-all.slideshow-center-left, .location-container-box.slideshow-center-left{ animation-name:slideshow-center-left; }
	.landing-section-container-all.slideshow-left-center, .location-container-box.slideshow-left-center{ animation-name:slideshow-left-center; }
	.landing-section-container-all.slideshow-center-right, .location-container-box.slideshow-center-right{ animation-name:slideshow-center-right; }



	.facilities-card-all-container{  display:block; height:20em;  }

	/*nutshell*/
	.mobile-full-width.inner-container, .lightbox-facilities-container.inner-container{ width:100%; }
	.mobile-full-width.inner-container .between-line{ width:90%; }
	.nutshell-title { margin-bottom:2em }
	.nutshell-card-all-container { width:100%; display:block; overflow:hidden;  }
	.between-line { margin:4em auto 0 auto}

	.nutshell-card-container-outer.center { top:0em; }
	.nutshell-card-container-outer.nutshell-right-center, .facilities-card-all-container > div.nutshell-right-center{ animation-name:nutshell-right-center;  }
	.nutshell-card-container-outer.nutshell-center-left, .facilities-card-all-container > div.nutshell-center-left{ animation-name:nutshell-center-left; }
	.nutshell-card-container-outer.nutshell-out-right, .facilities-card-all-container > div.nutshell-out-right{ animation-name:nutshell-out-right; }
	.nutshell-card-container-outer.nutshell-left-center, .facilities-card-all-container > div.nutshell-left-center{ animation-name:nutshell-left-center;  }
	.nutshell-card-container-outer.nutshell-center-right, .facilities-card-all-container > div.nutshell-center-right{ animation-name:nutshell-center-right; }
	.nutshell-card-container-outer.nutshell-out-left, .facilities-card-all-container > div.nutshell-out-left{ animation-name:nutshell-out-left; }
	.nutshell-card-container-outer, .facilities-card-all-container > div{  width:calc(35%); position:absolute; left:50%; transform:translateX(-50%); animation-duration:400ms; animation-fill-mode:forwards; animation-iteration-count:1;}
	.nutshell-image { padding-bottom:90%; background-position:center; background-size:cover;  }
	/*nutshell*/

	/*banner*/
	.home-container.banner{ top:0; height:80vh; min-height:30vw }
	.home-container.banner.place{  height:60vw; min-height:35vw }


	/*banner*/


	.hm-inner-content.home .hm-right-content .hp-button-container {  margin:2em 0 0 0; float:none }



	.hm-container.event .hm-logo-container { width:100%; float:none; }

	.hm-right-content.event { float:none; width:100%; position:relative; margin-top:2.5em; text-align:left;    }
	.hm-right-content.event .txt-small { font-size:1em }
	.hm-right-content.event .txt-normal { font-size:1em }
	.happy-event-bottom-content { display:none}

	.hm-container.event .next-button-container { position:relative; bottom:none; right:none; float:right;   }
	.hm-container.event { padding:2em 0 6em 0; }

	.motto-txt { width:100%; white-space:normal}
	.fadeinele.active .motto-txt{
	animation:none;}



	/*	responsive lightbox*/
	.lightbox-left-container{ padding-bottom:70%;/* 20220610*/ }
	.lightbox-left-container, .lightbox-right-container{ float:initial; width:100% }
	.lightbox-right-container { padding:1em 0 0 0;}
	.lightbox-right-body { max-height:10em; overflow-y:scroll; margin-bottom:0em; }
	/*	responsive lightbox*/


	.landing-section-container-all.reverse{ flex-direction:row;  }
	.landing-section-container-all.reverse .section-container-text{ margin-left:4em;  margin-right:0em; }



	.facilities-card-container-outer .infinitus-slideshow-container-inner .facilities-card-image {padding-bottom:30%;}

	/*
	.hm-right-content.event.home .hm-right-body{  margin-bottom:2em; height:auto; }
	.hm-right-content.event.home .hm-right-body > div{ width:calc(100% - 0px); }

	.coummunity-engagement-container .lightbox-right-body{ height:10em; overflow-y:scroll; -webkit-overflow-scrolling: touch; }
	*/
	.hm-right-content.event.home{ overflow:auto; height:auto; margin-bottom:1em; }
	.hm-right-content.event.home  > div{ width:calc(100% - 0px); }


	.coummunity-engagement-container .lightbox-right-container{ overflow:hidden; height:auto;  }
	.coummunity-engagement-container .lightbox-right-container  > div{  width:calc(100% - 0px);}



	.play-button { width:6em; height:6em; }
	.play-button-circle { border-style:solid; border-width:1.3em 0 1.3em 1.8em; border-color: transparent transparent transparent #fff }



}





@keyframes nutshell-right-center{
	0%   { transform:translateX(calc(50% + 1.5em));  }
	100% { transform:translateX(-50%);   }
}
@keyframes nutshell-center-left{
	0%   { transform:translateX(-50%);  }
	100% { transform:translateX(calc(-150% - 1.5em));  }
}
@keyframes nutshell-out-right{
	0%   { transform:translateX(calc(150% + 1.5em));  }
	100% { transform:translateX(calc(50% + 1.5em));   }
}

@keyframes nutshell-left-center{
	0%   { transform:translateX(calc(-150% - 1.5em));  }
	100% { transform:translateX(-50%);   }
}
@keyframes nutshell-center-right{
	0%   { transform:translateX(-50%);  }
	100% { transform:translateX(calc(50% + 1.5em));  }
}
@keyframes nutshell-out-left{
	0%   { transform:translateX(calc(-250% - 1.5em));  }
	100% { transform:translateX(calc(-150% - 1.5em));   }
}




@media only screen and (min-width:0px) and (max-width:768px) {
	html,body{ font-size:14px; }

	/*banner*/
	.home-container.banner.place{  height:80vw; min-height:30vw }


	/*banner*/

	.nutshell-card-container-outer, .facilities-card-all-container > div{  width:calc(45%); position:absolute; left:50%; transform:translateX(-50%); animation-duration:400ms; animation-fill-mode:forwards; animation-iteration-count:1;}
	.nutshell-image { padding-bottom:100%; background-position:center; background-size:cover;  }


	.landing-section-container-all { flex-wrap: wrap; }
	.section-container{ margin-top:0em }
	.section-container-img{  padding:0; width:100% }
	.section-container-text{ max-width:100%; margin-left:0; padding-bottom:0em; }
	.landing-section-container-all .section-container-text .section-container-body { padding-bottom:0em }

	.maps-dropdowns-container { width:calc( 100% - 2em ); padding:0 1em; }
	.map-reset { position:relative; margin:0 auto 2em auto; width:50%; opacity:0.5; }
	.hm-image { background-size:cover;  }
	.inner-container.card{ width:100%; }
	.hm-inner-content.home .hm-logo-container { width:100%; float:none;}
	.hm-inner-content.home .hm-logo { width:100%; background-position:center; padding-bottom:20%; margin-bottom:2em   }
	/*.hm-inner-content.home .hm-right-content .hp-button-container {  margin:2em 0 0 0; float:none } */
	.hm-right-content{ width:100%; text-align:center;}
	.lightbox-container .hm-logo {width:60%; padding-bottom:30%; margin:0 auto 2em auto; background-position:center center; }

	.lightbox-container .hm-logo-container{ width:100% }
	.lightbox-container .hm-right-content{ width:100%; }
	.lightbox-container .close-container { position:relative; top:0; right:0em; float:right;}

	.sustain-section-container .next-button-container { position:relative;  }


	.close-lightbox-container { width:100%; margin:auto; margin-bottom:0em; z-index:99;}

	.full-width-container.home-intro{ padding-bottom:15em; }
	.about-overlap-txt.txt-small { font-size:1em}
	.landing-section-container-all.reverse .section-container-text{ margin-left:0em;  margin-right:0em; }
	.hm-image-cover-opacity { position:absolute; background: linear-gradient(to top, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0));}
	.hm-inner-content.home .txt-standard { font-size:1.2em }
	.hm-inner-content.home .hm-right-body { width:90%; margin:auto }



}


@media only screen and (min-width:640px) and (max-width:1023px) {
	.map-container.active{ height:60vw; }
}


@media only screen and (min-width:480px) and (max-width:767px) {


	/*	responsive hero-text homepage*/
	.landing-hero-section-text{margin:4em auto 2em auto; width:85%}
	/*	responsive hero-text homepage*/


	.inner-container.card{ width:100%; }

	/*	responsive award-logo*/
	.award-container { min-width:85%;}
	.award-logo{ width:auto; height:5em;  }
	/*	responsive award-logo*/


	/*	responsive about-us about 20220112*/
	.about-container-all{flex-wrap: wrap;}
	.about-container-heading{width:50%}
	.about-container-body{width: 100%}
	/*	responsive about-us about 20220112*/


	/*	responsive grey-card about jessica*/
	.grey-container-inner{flex-wrap: wrap;}
	.grey-container-heading.mobile{display:block}
	.grey-container-body{width:60%; } /*jessica 20220112*/

	.grey-container.memories .grey-container-inner{ margin:1.5em; }

	/*	responsive grey-card about jessica*/



}


@media only screen and (min-width:0px) and (max-width:479px) {
	html,body{ font-size:14px; }
	.nutshell-card-container-outer, .facilities-card-all-container > div{  width:calc(82%); position:absolute; left:50%; transform:translateX(-50%); animation-duration:400ms; animation-fill-mode:forwards; animation-iteration-count:1;}
	.facilities-card-container-outer .infinitus-slideshow-container-inner .facilities-card-image {padding-bottom:23%;}
	.hm-inner-content.home .txt-standard { font-size:1em }
	.hm-inner-content.home .hm-right-body { width:100%; margin:auto }


	.full-width-container.home-intro{ padding-bottom:5em; }

	.enhancement-all-container .green-container { margin-top:2em; }
	.header-container{ height:4.5em; }

	/*	responsive hero-text homepage*/
	.landing-hero-section-text{margin:4em auto 2em auto; width:90%; line-height:1.4 }
	.home-visual-container{ position:relative; width:160%; margin:2em auto 6em auto;  }
	/*	responsive hero-text homepage*/

	/*	responsive green-card homepage*/
	.nutshell-title { width:65%; margin: 0em auto 1.5em auto; }
	/*	responsive green-card homepage*/

	/*	responsive award-logo homepage*/
	.award-container { min-width:80%;}
	.award-logo{ height:4em;  }
	/*	responsive award-logo*/


	/*footer*/
	.footer-logo-container{ height:3em; padding:0; }
	.footer-middle-container{ flex-direction: column-reverse;align-items: flex-start}

	.footer-media-container{ float: left; margin:1.5em 0;}
	.footer-media-facebook{ width:2em; height:2em;}
	.footer-media-wechat{ width:2em; height:2.28em;}
	.footer-media-youtube{ width:2em; height:2.5em;}
	.footer-contact-container{ float: left; padding:0em 0 3em 0; }
	.footer-menu-container { text-align:left; display:inline-block}
	.footer-menu-ele{ position:relative;  margin-bottom:0.3em; margin-right:1em   }
	.footer-copyright-container{width:100%; text-align:left;}
	/*footer*/
	.section-container-heading{ padding:1em 0 0.5em 0;}

	/*happy-moment-mia*/
	.hm-logo-container { width:100%; float:none; }
	.hm-logo {margin:auto; width:45%; padding-bottom:30%; }

	.hm-inner-content.innovation .happy-event-image{  padding-bottom:66%;  }
	.hm-inner-content { width:100%; }



	.hm-container.event .next-button-container {position:relative; bottom:none; right:none; float:right;  }
	.hm-container.event { padding:2em 0 6em 0; }
	.nutshell-card-container {border-radius:1em;}
	.nutshell-image { border-radius:1em 1em 0 0  }


	/*happy-moment-mia*/

	/*lightbox*/
	.about-container-all { display:block; justify-content:none;}
	.about-container-heading {width:100%; }
	.about-container-body{ width:100%;}

	/*
	.happy-moment-container .hm-container { border-radius:0em 0em 0 0; box-shadow:none; }
	.happy-moment-container { margin:0em auto; border-radius:0em; }
	.lightbox-container.happymoment .hm-right-body { line-height:1.4 }
	.lightbox-container.happymoment .lightbox-container-inner .inner-container { width:100% }

	.lightbox-container.happymoment .about-container .container-inner.inner-container { width:90%}
	.lightbox-container.happymoment .about-container-all { padding:3em 0 2em 0}
	.lightbox-container.happymoment .hm-footer-background .inner-container { width:90%; }
	.lightbox-container.happymoment .infinitus-gallery-ele {margin-bottom:0; }
	*/
	.facilities-card-txt-container .facilities-card-title { line-height:1.2; font-size:1.2em }

	.grey-container.memories .grey-container-all { padding:3em 0 3em 0; }
	.grey-container.memories .grey-container-inner{ transform:translateY(0%); margin-top:0em; }
	.gallery-memories-illustration-container { left:0; position:relative; float:right; margin-right:1em; width:15%; padding-bottom:15%; background-color:#f4f4f4; top:0em }
	.gallery-memories-illustration { width:5em; height:5em; }
	.memories-illustration {  width:5em; padding-bottom:auto;  }
	.infinitus-gallery-ele-visual{ padding-bottom:80%; border-radius:0px 0px 15px 15px }
	.infinitus-gallery-ele-cover{ width:calc(100% + 0.9%); left:-1px; padding-bottom:calc(15.84% - 0.2em); }
	.grey-container.memories .next-button-container { position:relative; margin-top:-1em; right:none; float:right;}

    .lightbox-container-inner .hm-footer-background .footer-contact-container {width:64%; margin-bottom:1em; margin-left:auto!important; margin-right:auto!important; text-align:center; float:none;  }
	.lightbox-container-inner .hm-footer-background .footer-contact-container br{ display:none}
	.lightbox-container-inner .hm-footer-background .footer-contact-body {width:100%; }
	.lightbox-container-inner .footer-contact-inner-container {width:100% }
	.lightbox-container-inner .hm-footer-contact-contaienr.txt-small { font-size:1em}
	.lightbox-container-inner .contact-info-label { width:30%}
	.lightbox-container-inner .contact-info {  float:left; }
	.lightbox-container-inner .footer-contact-socialmedia-container { margin-top:2em; float:left;}

	.lightbox-container-inner .infinitus-gallery-container { transform:translateY(-5%) }








	/*lightbox*/

	/*mia-0112*/
	.innovation-banner-inner { width:100% }
	.home-container.banner{ height:70vh }
	.leader-body-container { width:100%; }
	.leader-body { float:none; width:100%; }
	.leader-body.right { margin-top:1em; width:100%;  }
	.leader-body-list-label{ margin-right:1em }
	.leader-body-list-txt { position:relative; width:calc( 100% - 3em ); float:left; }

	.location-container-box{margin:auto; padding:0;}
	.location-container { padding:0 0 2em 0 ; }

	/*mia-0112*/


	/*mia-0113-place*/
	.maps-dropdowns-container { display:block; justify-content:none; height:2.5em; margin:auto;  }
	.maps-dropdown-container{ width:calc( 50% - 0.5em - 2px ); margin:0 1em 1em 0; float:left;  }
	.maps-dropdowns-container > div:nth-child(even) { margin:0 0 0.5em 0; }
	.world-container .txt-title { line-height:1.1; adding:0em 0 1em 0; width:90%; margin:auto   }
	.maps-container{ margin-top:0em }
	.location-container .inner-container {width:100% }
	.place-different-title { line-height:1.1 }
	.location-container-body{padding: 2em 0 0 0;}


	.banner-indicator-container{ bottom:2em; }


	.location-container-all{position:relative; padding:2em 0; }

	.next-button-container.lightbox { width:80%; }
	.grey-container.memories .next-button-container { float:none;}
	.full-width-container.home-intro .landing-section-container-all{ margin:0 0 8em 0!important;  }


	.coummunity-engagement-container .lightbox-right-body{ height:7.6em;  }

}







@media only screen and (min-width:0px) and (max-width:375px) {
	html,body{ font-size:12px; }
	/*	responsive hero-text homepage*/
	.landing-hero-section-text{ line-height:1.3 }
	.home-visual-container{ width:170%;  }
	/*	responsive hero-text homepage*/
	.infinitus-gallery-ele-cover{ width:100%; left:0px;}



}


@media only screen and (min-width:0px) and (max-width:320px) {
	html,body{ font-size:12px; }

	/*	responsive hero-text homepage*/
	.landing-hero-section-text{ line-height:1.2 }
	.home-visual-container{ width:130%;  }
	/*	responsive hero-text homepage*/

	.all-container.innovation .home-container.banner .innovation-banner-inner { font-size:0.8em; line-height:1.5;}
	.all-container.innovation .home-container.banner .innovation-banner-content-text {padding:1.5em 0}
	.all-container.innovation .home-container.banner .innovation-banner-inner .txt-large { font-size:1.5em}

	.full-width-container.home-intro{ padding-bottom:15em; }
	.facilities-card-container-outer .infinitus-slideshow-container-inner .facilities-card-image {padding-bottom:20%;}

}

/*20220111-mia*/

@media only screen and (min-width:480px) and (max-width:639px) {
	html,body{ font-size:13px; }

	/*	responsive hero-text homepage*/
	.landing-hero-section-text{margin:4em auto 2em auto; width:85%}
	/*	responsive hero-text homepage*/


	/*	responsive award-logo*/
	.award-container { min-width:85%;}
	.award-logo{ height:6em; }
	/*	responsive award-logo*/


}



@media only screen and (min-width:640px)  and (max-width:1023px) {

}


@media only screen and (min-width:1024px) and (max-width:1279px) {
	/*banner*/
	.home-container.banner{ height:60vh; }

	.menu-container{}
	.menu-container-ele{ margin-right:2.5em;	}
}


@media only screen and (min-width:1280px) and (max-width:1599px) {

}
/*responsive*/


.video-back-container{ position:fixed; top:0; left:0; width:100%; height:100%; overflow:scroll; display:none; z-index:3 }
.video-close-container-inner{ position:absolute;  top:0; left:0; width:100%; height:100%; min-height:100%; }

.video-back-container-inner{ position:absolute;  top:0; left:0; width:100%; height:46em; min-height:100%; overflow:hidden; background:rgba(0,0,0,0.6); }
.video-back-container.active{ display:block; }
.video-container{  position:absolute; top:50%; left:50%; width:90%; max-width:1024px; transform:translate(-50%,-50%); height:calc(100% - 12em); }
#yt-player, #vimeo-player{
	width:100%; height:100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#vimeo-player{ height:0; padding-bottom:56.25%; }
#vimeo-player.hp.inactive{  }

.video-back-container .close-container{ position:absolute; right:0em; top:0em; }
#vimeo-player iframe,
#vimeo-player object,
#vimeo-player embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-back-container .close-container{ top:10em; position:absolute; }
@media only screen and (min-width:0px)  and (max-width:1023px) {
	.video-back-container .close-container{ top:8em; right:-0.2em  }
}

.fadeinele{ opacity:0; transform:translateY(2em); transition:opacity 400ms linear, transform 500ms ease-out!important }
.fadeinele.offsethalf{ transform:translateY(1em);  }
.fadeinele.active{ opacity:1; transform:translateY(0em); }

.fadeinele.delayA.active{ transition-delay:100ms; }
.fadeinele.delayB.active{ transition-delay:200ms; }
.fadeinele.delayC.active{ transition-delay:200ms; }