/* abour template */
/*.about-page .content-wrapper{margin:0 auto;}*/
	#about-page-header{ padding-top:150px; padding-bottom:130px; background:linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%), url(../images/bg-about.jpg) no-repeat center / cover;}
	#about-page-header h1{font-size:50px; color:white; font-weight:700; margin-bottom:20px; text-transform:none;}
	#about-page-header h2{margin-bottom:30px; color:white; }

.about-page .textbox:not(:last-child){margin-bottom:2.5rem;}
.about-page .textbox p:not(:last-child),
.about-page .textbox h2:not(:last-child),
.about-page .textbox h3:not(:last-child),
.about-page .textbox h4:not(:last-child),
.about-page .textbox h5:not(:last-child),
.about-page .textbox h6:not(:last-child){margin-bottom:1.5rem;}
.about-page .textbox .text-image.align-stretch img{width:100%; max-width: 100%;}

.about-page .bg-color-light-grey{background-color: #F6F6F6;}

.about-page .button.white:not(:hover):not(:focus){color:#333; background: #fff;}

.about-page .textbox p a.button{ display:inline-block;}

.team-principals-listing{display: flex; gap:1.5rem 7.19rem; margin-bottom:4rem;}
.team-principals-listing .item{display:flex; align-items: flex-start; gap:1.5rem; flex-basis: 50%;}
.team-principals-listing .item .image{flex:none; width:50%; aspect-ratio:1.256/1;}
.team-principals-listing .item .image img{object-fit:cover; width:100%; height:100%;}
.team-principals-listing .item .position{margin-bottom:0.5rem; color:#999; line-height: 1.5;}
.team-principals-listing .item .content.textbox{margin-bottom:0;}

.team-listing{display: flex; align-items: stretch; flex-wrap:wrap; gap:1.5rem;}
.team-listing .item{width:calc((100% - 1.5rem*3)/4); position: relative;}
.team-listing .item .image{width:100%; aspect-ratio:1.2/1;}
.team-listing .item .image img{object-fit: cover; width:100%; height:100%;}
.team-listing .item .content{padding:0.5rem 0.52rem; position: absolute; left:0; bottom:0; right:0; color:#fff; background: rgba(0,0,0,0.4);}
.team-listing .item .content .position{font-size: 0.81rem; line-height: 1.5;}
.team-listing .item .content .name{color:inherit;}
.team-listing .item .area-link{position:absolute; top:0; left:0; right:0; bottom:0; z-index: 2;}

.team-details-modal{ width:50rem; height:28.56rem; background: #fff; display: flex; align-items: stretch;}
.team-details-modal .modal-image{width:50%; flex:none;}
.team-details-modal .modal-image img{object-fit:cover; width:100%; height:100%;}
.team-details-modal .modal-content{display: flex; flex-direction: column; width:50%; flex:none; padding:2rem;}
.team-details-modal .modal-content .name{margin-bottom:1.5rem;}
.team-details-modal .modal-content .position{line-height:1.5;}
.team-details-modal .modal-content .textbox{flex-grow:1; overflow: auto;}

.team-details-modal .modal-content .textbox {scrollbar-width: thin; scrollbar-color: #ccc #F6F6F6;}
.team-details-modal .modal-content .textbox::-webkit-scrollbar {height: 0.5rem; width: 0.5rem;}
.team-details-modal .modal-content .textbox::-webkit-scrollbar-track {background: #F6F6F6;}
.team-details-modal .modal-content .textbox::-webkit-scrollbar-thumb {background: #ccc; border-radius: 0; border: 0;}
.team-details-modal .modal-content .textbox::-webkit-scrollbar-thumb:hover {background: #ccc;}

.fancybox-close:not(:hover):not(:focus){color:#fff;}

.testi-images-block{display: flex; align-items: stretch; gap:2.87rem;}
.testi-images-block .images-block{flex-basis:60%; display: flex; flex-direction: column; gap:2.5rem;}
.testi-images-block .images-block .image-top{width:100%; aspect-ratio:1.659/1;}
.testi-images-block .images-block .image-top img{object-fit: cover; width:100%; height:100%;}
.testi-images-block .images-block .images-bottom-wrap{display: flex; align-items: stretch; gap:2.5rem; flex-grow:1;}
.testi-images-block .images-block .images-bottom-wrap .image-bottom{width:calc((100% - 2.5rem)/2);}
.testi-images-block .images-block .images-bottom-wrap .image-bottom img{object-fit: cover; width:100%; height:100%;}

.testi-images-block .testi-block{display: flex; flex-direction: column; justify-content: center; padding:5rem 2.5rem; flex-basis:40%; position: relative;}
.testi-images-block .testi-block .image{position: absolute; top:0; right:0; bottom:0; left:0;}
.testi-images-block .testi-block .image img{object-fit: cover; width:100%; height:100%;}
.testi-images-block .testi-block .image:after{content: ''; background: rgba(24, 55, 136, 0.6); position: absolute; top:0; right:0; bottom:0; left:0;}
.testi-images-block .testi-block blockquote{ text-align: center; background: transparent; color:#fff; position: relative; padding:0; margin:0 0 1.5rem 0;}
.testi-images-block .testi-block blockquote:before{content: ''; margin-left:calc(50% - 2.125rem); margin-bottom:2.5rem; position: relative; background: url("../images/testi-quote.png") no-repeat center / contain; display: block; width:4.25rem; height:4.25rem;}
.testi-images-block .testi-block .author{position: relative; text-align: center; color:#fff; font-size:1.5rem; font-weight: 700; line-height: 1.37;}
.testi-images-block .testi-block .author:before{content:'-'; margin-right:0.25rem;}

#portfolio-text a.button{max-width:none; display: inline-block;}
#portfolio-text .portfolio-text-title{margin-bottom:1.5rem;}

	
@media only screen and (max-width: 1200px){
	
	body > .content-wrapper{border:0px dotted blue;}
	
	.team-principals-listing{gap:1.5rem 3rem;}
	.team-principals-listing .item .image{width:45%;}
	
	.team-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.testi-images-block{gap:1.5rem;}
	.testi-images-block .images-block{gap:1.5rem; flex-basis: 40%;}
	.testi-images-block .images-block .images-bottom-wrap{gap:1.5rem; flex-direction: column;}
	.testi-images-block .images-block .images-bottom-wrap .image-bottom{width:100%; flex-grow:1;}
	.testi-images-block .testi-block{flex-basis: 60%;}
	
	#portfolio-text .columns{float:none; display: block; width:auto; margin-left:0;}
	#portfolio-text .columns:not(:last-child){margin-bottom:1.5rem;}
	#portfolio-text .text-center{ text-align: left;}
	

}

@media only screen and (max-width: 960px){
	
	body > .content-wrapper{border:0px dashed green;}
	
	.team-principals-listing .item{flex-direction: column;}
	.team-principals-listing .item .image{width:100%;}
	
	.team-listing{gap:1rem;}
	.team-listing .item{width:calc((100% - 1rem*2)/3);}
	
	.team-details-modal{width:calc(100vw - 150px);}
}
	

@media only screen and (max-width: 850px) {
		
	body > .content-wrapper{border:0px dotted red;}
		
	#about-page-header{ padding-top:40px; padding-bottom:40px;}
	
	.about-page .row [class*='column'] + [class*='column']{margin-top:1.5rem;}
	
	.team-principals-listing{gap:1.5rem 1.5rem;}
	
	.team-listing .item{width:calc((100% - 1rem)/2);}
	
	.team-details-modal{height:auto; display: block;}
	.team-details-modal .modal-image{width:100%; aspect-ratio:auto/*1/1.16*/;}
	.team-details-modal .modal-content{width:100%;}
	.team-details-modal .modal-content .name h2{text-align:left;}
	
	.testi-images-block{flex-direction: column-reverse;}
	.testi-images-block .images-block .images-bottom-wrap{flex-direction: row;}
	.testi-images-block .testi-block{flex-basis: 100%;}
	
	#portfolio-text .columns.twelve h2{text-align:left;}
	
}
	
@media only screen and (max-width: 575px) {

	body > .content-wrapper{border:0px dashed blue;}
	
	.team-principals-listing{flex-direction: column; gap:3rem;}
	
	.team-listing .item{width:100%;}
	
	.team-details-modal .modal-content{padding:1.5rem;}
	
	.testi-images-block .testi-block{padding: 2.5rem 1.5rem;}
	
}

@media only screen and (max-width: 420px) {
	
	body > .content-wrapper{border:0px dashed green;}
	
}

@media only screen and (max-width:320px) {
	
	body > .content-wrapper{border:0px dashed red;}
	
}