/* BA custom theme. */

[data-calc-height]{display: none;}


/* internal masthead */
.masthead-internal-section{background-image: url("../img/bg-shapes.svg"); background-position: calc(var(--container)*0.59 + var(--page-side-gap)) 31%; background-repeat: no-repeat; padding:var(--padding-large) 0; border-radius:var(--radius-normal);}
.masthead-internal-section .image{ width:calc(var(--container)*0.5 + var(--page-side-gap) + 1.5rem); right:0; position: absolute; top:0; bottom:0;}
.masthead-internal-section .image img{clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--h)/var(--skew-ratio)) 100%); border-top-right-radius:var(--radius-normal); border-bottom-right-radius:var(--radius-normal);}
.masthead-internal-section .image:before{content: ''; clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--h)/var(--skew-ratio)) 100%); background: var(--color-yellow);  border-top-right-radius:var(--radius-normal); border-bottom-right-radius:var(--radius-normal); position: absolute; left:-1rem; right:0; bottom:0; top:0; }

.masthead-internal-section.compact{padding-top: var(--margin-big); padding-bottom: var(--margin-big);}


/* services */
.services-listing{--bottom-padding:3.9rem; display: flex; align-items: flex-start; gap:3.5rem;}
.services-listing .item{display: flex; align-items: flex-start; width:calc((100% - 3.5rem*3)/4);}
.services-listing .inner-wrap{margin-bottom:var(--bottom-padding); display: flex; flex-direction: column; align-items: flex-start; background: #fff; padding:1.5rem; border-radius:var(--radius-normal); transition:box-shadow 0.4s ease, margin 0.4s ease;}
.services-listing .item:hover .inner-wrap{margin-bottom:0; box-shadow:0.75rem 0.75rem 0 0 var(--color-yellow);}
.services-listing .area-link:focus ~ .inner-wrap{box-shadow:0.75rem 0.75rem 0 0 var(--color-yellow);}
.services-listing .icon{height:6.18rem; margin-bottom:var(--margin-normal);}
.services-listing .icon img{max-height: 100%;}
.services-listing .icon [class*='fa']{font-size: 6.18rem;}
.services-listing .title{font-size: var(--h5); transition:color 0.2s ease;}
.services-listing .item:hover .title, .services-listing .area-link:focus ~ .inner-wrap .title{color:var(--color-dark-blue);}
.services-listing .textbox{margin-bottom:0;}
.services-listing .sp-link{margin-top:var(--margin-normal);}
.services-listing a:not(.area-link){z-index: 5;}
.services-listing .link{height:0; overflow: hidden; transition:height 0.4s ease;}
.services-listing .item:hover .link{height:var(--bottom-padding);}


/* main-slider */
#main-slider{z-index: 2;}
#main-slider .item{display: flex; align-items: center; padding:10rem 0; border-radius:var(--radius-normal);}
#main-slider .item .image{aspect-ratio:1.2082/1; left:calc(var(--page-side-gap) + var(--container)*0.5 - var(--container)/24 - 1.5rem); position: absolute; top:5.4rem; bottom:calc(-1*var(--padding-large) - 0.5rem);}
#main-slider .item .image img, #main-slider .item .image video{mask-image: url("../img/mask-tri-down-lg.svg");
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;}
#main-slider .item .image:before{content: ''; background: url("../img/shape-tri-up-outline-yellow-lg.svg") no-repeat center / contain; aspect-ratio:1.2/1; position: absolute; top:-5.7rem; left:0; right:0;}
#main-slider .slick-list{overflow: visible;}
#main-slider .slick-dots{bottom:3.5rem; justify-content: flex-start; padding-left:calc(var(--page-side-gap) - var(--body-margin));}


/* trust */
.trust-tab-content .tab-images{margin-bottom:var(--margin-big); display: flex; align-items: stretch; gap:1.5rem;}
.trust-tab-content .tab-images img{aspect-ratio:1.3/1; object-fit: cover; width:50%; height:auto; border-radius:var(--radius-normal);}
.trust-tab-content .tab-images.single-image img{aspect-ratio:1.618/1;width:100%}


/* stat */
.stat-section{padding-bottom:0;}
.stat-listing{display: flex; align-items:stretch; gap:1.5rem;}
.stat-listing .item{min-height: 24rem; border-top-left-radius: var(--radius-normal); border-left:0.75rem solid var(--color-yellow); padding:1.5rem 0 1.5rem 2.5rem; width:calc((100% - 1.5rem*3)/4);}
.stat-listing .item:nth-child(even){margin-top:7rem;}
.stat-listing .value{color:var(--color-dark-blue); margin-bottom:var(--margin-small); font-size: var(--h1); line-height: 1; font-weight: 700;}
.stat-listing .value .small{font-size: var(--h3); font-weight: 700;}


/* technology */
.tech-section .section-bg:after{content: ''; border-radius:inherit; background: linear-gradient(90deg, #000519 0%, rgba(0, 5, 25, 0.00) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}
.tech-section .section-bg:before{content: ''; background: url("../img/shape-tri-up-solid-dark-blue-lg.svg") no-repeat center / contain; z-index: 2; position: absolute; aspect-ratio:1.023/1; top:-4.6rem; bottom:-5.5rem; right:calc(var(--page-side-gap) + var(--container)*0.6666 - 1.5rem);}
.tech-section .container{z-index: 3;}
.tech-section + .content-section:not([class*='bg-']){padding-top:calc(var(--padding-normal) + 5rem);}


/* start */
.start-listing{display: flex; align-items: flex-start; gap:8.63rem;}
.start-listing .item{width:calc((100% - 8.63rem*2)/3); text-align: center;}
.start-listing .icon{height:4.75rem; margin-bottom:var(--margin-normal);}
.start-listing .icon img{max-height: 100%;}
.start-listing .icon [class*='fa']{font-size: 4.75rem;}
.start-listing .title{font-size: var(--h4);}
.start-listing .arrow{top:1rem; left:calc(100% - 0.5rem); background: url("../img/bg-arrow-tail.svg") no-repeat left center; position: absolute; display: flex; align-items: center; height:2.5rem; width:8.5rem;}
.start-listing .arrow:after{content: ''; background: url("../img/bg-arrow-head.svg") no-repeat center / contain; position: absolute; right:-1.1rem; width:1.1rem; height:1.357rem;}
.start-listing .textbox{margin:0;}


/* resources */
.resources-listing{display: flex; align-items: stretch; gap:3.5rem;}
.resources-listing .item{display: flex; align-items: stretch; width:calc((100% - 3.5rem*2)/3);}


/* logos */
.logos-slider{margin-left:3.5rem; margin-right:3.5rem; margin-top:-1rem; margin-bottom:-1rem;}
.logos-slider .item{display: flex; align-items: center; margin:0 1.75rem; padding-top:1rem; padding-bottom:1rem;}
.logos-slider .item img{max-width: 100%; top:0; transition:top 0.4s ease;}
.logos-slider .item a:hover img{top:-1rem;}

.logos-slider .slick-arrow{position: absolute; top:50%; transform: translateY(-50%);}
.logos-slider .slick-prev{left:-3.5rem;}
.logos-slider .slick-next{right:-3.5rem;}





/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{background: var(--color-light-grey); border-top-left-radius: var(--radius-normal); border-top-right-radius: var(--radius-normal); margin-top:auto; margin-left:var(--body-margin); width:calc(100vw - var(--body-margin)*2); flex:none; }

.footer-top{padding:var(--margin-big) 0;}
.footer-brand{width:16.37rem; max-width: 100%;}
.footer-brand img{max-width: 100%;}

.social-share{display: flex; flex-wrap:wrap; gap:1rem;}
.social-share a{color:var(--color-dark-blue); width:2.5rem; height:2.5rem; border:1px solid var(--color-dark-blue); border-radius:50%; font-size: 1rem; text-decoration: none; display: flex; align-items: center; justify-content: center;}
.social-share a:hover, .social-share a:focus{color:#fff; background: var(--color-dark-blue);}

.footer-top .contacts{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.footer-top .contacts .item{display: flex; align-items: flex-start; gap:0.5rem;}
.footer-top .contacts .c-label{min-width:2.75rem;}
.footer-top .contacts .contact{font-weight: 700; display: flex; flex-direction: column; align-items: flex-start;}
.footer-top .contacts a{text-decoration: none; color:inherit;}
.footer-top .contacts a:hover, .footer-top .contacts a:focus{color:var(--color-hover);}
.footer-top .contacts a[href*='mailto']{word-break: break-all;}

.footer-center{padding:var(--padding-normal) 0; border-top:1px solid var(--color-grey);}
.site-map .title{font-size: var(--h6); font-weight: 700; margin-bottom:var(--margin-normal);}
.site-map ul{padding:0; list-style-type: none; display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.site-map a{text-decoration: none; color:var(--color-base);}
.site-map a:hover, .site-map a:focus{color:var(--color-dark-blue); text-decoration: underline;}

.footer-bottom{padding:var(--margin-normal) 0; border-top:1px solid var(--color-grey); font-size: var(--text-small); color:var(--color-dark-grey);}
.footer-logos{display: flex; align-items: center; gap:3.5rem;}
.footer-logos img{max-height:6.87rem;}

.copyright-block{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.copyright-block .footer-group{display: flex;}
.copyright-block .footer-group > div+div:before{content: '|'; margin:0 0.5rem;}
.copyright-block a:not(:hover):not(:focus){color:inherit;}



/* ************************* */
/* TIMELINE					 */
/* ************************* */
.timeline-slider-wrap{display: flex; align-items: flex-start;}
.timeline-listing{display: flex; align-items: stretch; width:calc(100% - 10rem); background: linear-gradient(0deg, var(--color-dark-blue) 0%, var(--color-dark-blue) 100%) no-repeat left calc(100% - 1.13rem) / 100% 0.1875rem;}
.timeline-listing .item{cursor: pointer; flex-grow:1;}
.timeline-listing .item.active{cursor: default;}
.timeline-listing .year{padding-bottom:0.5rem; height:3.75rem; font-size: var(--h5); line-height: 1.2; font-weight: 700; color:var(--color-link);}
.timeline-listing .year:after{content: ''; background: url("../img/shape-time-point.svg") no-repeat left center / auto 100%; width:0.91rem; height:1.02rem; position: absolute; left:0; bottom:0.72rem;}
.timeline-listing .year:before{content:''; background: var(--color-dark-blue); position: absolute; left:0; right:0; bottom:1.13rem; height:0.1875rem;}
.timeline-listing .year:hover{color:var(--color-hover);}
.timeline-listing .active .year{color:var(--color-black);}
.timeline-listing .active .year:after{background-image: url("../img/shape-time-point-active.svg");}

.timeline-slider-wrap .today-wrap{display: flex; width:10rem; flex:none;}
.timeline-slider-wrap .today-wrap .timeline-today{font-size: var(--h5); font-weight: 700; line-height: 1.2; text-transform: uppercase; color:var(--color-dark-blue); height:3.75rem;}
.timeline-slider-wrap .today-wrap .timeline-today:after{content: ''; background: url("../img/shape-tri-right-solid-yellow-xs.svg") no-repeat left center / auto 100%; left:0; bottom:0; position: absolute; width:1.92rem; height:2.34rem;}

.timeline-slider-controls{margin-top:1.6rem; margin-left:auto; display: flex; gap:0.5rem;}
.timeline-slider-controls .slick-arrow{position: relative;}

.event-slider{margin-right:9.25rem; margin-left:-0.75rem;}
.event-slider .item{display: flex; align-items: stretch; margin:0 0.75rem; gap:1.5rem;}
.event-slider .event{display: flex; align-items: flex-start; gap:1.5rem; flex-basis:0; flex-grow:1; border:2px solid var(--color-grey); padding:1.5rem; border-radius:var(--radius-normal);}
.event-slider .event .image{flex:none; width:32%;}
.event-slider .event .image img{object-fit: cover; width:100%; height:100%; border-radius:var(--radius-normal);}
.event-slider .event .content{flex-grow:1;}
.event-slider .today{border-color:var(--color-yellow);}




/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	.masthead-internal-section .container{padding-left:2.5rem; padding-right: 2.5rem;}
	
	.content-section[class*='bg-'] .container{padding-left:2.5rem; padding-right: 2.5rem;}
	
	#footer .container{padding-left:2.5rem; padding-right: 2.5rem;}
	.footer-logos{gap:2.5rem;}
	
	.services-listing{gap:2rem;}
	.services-listing .item{width:calc((100% - 2rem*3)/4);}
	
	#main-slider .item{padding:9rem 0;}
	
	.stat-listing .item{padding-left:2rem;}
	
	.tech-section .section-bg:before{right:calc(var(--page-side-gap) + var(--container)*0.5833);}
	
	.start-listing{gap:5.63rem;}
	.start-listing .item{width:calc((100% - 5.63rem*2)/3);}
	.start-listing .arrow{width:5.5rem;}
	
	.resources-listing{gap:2rem;}
	.resources-listing .item{width:calc((100% - 2rem*2)/3);}

	.logos-slider{margin-left:2rem; margin-right:2rem;}
	.logos-slider .item{margin:0 1rem;}
	.logos-slider .slick-prev{left:-2rem;}
	.logos-slider .slick-next{right:-2rem;}

	

}

@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{background-position: calc(var(--container)*0.4 + var(--page-side-gap)) 31%;}
	
	.footer-logos{gap:1.5rem;}
	.footer-logos img{max-height:5rem;}
	
	.services-listing{gap:1.5rem;}
	.services-listing .item{width:calc((100% - 1.5rem*3)/4);}
	
	#main-slider .item{padding:var(--padding-large) 0;}
	
	.stat-listing .item{padding-left:1.5rem;}
	
	.tech-section .section-bg:before{right:calc(var(--page-side-gap) + var(--container)*0.5);}
	
	.start-listing{gap:3.63rem;}
	.start-listing .item{width:calc((100% - 3.63rem*2)/3);}
	.start-listing .arrow{width:3.5rem;}
	
	.resources-listing{gap:1.5rem;}
	.resources-listing .item{width:calc((100% - 1.5rem*2)/3);}

}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.masthead-internal-section .container{padding-left:2rem; padding-right:2rem;}
	.masthead-internal-section{background-size: auto 35rem;}
	
	.content-section[class*='bg-'] .container{padding-left:2rem; padding-right: 2rem;}
	
	#footer .container{padding-left:2rem; padding-right: 2rem;}
	.footer-top .contacts .c-label{text-align: right;}
	.footer-top .contacts{display: inline-flex; margin-left:auto; margin-right:auto;}
	.footer-logos{justify-content: center;}
	.copyright-block{align-items: center; margin-top:var(--margin-normal);}
	
	.services-listing{flex-wrap:wrap;}
	.services-listing .item{width:calc((100% - 1.5rem)/2);}
	.services-listing .inner-wrap{margin-bottom:0;}
	.services-listing .link, .services-listing .item:hover .link{height:auto;}
	
	#main-slider .item .image{bottom:calc(-1*var(--padding-normal)); left:calc(var(--page-side-gap) + var(--container)*0.5);}
	
	.stat-listing .item{padding-left:1rem;}
	
	.tech-section .section-bg:before{right:calc(var(--page-side-gap) + var(--container)*0.5833);}
	
	.start-listing{gap:2.63rem;}
	.start-listing .item{width:calc((100% - 2.63rem*2)/3);}
	.start-listing .arrow{width:2.5rem;}
	
	.resources-listing{gap:0.75rem;}
	.resources-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.logos-slider{margin-left:0; margin-right:0;}
	.logos-slider .slick-dots{bottom:0;}
	
	.event-slider .event{flex-direction: column; align-items: flex-start;}
	.event-slider .event .image{width:100%;}
	.timeline-slider-wrap .today-wrap{width:5rem;}
	.timeline-listing{width:calc(100% - 5rem);}
	.event-slider{margin-right:4.25rem;}
	.timeline-slider-controls{display: none;}
	.event-slider .slick-track{display: block;}
	

}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	#footer{text-align: center;}
	.footer-brand{margin-left:auto; margin-right:auto;}
	.footer-top .social-share{justify-content: center;}
	.site-map ul{padding-left:10vw; padding-right:10vw; flex-direction: row; flex-wrap:wrap; justify-content: center; gap:0.5rem 1.5rem;}
	.site-map .title{margin-bottom:var(--margin-small);}
	
	#main-slider .item .image{margin-bottom:var(--margin-normal); position: relative; bottom:0; top:0; left:0; width:100%;}
	#main-slider .item{flex-direction: column;}
	#main-slider .slick-track{display: block;}
	#main-slider .slick-list{overflow: hidden;}
	
	.stat-section{padding-bottom:var(--padding-normal);}
	.stat-listing{flex-direction: column; align-items:stretch;}
	.stat-listing .item{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding:0 1.5rem 1.5rem 50%; min-height:10rem; width:auto; flex-basis: 100%; border-bottom-right-radius: var(--radius-normal); border-left:0; border-bottom:0.75rem solid var(--color-yellow);}
	.stat-listing .item:nth-child(even){margin:0; margin-right:10%; padding-left:30%;}
	.stat-listing .value{font-size: 5rem;}
	.stat-listing .value .small{font-size: 3rem;}
	
	.tech-section .section-bg:before{top:-2.6rem; bottom:-3.5rem; right:50%;}
	.tech-section .section-bg:after{background: linear-gradient(90deg, rgba(0, 5, 25, 0.8) 0%, rgba(0, 5, 25, 0.5) 100%);}
	
	.start-listing{flex-direction: column; align-items: center; gap:5rem;}
	.start-listing .item{width:80%;}
	.start-listing .arrow{top:95%; left:50%; width:2.5rem; transform-origin: 0 50%; transform: rotate(90deg);}
	
	.resources-listing{flex-wrap:wrap; gap:var(--margin-normal);}
	.resources-listing .item{width:100%;}
	
	.event-slider .item{flex-direction: column; align-items: stretch;}
	
	.masthead-internal-section .image{margin-top:calc(-1*var(--padding-normal)); margin-bottom:var(--margin-normal); width:100%; left:0; position: relative; top:0; bottom:0;}
	.masthead-internal-section .image img{aspect-ratio:1.777/1; clip-path: none; border-radius: var(--radius-normal) var(--radius-normal) 0 0;}
	.masthead-internal-section .image:before{display: none;}
	

	
}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	
	
	.site-map ul{padding-left:5vw; padding-right:5vw;}
	.footer-logos{flex-wrap:wrap;}
	.copyright-block{flex-direction: column-reverse;}
	.copyright-block .footer-group{flex-direction: column; gap:var(--margin-small);}
	.copyright-block .footer-group > div+div:before{display: none;}
	
	.services-listing .item{width:100%;}
	
	.stat-listing .value{font-size: 4rem;}
	.stat-listing .value .small{font-size: 2rem;}
	.stat-listing .item{padding-left:40%;}
	.stat-listing .item:nth-child(even){padding-left:20%;}
	
	.timeline-listing .item{flex-grow:0;}
	.timeline-listing{flex-wrap:wrap; background: none; gap:0.5rem 1.5rem; width:100%;}
	.timeline-listing .year::before {display: none;}
	.timeline-listing .year{padding:0.5rem 0 1rem 1.5rem; height:auto;}
	.timeline-listing .year::after {bottom:1.1rem;}
	.timeline-slider-wrap .today-wrap{display: none;}
	.event-slider{margin-right:0;}
	
}

@media (max-width: 360px) {
	#page-wrap{box-shadow:inset 0 0 0 0 red;}

}




