@charset "UTF-8";
/* CSS Document */
 
.header-container .menu-container-ele.hover{ color:rgb(43,181,115);  }
.header-container .menu-container-ele.active { color:rgb(43,181,115);  }

/* Grid */
.leadership-container{background: #fffff; }
.leadership-heading{text-align: center;padding: 1em 0;}
.float-container{ display:grid;  margin:auto; gap: 1em; }
.float-item{width:100%; height:0em; padding-bottom:95%; position:relative; cursor:pointer}
.float-item.long{ padding-bottom:133%;  }
.float-item > div:first-child { position:absolute; border-radius:1em; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer}

.float-item.top > div:first-child {background-position:top; }


.float-item:nth-child(1){ grid-area: 1 / 1 / 3 / 1; }
.float-item:nth-child(2){ grid-area: 1 / 2 / 3 / 2; }
.float-item:nth-child(3){ grid-area: 1 / 3 / 3 / 3; grid-row-end:2; }

.float-item:nth-child(4){ grid-area: 2 / 1 / 4 / 1;  }
.float-item:nth-child(5){ grid-area: 1 / 2 / 4 / 2; transform:translateY(calc(71.4% + 1em)); }
.float-item:nth-child(6){ grid-area: 2 / 3 / 4 / 3;  }
/* Grid */


/*green card*/
.green-container.about .green-content-container > div:nth-child(1) {display: block}
.green-container.about .green-content-container > div:nth-child(2) {display: none}
.green-content-container{width:100%;}
.infinitus-gallery-ele-inner { position:relative; width:90%; opacity:1; background-size:none; background-repeat:no-repeat; background-position:center center}
/*.green-card-img { position:relative; width:100%; padding-bottom:100%; background-repeat:no-repeat; background-position:center; background-size:cover;  }*/
.green-card-img.size { background-size:auto 100%; background-position:right center}
.green-card-img { position:relative; width:100%; padding-bottom:80%; background-repeat:no-repeat; background-position:center; background-size:cover; }


.test-overlap-cover-img { position:absolute; top:0; width:100%; height:100%; background-color:rgba(229,144,122,0.75); opacity:0; transition:opacity 200ms linear;  }

.infinitus-gallery-ele.left-to-center, .infinitus-gallery-ele.right-to-center{ cursor:pointer; }
.infinitus-gallery-ele.left-to-center .test-overlap-cover-img.hover, .infinitus-gallery-ele.right-to-center .test-overlap-cover-img.hover { opacity:1 } 
.test-overlap-cover-img .overlap-txt-about { width:60%; position:absolute; bottom:0; left:0; background-color:#fff}
/*green card*/


/*blue card*/
.grey-container-all.yellow{background:#ffad03 }
.grey-container{ background:#ffad03}
.grey-container.about{ background:#5693f4;} 
.card-background.grey{background-color:#5693f4;  }
/*blue card*/

/*white card*/
.white-container{width:100%; position: relative; background: #F4F4F4;}
.card-background.white {background-color:#ffad03;}
.white-container-all{position: relative; margin:auto; background-color: #fff;  border-radius: 2em 2em 0 0; box-shadow: 0 -0.5em 0.5em 0 rgba(143, 143, 143, 0.2); padding:4em 0; align-item:center; display: flex; justify-content: center;}
.white-container-all.grey{background-color:#f4f4f4}
.white-container-left{border-right: 0.1em solid rgb(43,181,115);}
.white-container-heading{position: relative; padding: 0 2em;margin:auto ; text-align: center;} /*jessica 20220114*/
.white-container-body{padding: 0.5em 0 0 5em; align-items:center;}/*jessica 20220112*/
/*white card*/





/*location section*/
.full-width-container.pink{ background-color:rgb(43,181,115); transition:background 400ms linear; padding-bottom:0em; }
.location-container.about .location-container-all{ padding:0em 0;}
.location-container.about .location-container-row.first .location-container-box {margin-top:0}
.location-container-body-box{position:relative; width: 100%; padding: 2em 0;}
.location-container-left{width:20%; margin-right:0.5em;}
.location-container-right{width:78%;}
.about-container.about { margin-top:0 }
.about-container.about .about-container-all{ padding:5em 0 4em 0;}
.location-container-more{ margin-bottom:0vh; padding-bottom:8em}

.location-container-box{ float:left; margin:1em 0!important; width:calc(50% - 2em); }
.location-container.about .location-container-box:nth-child(1){ border:none  }
.location-container.about .location-container-box:nth-child(2){ border:none  }

.location-smallbox{position:relative; width:100%; display:flex; justify-content: space-between;}
.location-box-left{position:relative; width:15%; margin-right:0.5em;}
.location-box-right{position:relative; width:85%;}

/*location section*/
 



/*grey card*/
.grey-container-heading.mobile{display:none; text-align:center;margin:auto;}
/*grey card*/







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



@media only screen and (min-width:0px) and (max-width:1023px) {
	
	.leadership-heading { padding:3em 0 1.5em 0; }
	/*	responsive location section*/
	.location-container.about .location-container-box{ padding-bottom:0em; }
	.location-container.about .location-container-box{ border:none  }
	/*	responsive location section*/
	
	/*	responsive slideshow*/
	.mobile-slideshow-container{ padding-bottom:1em }	
	.mobile-slideshow-container .next-button-container{ bottom:3em;}
	
	.green-content-container { padding:3em 0;}
	.green-card-img { padding-bottom:60%;  }
	.green-container.about .infinitus-gallery-ele { width:calc(100% - 15em); height:auto; }
	.green-container.about .infinitus-gallery-ele-inner { position:relative; width:calc(100% - 2em); height:auto;  }
	.green-container.about .infinitus-gallery-container-inner{ position:relative;  }
	.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;}
	/*	responsive slideshow*/
	
	/*	responsive green-card*/
	.green-container.about .green-content-container > div:nth-child(1) br {display: none}
	/*
	.green-container.about .green-content-container > div:nth-child(1) {display: none}
	.green-container.about .green-content-container > div:nth-child(2) {display: block; width:65%}
	*/
	.green-container-body{width:90%}
	.green-card-img.size { background-size:cover; }
	/*	responsive green-card*/
	
	/*	responsive grey-card*/
	.grey-container-inner{flex-wrap: wrap;}
	.grey-container-heading.mobile{display:block;padding: 0.5em;}
	.grey-container-body{width:92%; text-align: center; margin:auto}
	/*	responsive grey-card*/
	
	/*	responsive white-card*/
	.white-container-all{flex-wrap: wrap;}
	.white-container-left{width:70%; border-right: none;border-bottom: 0.1em solid rgb(43,181,115);padding-bottom:2em;}
	.white-container-heading{padding-bottom:0.3em;}
	.white-container-body{padding: 1em 0; width: 90%; margin-top:1em; text-align:center;}
	/*	responsive white-card*/
	
	.all-container.about .leadership-container .overlap-txt-about { padding:1em; width:calc( 100% - 2em ) }
	.test-overlap-cover-img .overlap-txt-about { background-color:#5693f4; color:#fff }
	
	
}

@media only screen and (min-width:0px) and (max-width:768px) {
	.float-item.image > div:first-child { background-position:bottom center; }
	.float-container{ margin:auto; gap:0em; -moz-column-count:2;
		-webkit-column-count:2;
		column-count:2;
		-moz-column-gap:4%;
		-webkit-column-gap: 4%;
		column-gap:4%;
		display:block }
	.float-container > div:nth-child(odd) { margin-right:4% } 
	.float-container > div:nth-child(1) { padding-bottom:150%; }
	.float-container > div:nth-child(2) { padding-bottom:120%;  }
	.float-container > div:nth-child(3) { padding-bottom:150%;  }
	.float-container > div:nth-child(4) { padding-bottom:120%; }
	.float-container > div:nth-child(5) { padding-bottom:120%; transform:none}
	.float-container > div:nth-child(6) { padding-bottom:120%; transform:none  }
	.float-item{ width:100%; padding-bottom:100%; position:relative; cursor:pointer; margin-bottom:4%;
		display:inline-block;  margin-top:0 }
	.float-item.long{ padding-bottom:auto; }
	.float-item > div:first-child { clear:both}
	
	.overlap-cover { position:absolute; border-radius:1em; bottom:0; width:100%; height:auto;  background-color:rgba(43,181,115,0.75); opacity:1; transition:none; }
	.float-item .overlap-txt-about .txt-large { font-size:1.8em}
	.float-item .overlap-txt-about { position:relative; padding:0.5em; width:calc( 100% - 1em ); }
	.float-item.last .txt-huge { font-size:2.8em}
	.float-item.last .overlap-txt-about { position:absolute; bottom:0 }
	.overlap-cover.pink { background-color:rgba(229,144,122,0.75); opacity:1 }
	.overlap-cover.blue { background-color:rgba(86,147,244,0.75); opacity:1 }
	.overlap-cover.yellow { background-color:rgba(244,175,62,0.75); opacity:1 }
}

@media only screen and (min-width:0px) and (max-width:767px) {
	.all-container.about .grey-container-all .grey-container-body { max-width:none;}
	
	.green-container.about .infinitus-gallery-ele { width:calc(100% - 8em); height:auto; }
	.green-container.about .infinitus-gallery-ele-inner { position:relative; width:calc(100% - 2em); height:auto;  }
	.leadership-heading { padding:2.5em 0 1em 0; }
	
	.location-box-left {  width:15%; margin-right:0.3em;}
	.location-box-right { width:85%; }
	
}

@media only screen and (min-width:480px) and (max-width:767px) {
	
	/*	responsive grid*/
	.overlap-txt-about { padding:1em; }
	/*	responsive grid*/
	
	/*	responsive leadership*/
	.leadership-heading{text-align:left}
	/*	responsive leadership*/
	
	/*	responsive green-card*/
	.green-container.about .green-content-container > div:nth-child(2) {width:70%}
	.green-container-body{width:90%}
	/*	responsive green-card*/
	
	/*	responsive green-card*/
	.green-container-heading{width:90%}
	/*	responsive green-card*/
	
	
	.innovation-banner-content-txt-container { padding:3em ; } 
}



@media only screen and (min-width:0px) and (max-width:479px) {
	.float-item .overlap-txt-about { font-size:1em; line-height:1 }
	.float-item .overlap-txt-about .txt-large { font-size:1.2em; line-height:1; margin-bottom:0.3em }
	/*
	.float-container{ display:block;  margin:auto; gap:0em; }
	.float-container > div:nth-child(odd) { margin-right:4% }
	.float-container > div:nth-child(1) { padding-bottom:80%; }
	.float-container > div:nth-child(2) { padding-bottom:60%; background:blue }
	.float-container > div:nth-child(3) { padding-bottom:80%; }
	.float-container > div:nth-child(4) { padding-bottom:70%; }
	.float-container > div:nth-child(5) { padding-bottom:70%; transform:none  }
	.float-item{width:48%;  padding-bottom:70%; position:relative; cursor:pointer; float:left; margin-bottom:4%; }
	.float-item.long{ padding-bottom:auto; }
	.float-item > div:first-child { position:absolute; border-radius:1em; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer}
	
	.overlap-cover { position:absolute; border-radius:1em; bottom:0; width:100%; height:auto;  background-color:rgba(43,181,115,1); opacity:1; transition:none; }
	
	.float-item .overlap-txt-about { position:relative; padding:0.5em; width:calc( 100% - 1em ); }
	
	.overlap-cover.pink { background-color:rgba(229,144,122,1); opacity:1 }
	.overlap-cover.blue { background-color:rgba(86,147,244,1); opacity:1 }
	.overlap-cover.yellow { background-color:rgba(244,175,62,1); opacity:1 }
	*/
	.float-item.last .txt-huge { font-size:2em }
	
	.green-content-container{width:90%; margin:auto }

	.mobile-slideshow-container .next-button-container{ bottom:1em;}
	/*	responsive grid*/

	/*	responsive grid*/
	
	/*	responsive leadership*/
	.leadership-heading{text-align:left}
	/*	responsive leadership*/
	
	/*	responsive location section*/
	.location-container.about .inner-container {width:90%}
	.location-container-heading.about{width:90%; margin: auto;}
	/*	responsive location section*/

	/*	responsive green-card*/
	.green-container.about .green-content-container > div:nth-child(2) {width:75%}
	.green-container-body{width:100%;padding-top: 1.5em;}
	/*	responsive green-card*/
	
	/*	responsive grey-card*/
	.grey-container-inner{flex-wrap: wrap;}
	.grey-container-heading.mobile{display:block; padding: 0.5em;}
	.grey-container-body{width:92%; text-align: center; margin:auto} /*edit main.css 20220114*/
	/*	responsive grey-card*/
	
	/*	responsive white-card*/
	.white-container-all{flex-wrap: wrap;}
	.white-container-left{border-right: none;border-bottom: 0.1em solid rgb(43,181,115);padding-bottom:2em;}
	.white-container-heading{padding: 0 0 0.3em 0; width:80%}
	.white-container-body{padding: 1em 0; width: 90%; margin-top:1em; text-align:center;}
	/*	responsive white-card*/
	
	
	/*	responsive slideshow*/
	.green-card-img { padding-bottom:60%;  }
	.green-container.about .infinitus-gallery-ele { width:100%; height:auto; }
	.green-container.about .infinitus-gallery-ele-inner { position:relative; width:100%; height:auto;  }
	.green-container.about .infinitus-gallery-container-inner{ position:relative;  }
	.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;  }
	/*	responsive slideshow*/
}

@media only screen and (min-width:0px) and (max-width:320px) {
	.location-box-left {  width:15%; margin-right:0.3em;}
	.location-box-right { width:85%; }

	/*	responsive slideshow*/
	.green-container-body{padding-top: 1em;}
	/*	responsive slideshow*/

}

.grey-container-heading.mobile br{ display:none}

/*hppm css*/
.lightbox-container.hppm .hm-logo-container{ width:100%!important; }
.lightbox-container.hppm .hm-logo.lightbox { width:20%!important; padding-bottom: 15%; margin: 0px; }
.location-container-box:nth-child(odd){ clear:both}
.location-container-box:nth-child(even){ margin-left:4em!important; }
.lightbox-container.hppm .hm-content h2 {text-align: center; margin-bottom: 1em;}
.location-container.portfolio .location-container-box:nth-child(even){ margin-left:0em!important; }
.lightbox-container.hppm .location-container-all { padding:0px; font-size: 13px; }
.lightbox-container.hppm .location-container-body-box { padding: 0px; }
.lightbox-container.hppm .location-smallbox.address { margin-top: 1.5em; }
.lightbox-container.hppm .close-lightbox-container { padding-bottom: 0px; }
.lightbox-container.hppm .portfolio-container { padding-top: 1em; }
.lightbox-container.hppm .hm-content-container { padding-bottom: 2em; }
.lightbox-container.hppm .hm-body { margin-top: 1.5em;}
.happy-moment-container .hm-container { padding: unset; padding-top: 3em; }
.location-container.portfolio .location-container-box .location-img { max-width: 50%!important; }

@media only screen and (min-width: 0px) and (max-width: 1023px) {
	.location-container.portfolio .location-container-box { position: initial!important; transform: unset;}
	.lightbox-container.hppm .location-smallbox { font-size: 16px; }
	.happy-moment-container { background: unset;}
	.location-container.portfolio .location-container-box:nth-child(even){margin-left:0em!important;}
	.location-container-box:nth-child(even){ margin-left:0em!important; }
}