@charset "UTF-8";
/* CSS Document */

.menu-bar-inner.active .header-container.white .menu-rectangle{ background-color:#000 }
.banner-container-master{ width:100%; position:fixed; top:0 }

/*banner*/
.home-container.banner{ height:60vh; min-height:36vw; position:relative; top:0px; display:block}
.home-container.place .innovation-banner-txt-title { margin-bottom:0.1em  }
.home-container.place .innovation-banner-content-txt-container { position:absolute; left:50%; top:78%; transform:translate(-50%,-50%); width:90%; bottom:auto; max-width:1024px; line-height:1; text-shadow:4px 4px 8px rgba(0,0,0,0.5); text-align:left  }

/*.banner-cover-bottom-green { position:absolute; bottom:2em; left:50%; transform:translate(-50%,2px);  margin:auto; width:90%; padding-bottom:3.1%; max-width:1024px; background-position:bottom center; background-repeat:no-repeat; background-size:contain; background-image:url("../img/place/banner-wave.svg");  pointer-events:none } */
.banner-cover-bottom-bar { position:relative; width:100%; background-color:rgb(43,181,115); transform:translateY(-2em); padding-bottom:2em }
.place-banner-bottom-container { position:relative; width:100%; }
.place-banner-bottom-container .leader-content-container { width:80%; max-width:921px; min-width:700px; margin:auto; padding:3em 0; height:auto; }
.place-banner-all-container .leader-body-container { padding:3em 0 0 0; width:100%;  }
.place-banner-bottom-container .leader-body { width:45%; padding-right:calc( 5% - 1px ); border-right:1px solid #fff }
.place-banner-bottom-container .leader-body.right { border:none; padding-right:0; padding-left:calc( 5% - 1px ); width:45%; float:left; }
.place-leader-ele-container .leader-body-list-label { width:20% }
.place-leader-ele-container .leader-body-list-txt { width:calc( 100% - 20% - 2em); float:left  }
.place-banner-all-container .place-leader-ele-container { position:relative; width:100%; height:5em }
/*banner*/

.cnt-container.first  .full-width-container:nth-child(2){ padding-bottom:0 }


/*different*/
.cnt-container.first .full-width-container{ padding-top:4em; -webkit-transform: translateZ(0); transform: translateZ(0); }

.place-different-title { width:100%; margin:0em auto 0.5em auto; text-align:center   }
.place-different-character  { position:relative; width:20%; padding-bottom:15%; margin:auto; background-position:center; background-repeat:no-repeat; background-size:contain;  }
.cnt-container .white-shadow-container.top { background:none }
/*different*/

/*different pink*/
.location-container-box.pink {border-top: 0.1em solid #fff;}
/*different pink*/

/*enhancement*/
.enhancement-all-container { padding:3em 0 5em 0; width:100%; text-align:center  }
.enhancement-all-container .enhancement-title { margin:0 auto 1em auto; }


.sustain-section-image { position:relative; width:100%; height:50vh; border-radius:2em 2em 0 0; background-position:bottom center; background-repeat:no-repeat; background-size:cover; box-shadow: 0 -0.5em 0.5em 0 rgba(143, 143, 143, 0.2);} 
.sustain-section-container { position:relative; width:100%; background-color:#efefef; padding:5em 0; margin-top:-6em; border-radius:2em 2em 0 0;  background:#fff }
.sustain-section-txt { width:35%; position:absolute; left:0; top:0; z-index:1; height:100%; transform:translateY(0%); line-height:1; background-color:#fff  }
.sustain-section-container .hm-right-content { width:60%; margin-top:0em;}
.sustain-section-container .next-button-container { z-index:1; } 

.hm-right-content{ padding-bottom:4em; }

.enhancement-all-container .infinitus-gallery-ele-inner { position:relative; cursor:pointer; width:90%; background:none; opacity:1; background-size:none; }
.enhancement-image-container { position:relative; width:100%; padding-bottom:80%; background-repeat:no-repeat; background-position:center; background-size:cover;  }

.enhancement-all-container .test-overlap-cover-img { position:absolute; top:0; width:100%; height:100%; background-color:rgba(86,147,244,0.75); opacity:0; transition:opacity 200ms linear; }

.infinitus-gallery-ele.left-to-center .test-overlap-cover-img.hover, .infinitus-gallery-ele.right-to-center .test-overlap-cover-img.hover { opacity:1 } 

.enhancement-all-container .test-overlap-cover-img .overlap-txt-about { width:60%; position:absolute; bottom:0; left:0; background-color:#fff  } 


/*enhancement*/

.location-container-box{ float:left; margin:0 0 4em 0!important; width:calc(50% - 2em);  }
.location-container-box:nth-child(even){ margin-left:4em!important} 
.location-container-box:nth-child(odd){ clear:both } 

.sustain-section-container .infinitus-slideshow-ele .hm-inner-content { width:100%; float:none; }


.we-care-about { width:90%; }
.wecareabout-subtitle { position:relative; margin:1em 0 0.5em 0;  }
.wecareabout-body { position:relative; line-height:1.2   }




.next-button-container.green .next-button {  border:1px solid rgb(43,181,115);} 
.ce-container .next-button-container .next-button {  border:1px solid rgb(43,181,115);  } 

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

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


.lightbox-left-container{position:relative; width:48%; height:auto; float:left;}
.lightbox-slide-img {position:relative; width:100%; height:23.13em; 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:-0.5em}
.lightbox-right-title{  margin-top:0px }
.lightbox-right-subtitle{margin-bottom:1.5em}
.lightbox-right-body{margin-bottom:1.5em}
.lightbox-right-bottom { display:flex; justify-content:flex-end; position:absolute; bottom:4em; right:0; }
lightbox sustainablility-page*/




.ce-container .next-button-container {position:relative; bottom:auto; right:auto; width:auto;}

@media only screen and (min-width:0px) and (max-width:1200px) {
.enhancement-all-container { padding:3em 0;}

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

.enhancement-all-container { padding:3em 0;}
.enhancement-image-container { padding-bottom:60%;  }
.enhancement-all-container .green-container.about .infinitus-gallery-ele { width:calc(100% - 25em); height:auto; }
.enhancement-all-container .green-container.about .infinitus-gallery-ele-inner { position:relative; width:calc(100% - 2em); height:auto;  }
.enhancement-all-container .green-container.about .infinitus-gallery-container-inner{ position:relative;  }
.enhancement-all-container .green-container.about .test-overlap-cover-img { position:relative; top:auto; width:100%; height:auto; opacity:1  }
.green-container.about .test-overlap-cover-img .overlap-txt-about { width:100%; position:relative; bottom:auto; left:auto; padding:0em; height:auto; margin-top:1em;}

}


@media only screen and (min-width:0px) and (max-width:1023px) {
.location-container-box:nth-child(even){ margin-left:0em!important; }	  
.location-container-box{  padding-bottom:1em;  } 	
	
.mobile-slideshow-container{ padding-bottom:1em }	

.sustain-section-container .infinitus-slideshow-container-inner { width:100%; overflow:hidden; margin:auto; display:block; margin-top: 1em }
.sustain-section-container .infinitus-slideshow-ele .hm-right-content.event { width:100%; margin-top:0em; }


}

@media only screen and (min-width:0px) and (max-width:1000px) {
	.sustain-section-txt { width:100%; margin:auto;  position:relative; left:auto; top:auto; height:100%; transform:none; }
	.sustain-section-container .hm-right-content { width:100%; margin-top:2em;}
	
	
	
	
}



@media only screen and (min-width:0px) and (max-width:767px) {
	.enhancement-all-container .green-container.about .infinitus-gallery-ele { width:calc(100% - 8em); height:auto; }
	.enhancement-all-container .green-container.about .infinitus-gallery-ele-inner { position:relative; width:calc(100% - 2em); height:auto;  }
	.sustain-section-container .hm-right-content { width:100%; margin-top:2em; }
	.enhancement-image-container { padding-bottom:60%;  }
	
	.place-banner-bottom-container .leader-content-container { width:100%; max-width:none; min-width:0; }
	.place-banner-bottom-container .inner-container { float:none   }
	.place-banner-bottom-container .leader-body { width:100%; padding-right:0; border-right:none; border-bottom:1px solid #fff; padding:0 0 2em 0; margin-bottom:2em  }
	
	.place-banner-bottom-container .leader-body.right { border:none; padding-right:0; padding-left:0; padding:0 0 0em 0; margin-bottom:6em ; width:100%; float:none; position:relative } 
	.place-banner-bottom-container .leader-body-list-label{ margin-right:1em; width:15% }
	.place-banner-bottom-container .infinitus-slideshow-container-inner{ width:100%; display:block;}
	.home-container.place .innovation-banner-content-txt-container { top:80%;  } 

}


@media only screen and (min-width:0px)  and (max-width:479px) {
	.banner-cover-bottom-bar { transform:translateY(0em); padding-bottom:2em }
	.home-container.place .txt-huge { font-size:1.5em}
	.all-container.place .home-container.banner{ height:75vh;}
	.banner-cover-bottom-green { padding-bottom:5%;}
	.place-banner-bottom-container .leader-content-container { width:90%; max-width:none; min-width:0; }
	
	.place-banner-bottom-container .inner-container { width:100%; float:none   }
	.infinitus-slideshow-container{ position:relative; overflow:hidden; width:100%; text-align:center;  }
	/*.place-banner-bottom-container .infinitus-slideshow-ele { position:absolute; width:80%; max-width:calc(414px - 5%); padding-left:2.5% }*/
	
	.place-banner-bottom-container .leader-content-container { padding:2em 0 0 0;  }

	.enhancement-all-container { width:90%; margin:auto; padding:4em 0  }
	.enhancement-all-container .enhancement-title  { line-height:1.1; margin:0 auto 0.5em auto } 
	.enhancement-image-container { padding-bottom:60%;  }
	.enhancement-all-container .green-container.about .infinitus-gallery-ele { width:100%; height:auto; }
	.enhancement-all-container .green-container.about .infinitus-gallery-ele-inner { position:relative; width:100%; height:auto;  }
	.enhancement-all-container .green-container.about .infinitus-gallery-container-inner{ position:relative;  }
	.enhancement-all-container .green-container.about .test-overlap-cover-img { position:relative; top:auto; width:100%; height:auto; opacity:1  }
	.test-overlap-cover-img .overlap-txt-about { width:100%; position:relative; bottom:auto; left:auto; padding:0em; height:auto; margin-top:1em }
	.sustain-section-container { margin-top:-7em;}
	.sustain-section-container .hm-right-content { width:100%; margin-top:2em;}
	.place-different-character  { width:30%; padding-bottom:25%;  }
	.home-container.place .innovation-banner-content-txt-container { top:85%;  } 


}

@media only screen and (min-width:0px)  and (max-width:375px) {
.home-container.place .innovation-banner-content-txt-container { top:85%; } 
}

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

}


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

@media only screen and (min-width:700px)  and (max-width:1000px) { 
}

@media only screen and (min-width:320px)  and (max-width:699px) { 
}




