/* BA custom theme. */


/* masthead */
.masthead-internal-section{padding:var(--padding-large) 0;}
.masthead-internal-section .section-bg:after{content: ''; background: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%), var(--color-black20); position: absolute; inset:0;}

.masthead-internal-section.masthead-large{display: flex; align-items: flex-end; min-height: 37.5rem; padding:var(--padding-normal) 0;}


/* cta-section*/
.cta-section{padding:var(--padding-normal) 0; background: var(--color-red);}


/* main-slider */
.main-slider .item{padding:var(--padding-normal) 0; justify-content: flex-end; min-height: 43.75rem; max-height: calc(100vh - var(--header-height));}
.main-slider .section-bg:after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%), var(--color-black20); position: absolute; inset:0;}

.main-slider-controls{z-index: 10; position: absolute; bottom:var(--padding-normal); right:var(--page-side-gap); display: flex; align-items: center; gap:1rem;}
.main-slider-controls .swiper-pagination{top:0; bottom:0; font-family: 'Heading'; font-size: 1rem; line-height: 1.3; font-weight: 400; position: relative; margin-right:0.5rem;}
.main-slider-controls .swiper-pagination-fraction{pointer-events: none;}
.main-slider-controls .swiper-pagination-current{font-size: var(--h3);}
.main-slider-controls [class*='swiper-button-']{position: relative; left:0; right:0; top:0; bottom:0;}


/* leading */
.leading-section .image-wrap{margin-left:calc(-1*var(--page-side-gap)); flex-grow:1;}
.leading-section .image-wrap img{object-fit: cover; width:100%; height:100%;}
.leading-section .content-wrap{display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}


/* industries */
.industries-listing{display: flex; flex-wrap:wrap; align-items: flex-start; gap:var(--margin-big);}
.industries-listing .item{width:calc((100% - var(--margin-big)*2)/3); display: flex; flex-direction: column; align-items:stretch;}
.industries-listing .image{width:100%;}
.industries-listing .image img{aspect-ratio:1.3133; object-fit: cover; width:100%; height:100%;}
.industries-listing .content{top:0; padding-bottom:0; background: var(--color-light-grey); width:100%; padding-top:1.5rem; flex-grow:1; transition:top 0.3s ease, padding 0.3s ease;}
.industries-listing .title{font-size: var(--h5); color:var(--color-red); margin-bottom:var(--margin-small);}
.industries-listing .textbox{margin-bottom:0;}
.industries-listing .link{justify-content: flex-end; font-family: 'Heading'; font-size: 1rem; text-transform: uppercase; font-weight: 400; color:var(--color-link); display: flex; align-items: center; gap:1.5rem; height:3.3125rem;}
.industries-listing .link:after{content: ''; background: url("../img/i-arrow-slim.svg") no-repeat center; width:3.3125rem; height:3.3125rem; border:1px solid var(--color-link);}
.industries-listing .link:before{content: ''; height:1px; background: var(--color-link); flex-grow:1;}
.industries-listing .collapse{position: absolute; left:0; right:0; bottom:0;}
.industries-listing .item:hover .content{top:calc(-1*(3.3125rem + var(--margin-normal)));}


/* control */
.control-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:var(--margin-big) 1.5rem;}
.control-listing .item{padding:1.5rem 1rem; width:calc((100% - 1.5rem*3)/4); display: flex; align-items: center; gap:1.12rem;}
.control-listing .icon{width:3.625rem; flex:none;}
.control-listing .icon img{width:100%; max-width: 100%;}
.control-listing .title{font-size: var(--h5); margin:0;}
.control-listing .textbox{color:var(--color-dark-grey);}
.control-listing .area-link:before{content: ''; position: absolute; top:0; height:1px; left:0; width:0; background: var(--color-red); transition:width 0.2s ease;}
.control-listing .area-link:after{content: ''; position: absolute; bottom:0; height:1px; right:0; width:0; background: var(--color-red); transition:width 0.2s ease;}
.control-listing .item:hover .area-link:before, .control-listing .area-link:focus:before{width:100%;}
.control-listing .item:hover .area-link:after, .control-listing .area-link:focus:after{width:100%;}


/* intro */
.intro-section .images-set{display: flex; align-items: stretch; gap:1.5rem;}
.intro-section .images-set img{object-fit: cover; width:100%; height:100%;}
.intro-section .images-set .left, .intro-section .images-set .right{flex-basis:50%; display: flex; flex-direction: column; align-items: stretch; gap:1.5rem;}
.intro-section .images-set .left > div:first-child{flex-grow:1;}
.intro-section .images-set .left > div:last-child img{aspect-ratio:1.1409/1;}
.intro-section .images-set .right > div:last-child{flex-grow:1;}
.intro-section .images-set .right > div:first-child img{aspect-ratio:1.1409/1;}


/* advantages */
.advantages-listing{display: flex; align-items: stretch; gap:3.5rem;}
.advantages-listing .item{background: var(--color-light-grey); padding:3.5rem; text-align: center; width:calc((100% - 3.5rem*2)/3); display: flex; flex-direction: column; align-items: center;}
.advantages-listing .title{font-size: var(--h4);}
.advantages-listing .textbox{margin-bottom:var(--margin-normal);}
.advantages-listing .link{margin-top:auto;}
.advantages-listing .link .sp-link{white-space: normal;}



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

.site-map{display: flex; flex-direction: column; gap:var(--margin-normal); align-items: flex-start;}
.site-map a{line-height: 1.2; color:var(--color-base); font-family: 'Heading'; font-size: 1rem; font-weight: 400; text-transform: uppercase; text-decoration: none;}
.site-map a:hover, .site-map a:focus{color:var(--color-hover);}

.contacts-block{font-family: 'Heading'; font-size: 1rem; font-weight: 400; display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.contacts-block .item{display: flex; align-items: flex-start; gap:1rem;}
.contacts-block a{color:var(--color-base); text-decoration: none;}
.contacts-block a:hover, .contacts-block a:focus{color:var(--color-hover);}
.contacts-block a[href*='mailto']{word-break: break-all;}
.contacts-block .icon img{max-width: 1.5rem;}

.location-map{max-width: 100%;}
.location-map img{width:100%; max-width: 100%;}

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

.copyright-block{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small); font-size: var(--text-small); color:var(--color-dark-grey);}
.copyright-block a:not(:hover):not(:focus){color:inherit;}
.copyright-block .footer-group{display: flex; flex-wrap:wrap;}
.copyright-block .footer-group > div+div:before{content: '|'; margin:0 0.25rem;}



/* ************************* */
/* CUSTOM SECTIONS			 */
/* ************************* */

/* masthead */
.masthead-custom-section{padding:var(--padding-normal) 0;}
.masthead-custom-section .content{padding:3.5rem 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.masthead-custom-section .image{position: absolute; top:var(--padding-normal); bottom:var(--padding-normal); right:0; width:calc(var(--page-side-gap) + var(--container)*0.4166);}
.masthead-custom-section .image img{object-fit: cover; width:100%; height:100%;}


/* app-listing */
.app-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:var(--margin-normal);}
.app-listing .item{background: #fff; width:calc((100% - var(--margin-normal)*2)/3); padding:2rem;}
.app-listing .title{font-size: var(--h5); text-transform: uppercase; margin-bottom:var(--margin-small); color:var(--color-red);}
.app-listing .area-link{transition:box-shadow 0.2s ease;}
.app-listing .item:hover .area-link, .app-listing .area-link:focus{box-shadow:0 0.25rem 1.25rem 0 rgba(0,0,0,0.15);}
.app-listing a:not(.area-link){z-index: 5;}


/* images-slider */
.images-slider{margin-right:calc(-1*var(--page-side-gap));}
.images-slider .slick-list{padding-right:var(--page-side-gap);}
.images-slider .item{margin-right:1.5rem;}
.images-slider img{object-fit: cover; width:100%; height:100%; aspect-ratio:1/1.0544;}
.images-slider figcaption{font-size: var(--text-small); padding:0.5rem 1rem; position: absolute; left:0; bottom:0; color:#fff; background:var(--color-black65);}
.images-slider .slick-dots{justify-content: flex-start;}


/* asc-listing */
.asc-listing{display: flex; align-items: flex-start; flex-wrap:wrap; gap:var(--padding-normal);}
.asc-listing .item{width:calc((100% - var(--padding-normal))/2);}
.asc-listing .icon{width:3.625rem;}
.asc-listing .icon img{width:100%; max-width: 100%;}
.asc-listing .title{font-size: var(--h5);}


/* spec-block */
.spec-block{display:flex; align-items: flex-start; gap:1.5rem; flex-wrap:wrap;}
.spec-block .item{width:calc((100% - 1.5rem*2)/3); padding:1.5rem; background: var(--color-light-grey);}
.spec-block .title{font-size: var(--h5); margin-bottom:var(--margin-small);}


/* steps */
.steps-block{display: flex; align-items: flex-start; gap:1px; }
.steps-block .item{ cursor: pointer; height:8.75rem; width:calc((100% - 1px*5)/6); border-left:1px solid var(--color-red);}
.steps-block .num{ position: absolute; left:0; bottom:0; display: flex; align-items: center; padding:0 1rem; font-family: 'Heading'; font-size: var(--h4); line-height: 1; height:2.75rem; width:100%; color: #fff; background: var(--color-red);}
.steps-block .label-wrap{position:absolute; left:0; top:0; display: flex; flex-direction: column; align-items:stretch; }
.steps-block .label{white-space: nowrap; font-family: 'Heading'; font-size: var(--h5); line-height: 1.2; padding: 0.5rem 1rem; transition:color 0.2s ease, background 0.2s ease;}
.steps-block .item:nth-child(even){margin-top:6rem;}
.steps-block .item:nth-child(even) .num{bottom:auto; top:0;}
.steps-block .item:nth-child(even) .label-wrap{top:auto; bottom:0;}
.steps-block:not(.no-overlay) .item:hover .label{color:#fff; background: var(--color-hover);}
.steps-block .overlay{clip-path: inset(0 100% 100% 0); z-index: 10; width:21.875rem; padding:1.5rem; position: absolute; left:-1.5rem; top:-1.5rem;  transition:clip-path 0.2s ease;}
.steps-block .overlay .inner-wrap{padding:1.5rem; background: #fff; box-shadow:0 0.25rem 1.25rem 0 rgba(0,0,0,0.15);}
.steps-block .item:nth-child(even) .overlay{clip-path: inset(100% 100% 0 0); left:-1.5rem; top:auto; bottom:1.06rem;}
.steps-block .item:last-child .overlay{clip-path: inset(100% 0 0 100%); left:auto; right:-1.5rem; top:auto; bottom:1.06rem;}
.steps-block .item:hover .overlay{clip-path: inset(0 0 0 0);}
.steps-block.no-overlay .item{cursor:default;}

.steps-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:0.5rem;}
.steps-listing .item{width:calc((100% - 0.5rem*2)/3); background: #fff; padding:3.5rem;}
.steps-listing .title{font-size: var(--h4);}
.steps-listing .textbox ul{padding-left:0;}
.steps-listing .textbox ol{padding-left:1.25rem;}
.steps-listing .num{position: absolute; top:0; right:0; color:#fff; background: var(--color-red); width:3.125rem; height:3.125rem; display: flex; align-items: center; justify-content: center; font-family: 'Heading'; font-size: var(--h4); line-height: 1.2; }


/* logos-slider */
.logos-listing{display: flex; flex-wrap: wrap; align-items: center; gap:var(--margin-big) 0.5rem; justify-content: center;}
.logos-listing .item{width:calc((100% - 0.5rem*5)/6); display: flex; align-items: center; justify-content: center;}
.logos-listing .item .sign img{max-width: 100%;}
.logos-listing .overlay{z-index: 10; background: #fff; box-shadow:0 0.25rem 1.25rem 0 rgba(0,0,0,0.15); padding:1.5rem; position: absolute; width:100%;}
.logos-listing .title{font-size: var(--h5); margin-bottom:0;}
.logos-listing .textbox{margin-bottom:var(--margin-normal);}





/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	.main-slider .item{min-height: 40rem;}
	
	.app-listing .item{padding:1.5rem;}
	
	.asc-listing{gap:var(--margin-big);}
	.asc-listing .item{width:calc((100% - var(--margin-big))/2);}
	
	.logos-listing .item{width:calc((100% - 0.5rem*4)/5);}
	
	.masthead-internal-section.masthead-large{min-height: 35rem;}


}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.masthead-internal-section{padding:var(--padding-normal) 0;}
	.masthead-internal-section.masthead-large{min-height: 33rem;}
	
	#footer{padding:var(--padding-normal) 0;}
	.copyright-block .footer-group{flex-direction: column; align-items: flex-start;}
	.copyright-block .footer-group > div+div:before{display: none;}
	
	.main-slider .item{min-height: 37rem;}
	
	.leading-section .content-wrap{padding-left:1.5rem;}
	
	.control-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.advantages-listing{gap:1.5rem;}
	.advantages-listing .item{padding-left:2rem; padding-right:2rem; width:calc((100% - 1.5rem*2)/3);}
	
	.industries-listing{gap:var(--margin-big) 1.5rem;}
	.industries-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.app-listing{gap:0.75rem;}
	.app-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.asc-listing{gap:var(--margin-big) 1.5rem;}
	.asc-listing .item{width:calc((100% - 1.5rem)/2);}
	
	.spec-block{gap:0.75rem;}
	.spec-block .item{width:calc((100% - 0.75rem*2)/3); padding:1rem;}
	
	.steps-listing .item{padding:2rem;}
	.steps-listing .title{margin-right:2rem;}
	
	.logos-listing .item{width:calc((100% - 0.5rem*3)/4);}



	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.main-slider .item{min-height: 33rem;}
	
	.main-slider-controls{right:auto; left:1.5rem; bottom:1.5rem;}
	.leading-section .image-wrap{margin-left:-0.75rem;}
	
	.advantages-listing{gap:0.75rem;}
	.advantages-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.industries-listing .collapse{position: relative; display: block; margin-top:var(--margin-small);}
	.industries-listing .link{gap:0.5rem;}
	.industries-listing .item:hover .content{top:0;}
	
	.images-slider .item{margin-right:0.75rem;}
	
	.spec-block .item{width:100%;}
	
	.steps-block{flex-direction: column; align-items:flex-end;}
	.steps-block .item{margin-right:1.5rem; width:50%; display: flex; align-items: stretch; height:auto; border-left:0; border-top:1px solid var(--color-red);}
	.steps-block .num{position: relative; width:3rem; height:auto; flex:none; padding:1.45rem 0; display: flex; align-items: flex-start; justify-content: center;}
	.steps-block .label-wrap{position: relative;}
	.steps-block .label-wrap .label{margin-top:1rem; font-size: var(--h4); white-space: normal;}
	.steps-block .overlay, .steps-block .item:nth-child(2n) .overlay{padding:0; position: relative; inset:0; clip-path: none; width:auto;}
	.steps-block .overlay .inner-wrap{box-shadow: none; padding:1rem;}
	.steps-block .item:nth-child(2n){margin-top:0; margin-left:1.5rem; align-self: flex-start; flex-direction: row-reverse;}
	.steps-block.no-overlay .item:nth-child(2n) .label{text-align: right;}
	
	.steps-listing .item{width:calc((100% - 0.5rem)/2);}
	
	.logos-listing{align-items: flex-start;}
	.logos-listing .item{flex-direction: column; width:calc((100% - 0.5rem*2)/3);}
	.logos-listing .collapse{display: block; position: relative; box-shadow: none;}
	.logos-listing .overlay{padding-top:0;}
	.logos-listing .sign{margin-bottom:var(--margin-small);}
	
	.masthead-internal-section.masthead-large{min-height: 30rem;}
	
}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	.masthead-internal-section .section-bg:after{background: linear-gradient(-90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.60) 100%), var(--color-black20);}
	
	#footer{text-align: center;}
	.site-map{flex-direction: row; flex-wrap:wrap; padding-left:10vw; padding-right:10vw; justify-content: center; gap:0.5rem 1rem;}
	.contacts-block{display: inline-flex; align-items: center;}
	.location-map{padding-left:10vw; padding-right:10vw;}
	.copyright-block{align-items: center;}
	.copyright-block .footer-group{align-items: center;}
	
	.leading-section .image-wrap{margin-left:0;}
	.leading-section .content-wrap{padding-left:0;}
	
	.control-listing .item{width:calc((100% - 1.5rem)/2);}
	
	.advantages-listing{flex-wrap:wrap;}
	.advantages-listing .item{width:100%;}
	
	.industries-listing .item{width:calc((100% - 1.5rem)/2);}
	
	.masthead-custom-section .image{margin-top:calc(-1*var(--padding-normal)); position: relative; width:auto; top:0; bottom:0; margin-bottom: var(--margin-big);}
	.masthead-custom-section .image img{aspect-ratio:1.777/1;}
	.masthead-custom-section .content{padding:0;}
	
	.images-slider .slick-list{padding-right:10vw;}
	
	.spec-block .item{width:calc((100% - 0.75rem*2)/3);}
	
	.logos-listing .item{width:calc((100% - 0.5rem)/2);}
	
	
	
	
}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.control-listing{gap:0;}
	.control-listing .item{width:100%;}
	.control-listing .title{font-size: var(--h4);}
	.control-listing .icon{width:5.5rem;}
	
	.industries-listing .item{width:100%;}
	.industries-listing .title{font-size: var(--h3);}
	
	.app-listing .item{width:100%;}
	
	.asc-listing .item{width:100%;}
	
	.spec-block .item{width:100%;}
	
	.steps-block .item{margin-right:0; width:100%;}
	.steps-block .item:nth-child(2n){margin-left:0; flex-direction: row;}
	
	.steps-listing .item{width:100%;}
	
	.logos-listing .item{width:100%;}
	
}

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

}