/* BA custom theme. */


/* masthead-internal */
.masthead-internal-section{padding-top:10rem; padding-bottom:var(--padding-normal);}
.masthead-internal-section .section-bg:after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.80) 100%); position: absolute; inset:0;}


/* main-slider */
#main-slider .item{min-height:min(calc(90vh - var(--header-height)),100vw/2.28); display: flex; align-items: flex-end; padding:var(--padding-normal) 0;}
#main-slider .section-bg:after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.80) 100%); position: absolute; inset:0;}
#main-slider .slick-dots{justify-content: flex-end; position: absolute; bottom:6.75rem; }


/* about */
.about-listing{margin-top:var(--padding-normal); display: flex; align-items: flex-start; gap:1.5rem; justify-content: space-between;}
.about-listing .item{width:calc(var(--container)*0.17); flex:none; text-align: center;}
.about-listing .icon{height:4.0625rem; margin-bottom:var(--margin-normal);}
.about-listing .icon img{height:100%; max-height: 100%;}
.about-listing .title{font-family: 'Heading'; font-size: var(--h6); font-weight: 700; text-transform: uppercase;}


/* process */
.process-section{background: linear-gradient(180deg, var(--color-light-grey) 0%, var(--color-light-grey) 100%) no-repeat center bottom / 100% calc(100% - 8rem);}
.process-section .text-block{padding-top:var(--padding-large); padding-bottom:var(--padding-large);}
.process-section .text-block:before{content: ''; clip-path: polygon(0 0, calc(100% - 10rem) 0, 100% 10rem, 100% 100%, 0 100%); background: url('../img/bg-pattern.png') var(--color-grey);  position: absolute; right:calc(-1*var(--container)*0.1666 - 2.5rem); left:calc(-1*var(--page-side-gap)); top:0; bottom:0;}
.process-section .listing-block{margin-top:var(--padding-large); margin-bottom:var(--padding-large); padding-top:var(--padding-normal); padding-bottom:var(--padding-normal);}
.process-section .listing-block:before{content: ''; clip-path: polygon(0 0, 100% 0, 100% 100%, 7.5rem 100%, 0 calc(100% - 7.5rem)); background: url('../img/img06.png') no-repeat var(--color-indigo) right 15.8rem; position: absolute; left:calc(-1*var(--container)*0.0833); right:calc(-1*var(--page-side-gap)); top:0; bottom:0;}


/* products */
.products-section{z-index: 2; clip-path: polygon(0 0, 100% 0, 100% 100%, 10rem 100%, 0 calc(100% - 10rem));}
.products-home-slider{margin-right:calc(-1*var(--page-side-gap));}
.products-home-slider .item{overflow: hidden; width:calc(var(--container)*0.25); margin-right:3.5rem; background: var(--color-white); padding:1.5rem;}
.products-home-slider .image{margin-bottom:3rem;}
.products-home-slider .image img{aspect-ratio:1.377/1; object-fit: cover; width:100%; height:100%;}
.products-home-slider .title{font-size: var(--h5); margin:0; transition:color var(--time-fast) ease;}
.products-home-slider .industry{color:var(--color-dark-grey);}
.products-home-slider .item:hover .title, .products-home-slider .item .area-link:focus ~ .title{color:var(--color-link);}
.products-home-slider .area-link:after{content: '\f061'; padding-bottom:0.5rem; position: absolute; bottom:-4rem; right:0; transform:translateX(50%) rotate(-45deg); transform-origin: 50% 100%; width:5.625rem; height:2.8125rem; color:var(--color-white); background: var(--color-link); font:var(--font-icon); font-size: 1.5rem; display: flex; align-items: center; justify-content: center; transition:bottom var(--time-fast) ease;}
.products-home-slider .area-link:hover:after, .products-home-slider .area-link:focus:after{bottom:0;}
.section-header .products-slider-controls{display: flex; gap:0.5rem;}
.products-slider-controls .slick-arrow{position: relative;}


/* capabilities */
.capabilities-section{clip-path: polygon(0 -11rem, 100% -11rem, 100% calc(100% - 8rem), calc(100% - 8rem) 100%, 0 100%);}
.capabilities-section:before{content: ''; z-index: -1; background-color: inherit; position: absolute; left:0; right:0; bottom:100%; height:11rem;}
.capabilities-section .text-block-left{width:100%; flex:none; display: flex; flex-direction: row-reverse; align-items: flex-start; gap:4.25rem; background: var(--color-white); padding: 5rem;}
.capabilities-section .text-block-left .image{clip-path: polygon(0 0, 100% 0, 100% 100%, 7.5rem 100%, 0 calc(100% - 7.5rem)); margin-right:-7rem; flex-grow:1;}
.capabilities-section .text-block-left .image img{object-fit: cover; width:100%; height:100%;}
.capabilities-section .text-block-left .content{width:calc(var(--container)*0.25 - 1.5rem); flex:none;}
.capabilities-section .text-block-left .content .icon{width:3.625rem; margin-bottom:var(--margin-normal);}
.capabilities-section .text-block-left .content .icon img{width:100%; max-width: 100%;}

.capabilities-section .text-block-right{background: var(--color-white); padding:5rem; margin-left:1rem;}
.capabilities-section .text-block-right .icon{width:3.625rem; margin-bottom:var(--margin-normal);}
.capabilities-section .text-block-right .icon img{width:100%; max-width: 100%;}

.capabilities-section .bg-right{background: url('../img/img11.png') no-repeat right top; pointer-events: none; position: absolute; bottom:0; right:0; width:100%; height:21rem;}
.capabilities-section .bg-left{background: url('../img/img12.png') no-repeat right top; pointer-events: none; position: absolute; top:0; left:0; width:calc(var(--page-side-gap) + var(--container)*0.1); height:37rem;}


/* industries */
.industry-images-slider{margin-right:calc(-1*var(--page-side-gap));}
.industry-images-slider .slick-list{padding-right:calc(var(--page-side-gap) - 1.5rem);}
.industry-images-slider .item{cursor: pointer; margin-right:1.5rem; width:calc(var(--container)*0.3333 - 1.5rem);}
.industry-images-slider .image img{aspect-ratio: 1/1.041; object-fit: cover; width:100%; height:100%;}

.ii-slider-controls{display: flex; gap:0.5rem; justify-content: flex-end;}
.ii-slider-controls .slick-arrow{position: relative;}

.industry-text-slider .title{font-size: var(--h4); margin-bottom:var(--margin-small);}
.industry-text-slider .textbox{margin-bottom: var(--margin-small);}


/* quality */
.quality-section{clip-path: polygon(10rem 0, 100% 0, 100% 100%, 0 100%, 0 10rem);}
.q-blocks-wrap{margin-top:var(--padding-normal);}
.q-block{display: flex; flex-direction: column; align-items: stretch;}
.q-block .image{width:100%; flex:none;}
.q-block .image img{aspect-ratio: 1.771/1; object-fit: cover; width:100%; height:100%;}
.q-block .content{flex-grow:1; background: var(--color-white); padding:3.5rem 3.5rem 3.5rem 11rem;}
.q-block .icon{padding:1.22rem; position: absolute; top:3.5rem; left:-0.75rem; background: var(--color-red); width:7.5rem; aspect-ratio: 1.2/1; display: flex; align-items: center; justify-content: center;}
.q-block .icon img{object-fit: contain; width:100%; height:100%;}
.q-block .title{font-size: var(--h5);}
.q-block .textbox{margin-bottom:var(--margin-normal);}


/* news */
.news-listing{display: flex; align-items: flex-start; gap:3.5rem;}
.news-listing .item{width:calc((100% - 3.5rem*2)/3); display: flex; align-items: stretch;}
.news-listing .post-card{width:100%;}
.news-listing .post-card .content{padding:0 3.38rem 1rem 1.5rem;}
.news-listing .post-card .area-link:after{content: ''; position: absolute; left:0; width:0; bottom:0; height:1px; background: var(--color-link); transition: width var(--time-fast) ease;}
.news-listing .post-card:not(.no-hover):hover .area-link:after, .news-listing .post-card .area-link:focus:after{width:100%;}
.news-listing .post-card .content:after{content: '\f061'; position: absolute; right:2.5rem; opacity:0; top:calc(50% + 0.25rem); font: var(--font-icon); font-size: 1.5rem; color:var(--color-link); display: block; transform: rotate(-45deg); transition: opacity var(--time-fast) ease, right var(--time-fast) ease;}
.news-listing .post-card:not(.no-hover):hover .content:after, .news-listing .post-card .area-link:focus ~ .content:after{right:0.5rem; opacity:1;}




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

.footer-bottom{border-top:1px solid var(--color-grey); padding:1rem 0; font-size: var(--text-small); color:var(--color-dark-grey); }
.footer-bottom > .container{display: flex; align-items: center; justify-content: space-between; gap:3.5rem;}
.footer-bottom .footer-group{display: flex; align-items: flex-start;}
.footer-bottom .footer-group > div + div:before{content: '|'; margin:0 0.5rem;}
.footer-bottom a:not(:hover):not(:focus){color:inherit;}

.footer-top{padding:var(--padding-large) 0;}
.footer-brand img{width:19.125rem; max-width: 100%;}
.footer-top .contacts-block{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
.footer-top .contacts-block .item{display: flex; align-items: center; gap:1.5rem;}
.footer-top .contacts-block .icon{font-size: 1.5625rem; color:var(--color-red);}
.footer-top .contacts-block a{color:var(--color-base); font-family: 'Heading'; font-weight: 500; letter-spacing: 0.04rem; text-transform: uppercase;}
.footer-top .contacts-block a:hover, .footer-top .contacts-block a:focus{color:var(--color-hover);}
.footer-top .contacts-block a[href*='mailto']{word-break: break-all;}

.share-block{display: flex; flex-wrap:wrap; gap:1rem;}
.share-block a{background: var(--color-link); color:var(--color-white); text-decoration:none; width:2.5rem; height:2.5rem; display: flex; align-items: center; justify-content: center;}
.share-block a:hover, .share-block a:focus{background: var(--color-hover);}

.footer-links{display: flex; flex-direction: column; gap:var(--margin-normal); align-items: flex-start;}
.footer-links a{color:var(--color-base); text-decoration: none; font-family: 'Heading'; font-weight: 500; letter-spacing: 0.04rem; text-transform: uppercase;}
.footer-links a:hover, .footer-links a:focus{color:var(--color-hover); text-decoration: underline;}

.footer-buttons-block{display: flex; flex-direction: column; gap:var(--margin-normal); align-items: stretch;}



/* ************************* */
/* REP LOCATOR					 */
/* ************************* */
.rep-listing{display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-normal);}
.rep-listing .item{background: var(--color-light-grey); display: flex; align-items: stretch; gap:1.5rem;}
.rep-listing .name{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small); width:32%; flex:none; padding:1.5rem; background: url('../img/bg-pattern.png') var(--color-grey);}
.rep-listing .name .title{font-size: var(--h4); margin:0;}
.rep-listing .location{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal); padding:0 1.5rem 1.5rem 1.5rem; width:32%; flex:none;}
.rep-listing .location .label{padding:0.25rem 1rem; background: var(--color-grey); font-family: 'Heading'; font-weight: 500; letter-spacing: 0.04rem; text-transform: uppercase; color:var(--color-dark-grey);}
.rep-listing .location .loc-item{padding-left:1rem; display: flex; align-items: flex-start; gap:0.5rem;}
.rep-listing .location .loc-item .icon{flex:none; font-size: 0.875rem; color:var(--color-indigo); margin-top:0.15rem;}
.rep-listing .location .loc-item address{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.rep-listing a:not(:hover):not(:focus){color:var(--color-base);}
.rep-listing .rep{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal); padding:0 1.5rem 1.5rem 1.5rem; flex-grow:1;}
.rep-listing .rep .label{padding:0.25rem 1rem; background: var(--color-grey); font-family: 'Heading'; font-weight: 500; letter-spacing: 0.04rem; text-transform: uppercase; color:var(--color-dark-grey);}
.rep-listing .rep .rep-contact{padding-left:1rem; list-style-type: none; display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.rep-listing .rep .rep-contact .person{font-size: 1.125rem; font-weight: 700;}
.rep-listing .rep .rep-contact li{display: flex; align-items: flex-start; gap:0.5rem;}
.rep-listing .rep .rep-contact .icon{flex:none; font-size: 0.875rem; color:var(--color-indigo); margin-top:0.15rem;}




/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap:after{content: ''; position: absolute; inset:0; box-shadow:inset 0 0 0 0 violet; pointer-events: none;}

	#main-slider .item{min-height:min(calc(90vh - var(--header-height)),100vw/1.7777);}

	.about-listing .item{width:calc(var(--container)*0.21);}

	.capabilities-section .text-block-left{padding:3.5rem; gap:3.5rem;}
	.capabilities-section .text-block-left .image{margin-right:-6rem;}
	.capabilities-section .text-block-right{padding:3.5rem;}

	.q-block .content{padding:2.5rem 2.5rem 2.5rem 10rem;}
	.q-block .icon{top:2.5rem;}

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap:after{content: ''; position: absolute; inset:0; box-shadow:inset 0 0 0 0 red; pointer-events: none;}
	
	.masthead-internal-section{padding-top:var(--padding-normal);}

	.process-section .text-block:before{right:calc(-1*var(--container)*0.1666 - 1.5rem);}
	.process-section .listing-block:before{left:calc(-1*var(--container)*0.0833 - 1.5rem);}

	.products-home-slider .item{margin-right:1.5rem;}
	.products-section{clip-path: polygon(0 0, 100% 0, 100% 100%, 8rem 100%, 0 calc(100% - 8rem));}

	.capabilities-section .text-block-left{padding:2.5rem; gap:2.5rem;}
	.capabilities-section .text-block-left .image{margin-right:-5rem;}
	.capabilities-section .text-block-right{padding:2.5rem;}

	.q-block .content{padding-left:7rem;}
	.q-block .icon{width:6rem; padding:1rem;}

	.news-listing{gap:1.5rem;}
	.news-listing .item{width:calc((100% - 1.5rem*2)/3);}

	.rep-listing .item{gap:0.5rem;}


}

@media (max-width: 991.98px) {/* md */
	#page-wrap:after{content: ''; position: absolute; inset:0; box-shadow:inset 0 0 0 0 green; pointer-events: none;}

	.about-listing{justify-content: space-evenly; gap:1rem;}
	.about-listing .item{width:calc(var(--container)*0.2);}

	.process-section .text-block{padding-left:1.5rem;}
	.process-section .text-block:before{right:calc(-1*var(--container)*0.1666);}
	.process-section .listing-block{padding-right:1.5rem;}
	.process-section .listing-block:before{left:calc(-1*var(--container)*0.0833);}

	.products-home-slider .item{margin-right:0.75rem; width:calc(var(--container)*0.27);}
	.section-header .products-slider-controls{display: none;}
	.products-section{clip-path: polygon(0 0, 100% 0, 100% 100%, 12vw 100%, 0 calc(100% - 12vw));}

	.capabilities-section .text-block-left{padding:2rem; gap:2rem;}
	.capabilities-section .text-block-left .image{clip-path: polygon(0 0, 100% 0, 100% 100%, 9vw 100%, 0 calc(100% - 9vw)); margin-right:-3rem;}
	.capabilities-section .text-block-left .content{width:calc(var(--container)*0.25);}
	.capabilities-section .text-block-right{padding:2rem;}
	.capabilities-section{clip-path: polygon(0 -11rem, 100% -11rem, 100% calc(100% - 9vw), calc(100% - 9vw) 100%, 0 100%);}

	.industry-images-slider{margin-right:-0.75rem;}
	.industry-images-slider .slick-list{padding-right:10vw;}
	.industry-images-slider .item{width:calc((90vw - 0.75rem*2)/3); margin-right:0.75rem;}

	.q-block{margin-left:1rem;}
	.q-block .content{padding:2rem 1.5rem 2rem 7rem;}
	.q-block .icon{top:2rem;}
	.quality-section{clip-path: polygon(13vw 0, 100% 0, 100% 100%, 0 100%, 0 13vw);}

	.news-listing{gap:0.75rem;}
	.news-listing .item{width:calc((100% - 0.75rem*2)/3);}

	.rep-listing .item{gap:0;}

}

@media (max-width: 767.98px) {/* sm */
	#page-wrap:after{content: ''; position: absolute; inset:0; box-shadow:inset 0 0 0 0 blue; pointer-events: none;}
	
	#footer{text-align: center;}
	.footer-bottom > .container{flex-direction: column-reverse; gap:var(--margin-small); align-items: center;}
	.footer-top .contacts-block{display: inline-flex; text-align: left;}
	.footer-top .share-block{justify-content: center;}
	.footer-links{flex-direction: row; justify-content: center; gap:1rem 2rem; padding-left:10vw; padding-right:10vw; flex-wrap:wrap;}
	.footer-buttons-block{display: inline-flex; gap:var(--margin-small);}

	#main-slider .slick-dots{justify-content: flex-start; bottom:2.5rem;}

	.process-section .text-block{ padding-left:1.5rem; padding-right:20vw;}
	.process-section .text-block:before{clip-path: polygon(0 0, calc(100% - 20vw) 0, 100% 20vw, 100% 100%, 0 100%); right:-0.75rem;}
	.process-section .listing-block{margin-top:-3.5rem; margin-bottom:0; padding-right:1.5rem; padding-left:10vw; margin-left:10vw;}
	.process-section .listing-block:before{clip-path: polygon(0 0, 100% 0, 100% 100%, 10vw 100%, 0 calc(100% - 10vw)); left:0;}

	.products-home-slider .item{width:calc(var(--container)*0.4);}

	.capabilities-section .text-block-left{margin-right:13vw; width:auto;}
	.capabilities-section .text-block-left .image{clip-path: polygon(0 0, 100% 0, 100% 100%, 13vw 100%, 0 calc(100% - 13vw)); margin-right:-13vw;}
	.capabilities-section .text-block-left .content{width:calc(var(--container)*0.5);}
	.capabilities-section .text-block-right{margin-left:0; margin-right:13vw;}
	.capabilities-section .bg-right{height:25vw; background-size: 100% auto;}
	.capabilities-section{clip-path: polygon(0 -11rem, 100% -11rem, 100% calc(100% - 13vw), calc(100% - 13vw) 100%, 0 100%);}

	.q-blocks-wrap{margin-top:0;}
	.q-block .title{font-size: var(--h3);}

	.news-listing{flex-wrap:wrap;}
	.news-listing .item{width:calc((100% - 0.75rem)/2);}

	.rep-listing .item{flex-wrap:wrap;  gap:1.5rem;}
	.rep-listing .name{width:100%;}
	.rep-listing .location{width:45%;}
	.rep-listing .rep{width:45%;}
}

@media (max-width: 575.98px) {
	#page-wrap:after{content: ''; position: absolute; inset:0; box-shadow:inset 0 0 0 0 yellow; pointer-events: none;}
	
	.footer-bottom .footer-group{flex-direction: column-reverse; gap:var(--margin-small); align-items: center;}
	.footer-bottom .footer-group > div + div:before{display: none;}

	.about-listing{flex-wrap:wrap; gap:var(--margin-normal);}
	.about-listing .item{width:calc((100% - var(--margin-normal))/2);}
	.about-listing .icon{height:5rem; margin-bottom:var(--margin-small);}

	.process-section .text-block{padding-right:15vw;}
	.process-section .text-block:before{clip-path: polygon(0 0, calc(100% - 15vw) 0, 100% 15vw, 100% 100%, 0 100%);}

	.products-home-slider .item{width:calc(var(--container)*0.75);}
	.products-home-slider .title{font-size: var(--h4);}

	.capabilities-section .text-block-left{flex-direction: column; margin:0;}
	.capabilities-section .text-block-right{margin-right:0;}
	.capabilities-section .text-block-left .content{width:auto;}
	.capabilities-section .text-block-left .image{clip-path: polygon(0 0, 100% 0, 100% 100%, 23vw 100%, 0 calc(100% - 23vw)); width:100%; margin-right:0;}
	.capabilities-section .bg-left{display: none;}

	.industry-images-slider .item{width:calc(80vw - 0.75rem); margin-right:0.75rem;}

	.news-listing .item{width:100%;}
	.news-listing{gap:var(--margin-normal);}

	.rep-listing .item{gap:1rem;}
	.rep-listing .location{width:100%; padding-left:0;}
	.rep-listing .location .label{padding-left:1.5rem;}
	.rep-listing .location .loc-item{padding-left:1.5rem;}
	.rep-listing .rep{width:100%; padding-left:0;}
	.rep-listing .rep .label{padding-left:1.5rem;}
	.rep-listing .rep .rep-contact{padding-left:1.5rem;}
}

@media (max-width: 360px) {
	#page-wrap:after{content: ''; position: absolute; inset:0; box-shadow:inset 0 0 0 0 red; pointer-events: none;}

}