/* BA custom theme. */


/* masthead */
.masthead-internal-section{padding:var(--padding-large) 0}


/* main-slider */
#main-slider .item{display: flex; align-items: flex-end; min-height:min(calc(100vh - var(--header-height) - 3rem), calc(100vw/2.204)); padding:var(--padding-normal) 0;}
#main-slider .item .section-bg:after{content: ''; background: linear-gradient(180deg, rgba(1, 3, 32, 0.20) 0%, rgba(1, 3, 32, 0.80) 100%); position: absolute; inset:0;}
#main-slider .slick-dots{padding-right:var(--page-side-gap); bottom:calc(var(--padding-normal) + 0.75rem); justify-content: flex-end;}
#main-slider .slick-dots li button{outline-color: #fff; background-color: #fff;}
#main-slider .slick-dots li button:hover{background: transparent;}
#main-slider .slick-dots .slick-active button, #main-slider .slick-dots .slick-active button:hover{background-color: #fff;}


/* solutions */
.solutions-listing{display: flex; align-items: stretch; gap:1.5rem;}
.solutions-listing .item{ display: flex; align-items: stretch; width:calc((100% - 1.5rem*2)/3); overflow: hidden;}
.solutions-listing .content{width:100%; right:-100%; display: flex; flex-direction: column; align-items:flex-start; justify-content: center; background: #fff; padding:1.5rem; transition:right 0.4s ease;}
.solutions-listing .content img{height:2.5rem; margin-bottom:var(--margin-normal);}
.solutions-listing .content .title{font-size: var(--h4);}
.solutions-listing .content .textbox{margin-bottom:var(--margin-normal);}
.solutions-listing .content .textbox ul{padding-left:0.5rem;}
.solutions-listing .content .textbox ol{padding-left:1.5rem;}
.solutions-listing .overlay{padding:1.5rem; text-align: center; background:#fff; position: absolute; top:0; left:0; width:100%; bottom:0; display: flex; flex-direction: column; align-items: center; justify-content: center; transition:left 0.4s ease;}
.solutions-listing .overlay img{height:6.5rem; margin-bottom:var(--margin-big);}
.solutions-listing .overlay .title{font-size: var(--h4);}
.solutions-listing .item:hover .content{right:0;}
.solutions-listing .item:hover .overlay{left:-100%;}
.solutions-listing .sp-link{z-index: 5;}


/* expertise */
.expertise-tabs .nav{font-size: var(--text-lead); line-height: 1.2; flex-direction: column; align-items: flex-start; border:0; gap:0.5rem;}
.expertise-tabs .nav a{border:1px solid transparent; color:var(--color-black); text-decoration: none; border-radius:1.44rem; display: inline-block; align-items: center; padding:0.625rem 3rem 0.625rem 0; transition:color 0.2s ease, padding 0.2s ease, border 0.2s ease;}
.expertise-tabs .nav a:hover, .expertise-tabs .nav a:focus, .expertise-tabs .nav .active{color:var(--color-hover); padding-left:1.5rem; padding-right:1.5rem;}
.expertise-tabs .nav .active, .expertise-tabs .nav .active:hover, .expertise-tabs .nav .active:focus{cursor: default; border-color:var(--color-black); color:var(--color-black);}
.expertise-tabs .nav a:after{content: '\f061'; margin-left:0.5rem; opacity:0; font:var(--font-icon); font-size: 0.68rem; vertical-align: 20%; transition:opacity 0.2s ease, right 0.2s ease;}
.expertise-tabs .nav a:hover:after, .expertise-tabs .nav a:focus:after, .expertise-tabs .nav .active:after{opacity:1; right:1.5rem;}

.expertise-tabs .images-wrap{display: flex; margin-bottom:var(--margin-big);}
.expertise-tabs .images-wrap .image-rect{padding-right:4.6rem;}
.expertise-tabs .images-wrap .image-rect img{ object-fit: cover; width:100%; height:100%; aspect-ratio:2.024/1;}
.expertise-tabs .images-wrap .image-round{border-radius:50%; border:2px solid var(--color-light-grey); overflow: hidden; transform: scaleZ(1); width:35%; }
.expertise-tabs .images-wrap .image-round img{object-fit: cover; width:100%; height:100%; aspect-ratio:1/1;}
.expertise-tabs .images-wrap .image-rect + .image-round{position: absolute;  right:0; bottom:-2.87rem;}


/* featured-project */
.featured-project-section{display: flex; align-items:flex-end; padding-top:var(--padding-large); padding-bottom:var(--padding-normal); min-height: 43.75rem;}
.featured-project-section .section-bg:after{content: ''; background:linear-gradient(180deg, rgba(1, 3, 32, 0.20) 0%, rgba(1, 3, 32, 0.80) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}
.featured-project-section .blockquote-block{background:rgba(1, 3, 32, 0.60); padding:1.5rem;}
.featured-project-section .blockquote-block .image{display: inline-block; margin-bottom:var(--margin-normal); background: #fff; padding:0.5rem;}
.featured-project-section .blockquote-block .image img{width:100%; max-width: 100%;}
.featured-project-section .blockquote-block blockquote{background-image: url("../img/quote-mark-semi.svg");}


/* projects */
.projects-listing{display: flex; align-items: stretch; gap:3.5rem;}
.projects-listing .item{display: flex; align-items: stretch; width:calc((100% - 3.5rem*2)/3); overflow: hidden;}
.projects-listing .item .inner-wrap{width:200%; flex:none; display: flex; align-items: stretch; left:0; transition:left 0.4s ease;}
.projects-listing .item:hover .inner-wrap{left:-100%;}
.projects-listing .content{width:50%; flex:none; display: flex; flex-direction: column; align-items:flex-start; justify-content: center; background: var(--color-light-grey); padding:1.5rem; transition:right 0.4s ease;}
.projects-listing .content img{object-fit: cover; height:7.5rem; aspect-ratio:1/1; margin-bottom:var(--margin-normal);}
.projects-listing .content .title{font-size: var(--h5);}
.projects-listing .content .textbox{margin-bottom:var(--margin-normal);}
.projects-listing .content .textbox ul{padding-left:0.5rem;}
.projects-listing .content .textbox ol{padding-left:1.5rem;}
.projects-listing .overlay{width:50%; flex:none; padding:3.5rem 1.5rem 2rem 1.5rem; text-align: center; background:var(--color-light-grey); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; transition:left 0.4s ease;}
.projects-listing .overlay .image{width:100%; margin-bottom:2rem; padding-left:2rem; padding-right:2rem;}
.projects-listing .overlay img{object-fit: cover; width:100%; height:100%; aspect-ratio:1/1;}
.projects-listing .overlay .title{width:100%; flex-grow:1; display: flex; align-items: center; justify-content: center;  font-size: var(--h5);}
.projects-listing .sp-link{z-index: 5;}



/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{margin-top:auto; flex:none; border-top:1px solid var(--color-light-grey); }

.footer-top{padding:var(--padding-normal) 0;}

.footer-brand{width:12.1875rem; max-width: 100%;}
.footer-brand img{width:100%; max-width: 100%;}

.site-map + .site-map{margin-top:var(--margin-normal);}
.site-map .title{font-size: var(--h6); text-transform: uppercase; margin-bottom: var(--margin-small);}
.site-map ul{gap:var(--margin-small); padding:0; list-style-type: none; display: flex; flex-direction: column; align-items: flex-start;}
.site-map a{color:var(--color-black); text-decoration: none;}
.site-map a:hover, .site-map a:focus{text-decoration: underline; color:var(--color-hover);}

.footer-contacts-block .title{font-size: var(--h6); text-transform: uppercase; margin-bottom:var(--margin-small);}
.footer-contacts-block a{color:var(--color-black);}
.footer-contacts-block a:hover, .footer-contacts-block a:focus{color:var(--color-hover);}
.footer-contacts-block a[href*='mailto']{word-break:break-all;}

.footer-bottom{font-size: var(--text-small); color:var(--color-dark-grey); border-top:1px solid var(--color-light-grey); padding:1rem 0;}
.footer-bottom .container{display: flex; align-items: center; justify-content: space-between;}
.footer-bottom .footer-group{display: flex; align-items: center;}
.footer-bottom .footer-group > div + div:before{content: '|'; margin:0 0.5rem;}
.footer-bottom a:not(:hover):not(:focus){color:inherit;}



/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	.featured-project-section{min-height: calc(100vw/2.134)}
	
	.projects-listing{gap:1.5rem;}
	.projects-listing .item{width:calc((100% - 1.5rem*2)/3);}
	.projects-listing .overlay .image{padding-left:1rem; padding-right:1rem;}
	
	#main-slider .item{min-height:min(45rem, calc(100vh - var(--header-height) - 3rem));}

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.projects-listing .overlay .image{padding-left:0; padding-right:0;}
	
	.masthead-internal-section{padding:var(--padding-normal) 0;}
	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.solutions-listing{gap:0.75rem;}
	.solutions-listing .item{ width:calc((100% - 0.75rem*2)/3);}
	.solutions-listing .overlay{display: none;}
	.solutions-listing .content{right:0; justify-content: flex-start;}
	.solutions-listing .sp-link{margin-top:auto;}
	
	.projects-listing{gap:0.75rem;}
	.projects-listing .item .inner-wrap{width:100%;}
	.projects-listing .overlay{display: none; }
	.projects-listing .content{width:100%; justify-content: flex-start;}
	.projects-listing .item:hover .inner-wrap{left:0;}
	.projects-listing .item{width:calc((100% - 0.75rem*2)/3);}
	.projects-listing .sp-link{margin-top:auto;}
	.projects-listing .content img{width:100%; height:auto;}
	
	#main-slider .item{min-height:inherit;}
	
}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	.footer-bottom .container{flex-direction: column-reverse; gap:var(--margin-small);}
	#footer{text-align: center;}
	.footer-brand{display: flex; width:100%; justify-content: center;}
	.site-map ul{width:80vw; margin-left:auto; margin-right:auto; gap:0.5rem 1.5rem; flex-direction: row; flex-wrap:wrap; justify-content: center;}
	.site-map + .site-map{margin-top:var(--margin-big);}
	.footer-contacts-block .social-share{justify-content: center;}
	
	#main-slider .item{padding-bottom:var(--padding-large);}
	#main-slider .slick-dots{bottom:2rem; padding-left:calc(var(--page-side-gap) + 0.75rem); justify-content: flex-start;}
	
	.solutions-listing{flex-wrap:wrap;}
	.solutions-listing .item{width:100%;}
	.solutions-listing .content .title{font-size: var(--h3);}
	
	.expertise-tabs .nav{flex-direction: row; flex-wrap:wrap;}
	.expertise-tabs .nav a{padding-left:1.5rem; padding-right:1.5rem;}
	.expertise-tabs .nav a{border:1px solid var(--color-grey); color:var(--color-black);}
	.expertise-tabs .nav a:hover, .expertise-tabs .nav a:focus{color:var(--color-hover); border-color:var(--color-hover);}
	.expertise-tabs .images-wrap .image-round{bottom:-2rem;}
	
	.projects-listing{flex-wrap:wrap;}
	.projects-listing .item{width:100%;}
	.projects-listing .content .title{font-size: var(--h3);}
	
	.featured-project-section .section-bg:after{background:linear-gradient(0deg, rgba(1, 3, 32, 0.20) 0%, rgba(1, 3, 32, 0.80) 100%);}


}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.footer-bottom .footer-group{flex-direction: column-reverse; gap:var(--margin-small);}
	.footer-bottom .footer-group > div + div:before{display: none;}
	
	.expertise-tabs .nav{flex-direction: column;}

}

@media (max-width: 360px) {
	#page-wrap{box-shadow:inset 0 0 0 0 red;}

}