/* BA custom theme. */


/* masthead-internal */
.masthead-internal-section{display: flex; align-items: flex-end; padding-top:calc(var(--padding-large) + var(--header-height)); padding-bottom:var(--padding-large);}
.masthead-internal-section .section-bg:after{content: ''; position: absolute; top:0; right:0; bottom:0; left:0;
	background: linear-gradient(0deg, rgba(0, 8, 27, 0.64) 0%, rgba(0, 8, 27, 0.00) 100%) no-repeat left bottom / 100% 100%,
	linear-gradient(180deg, rgba(0, 8, 27, 0.4) 0%, rgba(0, 8, 27, 0.00) 100%) no-repeat left top / 100% 17.5rem,
	radial-gradient(27.26% 96.74% at 10.87% 3.26%, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.00) 100%);}
.masthead-internal-section .textbox{margin-bottom:1rem;}

/* cta-section */
.cta-section{padding:14rem 0; overflow: hidden; background-color: var(--color-dark-brown);}
.cta-section .content:before{content: ''; width:calc(var(--page-side-gap) + var(--container)*0.1666 + var(--container)/24 - 1.75rem); top:1.78rem; background: #fff; position: absolute; height:1px; right:calc(100% + 1rem); }
.cta-section .content:after{content: ''; width:calc(var(--page-side-gap) + var(--container)*0.1666 + var(--container)/24 - 1.75rem); top:1.78rem; background: #fff; position: absolute; height:1px; left:calc(100% + 1rem); }

/* main-slider */
.main-slider{--top-padding:calc(50vw/1.7777);}
.main-slider .item{ padding-bottom:5rem; padding-top:var(--top-padding);}
.main-slider .item .section-bg:after{content: ''; 
	background: linear-gradient(0deg, rgba(0, 8, 27, 0.56) 0%, rgba(0, 8, 27, 0.00) 100%) no-repeat left bottom / 100% 60%, 
		linear-gradient(180deg, rgba(0, 8, 27, 0.56) 0%, rgba(0, 8, 27, 0.00) 100%) no-repeat left top / 100% 17.5rem,
		radial-gradient(27.26% 96.74% at 10.87% 3.26%, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.00) 100%); 
		position: absolute; left:0; right:0; bottom:0; top:0; }
.main-slider .item .opt-images{display: flex; align-items: flex-start; gap:1.5rem;}
.main-slider .item .opt-images div{box-shadow: 0px 0px 1.5rem 0px rgba(0, 0, 0, 0.32); flex-basis: 30%; flex-grow:1; aspect-ratio:1.08/1;}
.main-slider .item .opt-images img{object-fit: cover; width:100%; height: 100%; }

.main-slider-controls{padding-left:5.68rem; display: flex; align-items: center; gap:1rem; top:calc(var(--top-padding) - 3.24rem); left:var(--page-side-gap); position: absolute;}
.main-slider-controls .swiper-pagination{cursor: default;  width:auto; top:-0.4rem; bottom:auto; left:0; display: flex; align-items: center; gap:0.25rem; line-height: 1.2;}
.main-slider-controls .swiper-pagination .swiper-pagination-current{font-size: var(--h4); font-weight: 800;}
.main-slider-controls .swiper-button-prev, .main-slider-controls .swiper-button-next{color:#fff; position: relative; margin:0; left:0; top:0; bottom:0; right:0;}
.main-slider-controls .swiper-button-next:hover, .main-slider-controls .swiper-button-prev:hover{color:var(--color-beige);}

/* about */
.about-section{display: flex; align-items: stretch; background: var(--color-black);}
.about-section .item{overflow: hidden; display: flex; align-items:center; width:33.33%; flex:none; min-height:40rem;}
.about-section .item .image{position: absolute; top:0; right:0; bottom:0; left:0;}
.about-section .item .image:after{content: ''; background: linear-gradient(180deg, rgba(0, 5, 16, 0) 0%, rgba(0, 5, 16, 0) 25%, rgba(0, 5, 16, 0.64) 50%, rgba(0, 5, 16, 0.64) 100%) no-repeat left top / 100% 200%; top:0; position: absolute; left:0; bottom:0; right:0; transition:background 0.4s ease;}
.about-section .item:hover .image:after{background-position: left bottom;}
.about-section .item .title{white-space: nowrap; gap:1rem; display: flex; align-items: center; font-size: var(--h3);}
.about-section .item .title:after{content: ''; height:1px; margin-right:-5.62rem; background: #fff; flex-basis:0; transition:flex-basis 1.4s ease;}
.about-section .item:hover .title:after{flex-basis: 100%;}
.about-section .item .content{width:100%; right:100%; padding:3.5rem 5.62rem; transition:right 0.4s ease;}
.about-section .item:hover .content{right:0;}
.about-section .item .floating-title{padding:3.5rem 5.62rem; position: absolute; right:0; width:100%; bottom:0; transition:right 0.2s ease;}
.about-section .item .floating-title:after{flex-basis: 100%;}
.about-section .item:hover .floating-title:after{flex-basis:0;}
.about-section .item:hover .floating-title{right:100%;}

/* benefits */
.benefits-intro{overflow: hidden; display: flex; flex-direction: column; align-items: stretch; padding:var(--padding-normal); padding-right:var(--page-side-gap); background: #fff; color:var(--color-dark-brown); margin-right:calc(-1*var(--page-side-gap));}
.benefits-intro .title{padding-bottom:0.25rem; font-size: var(--h6); font-variant: small-caps; color:var(--color-brown);}
.benefits-intro .title:after{content: ''; background: var(--color-brown); right:calc(-1*var(--page-side-gap)); position: absolute; left:0; bottom:0; height:1px;}

.benefits-tabs{display: flex; flex-direction: column; align-items:stretch; gap:10rem; background: url("../img/bg-flower-grey4.svg") no-repeat right bottom var(--color-brown); flex-grow:1; overflow: hidden; padding:var(--padding-normal); padding-right:var(--page-side-gap); margin-right:calc(-1*var(--page-side-gap));}
.benefits-tabs .nav-tabs{border:0; display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-normal);}
.benefits-tabs .nav-tabs a{padding-right:1.5rem; padding-left:0; text-decoration: none; color:#fff; display: flex; flex-direction: column; align-items: flex-start; transition:padding 0.2s ease;}
.benefits-tabs .nav-tabs a:hover, .benefits-tabs .nav-tabs a:focus, .benefits-tabs .nav-tabs .active{padding-left:1.5rem; padding-right:0;}
.benefits-tabs .nav-tabs a .benefits-title{white-space: nowrap; gap:1rem; display: flex; align-items: flex-start; width:100%; font-family: 'Heading'; font-weight: 700; font-size: var(--h5);}
.benefits-tabs .nav-tabs a .benefits-title:after{content: ''; margin-right:0; margin-top:0.88rem; flex-grow:0; height:1px; background: #fff; transition:flex-basis 0.4s ease, margin 0.4s ease;}
.benefits-tabs .nav-tabs a .benefits-title:before{content: ''; margin-left:-1rem; width:0; margin-top:0.88rem; flex:none; height:1px; background: #fff; transition:width 0.4s ease, margin 0.4s ease;}
.benefits-tabs .nav-tabs .active{cursor: default;}
.benefits-tabs .nav-tabs .active .benefits-title:after{margin-right:calc(-1*var(--page-side-gap)); flex-grow:1;}
.benefits-tabs .nav-tabs .active .benefits-title:before{width:5.5rem; margin-left:-6.5rem;}

.benefits-content{flex-grow:1; margin-right:-1.5rem; margin-left:calc(-1*var(--page-side-gap)); display: flex; align-items: stretch;}
.benefits-content > .tab-pane{width:100%;}
.benefits-content .tab-pane .inner-wrap{height:100%; display: flex; flex-direction: column; align-items: stretch;}
.benefits-content .top-image{width:100%; flex-grow:1; margin-bottom:-1px;}
.benefits-content .top-image img{position: absolute;}
.info-icon{color:#fff; text-decoration: none; width:4rem; height:4rem; display: flex; align-items: center; justify-content: center; font-size:2rem; background: var(--color-brown); z-index: 2;}
.info-icon:hover, .info-icon:focus{background: var(--color-hover); color:#fff;}
.benefits-content .top-image .info-icon{position: absolute; top:0; right:0;}
.benefits-content .bottom-blocks{display: flex; align-items: stretch;}
.benefits-content .bottom-text-block{background: var(--color-dark-brown); padding:var(--padding-normal); padding-left:var(--page-side-gap); flex-grow:1; }
.benefits-content .bottom-text-block .links{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
.benefits-content .bottom-image{width:calc(var(--container)*0.25); flex:none; margin-left:-1px; margin-right:-1px;}
.benefits-content .bottom-image img{position: absolute;}

.benefits-tabs .all-offers-link{margin-top:auto;}



/* testimonials */
.testi-section{background: url("../img/bg-flower-white10-left.svg") no-repeat left top, url("../img/bg-flower-white10-right.svg") no-repeat right bottom, #fff; padding:var(--padding-large) 0;}
.testi-image-left{height:20rem; margin-top:0.5rem; margin-left:calc(-1*var(--page-side-gap));}
.testi-image-right{height:20rem; margin-top:0.5rem; margin-right:calc(-1*var(--page-side-gap));}

.testi-section .nav-tabs{border:0; border-top:1px solid var(--color-brown); display: flex; align-items: flex-start;}
.testi-section .nav-tabs li{flex-basis: 0; flex-grow:1;}
.testi-section .nav-tabs a{ text-decoration: none; padding:1.5rem 1rem 0 1rem; text-align: center; display: flex; flex-direction: column; align-items: center; transition:color 0.2s ease, background 0.2s ease;}
.testi-section .nav-tabs a:before{content: ''; position: absolute; left:50%; width:0; height:0.25rem; top:-0.25rem; background:var(--color-brown); transition:left 0.4s ease, width 0.4s ease;}
.testi-section .nav-tabs a .name{font-family: 'Heading'; line-height: 1.2; font-size: var(--h6); font-weight: 400; font-variant: small-caps;}
.testi-section .nav-tabs a .source{font-size:var(--text-small); font-weight: 400; color:var(--color-dark-grey);}
.testi-section .nav-tabs a:hover:before, .testi-section .nav-tabs a:focus:before{left:0; width:100%; background: var(--color-hover);}
.testi-section .nav-tabs .active:before{left:0; width:100%;}

.testi-section .tab-content{margin-bottom:var(--margin-big);}
.testi-section .tab-pane .inner-wrap{display: flex; justify-content: center;}



/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{margin-top:auto; flex:none; }

#footer .bg{position: absolute; width:24rem; aspect-ratio:1/1; top:3.31rem; left:calc(var(--page-side-gap) + var(--container)*0.1666); background: url("../img/bg-flower-grey.svg") no-repeat left top / auto 100%;}

/* top */
.footer-top{padding: var(--padding-normal) 0; border-top:1px solid var(--color-grey);}

.footer-top .logo-block{display: inline-flex; flex-direction: column; gap:var(--margin-big); align-items: center;}
.footer-top .footer-brand img{width:13.43rem; max-width: 100%;}

.social-share{display: flex; flex-wrap:wrap; align-items: center; gap:1.5rem; font-size: 1rem;}
.social-share a{color:var(--color-brown);}
.social-share a:hover, .social-share a:focus{color:var(--color-dark-brown);}

.site-map .title{font-size: var(--h6); font-variant: small-caps; color:var(--color-brown); margin-bottom:var(--margin-small);}
.site-map ul{gap:var(--margin-small); padding:0; list-style-type: none; display: flex; flex-direction: column; align-items: flex-start;}
.site-map ul a{color:var(--color-base); text-decoration: none;}
.site-map ul a:hover, .site-map ul a:focus{color:var(--color-brown); text-decoration: underline;}

.contact-block .title{font-size: var(--h6); font-variant: small-caps; color:var(--color-brown); margin-bottom:var(--margin-small);}
.contact-block .location{display: flex; flex-direction: column; align-items: flex-start;}
.contact-block .location address{color:var(--color-dark-grey); margin-bottom:var(--margin-normal);}
.contact-block .location .hours{margin-bottom:var(--margin-normal);}
.contact-block .contact-link a{color:var(--color-base); text-decoration: none; display: inline-flex; gap:0.5rem; font-weight: 700; line-height: 1.2;}
.contact-block .contact-link a[href*='mailto']{word-break: break-all;}
.contact-block .contact-link a:hover, .contact-block .contact-link a:focus{color:var(--color-brown);}

.map-block .title{font-size: var(--h6); font-variant: small-caps; color:var(--color-brown); margin-bottom:var(--margin-small);}
.map-block .map-wrap img{width:100%; max-width: 100%; max-width: 21rem;}


/* bottom */
.footer-bottom{font-size: var(--text-small); color:var(--color-dark-grey);  padding:1rem 0; border-top:1px solid var(--color-grey);}
.footer-bottom a:not(:hover):not(:focus){color:inherit;}

.footer-group{display: flex;}
.footer-group > div+div:before{content: '|'; margin:0 0.5rem;}


/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1919.98px) {
	.benefits-tabs{gap:5rem;}
}

@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	

	.main-slider{--top-padding:30rem;}
	
	.about-section .item{min-height:calc(33vw*1.2);}
	.about-section .item .title:after{margin-right:-5;}
	.about-section .item .content{padding:3.5rem 5rem;}
	.about-section .item .floating-title{padding:3.5rem 5rem;}
	
	.benefits-tabs{gap:var(--margin-big);}
	
	.cta-section{padding:12rem 0; }


}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.masthead-internal-section{padding-top:calc(var(--padding-normal) + var(--header-height));}
	
	
	.cta-section .content:before{width:calc(var(--page-side-gap) + var(--container)*0.0833 + var(--container)/24 - 1.75rem);}
	.cta-section .content:after{width:calc(var(--page-side-gap) + var(--container)*0.0833 + var(--container)/24 - 1.75rem);}
	
	.main-slider{--top-padding:25rem;}
	.main-slider-controls .swiper-pagination{top:-0.2rem;}
	
	.about-section .item{min-height:calc(33vw*1.2);}
	.about-section .item .title:after{margin-right:-3.5;}
	.about-section .item .content{padding:3.5rem;}
	.about-section .item .floating-title{padding:3.5rem;}
	.about-section .item .title{font-size: var(--h4);}
	
	.benefits-intro{padding-top:3.5rem; padding-bottom:3.5rem; padding-left:3.5rem;}
	.benefits-tabs{padding-top:3.5rem; padding-bottom:3.5rem; padding-left:3.5rem;}
	.benefits-content .bottom-text-block{padding-top:3.5rem; padding-bottom:3.5rem; padding-right: 3.5rem;}
	
	.cta-section{padding:10rem 0; }

	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.masthead-internal-section{padding-top:calc(var(--padding-normal) + var(--header-height-mobile));}
	.masthead-internal-section .section-bg:after{
	background:radial-gradient(27.26% 36.74% at 10.87% 3.26%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.00) 100%),
	linear-gradient(0deg, rgba(0, 8, 27, 0.64) 0%, rgba(0, 8, 27, 0.00) 100%) no-repeat left bottom / 100% 100%,
	linear-gradient(180deg, rgba(0, 8, 27, 0.4) 0%, rgba(0, 8, 27, 0.00) 100%) no-repeat left top / 100% 17.5rem;}
	
	.main-slider{--top-padding:20rem;}
	
	.about-section .item{min-height: inherit; flex-direction: column;}
	.about-section .item .title:after{margin-right:-2; flex-basis: 100%;}
	.about-section .item .image{position: relative; width:100%; aspect-ratio:1/1.2;}
	.about-section .item .content{padding:2rem; right:0; background: var(--color-dark-brown); flex-grow:1;}
	.about-section .item:nth-child(2) .content{background: var(--color-brown);}
	.about-section .item .floating-title{display: none;}
	.about-section .item .image:after{display: none;}
	
	.benefits-intro{padding:2rem;}
	.benefits-tabs{padding:2rem;}
	.benefits-content .bottom-text-block{padding:2rem;}

}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	#footer{text-align: center;}
	.footer-top .logo-block{display: flex;}
	.site-map ul{padding:0 10vw; flex-direction: row; flex-wrap:wrap; justify-content: center; gap:0.5rem 1.5rem;}
	.contact-block .location{align-items: center;}
	.map-block{padding: 0 10vw;}
	.footer-group{justify-content: center;}
	
	.main-slider{--top-padding:calc(var(--padding-normal) + var(--header-height-mobile));}
	.main-slider .item{justify-content: flex-end;}
	
	.about-section{flex-direction: column;}
	.about-section .item{width:100%;}
	
	.about-section .item{flex-direction: row; align-items: stretch;}
	.about-section .item .image{width:40%; flex:none;}
	.about-section .item:nth-child(2){flex-direction: row-reverse;}
	.about-section .item .content{display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
	.about-section .item .title::after{margin-right:-2rem;}
	.about-section .item .title{font-size: var(--h3);}
	
	.benefits-intro{margin-left:-0.75rem; margin-right:-0.75rem;}
	.benefits-intro .title::after {margin-right:-2rem;}
	.benefits-tabs{margin-left:-0.75rem; margin-right:-0.75rem;}
	.benefits-tabs .nav-tabs .active .benefits-title::after {margin-right:-2rem;}
	.benefits-content{background: var(--color-brown); margin-left:-0.75rem; margin-right:-0.75rem; padding:0 2rem 2rem 2rem;}
	.benefits-content .tab-pane .inner-wrap{padding:0;}
	.benefits-content .top-image{position: relative; width:100%; aspect-ratio:1.7777/1;}
	.benefits-content .top-image .info-icon{top:0.5rem; right:0.5rem;}
	.benefits-content .pane-content{width:100%;}
	
	.testi-section{padding:0;}
	.testi-image-left{height:auto; margin:0 -0.75rem var(--margin-big) -0.75rem; aspect-ratio:1.7777/1;}
	.testi-image-right{height:auto; margin:var(--margin-big) -0.75rem 0 -0.75rem; aspect-ratio:1.7777/1;}
	
	.cta-section{padding:var(--padding-large) 0; }
	

}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.footer-group{flex-direction: column-reverse; gap:0.5rem;}
	.footer-group > div+div:before{display: none;}
	
	.benefits-content .bottom-blocks{flex-direction: column; align-items: stretch;}
	.benefits-content .bottom-text-block{width:100%;}
	.benefits-content .bottom-image{width:100%; aspect-ratio:1.7777/1;}
	
	.about-section .item{min-height: calc(100vw/1.7777);}
	
	.testi-section .nav-tabs{padding-left:10vw; padding-right:10vw; flex-direction: column; align-items: stretch;}
	.testi-section .nav-tabs a, .testi-section .nav-tabs a:hover, .testi-section .nav-tabs a:focus{padding:1rem 1.5rem;}
	
	
}

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

}