/* BA custom theme. */



.bg-image-masthead-internal{background-image: url("../img/img01.jpg");}
.bg-image-cta-box{background-image: url("../img/img02.jpg");}
.bg-image-slide01{background-image: url("../img/img04.jpg");}
.bg-image-slide02{background-image:url("../img/img01.jpg");}
.bg-image-featured-news{background-image: url("../img/img13.jpg");}
.bg-image-about{background-image: url("../img/img17.jpg");}



/* masthead home */
.masthead-home-section .doodle{pointer-events: none; width:calc(50vw - var(--container)/2 + var(--container)*0.25); background: url("../img/img05.png") no-repeat left bottom; background-size: contain; position: absolute; right:0; bottom:-9rem; height:25.56rem;}

#main-slider{background-color: var(--color-navy);}
#main-slider .textbox{padding-left:2.25rem;}
#main-slider .item{background-position: center; background-size: cover; padding-top:15.5rem; padding-bottom:12.43rem;}
#main-slider .item:before{content: ''; background: rgba(12, 34, 94, 0.4); position: absolute; top:0; right:0; bottom:0; left:0;}
#main-slider .item .bg{background:#021B61; mix-blend-mode: color; position: absolute; top:0; right:0; bottom:0; left:0;}
#main-slider .item .bg.bg-safari{mix-blend-mode: normal; background:rgba(2, 27, 97,0.1); }

#main-slider .slick-dots{padding-top:3.5rem; right:auto; height:auto; width:0; flex-direction: column; gap:0.5rem; bottom:0; top:0; left:calc(50vw - var(--container)/2 + 0.75rem);}
#main-slider .slick-dots li button{margin:0; transition:height 0.4s ease, background 0.4s ease;}
#main-slider .slick-dots .slick-active button, #main-slider .slick-dots .slick-active button:hover{width:0.75rem; height:1.5rem;}

.media-bg { z-index:-1; position: absolute; top: 0; left: 0; width:100%; height:100%; overflow:hidden; }
.media-bg video {object-fit: cover; width:100%; height:100%;}
		


/* intro */
.intro-section .intro-text-wrap{padding-top:calc(var(--padding-large) + 0.5rem); margin-left:1rem;}
.intro-section .doodle{ z-index: 2; pointer-events: none; background:url("../img/img07.png") no-repeat right top / contain; width:15.68rem; height:14.81rem; position: absolute; bottom:-7rem; right:calc(50vw - var(--container)/2 + var(--container));}



/* capabilities */
.capabilities-listing{display: flex; flex-direction: column; gap:var(--padding-normal);}
.capabilities-listing .item{display: flex; align-items: stretch;}
.capabilities-listing .image{width:41.66%; flex:none; border-radius:var(--border-radius3) 0 0 var(--border-radius3); overflow: hidden; transform:scaleZ(1);}
.capabilities-listing .image img{object-fit: cover; width:100%; height:100%;}
.capabilities-listing .content{border-radius:0 var(--border-radius3) var(--border-radius3) 0; border:1px solid rgba(246, 248, 250, 0.10); width:58.33%; flex:none; padding:3rem;}

.capabilities-section .doodle{pointer-events: none; background: url("../img/img11.png") no-repeat left bottom / auto 100%; position:absolute; bottom:-7.5rem; right:0; width:calc(50vw - var(--container)/2 + var(--container)*0.1666 - 1.5rem);  height:22.68rem;}



/* services */
.services-listing{display: flex; align-items: stretch; gap:1.5rem;}
.services-listing .item{min-height: 22.81rem;   display: flex; flex-direction: column; align-items: flex-start;  padding:2rem 1.5rem;  width:calc((100% - 1.5rem*4)/5); }
.services-listing .item .bg{border:1px solid var(--color-navy); border-radius:0.75rem; background-color: var(--color-navy); transition:background 0.2s ease, border 0.2s ease; position: absolute; top:0; right:0; bottom:0; left:0;}
.services-listing .title{color:#fff; font-weight: 700; transition:color 0.2s ease;}
.services-listing .image{width:5rem; height:5rem; margin-bottom:var(--margin-normal);}
.services-listing .image img{width:100%; max-width: 100%; transition:opacity 0.2s ease;}
.services-listing .image img.hover{position: absolute; top:0; left:0; opacity:0;}
.services-listing .link{margin-top:auto; z-index: 3;}
.services-listing .item:hover .bg{background-color: #fff; border-color: var(--color-grey);}
.services-listing .item:hover .title{color:var(--color-navy);}
.services-listing .item:hover .image img:not(.hover){opacity:0;}
.services-listing .item:hover .image img.hover{opacity:1;}

.services-section .doodle{z-index: 2; pointer-events: none; background: url("../img/img12.png") no-repeat right bottom / contain; position: absolute; bottom:-10rem; left:calc(50vw - var(--container)/2 - 20rem); width:20.62rem; height:21.18rem;}



/* news */
.featured-news-item{display: flex; flex-direction: column; justify-content: flex-end; margin-right:1rem; padding:3.5rem; border-radius:var(--border-radius3); overflow: hidden;}
.featured-news-item:before{content: ''; background: rgba(12, 34, 94, 0.55); position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.2s ease;}
.featured-news-item .bg{background:#021B61; mix-blend-mode: color; position: absolute; top:0; right:0; bottom:0; left:0;}
.featured-news-item:hover:before{background: rgba(12, 34, 94, 0.8);}
.featured-news-item .sp-link{z-index: 5;}

.news-listing{margin-left:1rem; display: flex; align-items: stretch; flex-wrap:wrap; gap:2rem;}
.news-listing .item{padding:1.5rem;  width:calc((100% - 2rem)/2);}
.news-listing .item .bg{ border-radius:var(--border-radius);  transition:border 0.2s ease; background: #fff; border:1px solid var(--color-grey); position: absolute; top:0; right:0; bottom:0; left:0;}
.news-listing .title{font-weight: 700; margin-bottom:var(--margin-small); transition:color 0.2s ease;}
.news-listing .textbox{margin-bottom:var(--margin-small);}
.news-listing .item:hover .bg{border-color:var(--color-hover);}
.news-listing .item:hover .title{color:var(--color-hover);}



/* image-block */
.image-block .image{border-radius:var(--border-radius3); overflow: hidden;}
.image-block .image img{width:100%; max-width: 100%;}
.image-block .textbox{margin-top:var(--margin-normal); margin-left:2.88rem;}

.image-block.flex-row-reverse .textbox{margin-right:2.88rem; margin-left:0;}

.image-block + .image-block{margin-top:var(--padding-normal);}

.image-block .textbox.blockquote{margin-left:calc(-1*var(--container)*0.4166);}



/* about */
.about-section{background-repeat: no-repeat; background-position: center top; background-size: 100% calc(100vw/2.75); padding-top:calc(100vw/6.06); padding-bottom:2.38rem;}
.about-section .panel{padding:var(--padding-normal); background:var(--color-navy); border-radius: var(--border-radius3); }

.stat-block{display: flex; align-items: flex-end; gap:var(--padding-normal);}
.stat-block .item{display: flex; align-items: flex-end; gap:1rem; padding-bottom:1rem; width:calc((100% - var(--padding-normal)*2)/3); border-bottom:1px solid rgba(246, 248, 250, 0.30);}
.stat-block .value{font-size: 4.75rem; line-height: 0.9;}

.about-blocks{ display: flex; flex-direction: column; gap:2.5rem;}
.about-blocks .textbox{margin:0;}



/* masthead internal */
.masthead-internal-section{padding-top:calc(var(--padding-large) + 2.5rem); padding-bottom:calc(var(--padding-large) + 2.5rem);}
.masthead-internal-section:before{content: ''; background: rgba(12, 34, 94, 0.4); position: absolute; top:0; right:0; bottom:0; left:0;}
.masthead-internal-section .bg{background:#021B61; mix-blend-mode: color; position: absolute; top:0; right:0; bottom:0; left:0;}



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

.footer-top{padding:var(--margin-big) 0;}
.footer-brand img{width:13.5rem; max-width: 100%;}
.footer-top .contacts-block{display:flex; flex-direction: column; gap:var(--margin-small);}
.footer-top .contacts-block a{text-decoration: none;}
.footer-top .contacts-block.contacts-inline > div{display: flex; align-items: center; gap:0.5rem;}

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



/* contacts-listing */
.contacts-list ul{padding:0; list-style-type: none; display: flex; flex-direction: column; gap:1rem;}
.contacts-list li{display: flex; align-items: flex-start; gap:0.5rem;}
.contacts-list li .icon{margin-top:0.3rem;}
.contacts-list a{text-decoration: none;}



/* leadership */
.leadership-listing{display: flex; align-items: stretch; gap:2.75rem; flex-wrap:wrap;}
.leadership-listing .item{width:calc((100% - 2.75rem*2)/3); border:1px solid var(--color-grey); border-radius:var(--border-radius); overflow: hidden; transition:border 0.2s ease;}
.leadership-listing .image{aspect-ratio:0.88/1;}
.leadership-listing .image img{object-fit: cover; width:100%; height:100%;}
.leadership-listing .content{padding:1.5rem;}
.leadership-listing .name{margin-bottom:0.62rem; font-weight: 700; transition:color 0.2s ease;}
.leadership-listing .item:hover{border-color:var(--color-hover);}
.leadership-listing .item:hover .name{color:var(--color-hover);}

.sd-modal .modal-dialog{max-width: 59.25rem;}

.sd-modal .sd-card{display: flex; align-items: stretch; justify-content: flex-start;}
.sd-modal .sd-card .sd-image-block{flex: 0 0 42.66%; border-radius:var(--border-radius); overflow: hidden;}
.sd-modal .sd-card .sd-image-block img{object-fit: cover; width:100%; height:100%;}

.sd-modal .sd-card .sd-contact-body{padding-left:2rem;}
.sd-modal .sd-card .sd-contatc-name{margin-bottom:0rem;}
.sd-modal .sd-card .sd-link-block{display:flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.sd-modal .sd-card .sd-contact-link{text-decoration: none;}
.sd-modal .sd-card .sd-contact-link:hover{color: var(--color-hover);}
.sd-modal .sd-card .sd-contact-link .fas{margin-right: 0.5rem;}

.sd-scrool-block{overflow-y: scroll; margin-bottom: 3rem; width:100%; flex-basis:0; flex-grow:1; min-height:10rem;}
.sd-scrool-block:last-child{margin-bottom: 0}
.sd-scrool-block .textbox{padding-right: 15px;}
.sd-contact-body{flex-grow:1; flex-basis:55%; display:flex; flex-direction:column;}



/* images-slider */
.images-slider{margin-left:-0.75rem; margin-right:-0.75rem;}
.images-slider .item{height:22rem; padding:0 0.75rem;}
.images-slider .item img{height:100%; border-radius:var(--border-radius); }

.images-slider .slick-arrow{margin-top:0; top:calc(-1*var(--margin-big) - 2.43rem);}
.images-slider .slick-next{right:0.75rem;}
.images-slider .slick-prev{left:auto; right:3.68rem;}

.images-slider  .slick-dots{bottom:-1rem;}
.images-slider  .slick-dots li button{border-color:var(--color-dark-grey);}
.images-slider  .slick-dots .slick-active button, .images-slider  .slick-dots .slick-active button:hover{background: var(--color-dark-grey);}



/* latest */
.latest-listing{display:flex; align-items: stretch; gap:1.5rem; flex-wrap:wrap;}
.latest-listing .item{width:calc((100% - 1.5rem*2)/3); border:1px solid var(--color-grey); background: #fff; border-radius:var(--border-radius); overflow:hidden; transition:border 0.2s ease;}
.latest-listing .image{aspect-ratio:1.612/1;}
.latest-listing .image img{object-fit: cover; width:100%; height:100%;}
.latest-listing .content{padding:1.5rem; display: flex; flex-direction: column; gap:var(--margin-small);}
.latest-listing .title{font-weight:700; margin:0; transition: color 0.2s ease;}
.latest-listing .textbox{margin:0;}
.latest-listing .author{color: var(--color-dark-grey);}
.latest-listing .item:hover{border-color:var(--color-hover);}
.latest-listing .item:hover .title{color:var(--color-hover);}



/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (min-width: 1920px) {
	#main-slider .item{min-height:calc(100vw/2.5);}
}
	
	
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{border-left:0px dotted black;}

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{border-left:0px dotted red;}
	
	#main-slider .item{padding-top:var(--padding-large); padding-bottom:var(--padding-large);}
	.masthead-home-section .doodle{height:13rem; background-size: contain; background-position: right center; bottom:-5rem; }
	
	.intro-section .intro-text-wrap{padding-top:var(--padding-normal);}
	.intro-section .doodle{right:calc(50vw - var(--container)/2 + var(--container)*0.9166); height:10rem; bottom:-4rem;}
	
	.capabilities-section .doodle{height:15rem; width:calc(50vw - var(--container)/2 + var(--container)*0.25);}
	
	.services-listing{flex-wrap:wrap;}
	.services-listing .item{width:auto; flex-basis:30%; flex-grow:1;}
	.services-section .doodle{bottom:-7rem; height:13rem; left:calc(50vw - var(--container)/2 - 14rem);}
	
	.featured-news-item{margin-right:0; padding:2.5rem;}
	.news-listing{margin-left:0; gap:1.5rem;}
	
	.image-block .textbox{margin-left:1.5rem;}
	.image-block.flex-row-reverse .textbox{margin-right:1.5rem;}
	
	.about-section .panel{padding:3rem;}
	.stat-block{gap:3rem;}
	.stat-block .item{width:calc((100% - 3rem*2)/3);}
	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{border-left:0px dotted green;}
	
	.capabilities-listing .content{padding:2rem;}
	.capabilities-listing{gap:var(--margin-big);}
	
	.services-listing{gap:0.75rem;}
	
	.featured-news-item{min-height: calc(100vw/1.7777);}
	.news-listing{gap:0.75rem;}
	.news-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.image-block + .image-block{margin-top:var(--margin-big);}
	.image-block .textbox{margin-left:0;}
	.image-block.flex-row-reverse .textbox{margin-right:0;}
	
	.stat-block .value{font-size: 3.75rem;}
	
	#main-slider .slick-dots{padding-top:0;}
	
	.leadership-listing{gap:0.75rem;}
	.leadership-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.images-slider{margin-left:-0.37rem; margin-right:-0.37rem;}
	.images-slider .item{height:20rem; padding:0 0.37rem;}
	
	.latest-listing{gap:0.75rem;}
	.latest-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.sd-modal .modal-dialog{max-width:50rem;}


}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{border-left:0px dotted blue;}
	
	#footer{text-align: center;}
	.footer-top .contacts-block.contacts-inline > div{display: block;}
	.footer-bottom{flex-direction: column-reverse; gap:var(--margin-normal); align-items: center;}
	.footer-brand img{width:21rem;}
	.footer-bottom .inner-wrap > div{justify-content: center;}
	
	.intro-section .intro-text-wrap{padding-top:0; margin-top: var(--margin-big);}
	.intro-section .text-image-wrap{width:80%; margin-left:auto; margin-right:auto;}
	
	.services-section .doodle{height:9rem; bottom:-4rem;}
	
	.news-listing{flex-direction: column;}
	.news-listing .item{width:100%;}
	
	.image-block .textbox.blockquote{margin-left:2rem; margin-right:2rem;}
	.image-block.flex-row-reverse .textbox, .image-block .textbox{margin-left:2rem; margin-right:2rem;}
	
	.about-section .panel{padding:2rem;}
	.about-section{padding-top:calc(100vw/1.777 - 100vw/4); background-size: auto calc(100vw/1.777);}
	
	.stat-block{gap:1.5rem;}
	.stat-block .item{width:calc((100% - 1.5rem*2)/3); gap:0.5rem;}
	.stat-block .value{font-size: 3.5rem;}
	
	.images-slider .item{hheight:17rem;}
	
	.latest-listing{flex-direction: column; gap:var(--margin-normal);}
	.latest-listing .item{width:100%;}
	
	.sd-modal .sd-card{display: block;}
	.sd-modal .sd-card .sd-contact-body{padding:0; display: block;}
	.sd-modal .sd-card .sd-image-block{border-radius:var(--border-radius); margin-bottom:var(--margin-normal);}
	.sd-scrool-block{min-height: inherit; overflow: visible;}
	.sd-modal .sd-card .sd-contact-body{padding:1rem;}

}

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

	.footer-bottom .inner-wrap > div:not(.social-share){flex-direction: column; gap:var(--margin-small);}
	.footer-bottom .inner-wrap span+span:before{display: none;}
	
	.masthead-home-section .doodle{height:9rem; width:10rem; bottom:-4rem;}
	
	.capabilities-listing .item{flex-direction: column;}
	.capabilities-listing .image{width:100%; aspect-ratio:1.777/1; border-radius:var(--border-radius3) var(--border-radius3) 0 0;}
	.capabilities-listing .content{width:100%; border-radius:0 0 var(--border-radius3) var(--border-radius3);}
	
	.services-listing{flex-direction:column;}
	.services-listing .item{min-height: calc(100vw/2.2);}
	
	.stat-block{flex-direction:column;}
	.stat-block .item{width:100%;}
	.stat-block .value{font-size: 16vw; width:45%; text-align: right;}
	
	.leadership-listing{flex-direction: column; gap:var(--margin-normal);}
	.leadership-listing .item{width:80%; margin-left:auto; margin-right:auto;}
}

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

}