/* BA custom theme. */



/* masthead-internal */
.masthead-internal-section{background-image: url("../img/img01.jpg"); padding-top:calc(var(--padding-large) + 5rem) ; padding-bottom:var(--padding-large);}



/* cta-section */
/*.cta-section{margin-top:2.62rem;}*/
.cta-section .image{position: absolute; width:calc(var(--page-side-field) + var(--container)*0.4166); top:-2.62rem; left:0; bottom:1.75rem;}
.cta-section .image img{object-fit: cover; width:100%; height:100%; border-radius:0 6.25rem 6.25rem 0;}
.cta-section .bg{background: url("../img/bg-sign.svg") no-repeat right top / contain; position:absolute; top:0; bottom:0; width:8.87rem; right:0;}



/* logos */
.logos-section{padding:var(--margin-big) 0;}
.logos-listing{display: flex; align-items: stretch; gap:var(--margin-normal); flex-wrap:wrap; justify-content: center;}
.logos-listing .item{width:calc((100% - var(--margin-normal)*6)/7); display: flex; align-items: center; justify-content: center;}
.logos-listing .item img{max-width: 100%; top:0; transition:top 0.4s ease;}
.logos-listing .item a:hover img{top:-1rem;}

.logos-section + .content-section:not([class*='bg-']){padding-top:0;}



/* main-slider */
#main-slider .item{background-size: cover; background-position: center; padding-top:17.81rem; padding-bottom:14.38rem;}
.bg-image-slide01{background-image: url("../img/img01.jpg");}

#main-slider .slick-dots{bottom:9.25rem; justify-content: flex-start; padding-left:calc(var(--page-side-field) + 0.75rem);}
#main-slider .slick-dots li button{background:rgba(255,255,255,0.3);}
#main-slider .slick-dots li button:hover{ background:var(--color-hover);}
#main-slider .slick-dots .slick-active button, #main-slider .slick-dots .slick-active button:hover{background:#fff;}

.media-bg {position: absolute; top: 0; left: 0; right:0; bottom:0; overflow:hidden; }
.media-bg video {object-fit: cover; width:100%; height:100%;}
.media-bg:after{content: ''; background:var(--color-black); opacity:0.4; position: absolute; top:0; right:0; bottom:0; left:0;}



/* about */
.stat-listing{display: flex; align-items: flex-start; gap:3.5rem;}
.stat-listing .item{flex-basis:33.33%;}
.stat-listing .value{margin-bottom:var(--margin-small); font-family: 'Heading'; font-size: 3rem; line-height: 1.2;}

.about-section .image{z-index: 2; width:calc(var(--page-side-field) + var(--container)*0.4166 - 2rem); position: absolute; top:var(--padding-normal); right:0; bottom:calc(-1*var(--padding-normal));}
.about-section .image img{object-fit: cover; width:100%; height:100%; border-radius:8.75rem 0 0 8.75rem;}



/* expertise */
.expertise-listing{display: flex; align-items: stretch;}
.expertise-listing .item{width:25%; min-height: 33.31rem; display: flex; flex-direction: column; justify-content: flex-end; }
.expertise-listing .image{position: absolute; top:0; right:0; bottom:0; left:0;}
.expertise-listing .image:after{content: ''; background: rgba(3, 16, 49, 0.4); position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.4s ease;}
.expertise-listing .item:hover .image:after{background: rgba(3, 16, 49, 0.6);}
.expertise-listing .image img{object-fit:cover; width:100%; height:100%;}
.expertise-listing .content{padding: 2rem 2rem 3.5rem 2rem;}
.expertise-listing .icon{margin-bottom:var(--margin-normal);}
.expertise-listing .icon img{height:4.37rem;}
.expertise-listing .title{text-transform: uppercase; margin-bottom:0; transition:margin 0.2s ease;}
.expertise-listing .item:hover .title{margin-bottom:var(--margin-small);}



/* testimonials */
.testi-section{background-image: url("../img/img09.jpg");}
.testi-section:before{content: ''; background:var(--color-dark-gold); mix-blend-mode: color;  position: absolute; top:0; right:0; bottom:0; left:0;}
.testi-section .bg-overlay{opacity:0.87; background-color: var(--color-dark-gold); position: absolute; top:0; right:0; bottom:0; left:0;}

.testi-section blockquote{background: none; font-family: 'Heading'; font-size: 1.75rem; font-style: italic; margin-bottom:var(--margin-normal); padding:0;}
.testi-section blockquote:before{content: ''; left:-2rem; top:-2.25rem; background: url("../img/quote-mark-lg-left.svg") no-repeat center / contain;  position: absolute; width:5.18rem; height:4.56rem;}
.testi-section blockquote:after{content: ''; right:-2rem; top:-2.25rem; background: url("../img/quote-mark-lg-right.svg") no-repeat center / contain;  position: absolute; width:5.18rem; height:4.56rem;}
.testi-section figcaption{font-weight: 700; font-size: var(--text-lead);}
.testi-section figcaption:before{content: '-'; margin-right:0.5rem;}
.testi-section .textbox figure{margin-bottom:6.25rem;}

.testi-slider{margin-top:-2.25rem;}
.testi-slider .item{padding-top:2.25rem; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
.testi-slider .slick-arrow{color:#fff; top:calc(50% - 0.9rem);}
.testi-slider .slick-arrow:hover, .testi-slider .slick-arrow:focus{color:var(--color-base);}
.testi-slider .slick-arrow.slick-disabled{color:#fff;}
.testi-slider .slick-dots{bottom:1.5rem;}
.testi-slider .slick-dots li button{background: rgba(255,255,255,0.3);}
.testi-slider .slick-dots li button:hover{background: rgba(255,255,255,0.6);}
.testi-slider .slick-dots .slick-active button, .testi-slider .slick-dots .slick-active button:hover{background:var(--color-base);}



/* markets */
.testi-section + .markets-section{margin-top:-6.25rem;}
.markets-block{border-radius:0.75rem; padding:3.5rem;}
.markets-listing{display: flex; align-items: stretch; flex-wrap:wrap; gap:var(--margin-big) var(--margin-normal);}
.markets-listing .item{width:calc((100% - var(--margin-normal)*3)/4);}
.markets-listing .item:not(:first-child){ padding:0 1.5rem 1.5rem 1.5rem; border-radius:0.5rem; border:1px solid rgba(255,255,255,0.5); transition:border 0.2s ease;}
.markets-listing .item:first-child{padding-right:1.5rem;}
.markets-listing .icon{margin-top:-1.62rem; background: var(--color-dark-blue); width:4.37rem; height:4.37rem; margin-bottom:var(--margin-normal);}
.markets-listing .icon img{width:100%; max-width: 100%; opacity:1; transition:opacity 0.2s ease;}
.markets-listing .icon .img-hover{position: absolute; top:0; left:0; opacity:0;}
.markets-listing .title{margin-bottom:var(--margin-small);}
.markets-listing .item:hover{border-color:var(--color-gold);}
.markets-listing .item:hover .icon img{opacity:0;}
.markets-listing .item:hover .icon .img-hover{opacity:1;}



/* home blog */
.blog-listing{display: flex; align-items: flex-start; gap:3rem;}
.blog-listing .item{width:calc((100% - 3rem*2)/3);}
.blog-listing .image{aspect-ratio:1.658/1; margin-bottom:1rem; border-radius:0.25rem; overflow: hidden; transform: scaleZ(1);}
.blog-listing .image:after{content: ''; background: url("../img/i-arrow-right.svg") no-repeat -100% center transparent; position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.2s ease;}
.blog-listing .item:hover .image:after{background: url("../img/i-arrow-right.svg") no-repeat center var(--color-black65);}
.blog-listing .image img{object-fit: cover; width:100%; height:100%; }
.blog-listing .content{display: flex; flex-direction: column; gap:var(--margin-small);}
.blog-listing .title, .blog-listing .textbox{margin:0;}
.blog-listing .sp-link{z-index: 3;}




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

.footer-contact-block{padding-right:2rem; background: var(--color-dark-blue); padding-top:var(--padding-normal); padding-bottom:var(--margin-big);}
.footer-contact-block:before{content: ''; background: inherit; position: absolute; top:0; right:-0.75rem; bottom:0; left:calc(-1*var(--page-side-field) - 0.75rem);}

.footer-contact-block .office{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.footer-contact-block .office .contact{display:flex; align-items: flex-start; gap:var(--margin-small);}
.footer-contact-block .office .contact [class*='fa']{flex:none; color:var(--color-gold); line-height: 1.5;}
.footer-contact-block .office .contact a{text-decoration: none;}
.footer-contact-block .office .title{font-weight: 700;}
.footer-contact-block .social-share{display: flex; gap:var(--margin-small); font-size: 1.75rem;}
.footer-contact-block .social-share a{color:var(--color-gold);}
.footer-contact-block .social-share a:hover, .footer-contact-block .social-share a:focus{color:#fff;}

.footer-links{padding-top:var(--padding-normal); padding-bottom:var(--margin-big); padding-left:2.5rem;}
.footer-links ul{padding:0; list-style-type: none; display: flex; flex-direction: column; gap:var(--margin-small);}
.footer-links a{text-decoration: none;}

.footer-bottom{font-size: var(--text-small); padding:1rem 0; border-top:1px solid var(--color-grey); color:var(--color-dark-grey);}
.footer-bottom .row{justify-content: space-between;}
.footer-bottom a{text-decoration: none; color:inherit;}
.footer-bottom a:hover, .footer-bottom a:focus{color:var(--color-hover);}
.footer-bottom .bottom-block{display: flex; align-items: center;}
.footer-bottom .bottom-block span+span:before{content: '|'; margin:0 1rem;}



/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (min-width: 1600px) {
	.cta-section .bg{right: calc(var(--page-side-field) - 8.87rem);}	
}
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{border-left:0px dotted black;}
	
	#main-slider .item{padding-top:15rem; padding-bottom:12rem;}
	
	.stat-listing .value{font-size: 2.5rem;}
	.stat-listing{gap:2.5rem;}
	
	.blog-listing{gap:2rem;}
	.blog-listing .item{width:calc((100% - 2rem*2)/3);}

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{border-left:0px dotted red;}
	
	.masthead-internal-section{padding-top:calc(var(--padding-normal) + 5rem) ; padding-bottom:var(--padding-normal);}
	
	#main-slider .item{padding-top:13rem; padding-bottom:10rem;}
	#main-slider .slick-dots{bottom:5rem;}
	
	.stat-listing .value{font-size: 2rem;}
	.stat-listing{gap:1.5rem;}
	
	.expertise-listing .content{padding: 1.5rem 1.5rem 2.5rem 1.5rem;}
	
	.markets-listing .item{width:calc((100% - var(--margin-normal)*2)/3);}
	.markets-listing .item:first-child{width:calc((100% - var(--margin-normal))/2); flex-grow:1;}
	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{border-left:0px dotted green;}
	
	.masthead-internal-section{padding-top:calc(var(--padding-normal) + 3.55rem);}
	
	.cta-section .image{width:calc(var(--page-side-field) + var(--container)*0.4166 - 2.5rem);}
	
	.logos-listing{gap:1rem;}
	.logos-listing .item{width:calc((100% - 1rem*6)/7);}
	
	.footer-links{padding-left:1.5rem; padding-right:1.5rem;}
	.footer-contact-block{padding-left:1.5rem; padding-right:1.5rem;}
	
	#main-slider .item{padding-top:calc(var(--padding-normal) + 3.5rem); padding-bottom:var(--padding-normal);}
	#main-slider .slick-dots{bottom:3rem;}
	
	.expertise-listing .title{margin-bottom:var(--margin-small);}
	.expertise-listing .collapse{display: block;}
	.expertise-listing {flex-wrap:wrap;}
	.expertise-listing .item{width:50%;}
	.expertise-listing .content{padding:2rem 2rem 3.5rem 2rem;}
	
	.blog-listing{gap:0.75rem;}
	.blog-listing .item{width:calc((100% - 0.75rem*2)/3);}
	.blog-listing .content{padding-right:1.5rem;}

}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{border-left:0px dotted blue;}
	
	.cta-section{margin-top:0;}
	.cta-section .image{aspect-ratio:1.777/1; position: relative; bottom:0; top:0; width:auto; margin-bottom:var(--margin-big); margin-top:calc(-1*var(--padding-normal));}
	.cta-section .image img{border-top-right-radius: 0;}
	.cta-section .bg{top:calc(100vw/1.777 - 6.25rem);}
	
	.logos-listing .item{width:calc((100% - 1rem*4)/5);}
	
	/*.footer-contact-block .office{flex-direction: row; gap:0.5rem 2rem; flex-wrap:wrap;}
	.footer-contact-block .office .title{width:100%;}*/
	.footer-contact-block{display: flex; flex-wrap:wrap;}
	.footer-contact-block .contact-block-title{width:100%;}
	.footer-contact-block .office{width:50%; padding-right:2rem;}
	
	.about-section .image{aspect-ratio:1.777/1; margin-bottom:var(--margin-normal); position: relative; bottom:0; top:0; width:auto; margin-top:calc(-1*var(--padding-large));}
	.about-section .image img{margin-bottom:0.35rem; border-top-left-radius: 0;}
	.stat-listing .value{font-size: 3rem;}
	
	.markets-block{padding:3.5rem 2rem 2rem 2rem;}
	.markets-listing{gap:3rem 0.75rem;}
	.markets-listing .item, .markets-listing .item:first-child{width:calc((100% - 0.75rem)/2);}
	
	.blog-listing{gap:var(--margin-normal) 0.75rem; flex-wrap:wrap;}
	.blog-listing .item{width:calc((100% - 0.75rem)/2);}
	.blog-listing .item:first-child{width:100%;}
	
	.testi-section blockquote{margin-left:5vw; margin-right:5vw;}
}

@media (max-width: 575.98px) {
	#page-wrap{border-left:0px dotted yellow;}
	
	.logos-listing .item{width:calc((100% - 1rem*3)/4);}
	
	.footer-contact-block .office{flex-direction: column; gap:var(--margin-small); flex-wrap:wrap;}
	.footer-links{flex-direction: column; gap:var(--margin-big);}
	.footer-links ul{flex-direction: row; flex-wrap:wrap; gap:var(--margin-small) 1.5rem;}
	.footer-bottom{padding-left:1.5rem; padding-right:1.5rem;}
	.footer-bottom .row{flex-direction: column; gap:var(--margin-small);}
	.footer-bottom .bottom-block{flex-wrap:wrap; gap:var(--margin-small) 1.5rem;}
	.footer-bottom .bottom-block span + span::before { display: none;}
	
	.stat-listing{flex-direction: column; gap:var(--margin-big); align-items: center; text-align: center;}
	.stat-listing .item{flex-basis:100%;}
	.stat-listing .value{font-size: 4rem;}
	
	.expertise-listing .item{width:100%;}
	
	.markets-listing .item, .markets-listing .item:first-child{width:100%;}
	
	.blog-listing .item{width:100%;}
	
	.testi-section blockquote{margin-left:8vw; margin-right:8vw;}
	
	.footer-contact-block{display: block;}
	.footer-contact-block .office{width:100%; padding-right:0;}
	/*.footer-links ul li:before{content: '\2022'; margin-right:0.5rem;}*/
	
	.footer-contact-block{text-align: center;}
	.footer-contact-block .office{align-items: center;}
	.footer-contact-block .social-share{justify-content: center;}
	.footer-links{text-align: center;}
	.footer-links ul{justify-content: center;}
	.footer-bottom .bottom-block{justify-content: center; text-align: center;}
}

@media (max-width: 360px) {
	#page-wrap{border-left:0px dotted red;}

}