/* 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: 46.75rem; padding:var(--padding-normal) 0;}
/*#main-slider .has-overlay .section-bg:after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.64) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}*/

#main-slider .dimmed-block:before{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.64) 100%); position: absolute; inset:-2rem;}

#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;}


/* certifications */
.certs-listing{display: flex; flex-wrap:wrap; gap:var(--margin-big) 2.5rem; padding-left:2.5rem; padding-right:2.5rem; justify-content: center;}
.certs-listing .item{display: flex; align-items: center; justify-content: center; width:calc((100% - 2.5rem*4)/5);}
.certs-listing .item > img{filter:grayscale(1); width: 100%; max-width: 100%;}
.certs-listing .collapse{z-index: 10; position: absolute; left:-2.5rem; right:-2.5rem; box-shadow: 0 0 3.5rem 0 rgba(0,7,41,0.2);}
.certs-listing .descrption{ background: #fff; padding:1.5rem;}
.certs-listing .descrption img{width:60%; max-width: 60%; margin-bottom:var(--margin-normal);}


/* 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:3.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: linear-gradient(218deg, #292929 0%, #0F0F0F 100%); 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:9.56rem; 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 1.5rem 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;}
.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; padding-bottom:3.5rem;}
.expertise-tabs .images-wrap [class*='image']{width:55%; aspect-ratio:1.4857/1;}
.expertise-tabs .images-wrap [class*='image'] img{object-fit: cover; width:100%; height:100%;}
.expertise-tabs .images-wrap .image2{position: absolute; right:0; bottom:0;}


/* 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(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.90)); position: absolute; top:0; right:0; bottom:0; left:0;}
.featured-project-section .blockquote-block{background: var(--color-black60); 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: #fff; 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; text-align: center; background: linear-gradient(218deg, #292929 0%, #0F0F0F 100%); 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:var(--margin-big); 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;}


/* home-blog */
.home-blog-listing{display: flex; align-items: stretch; gap:3.5rem;}
.home-blog-listing .item{width:calc((100% - 3.5rem*2)/3); display: flex; align-items: stretch;}
.home-blog-listing .post-card{width:100%; transition:box-shadow 0.4s ease;}
.home-blog-listing .post-card .content{padding: 0 1.5rem 1.5rem 1.5rem;}
.home-blog-listing .post-card .tags-listing{margin-bottom:var(--margin-normal);}
.home-blog-listing .post-card .title{margin-bottom:var(--margin-small);}
.home-blog-listing .item:hover .post-card{box-shadow: 0 0 3.5rem rgba(0,7,41,0.20);}


/* partners */
.parners-listing{display: flex; align-items: center; justify-content: space-between;}
.parners-listing .item{width:10.62rem;}
.parners-listing .item img{max-width: 100%; width:100%; filter: grayscale(1); transition:filter 0.2s ease;}
.parners-listing .item a:hover img, .parners-listing .item a:focus img{filter:none;}



/* ************************* */
/* 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:13.25rem; 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); text-decoration: none;}
.footer-contacts-block a:hover, .footer-contacts-block a:focus{text-decoration: underline; color:var(--color-hover);}
.footer-contacts-block a[href*='mailto']{word-break:break-all;}
.footer-contacts-block .social-share{display: flex; flex-wrap:wrap; gap:1rem;}
.footer-contacts-block .social-share a{border:1px solid var(--color-black); font-size: 1.25rem; width:2.5rem; height:2.5rem; border-radius:50%; text-decoration: none; color:#fff; background: var(--color-black); display: flex; align-items: center; justify-content: center;}
.footer-contacts-block .social-share a:hover, .footer-contacts-block .social-share a:focus{color:var(--color-black); background:transparent;}

.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;}



/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	#main-slider .item{min-height: calc(100vw/2.134);}
	
	.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;}

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.certs-listing{gap:var(--margin-big) 1.5rem; padding-left:1.5rem; padding-right:1.5rem;}
	.certs-listing .item{width:calc((100% - 1.5rem*3)/4);}
	.certs-listing .collapse{left:-1.5rem; right:-1.5rem;}
	
	.home-blog-listing{gap:1.5rem;}
	.home-blog-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.parners-listing{gap:1.5rem;}
	.parners-listing .item{width:auto; flex-basis:15%;}
	
	.projects-listing .overlay .image{padding-left:0; padding-right:0;}

	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.certs-listing .collapse{display: none;}
	.certs-listing{gap:0.75rem; padding-left:0; padding-right:0;}
	.certs-listing .item{width:calc((100% - 0.75rem*2)/3); padding:2rem;}
	
	.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;}
	
	.home-blog-listing{gap:0.75rem;}
	.home-blog-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.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 .dimmed-block{margin-left:2rem;}
	
	

}

@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;}
	#main-slider .dimmed-block{margin-right:2rem;}
	
	.certs-listing .item{padding:1rem;}
	.solutions-listing{flex-wrap:wrap;}
	.solutions-listing .item{width:100%;}
	
	.expertise-tabs .nav{flex-direction: row; flex-wrap:wrap;}
	.expertise-tabs .nav a{padding-left:1.5rem; padding-right:1.5rem;}
	
	.featured-project-section .section-bg:after{background:var(--color-black60);}
	
	.home-blog-listing{flex-wrap:wrap;}
	.home-blog-listing .item{width:100%;}
	
	.parners-listing{flex-wrap:wrap; justify-content: center; gap:1.5rem 2rem;}
	.parners-listing .item{flex-basis:auto; width:8rem;}
	
	.projects-listing{flex-wrap:wrap;}
	.projects-listing .item{width: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;}
	
	.certs-listing .item{width:calc((100% - 0.75rem)/2); padding:1rem;}
	
	.expertise-tabs .nav{flex-direction: column;}

}

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

}