/* BA custom theme. */



/* masthead-internal */
.masthead-internal-section{padding: var(--padding-normal) 0; background:linear-gradient(90deg, var(--color-blue) 0.12%, var(--color-dark-blue) 100%); overflow:hidden;}
.masthead-internal-section .image{border-bottom-left-radius:10rem; transform-origin: 0 0; transform:skewX(26.73deg); overflow: hidden; position:absolute; top:0; right:0; bottom:2rem; width:calc(var(--page-side-gap) + var(--container)*0.5 - 0.5rem);}
.masthead-internal-section .image img{transform-origin: 0 0; transform:skewX(-26.73deg);}

.masthead-internal-section.compact .bg{background: url("../img/bg-logo-dark-semi-flip.svg") no-repeat left top; position:absolute; top:2.19rem; bottom:0; left:auto; right:0; width:calc(var(--page-side-gap) + var(--container)*0.4166 + 1rem);}


/* cta-section */
.cta-section{padding:var(--padding-normal) 0; background:linear-gradient(90deg, var(--color-blue) 0.12%, var(--color-dark-blue) 100%);}


/* main-slider */
#main-slider{margin-bottom:-2rem;}
#main-slider .item{padding-top:7.5rem; padding-bottom:9.75rem;}
#main-slider .image{border-bottom-left-radius:10rem; transform-origin: 0 0; transform:skewX(26.73deg); overflow: hidden; position: absolute; top:0; right:0; bottom:0; width:calc(var(--page-side-gap) + var(--container)*0.605);}
#main-slider .image img, #main-slider .image video{transform-origin: 0 0; transform:skewX(-26.73deg);}
#main-slider .bg{ background:linear-gradient(90deg, var(--color-blue) 0.12%, var(--color-dark-blue) 60%); position:absolute; top:0; right:0; bottom:2rem; left:0; }
#main-slider .bg .watersign{background:url("../img/bg-logo-dark-semi.svg") no-repeat right bottom / auto 100%; position: absolute; top:5.56rem; left:0; bottom:0; width:calc(var(--page-side-gap) + var(--container)*0.2);}
#main-slider .slick-dots{bottom:4.75rem; justify-content: flex-start; padding-left:calc(var(--page-side-gap));}
#main-slider .slick-dots li button{background:rgba(223, 237, 254, 0.5); }
#main-slider .slick-dots li button:hover{ background:rgba(255,255,255,1);}
#main-slider .slick-dots li button:focus{outline:0;}
#main-slider .slick-dots .slick-active button, #main-slider  .slick-dots .slick-active button:hover{background:var(--color-light-blue);}



/* services */
.services-listing{display: flex; align-items: stretch; flex-wrap:wrap; gap:1.88rem;}
.services-listing .item{display: flex; align-items: stretch; width:calc((100% - 1.88rem*3)/4); text-align: center; background: #fff; }
.services-listing .item .inner-wrap{border-radius:var(--radius-normal); overflow: hidden; transform: scaleZ(1); width:100%; box-shadow: 0px 0.25rem 1.88rem 0px rgba(51, 78, 102, 0.15); transition:box-shadow 0.2s ease;}
.services-listing .item:hover .inner-wrap{box-shadow: 0px 0.25rem 2.5rem 0px rgba(51, 78, 102, 0.30);}
.services-listing .image{aspect-ratio:1.1/1;}
.services-listing .image img{object-fit: cover; width:100%; height:100%;}
.services-listing .content{padding:1.5rem;}

.services-listing.services-grid .item{width:calc((100% - 1.88rem)/2); text-align: left;}
.services-listing.services-grid .item .inner-wrap{padding:3.5rem; box-shadow: 0px 0.25rem 1.56rem 0px rgba(51, 78, 102, 0.25);}
.services-listing.services-grid .item:hover .inner-wrap{box-shadow: 0px 0.25rem 2.5rem 0px rgba(51, 78, 102, 0.50);}
.services-listing.services-grid .header{display: flex; align-items: center; gap:1.5rem; margin-bottom:1.5rem;}
.services-listing.services-grid .header .icon{margin-bottom:0; flex:none;}



/* case-studies-section */
.case-studies-section {overflow:hidden;}
.case-studies-section .row{align-items: center; justify-content: space-between;}



/* big-cta-section */
.big-cta-section{padding:var(--padding-large) 0; background:linear-gradient(90deg, var(--color-blue) 0.12%, var(--color-dark-blue) 100%);overflow:hidden;}
.big-cta-section .image-wrap{position:absolute; width:calc(var(--page-side-gap) + var(--container)*0.5833 - 1.5rem); top:3.5rem; bottom:0; left:0;}
.big-cta-section .image{position: absolute; top:0; right:0; bottom:0; left:0; border-top-right-radius:10rem; transform-origin: 100% 100%; transform:skewX(26.73deg); overflow: hidden; }
.big-cta-section .image img{transform-origin: 100% 100%; transform:skewX(-26.73deg);}

.big-cta-section.image-right{background: transparent;}
.big-cta-section.image-right .image-wrap{right:0; left:auto;}
.big-cta-section.image-right .image{left:0; right:0; border-top-left-radius:10rem; border-top-right-radius:0; transform-origin: 0 100%; transform:skewX(-26.73deg);}
.big-cta-section.image-right .image img{transform-origin: 0 100%; transform:skewX(26.73deg);}



/* specialty-landing */
.specialty-masthead .image{width:calc(var(--page-side-gap) + var(--container)*0.6666 - 2rem); transform:none; border-radius:0; bottom:0;}
.specialty-masthead .image img{transform: none;}
.specialty-masthead .text-block:before{content: ''; transform:skewX(-26.73deg); transform-origin: 100% 0; border-bottom-right-radius:10rem; background:linear-gradient(90deg, var(--color-blue) 0.12%, var(--color-dark-blue) 100%); position: absolute; right:calc(-1*var(--container)*0.1666); left:calc(-1*var(--page-side-gap)); top:calc(-1*var(--padding-normal)); bottom:calc(-1*var(--padding-normal));}
.specialty-masthead .bg{display: none;}
.specialty-masthead .text-block .bg{display: block; top:calc(-1*var(--padding-normal) + 3.18rem); bottom:calc(-1*var(--padding-normal)); left:calc(-1*var(--page-side-gap));}

.solutions-listing{display: flex; flex-direction: column; gap:var(--margin-normal);}
.solutions-listing .item{overflow: hidden; gap:1.5rem; border-radius:1rem; border:1px solid var(--color-blue); display: flex; align-items: stretch;}
.solutions-listing .icon{width:9rem; flex:none; padding: 1rem 1rem 1rem 1.5rem; background: var(--color-blue); color:#fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.solutions-listing .icon img{max-width: 3.44rem; max-height: 3.5rem;}
.solutions-listing .icon:before{content: ''; background: url("../img/bg-sol-icon.svg") no-repeat left top / 100% 100%; width:1.5rem; height:100%; left:calc(100% - 1px); bottom:0; position: absolute;}
.solutions-listing .content{padding:0.81rem; display: flex; flex-grow:1; align-items: center;}


/* blog-slider */
.home-blog-slider{margin-left:-0.75rem; margin-right:-0.75rem;}
.home-blog-slider .item{margin-left:0.75rem; margin-right:0.75rem;}
.home-blog-slider .image{width:100%; aspect-ratio:1.57/1; background: var(--color-light-grey);}
.home-blog-slider .image img{border-radius:var(--radius-normal);}
.home-blog-slider .content{border-radius:0 0 0.25rem 0.25rem; padding:1.5rem; border-bottom:0.5rem solid transparent; transition:border 0.2s ease;}
.home-blog-slider .item:hover .content{border-color:var(--color-blue);}
.home-blog-slider .title{margin-bottom:var(--margin-small);}
.home-blog-slider .textbox{margin-bottom:var(--margin-small);}
.home-blog-slider a:not(.area-link){z-index: 5;}

.home-blog-slider .slick-arrow{top:6.5rem; width:3rem; height:3rem; border-radius:100%; background:rgba(255,255,255,0.7);}
.home-blog-slider .slick-arrow:not(.slick-disabled):hover, .home-blog-slider .slick-arrow:not(.slick-disabled):focus{background:#fff;}




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

/* top */
.footer-top{padding:var(--margin-big) 0;}
.footer-top .site-map-links ul{font-size: 1rem; text-transform: uppercase; padding:0; list-style-type: none; flex-wrap:wrap; display: flex; justify-content: space-between; gap:var(--margin-small);}
.footer-top .site-map-links a{color:var(--color-base); text-decoration: none;}
.footer-top .site-map-links a:hover, .footer-top .site-map-links a:focus{color:var(--color-blue); text-decoration: underline;}

/* middle */
.footer-middle{padding:var(--margin-big) 0; border-top:1px solid var(--color-light-grey);}
.footer-middle .row{justify-content:space-between; align-items: center;}
.footer-brand{max-width:9.5rem;}
.footer-brand img{max-width:100%;}
.footer-middle address{color:var(--color-dark-grey);}
.footer-middle .contact-item{color:var(--color-dark-grey);}
.footer-middle .contact-item a{color:inherit; text-decoration: none;}
.footer-middle .contact-item a:hover, .footer-middle .contact-item a:focus{color:var(--color-blue); text-decoration: underline;}
.footer-middle .contact-item a[href*='tel:']{font-weight: 700;}

.social-block{display: flex; align-items: center; gap:1rem; font-size: 1.5rem;}
.social-block a{display: flex; align-items: center; justify-content: center; text-decoration: none; width:2.5rem; height:2.5rem; border-radius:50%; border:1px solid var(--color-blue);}
.social-block a:hover, .social-block a:focus{color:#fff; border-color:var(--color-blue); background: var(--color-blue);}

/* bottom */
.footer-bottom{padding:var(--margin-normal) 0; border-top:1px solid var(--color-light-grey); color:var(--color-dark-grey); font-size: var(--text-small);}
.footer-bottom .row{justify-content:space-between;}
.footer-bottom .col-auto{display:flex; align-items: center;}
.footer-bottom .col-auto > div+div:before{content: '|'; margin:0 0.5rem;}
.footer-bottom a{text-decoration: none; color:inherit;}
.footer-bottom a:hover, .footer-bottom a:focus{color:var(--color-blue); text-decoration: underline;}



/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow: inset 0 0 0 0 black;}
	
	.home-blog-slider .slick-arrow{top:5.5rem; }
}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow: inset 0 0 0 0 red;}
	
	#main-slider .item{padding-top:8rem; padding-bottom:10rem;}
	
	.services-listing .item{width:calc((100% - 1.88rem*2)/3);}
	
	.home-blog-slider .slick-arrow{top:4.5rem; }
	
	.specialty-masthead .text-block::before {right:calc(-1*var(--container)*0.1666 - 2rem);}
	
	.services-listing.services-grid .item .inner-wrap{padding:2rem;}
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow: inset 0 0 0 0 green;}
	
	#main-slider .slick-dots{bottom:4rem;}
	#main-slider .item{padding-top:var(--padding-normal); padding-bottom:calc(var(--padding-large) + 2rem);}
	
	.services-listing{gap:0.75rem;}
	.services-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.home-blog-slider{margin-left:-0.37rem; margin-right:-0.37rem;}
	.home-blog-slider .item{margin-left:0.37rem; margin-right:0.37rem;}
	
}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow: inset 0 0 0 0 blue;}
	
	.masthead-internal-section .image{border-bottom-left-radius: 4rem; bottom:0; width:100%; height:calc(100vw/1.618/2); position: relative; margin-top:calc(-1*var(--padding-normal)); margin-bottom:var(--margin-normal);}
	
	.home-blog-listing{flex-wrap:wrap;}
	.home-blog-listing .item{width:calc((100% - 0.75rem)/2);}
	.home-blog-listing .item:first-child{width:100%;}
	.home-blog-listing .content{padding:1rem;}
	
	.footer-top .row{flex-direction: column; align-items: center; text-align: center; gap:var(--margin-normal);}
	.footer-top .site-map-links ul{flex-direction: row; justify-content: center; flex-wrap:wrap; gap:0.5rem 1.5rem;}
	
	.footer-middle .row{flex-direction: column; gap:var(--margin-normal); text-align: center;}
	.footer-bottom .row{flex-direction: column-reverse; align-items: center; gap:var(--margin-small);}
	
	#main-slider .image{border-bottom-left-radius:4rem; height:calc(100vw/1.7777); position: relative; width:100%; margin-top:calc(-1*var(--padding-normal)); margin-bottom:var(--margin-normal);}
	
	.services-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.big-cta-section .image-wrap{height:calc(100vw/1.7777); width:100%; position: relative; top:0; margin-top:calc(-1*var(--padding-large)); margin-bottom:var(--margin-normal);}
	.big-cta-section .image{border-top-right-radius:4rem;}
	.big-cta-section.image-right .image{border-top-right-radius:0; border-top-left-radius:4rem;}
	
	.specialty-masthead .text-block::before{display: none;}
	.specialty-masthead .image{transform:skewX(26.73deg);}
	.specialty-masthead .image img{transform:skewX(-26.73deg);}
	.specialty-masthead .bg{display: block;}
	.specialty-masthead .text-block .bg{display: none;}
	
	.services-listing.services-grid .header{flex-direction: column; align-items: flex-start;}
	
	
}

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

	.home-blog-listing .item{width:100%;}
	
	.footer-bottom .col-auto{ flex-direction: column-reverse; gap:var(--margin-small);}
	.footer-bottom .col-auto > div+div:before{display: none; }
	
	.services-listing .item{width:100%;}
	
	.solutions-listing .item{flex-direction: column; gap:0.5rem;}
	
	.services-listing.services-grid .item{width:100%;}

}

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

}