/* BA custom theme. */


/* main-slider */
#main-slider{border-radius:var(--radius-big); overflow: hidden;}
#main-slider .item{display: flex; align-items: stretch; border-radius:var(--radius-big);}
#main-slider .item .image{ position: absolute; top:0; bottom:0; left:0; width:calc(50% - 2.4rem);}
#main-slider .item .image img{border-radius:var(--radius-big) 0 0 var(--radius-big);}
#main-slider .item .text-block{ margin-left:-3.2rem; padding-left:5rem; padding-top:10rem; padding-bottom:11rem;}
#main-slider .item .content{width:100%; display: flex; align-items: center;}
#main-slider .item .content .bg{position: absolute; top:0; bottom:0; right:0; width:calc(50% + 2.4rem);}
#main-slider .item .content .bg img{border-radius:0 var(--radius-big) var(--radius-big) 0;}

.main-slider-controls{line-height: 1; gap:1rem; color:var(--color-dark-grey); display: flex; align-items: center; position: absolute; bottom:3.75rem; width:18.75rem; left:calc(50% - 3.2rem + 0.75rem + 5rem);}
.main-slider-controls .slick-prev{order:1;}
.main-slider-controls .current{order:2;}
.main-slider-controls .slick-dots{order:3;}
.main-slider-controls .total{order:4;}
.main-slider-controls .slick-next{order:5;}

.main-slider-controls .slick-arrow{font-size: 1rem; border:0; border-radius:0; position: relative; color:var(--color-dark-grey); height:1rem; width:0.62rem;}
.main-slider-controls .slick-arrow:hover{color:var(--color-link); background: transparent;}
.main-slider-controls .slick-arrow.slick-disabled{color:var(--color-black);}

.main-slider-controls .slick-dots{position:relative; bottom:0; flex-grow:1; gap:0; height:2px;}
.main-slider-controls .slick-dots li{flex-grow:1;}
.main-slider-controls .slick-dots li button{background: var(--color-dark-grey); opacity:0.3; width:100%; height:2px; border-radius:0;}
.main-slider-controls .slick-dots li button:hover{ background:var(--color-link); opacity:1;}
.main-slider-controls .slick-dots .slick-active button, .main-slider-controls .slick-dots .slick-active button:hover{opacity:1; background:var(--color-dark-grey);}


/* masthead-internal */
.masthead-internal-section{padding:var(--margin-big) 0; border-radius:var(--radius-big);}


/* cta-section */
.cta-section{padding:var(--padding-large) 0; border-radius:var(--radius-big);}


/* about */
.about-listing{display: flex; flex-wrap:wrap; align-items: flex-start; gap:var(--margin-big) 5rem;}
.about-listing .item{width:calc((100% - 5rem)/2); text-align: center;}
.about-listing .icon{height:5.125rem; margin-bottom:var(--margin-normal);}
.about-listing .icon img{height:100%; max-height: 100%;}


/* categories */
.categories-listing{display: flex; flex-wrap:wrap; align-items: flex-start; gap:var(--margin-big) 3.5rem;}
.categories-listing .item{display: flex; align-items: flex-start; gap:2rem;  width:calc((100% - 3.5rem)/2);}
.categories-listing .image{display: flex; align-items: center; justify-content: center; padding:2rem; flex:none; width:12.62rem; aspect-ratio:1/1; border-radius:100%; overflow: hidden; transform: scaleZ(1); background: #fff;}
.categories-listing .image img{object-fit: contain; width:100%; height:100%;}
.categories-listing .title{margin-bottom:var(--margin-small);}
.categories-listing .textbox{margin-bottom:var(--margin-normal);}
.categories-listing .content{padding-top:var(--margin-small);}
.categories-listing .i-footer{display: flex; align-items: center; justify-content: space-between; gap:var(--margin-normal) 1.5rem; font-size: var(--text-small);}
.categories-listing .i-footer .btn{flex:none;}
.categories-listing .i-footer .adv{text-align: right;}
.categories-listing .i-footer .adv .badge{margin-right:0.5rem; font-size: var(--text-small); font-weight: 400; background: var(--color-dark-grey); border-radius:var(--radius-small);}


/* short-cta-block */
.short-cta-block{display: flex; align-items: center; gap:1.5rem; padding:var(--padding-normal) calc(var(--container)/12 + var(--container)/24); border-radius:var(--radius-big); overflow: hidden; transform: scaleZ(1);}
.short-cta-block .bg{position: absolute; top:0; right:0; bottom:0; left:0;}
.short-cta-block .title{margin:0; font-size: var(--h4); flex-grow:1; text-transform: none;}
.short-cta-block .btn{flex:none;}
.categories-listing + .short-cta-block{margin-top:var(--padding-large);}


/* featured-product */
.featured-product-images{display: flex; align-items: center;}
.featured-product-images .fpi-main{margin-right:calc(var(--container)/12); flex-grow:1;}
.featured-product-images .fpi-main img{width:100%; max-width: 100%; border-radius: var(--radius-big);}
.featured-product-images .fpi-second{position: absolute; right:0; width:calc(var(--container)*0.25 - 1.5rem);}
.featured-product-images .fpi-second img{width:100%; max-width: 100%; border-radius: var(--radius-big);}


/* events */
.events-slider{margin:0 -0.75rem;}
.events-slider .slick-list{border-radius:var(--radius-big); overflow: hidden;}
.events-slider .item{margin:0 0.75rem; display: flex; flex-direction: column;}
.events-slider .image{flex:none; width:100%; aspect-ratio:1.4/1; border-radius:var(--radius-big) var(--radius-big) 0 0; transform: scaleZ(1); overflow:hidden;}
.events-slider .content{border-radius:0 0 var(--radius-big) var(--radius-big); transform: scaleZ(1); overflow:hidden; background: #fff; width:100%; flex-grow:1; display: flex; flex-direction: column; gap:var(--margin-small); padding:1.5rem; transition:background 0.2s ease, color 0.2s ease;}
.events-slider .title{font-size:var(--h5); margin:0;}
.events-slider .date{font-size: var(--text-small); color:var(--color-dark-grey); transition:color 0.2s ease;}
.events-slider .item:hover .content{background:var(--color-dark-blue); color:#fff;}
.events-slider .item:hover .content .date{color:var(--color-grey);}

.events-slider-controls{ display: flex; align-items: center; gap:0.5rem;}


/* help */
.help-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:var(--margin-normal);}
.help-listing .item{padding:2.75rem; border-radius:var(--radius-big);  width:calc((100% - var(--margin-normal)*2)/3);}
.help-listing .title{font-size: var(--h4); margin-bottom:var(--margin-small);}
.help-listing .icon{height:5.12rem; margin-bottom:var(--margin-normal);}
.help-listing .icon img{height:100%; max-height: 100%; transition:opacity 0.4s ease;}
.help-listing .icon .hover{position: absolute; top:0; left:0; opacity:0;}
.help-listing .item:hover .icon .normal{opacity:0;}
.help-listing .item:hover .icon .hover{opacity:1;}
.help-listing .bg{ border-radius:var(--radius-big); overflow: hidden; transform:scaleZ(1); position: absolute; top:0; right:0; bottom:0; left:0;}
.help-listing .bg img{opacity:0; transition:opacity 0.4s ease;}
.help-listing .bg:after{content: ''; opacity:0; background: var(--color-dark-blue80); position: absolute; top:0; right:0; bottom:0; left:0; transition:opacity 0.4s ease;}
.help-listing .bg:before{content: ''; border-radius:var(--radius-big); border:2px solid var(--color-grey); position: absolute; top:0; right:0; bottom:0; left:0;}
.help-listing .content{transition:color 0.2s ease;}
.help-listing .item:hover .content{color:#fff;}
.help-listing .item:hover .bg{border-color:var(--color-blue80);}
.help-listing .item:hover .bg img{opacity:1;}
.help-listing .item:not(.listing-title):hover .bg:after{opacity:1;}
.help-listing .listing-title{display: flex; align-items: center;}


/* distributor */
.distributor-image-block{position: absolute; top:0; bottom:0; left:0; width:50%;}
.distributor-image-block img{object-fit: cover; width:100%; height: 100%; object-position: right;}


/* testimonials */
.testi-slider .slick-list{border-radius:var(--radius-big); overflow: hidden;}
.testi-slider .item{border-radius:var(--radius-big); overflow: hidden; transform: scaleZ(1); display: flex; align-items: stretch; gap:5rem; background: var(--color-light-grey);}
.testi-slider .image{ width:calc(var(--container)*0.3333 - var(--container)/24 - var(--bs-gutter-x)); flex:none;}
.testi-slider .textbox blockquote, .testi-slider .textbox figure blockquote + figcaption{padding-left:4.44rem;}
.testi-slider .textbox blockquote{padding-top:0.5rem; background-size:2.62rem auto; background-position: 0.5rem 0;}
.testi-slider .textbox figure blockquote + figcaption{margin-top:var(--margin-normal);}
.testi-slider .content{flex-grow:1; padding:calc(var(--padding-normal) - 0.5rem) 5rem var(--margin-big) 0; display: flex; flex-direction: column; justify-content: center;}

.testi-slider-controls{ display: flex; align-items: center; gap:0.5rem;}




/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{width:100vw; margin-top:auto; flex:none; padding-left:var(--body-margin); padding-right:var(--body-margin);}

/* top */
.footer-top{border-radius:var(--radius-big); background: var(--color-light-grey); padding:var(--padding-normal) 0;}
.footer-top .row{flex-wrap: nowrap; gap:3.5rem; justify-content: space-between;}
.footer-top .row > [class*='col-']{flex-shrink: 1;}
.footer-top .footer-brand img{width:8.87rem; max-width: 100%;}
.footer-top address{color:var(--color-dark-grey);}
.footer-top .contacts{font-size: 0.87rem; font-weight: 700; text-transform: uppercase; line-height: 1.2; letter-spacing: 0.0875rem; display: flex; flex-direction: column; gap:0.63rem;}
.footer-top .contacts .item{display: flex; align-items: flex-start; gap:0.5rem;}
.footer-top .contacts [class*='fa-']{font-size: 1rem; color:var(--color-dark-grey);}
.footer-top .contacts a{text-decoration: none; color:var(--color-base);}
.footer-top .contacts a:hover, .footer-top .contacts a:focus{color:var(--color-link);}

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

.site-map-title{font-size: var(--h6); text-transform: uppercase;}
.site-map-links ul{padding:0; list-style-type: none; display: flex; flex-direction: column; gap:var(--margin-normal);}
.site-map-links a{text-decoration: none; color:var(--color-base);}
.site-map-links a:hover, .site-map-links a:focus{color:var(--color-link);}

/* bottom */
.footer-bottom{padding:1rem 0; font-size: var(--text-small); color:var(--color-dark-grey);}
.footer-bottom .row{gap:3.5rem; justify-content: space-between;}
.footer-bottom a{color:inherit;}
.footer-bottom a:hover, .footer-bottom a:focus{color:var(--color-link);}
.footer-group{display: flex;}
.footer-group div+div:before{content: '|'; margin:0 0.25rem;}



/* ************************* */
/* PRODUCTS				 */
/* ************************* */
.products-filter{margin-bottom:var(--padding-normal);}

.products-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:var(--margin-big) 1.5rem;}
.products-listing .item{display: flex; flex-direction: column; border-radius:var(--radius-big); overflow: hidden; transform: scaleZ(1); border:2px solid #fff; background: #fff;  width:calc((100% - 1.5rem*2)/3); transition:border 0.4s ease, background 0.4s ease;}
.products-listing .item:hover{background: var(--color-light-grey); border-color:var(--color-grey);}
.products-listing .image{aspect-ratio:1.3866/1; width:100%; flex:none;}
.products-listing .image img{object-fit: cover; width:100%; height:100%;}
.products-listing .content{padding:2rem; flex-grow:1; display: flex; flex-direction: column;}
.products-listing .title{font-size: var(--h4);}
.products-listing .textbox{margin-bottom:var(--margin-normal);}
.products-listing .btn{margin-top:auto; z-index: 5;}

.details-slider{margin-left: -0.75rem; margin-right:-0.75rem;}
.details-slider .slick-list{border-radius:var(--radius-big); overflow: hidden;}
.details-slider .item{margin:0 0.75rem; border-radius:var(--radius-big); overflow: hidden; transform: scaleZ(1);}
.details-slider .image{width:100%; aspect-ratio:1.2326/1;}

.details-thumbs-slider{margin-top:1rem; margin-left:-0.5rem;}
.details-thumbs-slider .slick-list{padding-right:4.25rem; border-radius:var(--radius-big); overflow: hidden;}
.details-thumbs-slider .item{border:3px solid transparent; margin:0 0.5rem; border-radius:var(--radius-big); overflow: hidden; transform: scaleZ(1); transition:border 0.4s ease;}
.details-thumbs-slider .item.slick-current{border-color:var(--color-orange);}
.details-thumbs-slider .image{width:100%; aspect-ratio:1.48/1;}
.details-thumbs-slider .image:after{content: ''; position: absolute; top:0; right:0; bottom:0; left:0; background: transparent; transition:background 0.2s ease;}
.details-thumbs-slider .item:not(.slick-current){cursor: pointer; }
.details-thumbs-slider .item:not(.slick-current):hover .image:after{background: var(--color-blue40);}
.details-thumbs-slider .slick-arrow{background: #fff; font-size: 1rem; width:2rem; height:2rem; position: absolute; top:calc(50% - 1rem);}
.details-thumbs-slider .slick-arrow:not(.slick-disabled):hover{background: var(--color-blue);}
.details-thumbs-slider .slick-prev{left:0;}
.details-thumbs-slider .slick-next{right:-0.5rem;}
.details-thumbs-slider .slick-dots{bottom:-1rem;}

.listing-with-icons .item .title{font-size: var(--h5); font-family: 'Base'; font-weight: 300; margin-bottom:var(--margin-small);}
.listing-with-icons .item .icon{height:4rem; margin-bottom:var(--margin-small);}
.listing-with-icons .item .icon img{height:100%; max-height: 100%;}

.services-listing{ display: flex; flex-wrap:wrap; align-items: flex-start; gap:var(--margin-big) 7.44rem;}
.services-listing .item{width:calc((100% - 7.44rem)/2); text-align: center;}
.services-listing .icon{margin-bottom:var(--margin-normal); height:5.12rem;}
.services-listing .icon img{height:100%; max-height: 100%;}
.services-listing .title{margin-bottom:var(--margin-small); font-size: var(--h5); }



/* ************************* */
/* DISTRIBUTORS				 */
/* ************************* */
.distributors-listing{display:flex; flex-direction: column; gap:var(--margin-big);}
.distributors-listing .item{display: flex; align-items: center; gap:5rem; padding:2rem; background:var(--color-light-grey); border-radius: var(--radius-big);}
.distributors-listing .image{flex-grow:1;}
.distributors-listing .image img{width:100%; max-width: 100%;}
.distributors-listing .content{width:58%; flex:none;}
.distributors-listing .tags-listing{margin-bottom:var(--margin-small);}
.distributors-listing .title{font-size: var(--h4); margin:0;}
.distributors-listing .location{font-size: var(--text-lead); font-weight: 300;}
.distributors-listing .d-contacts-block{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
.distributors-listing .d-contacts-block .d-contact{color:var(--color-blue); text-transform: uppercase; font-size: 0.87rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.0875rem; display: flex; align-items: center; gap:0.5rem;}
.distributors-listing .d-contacts-block .d-contact a{text-decoration: none;}



/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	.footer-top .row{ gap:2.5rem;}
	
	.about-listing{gap:var(--margin-big) 3.5rem;}
	.about-listing .item{width:calc((100% - 3.5rem)/2);}
	
	#main-slider .item .text-block{ padding-left:4rem; padding-top:8rem; padding-bottom:9rem;}
	.main-slider-controls{left:calc(50% - 3.2rem + 0.75rem + 4rem);}
	
	.categories-listing .i-footer{flex-direction: column; align-items: flex-start;}
	.categories-listing .i-footer .adv{text-align:left;}
	
	.services-listing{gap:var(--margin-big) 5rem;}
	.services-listing .item{width:calc((100% - 5rem)/2);}


}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.footer-top .row{ gap:1.5rem;}
	
	#main-slider .item .text-block{ padding-left:3rem; padding-top:7rem; padding-bottom:8rem;}
	.main-slider-controls{left:calc(50% - 3.2rem + 0.75rem + 3rem);}
	
	.categories-listing .image{width:10rem;}
	.categories-listing .item{gap:1.5rem;}
	
	.help-listing .item{padding:2rem;}
	
	.testi-slider .item{gap:1.5rem;}
	
	.products-listing{gap:var(--margin-normal) 1.5rem;}
	.products-listing .content{padding:1.5rem;}
	.products-filter{margin-bottom:var(--margin-big);}
	
	.services-listing{gap:var(--margin-big) 1.5rem;}
	.services-listing .item{width:calc((100% - 1.5rem)/2);}
	
	.distributors-listing .item{display: flex; align-items: center; gap:3.5rem;}
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.about-listing{gap:3rem 2rem;}
	.about-listing .item{width:calc((100% - 2rem)/2);}
	
	.categories-listing{gap:var(--margin-big) 2rem;}
	.categories-listing .image{width:8rem; padding:1rem;}
	
	.short-cta-block{padding:var(--padding-normal);}
	
	.events-slider{margin:0 -0.37rem;}
	.events-slider .item{margin:0 0.37rem;}
	
	.help-listing{gap:0.75rem;}
	.help-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.products-listing{gap:0.75rem;}
	.products-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.details-slider{margin-left: -0.37rem;}
	.details-slider .item{margin:0 0.37rem;}
	.details-thumbs-slider{margin-top:0.5rem; margin-left:-0.25rem; margin-right:-0.25rem;}
	.details-thumbs-slider .item{margin:0 0.25rem;}
	.details-thumbs-slider .slick-next{right:-0.37rem;}



}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	#footer{text-align: center;}
	.footer-top .row{flex-wrap:wrap; gap:0;}
	.footer-top .contacts{align-items: center;}
	.social-share{justify-content: center;}
	.site-map-links ul{padding:0 10vw; flex-direction: row; justify-content: center; gap:1rem 2rem; flex-wrap:wrap;}
	
	.footer-bottom .row{gap:1rem; justify-content: center; flex-direction: column-reverse;}
	.footer-group{justify-content: center;}
	
	.about-listing .item{padding:0 1.5rem;}
	
	#main-slider .item{flex-direction: column;}
	#main-slider .item .image{position: relative; width:100%; height:calc(100vw/1.7777);}
	#main-slider .item .image img {border-radius: var(--radius-big) var(--radius-big) 0 0;}
	#main-slider .item .content .bg{width:100%;}
	#main-slider .item .text-block{margin-left:0; padding:var(--margin-normal) 0 var(--padding-normal) 0;}
	.main-slider-controls{left:0.75rem; right:0.75rem; width:auto; bottom:1rem;}
	#main-slider .item .content{flex-grow:1; align-items: flex-start;}
	#main-slider .slick-track{display: block;}
	
	.categories-listing .item{width:100%;}
	.categories-listing .image{width:30vw; padding:5vw; }
	
	.short-cta-block{flex-direction: column; align-items: flex-start;}
	
	.featured-product-images .fpi-second{width:calc(var(--container)*0.5);}
	
	.help-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.distributor-image-block{position: relative; width:auto; margin-bottom:var(--margin-normal);}
	
	.testi-slider .item{flex-direction: column; gap:0;}
	.testi-slider .image{width:100%; aspect-ratio:1.7777/1; flex:none;}
	.testi-slider .content{padding:var(--margin-big) 3rem var(--margin-big) 1rem;}
	.testi-slider .slick-track{display: block;}
	
	.products-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.services-listing{gap:var(--margin-big) 0;}
	.services-listing .item{width:50%; padding:0 2rem;}
	
	.distributors-listing .item{padding:1.5rem; gap:1.5rem;}
	
	.details-thumbs-slider{display: none;}

	body .uwy.userway_p2 .userway_buttons_wrapper,
	body .uwy.userway_p5 .userway_buttons_wrapper  {
    	top: auto !important;
	    bottom: 0px !important;
    	left: auto !important;
	    right: 3rem !important;
		transform: none !important;
	}

	#scrollup.affix {
		bottom: 4rem !important;
		z-index: 2147483648 !important;
	}

}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.footer-group{flex-direction: column-reverse; gap:1rem;}
	.footer-group div+div:before{display: none;}
	
	.about-listing .item{width:100%;}
	.about-listing .item{padding:0 15vw;}
	.about-listing .icon{height:7rem;}
	
	.short-cta-block{padding:var(--padding-normal) 3rem;}
	
	.help-listing .item{width:100%;}
	
	.testi-slider .content{padding-right:1.5rem;}
	
	.products-listing .item{width:100%;}
	
	.services-listing .item{width:100%; padding:0 15vw;}
	
	.distributors-listing .item{flex-direction: column; align-items:flex-start;}
	.distributors-listing .content{width:100%;}

}

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

}