/* BA custom theme. */


/* contact-link */
.floating-contact-link{position: fixed; bottom:2rem; right:0; z-index: 999; border-top-right-radius: 0; border-bottom-right-radius: 0;}


/* main-slider */
#main-slider{background: var(--color-grey);}
#main-slider .item{display: flex; align-items: center;}
#main-slider .image{position: absolute; top:0; bottom:0; right:0; width:50%;}
#main-slider .text-block{padding:9rem 3.5rem 9rem 0; width:50%;}
#main-slider .text-block:before{content: ''; left:calc(-1*var(--page-side-gap)); background: inherit; position: absolute; top:0; right:0; bottom:0;}

#main-slider .slick-arrow{bottom:calc(50% - 2rem); color:var(--color-dark-grey); background: #fff; opacity:0.44;}
#main-slider .slick-arrow:hover{opacity:0.8;}
#main-slider .slick-arrow.slick-disabled{ opacity:0.15; color:var(--color-black);}
#main-slider .slick-prev{left:2.75rem;}
#main-slider .slick-next{right:2.75rem;}

#main-slider .slick-dots{justify-content: flex-start; bottom:1.5rem; padding-left:calc(var(--page-side-gap) + 2rem);}
#main-slider .slick-dots li button{background: var(--color-black30);}
#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:var(--color-blue);}


/* cta-section */
.cta-section .cta-inner-wrap{margin:var(--padding-normal) 0; background: #fff; padding:var(--padding-normal); padding-right:0;}
.cta-section .cta-inner-wrap:before{content: ''; background: inherit; position: absolute; right:calc(-1*var(--page-side-gap)); top:0; bottom:0; left:0;}
.cta-section .image{position: absolute; left:0; width:calc(var(--page-side-gap) + var(--container)*0.6666); top:var(--padding-normal); bottom:var(--padding-normal);}


/* masthead-internal */
.masthead-internal-section{padding:var(--padding-normal) 0; background: var(--color-grey);}
.masthead-internal-section .image{position: absolute; top:0; bottom:0; right:0; width:calc(var(--page-side-gap) + var(--container)*0.5 - 1.25rem);}


/* solutions */
.solutions-listing{display: flex; align-items: stretch;}
.solutions-listing .item{margin-left:-1px; padding:2rem; width:25%; border-left:1px solid var(--color-grey); border-right:1px solid var(--color-grey);}
.solutions-listing .bg-image{opacity:0; position: absolute; top:0; right:0; bottom:0; left:0; transition:opacity 0.4s ease;}
.solutions-listing .item:hover .bg-image{opacity:1;}
.solutions-listing .bg-image:after{content: ''; opacity: 0.8; background: var(--color-blue); position: absolute; top:0; right:0; bottom:0; left:0;}
.solutions-listing .icon{height:6.06rem; margin-bottom:var(--margin-normal);}
.solutions-listing .icon img{height:100%; max-height: 100%; transition:opacity 0.4s ease;}
.solutions-listing .icon .hvr{position: absolute; top:0; left:0; opacity:0;}
.solutions-listing .item:hover .icon img{opacity:0;}
.solutions-listing .item:hover .icon .hvr{opacity:1;}
.solutions-listing .title{font-size: var(--h5); text-transform: uppercase; transition:color 0.4s ease;}
.solutions-listing .item:hover .title{color:#fff;}
.solutions-listing .textbox{transition:color 0.4s ease;}
.solutions-listing .item:hover .textbox{color:#fff;}


/* options */
.options-section-links{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}

.panel-options-listing{display: flex; align-items: stretch;}
.panel-options-listing .item{width:50%; padding:2rem; text-align: center;}
.panel-options-listing .bg{position: absolute; top:0; right:0; bottom:0; left:0; background:transparent; transition:background 0.4s ease;}
.panel-options-listing .item:hover .bg{background:var(--color-blue);}
.panel-options-listing a:not(.area-link){z-index: 5;}
.panel-options-listing .icon{display: inline-block; height:6.18rem; margin-bottom:var(--margin-normal);}
.panel-options-listing .icon img{height:100%; max-height: 100%; transition:opacity 0.4s ease;}
.panel-options-listing .icon .hvr{position: absolute; left:0; top:0; opacity:0;}
.panel-options-listing .item:hover .icon img{opacity:0;}
.panel-options-listing .item:hover .icon .hvr{opacity:1;}
.panel-options-listing .content{transition:color 0.4s ease;}
.panel-options-listing .item:hover .content{color:#fff;}
.panel-options-listing .title{font-size: var(--h6);}


/* products */
.products-slider{margin:-1.5rem 4.5rem;}
.products-slider .item{margin:0 0.5rem; display: flex; align-items: stretch; min-height: 30rem; text-align: center;}
.products-slider .image{position: absolute; top:1.5rem; right:0; bottom:1.5rem; left:0; transition:top 0.4s ease, bottom 0.4s ease;}
.products-slider .item:hover .image{top:0; bottom:0;}
.products-slider .image:after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.56) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}
.products-slider .floating-title{font-size:var(--h5); text-transform: uppercase; position: absolute; padding:2rem; left:0; right:0; bottom:1.5rem; transition:bottom 0.4s ease;}
.products-slider .item:hover .floating-title{bottom:-100%;}
.products-slider .content{width:100%; top:100%; background: var(--color-blue80); padding:2rem; display: flex; gap:0.81rem; flex-direction: column; align-items: center; justify-content: center; transition:top 0.4s ease;}
.products-slider .content .title{font-size: var(--h5); text-transform: uppercase; margin:0;}
.products-slider .content .textbox{margin:0;}
.products-slider .item:hover .content{top:0;}

.products-slider .products-listing{display: flex; align-items: center; justify-content: center; gap:var(--margin-small); flex-wrap:wrap;}
.products-slider .products-listing .p-item{width:4rem; height:4rem; padding:0.75rem; border-radius:50%; overflow: hidden; transform: scaleZ(1); background: var(--color-blue); transition:background 0.4s ease;}
.products-slider .products-listing .p-item img{ object-fit: contain; width:100%; height:100%; transition:filter 0.4s ease;}
.products-slider .products-listing .p-item:hover{background: var(--color-yellow);}
.products-slider .products-listing .p-item:hover img{filter: brightness(0%);}

.products-slider .slick-arrow{top:calc(50% - 2rem);}
.products-slider .slick-prev{left:-4.5rem;}
.products-slider .slick-next{right:-4.5rem;}


/* cta-shop*/
.cta-shop-section{padding-top:var(--padding-large); padding-bottom:var(--padding-normal);}
.cta-shop-section .image{position: absolute; top:0; right:0; bottom:0; left:0;}
.cta-shop-section .image:after{content: ''; background: linear-gradient(90deg, rgba(0,0,0,0.64) 0%, rgba(0,0,0,0) 100%), rgba(0,0,0,0.32); position: absolute; top:0; right:0; bottom:0; left:0;}


/* projects */
.featured-projects-slider{margin:-1.5rem calc(-1*var(--page-side-gap)) -1.5rem 0;}
.featured-projects-slider .item{color:#fff; margin-right:1rem; display: flex; align-items: stretch; height: 31.75rem; aspect-ratio:0.6295/1; transition:color 0.4s ease;}
.featured-projects-slider .image{position: absolute; top:1.5rem; right:0; bottom:1.5rem; left:0; transition:top 0.4s ease, bottom 0.4s ease;}
.featured-projects-slider .item:hover .image{top:0; bottom:0;}
.featured-projects-slider .image:after{content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.56) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}
.featured-projects-slider .content{width:100%; top:100%; padding:2rem; display: flex; align-items:center; background: var(--color-yellow80); color:var(--color-black); transition:top 0.4s ease;}
.featured-projects-slider .content .title{font-size: var(--h4);}
.featured-projects-slider .floating-title{transition:bottom 0.4s ease; position: absolute; padding:2rem; left:0; right:0; bottom:1.5rem; font-size: var(--h4);}
.featured-projects-slider .item:hover .floating-title{bottom:-100%;}
.featured-projects-slider .item:hover .content{top:0;}

.featured-projects-slider-controls{display: flex; align-items: center; gap:1px; margin-top:var(--padding-normal);}
.featured-projects-slider-controls .slick-arrow{position: relative;}
.featured-projects-slider-controls .slick-prev{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.featured-projects-slider-controls .slick-next{border-top-left-radius: 0; border-bottom-left-radius: 0;}


/* stat */
.stat-section{padding:var(--padding-normal) 0; width:100vw;}
.stat-section:before{content: ''; background: var(--color-grey); position: absolute; top:0; bottom:0; left:0; right:var(--page-side-gap);}

.stat-listing{display: flex; align-items: flex-start; gap:var(--padding-normal); margin-right:var(--padding-normal);}
.stat-listing .item{width:calc((100% - var(--padding-normal)*2)/3);text-align: center;}
.stat-listing .value-wrap{font-weight: 600; color:var(--color-blue); line-height: 1.2; margin-bottom:var(--margin-small);}
.stat-listing .value-wrap .value{font-size: var(--h1); }
.stat-listing .value-wrap .units{font-size: var(--h5); text-transform: uppercase;}
.stat-listing .textbox{margin-bottom:var(--margin-normal);}


/* news */
.news-listing{display: flex; align-items: flex-start; gap:5rem;}
.news-listing .item{width:calc((100% - 5rem*2)/3);}
.news-listing .post-card .title{font-size: var(--h6); margin-bottom:var(--margin-small);}


/* full-width-image */
.full-width-image-section{width:100%; aspect-ratio:2.2166/1;}
.full-width-image-section img{object-fit: cover; width:100%; height:100%;}


/* products-landing-listing */
.products-landing-listing{display: flex; align-items: flex-start; gap:var(--margin-normal) 4rem;}
.products-landing-listing .item{display: flex; flex-direction: column; align-items: center; flex-basis:calc((100% - 4rem*5)/6); text-align: center; flex-grow:1;}
.products-landing-listing .image{margin-bottom:var(--margin-normal); padding:1.5rem; width:8.75rem; height:8.75rem; border-radius:50%; background: var(--color-blue); transition:background 0.4s ease;}
.products-landing-listing .image img{object-fit: contain; width:100%; height: 100%; transition:filter 0.4s ease;}
.products-landing-listing .item:hover .image{background: var(--color-yellow);}
.products-landing-listing .item:hover .image img{filter: brightness(0%);}
.products-landing-listing .content{transition:color 0.4s ease;}
.products-landing-listing .item:hover .content{color:var(--color-blue);}
.products-landing-listing .title{font-size: var(--h6); margin-bottom:var(--margin-small);}


/* colors-listing */
.colors-listing{display: flex; align-items: flex-start; gap:var(--margin-normal) 1.5rem;}
.colors-listing .item{flex-basis:calc((100% - 1.5rem*4)/5); display: flex; flex-direction: column; align-items: center; text-align: center;}
.colors-listing .color-sample{padding:1rem 1rem 1.5rem 1.5rem; display: flex; align-items: center; justify-content: center; width:8.75rem; height:8.75rem; border-radius:50%; margin-bottom:var(--margin-normal);}
.colors-listing .color-sample img{max-width: 100%;}
.colors-listing .color-sample.black{background:#231F20;}
.colors-listing .color-sample.charcoal{background:#4A3A2A;}
.colors-listing .color-sample.brown{background:#2E1803;}
.colors-listing .color-sample.gray{background:#777161;}
.colors-listing .color-sample.custom{border:2px solid var(--color-blue);}
.colors-listing .title{font-size: var(--h6);}


/* content-with-icon-listing */
.content-with-icon-listing{display:flex; flex-wrap:wrap; align-items: flex-start; gap:var(--margin-big);}
.content-with-icon-listing .item{display: flex; align-items: flex-start; gap:1.5rem; width:calc((100% - var(--margin-big))/2);}
.content-with-icon-listing .icon{width:5rem; flex:none;}
.content-with-icon-listing .icon img{width:100%; max-width: 100%;}
.content-with-icon-listing .content{flex-grow:1;}
.content-with-icon-listing .title{font-size:var(--h4); margin-bottom:var(--margin-small);}





/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{margin-top:auto; flex:none; padding-top:3.5rem; padding-bottom:2rem; }

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

#footer address{display: flex; flex-direction: column; gap:var(--margin-small); color:var(--color-dark-grey);}

.footer-contacts{display: flex; flex-direction: column; gap:var(--margin-small);}
.footer-contacts a:not(:hover):not(:focus){color:var(--color-base);}

.social-share{display: flex; align-items: center; gap:var(--margin-normal);}
.social-share a{ font-size: 1.25rem; text-decoration: none; display: flex; align-items: center; justify-content: center; color:var(--color-dark-grey); width:3.12rem; height:3.12rem; border-radius:50%; border:1px solid var(--color-dark-grey);}
.social-share a:hover, .social-share a:focus{border-color:var(--color-hover); background: var(--color-hover); color:#fff;}
#footer .social-share{margin-bottom:var(--padding-normal);}

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

.subscribe-block{background: var(--color-grey); padding:var(--margin-normal) 0 var(--margin-normal) var(--margin-big); display: flex; align-items: center; gap:var(--padding-normal);}
.subscribe-block:before{content: ''; background: inherit; position: absolute; top:0; bottom:0; left:0; right:calc(-1*var(--page-side-gap));}
.subscribe-block .title{margin:0; flex-basis: 50%;}
.subscribe-block .subscribe-control, #footer_signup_form{flex-basis:50%;}
.subscribe-control .form-control{padding-right:5rem;}
.subscribe-control > label{padding-right:5rem;}
.subscribe-control .btn{position: absolute; height:auto; top:0.38rem; right: 0.38rem; bottom:0.38rem; padding-left:1.5rem; padding-right:1.5rem;}

.footer-links{display: flex; align-items: flex-start; justify-content: space-between; padding-left:var(--margin-big);}
.footer-links ul{padding:0; list-style-type: none; display: flex; flex-direction: column; gap:var(--margin-normal);}
.footer-links a:not(:hover):not(:focus){color:var(--color-base); text-decoration: none;}




/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1549.98px) {
	#main-slider .slick-prev{left:0.75rem;}
	#main-slider .slick-next{right:0.75rem;}
}
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	.subscribe-block{gap:var(--margin-big);}
	
	#main-slider .slick-arrow{bottom:2.75rem;}
	#main-slider .slick-prev{left:var(--page-side-gap);}
	#main-slider .slick-next{left:calc(var(--page-side-gap) + 5rem); right:auto;}
	
	.products-landing-listing{gap:var(--margin-normal) 2rem;}
	.products-landing-listing .item{flex-basis:calc((100% - 2rem*5)/6);}


}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.cta-section .cta-inner-wrap{padding:var(--margin-big); padding-right:0;}
	
	.social-share{gap:var(--margin-small); flex-wrap:wrap;}
	.subscribe-block, .footer-links{padding-left:var(--margin-normal);}
	
	.solutions-listing .item{padding:1.5rem;}
	
	.panel-options-listing .item{padding:1.5rem;}
	
	.products-slider .content{padding:1.5rem;}
	.products-slider .floating-title{padding:1.5rem;}
	
	.stat-listing{gap:var(--margin-big); margin-right:var(--margin-big);}
	.stat-listing .item{width:calc((100% - var(--margin-big)*2)/3);}
	
	.news-listing{gap:3rem;}
	.news-listing .item{width:calc((100% - 3rem*2)/3);}
	
	.products-landing-listing{gap:var(--margin-normal) 1.5rem;}
	.products-landing-listing .item{flex-basis:calc((100% - 1.5rem*5)/6);}

	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.cta-section .cta-inner-wrap{padding:var(--margin-big);}
	
	.subscribe-block {gap: var(--margin-normal);}
	
	#main-slider .text-block{padding:var(--padding-normal) 2rem;}
	
	.solutions-listing{flex-wrap:wrap; gap:var(--margin-small) 0;}
	.solutions-listing .item{width:50%; padding:2rem;}
	
	.panel-options-listing .item{padding:2rem;}
	
	.options-section-links{flex-direction: row; flex-wrap:wrap; gap:var(--margin-normal) var(--margin-big);}
	
	.products-slider{margin:0 -0.35rem;}
	.products-slider .item{margin:0 0.35rem; flex-direction: column;}
	.products-slider .image{position: relative; top:0; bottom:0; width:100%; aspect-ratio:1/1.4; flex:none;}
	.products-slider .image:after{display: none;}
	.products-slider .content{top:0; transform: none; flex-grow:1; justify-content: flex-start;}
	.products-slider .item:hover .content{transform: none;}
	.products-slider .content .sp-link{margin-top:auto;}
	.products-slider .floating-title{display: none;}
	
	.featured-projects-slider{margin:0 -0.75rem 0 0;}
	.featured-projects-slider .item{width:21.87rem; flex-direction: column; margin-right:0.75rem; height:auto; aspect-ratio:auto;}
	.featured-projects-slider .image{position: relative; top:0; bottom:0; width:100%; aspect-ratio:1/1.4; flex:none;}
	.featured-projects-slider .floating-title{display: none;}
	.featured-projects-slider .content, .featured-projects-slider .item:hover .content{top:0; transform: none; flex-grow:1; justify-content: flex-start;}
	.featured-projects-slider-controls{display: none;}
	.featured-projects-slider .slick-dots{justify-content: flex-start;}
	
	.stat-listing{gap:var(--margin-normal); margin-right:var(--margin-normal); margin-left:var(--margin-normal)}
	.stat-section::before {right:0;}
	.stat-listing .item{width:calc((100% - var(--margin-normal)*2)/3);}
	
	.news-listing{gap:1rem;}
	.news-listing .item{width:calc((100% - 1rem*2)/3);}
	.news-listing .post-card .title{font-size: var(--h5);}
	
	.products-landing-listing{gap:var(--margin-normal) 1.5rem; flex-wrap:wrap; justify-content:space-evenly;}
	.products-landing-listing .item{flex-basis:calc((100% - 1.5rem*2)/3); flex-grow:0;}
	.products-landing-listing .image{margin-bottom:var(--margin-small);}
	
	.colors-listing{flex-wrap:wrap; justify-content: space-evenly;}
	

}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	.cta-section{padding:0;}
	.cta-section .image{position: relative; top:0; bottom:0; width:100%; aspect-ratio:1.7777/1;}
	.cta-section .cta-inner-wrap{margin-top:calc(-1*var(--margin-big)); margin-left:calc(var(--container)*0.0833)}
	
	.masthead-internal-section.has-image{padding-top:0;}
	.masthead-internal-section .image{position: relative; width:100%; aspect-ratio:1.7777/1; margin-bottom:var(--margin-normal);}
	
	.floating-contact-link{position: relative; bottom:0; width:100%; border-radius:0;}
	
	#footer > .container > .row{flex-direction: column-reverse; gap:var(--margin-big);}
	.subscribe-block{flex-direction: column; padding:var(--margin-normal);}
	.subscribe-block::before {display: none;}
	.footer-links{ text-align: center; padding:0; flex-direction: column; gap:var(--margin-big); justify-content: center; align-items: stretch;}
	.footer-links ul{flex-direction: row; justify-content: center; flex-wrap:wrap; gap:1rem 1.5rem;}
	.footer-brand{text-align: center;}
	#footer address{align-items: center;}
	.footer-contacts{align-items: center;}
	.social-share{justify-content: center;}
	.copyright-block{align-items: center; flex-direction: column-reverse;}
	#footer .social-share{margin-bottom:var(--margin-big);}
	
	#scrollup.affix{bottom:1.5rem;}
	
	#main-slider .item{display: block;}
	#main-slider .image{position: relative; width:100%; aspect-ratio:1.777/1;}
	#main-slider .text-block{width:100%; padding:var(--margin-big) 1.5rem var(--padding-normal) 1.5rem;}
	#main-slider .slick-track{display: block;}
	#main-slider .slick-dots{bottom:2.5rem; padding-left:2.25rem;}
	
	.panel-options-listing .item{padding:1.5rem;}
	
	.stat-listing{flex-wrap:wrap; gap:var(--margin-big);}
	.stat-listing .item{width:100%;}
	.stat-listing .value-wrap .value{font-size: 15vw; line-height: 1;}
	
	.news-listing{gap:var(--margin-big) 1rem; flex-wrap:wrap;}
	.news-listing .item{width:calc((100% - 1rem)/2);}
	.news-listing .item:first-child{width:100%;}
	
	.colors-listing .item{flex-basis:calc((100% - 1.5rem*2)/3);}
	
	.content-with-icon-listing .item{width:100%;}
	
	
	

}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.footer-group{flex-direction: column; gap:var(--margin-small);}
	.footer-group > div + div::before {display: none;}
	
	.solutions-listing .item{width:100%;}
	
	.panel-options-listing{flex-wrap:wrap;}
	.panel-options-listing .item{width:100%;}
	
	.news-listing .item{width:100%;}
	
	.products-landing-listing{gap:var(--margin-normal) 0.75rem;}
	.products-landing-listing .item{flex-basis:calc((100% - 0.75rem)/2);}
	
	.colors-listing{gap:var(--margin-normal) 0.75rem;}
	.colors-listing .item{flex-basis:calc((100% - 0.75rem)/2);}

}

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

	.products-landing-listing .item{flex-basis:100%;}
}