/*----- Mark's Custom CSS -----*/
body{--primary:#84c225;--top_promo_hgt:4rem}
.text-primary,.highlight{color:var(--primary)!important}
.bg-primary{background-color:var(--primary)!important}
.bg-light{background-color:var(--light)!important}
.border-primary{border-color:var(--primary)!important}
.border-bottom{border-bottom:1px solid var(--gray_t5)!important}
.title::after,.title-center::after{border-bottom:none}
.shadow{-webkit-box-shadow:0 .8rem 1.6rem rgba(0, 0, 0, .175);box-shadow:0 .8rem 1.6rem rgba(0, 0, 0, .175) !important}

/* top promotion */
.top-promotion,.top-promotion .row{height:var(--top_promo_hgt)}
.top-promotion a{font-size:1.4rem;padding:1rem}
@media (min-width:768px) {
  .top-promotion a{font-size:1.6rem;line-height:1.2}
}
/*----- header home -----*/
.b9-header{border-bottom:1px solid var(--gray_t8)}
.b9-header .container-fluid{padding:6px 10px}
.b9-header button.navbar-toggler{-webkit-box-shadow:none;box-shadow:none}
.navbar-toggler-custom-icon{width:46px;height:46px}
@media (min-width:1200px) {
.b9-header .container-fluid{padding:10px 15px}
.b9-header .navbar{min-height:67px}
.b9-header .navbar-brand,.b9-header .navbar-brand img{width:190px;min-width:unset}
.b9-header .navbar-expand-xl .navbar-nav .dropdown-menu{top:46px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:152px;border-top:none;border-radius:0 0 6px 6px;font-size:15px;text-transform:uppercase}
.b9-header .navbar .navbar-nav .nav-link{font-size:var(--body_font_size)}
}
/*----- header page (user) -----*/
.b9-header{--user_icon_size:48px}
.b9-header .avatar{width:var(--user_icon_size);height:var(--user_icon_size)}
.b9-header .d-flex.order-2 .nav-item.dropdown,.b9-header #navbarDropdownUser{display:block;width:100%;height:100%}
.b9-header #navbarDropdownUser+.dropdown-menu{max-width:85vw}
.b9-header #navbarDropdownUser+.dropdown-menu .card-body>div{padding:15px 10px 0!important}
.b9-header #navbarDropdownUser+.dropdown-menu .card-body #userDetailName{margin:0 auto;font-size:16px;color:var(--primary)}
.b9-header #navbarDropdownUser+.dropdown-menu .card-body #userEmail{margin-bottom:0;font-size:14px;font-weight:400}
.b9-header #userMenuContainer .nav-link{padding:8px 15px;font-size:15px}
@media (min-width:992px) {
.b9-header #userMenuContainer .nav-link{padding:6px 15px}
}
@media (min-width:1200px) {
.b9-header #userMenuContainer .nav-link:hover{color:unset}
}

/*----- hero -----*/
.b9-hero{position:relative;min-height:620px;padding:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.b9-hero-video{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.b9-hero .container-fluid{position:relative;top:calc(var(--b9-header-height,60px) + var(--top_promo_hgt,40px));padding-top:4rem;padding-bottom:4rem}
.b9-hero h1 span{display:block;margin-bottom:1.5rem;text-transform:uppercase}
.b9-hero .b9-hero-header{font-size:2.1rem}
.b9-hero .b9-hero-title{font-size:3rem}
.b9-hero .b9-hero-description{font-size:1.6rem}
.b9-hero .b9-hero-actions .btn:first-child{margin-right:1rem}
/*----- hero countdown -----*/
.b9-hero-countdown{--countdown_item_size:46px;text-align:center}
.b9-hero-countdown .countdown-title{font-size:36px;font-weight:700;margin-bottom:5px;color:var(--white)}
.b9-hero-countdown .countdown-timer{gap:calc(var(--countdown_item_size) * .15)}
.b9-hero-countdown .countdown-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--countdown_item_size);height:var(--countdown_item_size);gap:2px;border-radius:12px;padding:5px;background-color:var(--primary)}
.b9-hero-countdown .countdown-item span{color:var(--text);line-height:1}
.b9-hero-countdown .countdown-item .countdown-value{font-size:calc(var(--countdown_item_size) * .48);font-weight:800}
.b9-hero-countdown .countdown-item .countdown-label{font-size:calc(var(--countdown_item_size) * .18);font-weight:400}
/*----- hero responsive -----*/
@media (max-width:575.98px) {
.b9-hero .b9-hero-actions .btn{padding-right:2rem;padding-left:2rem}
.b9-hero .b9-hero-actions .btn:nth-child(3){display:block;margin:2rem 18% 0}
.b9-hero .b9-hero-actions .btn{font-size:1.3rem}
}
@media (min-width:576px) {
.b9-hero .b9-hero-header{font-size:2.4rem}
.b9-hero .b9-hero-title{font-size:3.4rem}
.b9-hero .b9-hero-actions .btn:nth-child(2){margin-right:1rem}
}
@media (min-width:992px) {
.b9-hero-countdown{--countdown_item_size:60px}
.b9-hero-countdown .countdown-title{font-size:36px}
}
@media (min-width:1200px) {
.b9-hero{min-height:580px}
.b9-hero .container-fluid{top:calc(var(--b9-header-height,67px) + var(--top_promo_hgt,40px));padding-top:6rem}
.b9-hero .b9-hero-header{font-size:2.8rem}
.b9-hero .b9-hero-title{font-size:3.8rem}
.b9-hero .b9-hero-description{font-size:1.8rem}
}

/*----- features global/home -----*/
.b9-features:not(.franchise) .row .left[class*="col-"]{text-align:center}
.b9-features-logo img{width:90%;height:auto}
.b9-features-title{font-size:3.4rem;text-transform:uppercase}
.b9-social-media{--soc_icon_size:48px;gap:calc(var(--soc_icon_size) * .33)}
.b9-features .b9-social-media{margin-top:4rem}
.b9-social-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:var(--soc_icon_size);height:var(--soc_icon_size);border-radius:50%;padding:calc(var(--soc_icon_size) * .25)}
.b9-social-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
.b9-features-items{overflow:hidden;border:2px solid var(--primary);border-radius:2rem}
.b9-features-items .check-list li{background-color:var(--gray_t1);padding:1.25rem 1.5rem}
.b9-features-items .check-list li::before{content:"\f00c";position:relative;top:.3rem;margin-right:1.5rem;font-size:24px;font-weight:600;line-height:.3;color:var(--primary)}
@media (max-width:991.98px) {
.b9-features-items .check-list.top li:nth-child(even),.b9-features-items .check-list.bottom li:nth-child(odd){background-color:var(--gray_t2)}
}
@media (min-width:768px) and (max-width:1199.98px) {
.b9-features-title{font-size:4rem}
}
@media (min-width:768px) {
.b9-features-logo img{width:66%}
.b9-social-media{--soc_icon_size:54px}
}
@media (min-width:992px) {
.b9-features-items .check-list li{padding:2rem 1.5rem;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.b9-features-items .check-list li:nth-child(even){background-color:var(--gray_t2)}
.b9-features-items .check-list li:hover{background-color:var(--gray)}
}
@media (min-width:1200px) {
.b9-features:not(.franchise) .row .left[class*="col-"]{text-align:left}
.b9-social-icon[href*="facebook"]:hover{background-color:var(--facebook)!important}
.b9-social-icon[href*="instagram"]:hover{background-color:var(--instagram)!important}
.b9-social-icon[href*="youtube"]:hover{background-color:var(--youtube)!important}
.b9-social-icon[href*="linkedin"]:hover{background-color:var(--linkedin)!important}
.b9-social-icon[href*="mailto"]:hover{background-color:var(--email)!important}
}
/*----- features local/franchise -----*/
.b9-features.franchise .b9-features-title{font-size:3rem}
.b9-features.franchise .b9-features-local{margin-bottom:1.5rem}
.b9-features.franchise .b9-features-local::before{position:relative;top:.3rem;margin-right:1.5rem;font-family:var(--font_family_awesome);font-size:2.4rem;font-weight:400;line-height:.3;color:var(--primary)}
.b9-features.franchise .b9-features-local.address::before{content:"\f3c5";top:1.6rem;font-size:3rem}
.b9-features.franchise .b9-features-local.phone::before{content:"\f3cd";font-size:2.6rem}
.b9-features.franchise .b9-features-local.email::before{content:"\f0e0";font-size:2.2rem}
.b9-features.franchise .b9-features-local.direction::before{content:"\f279";font-size:2.2rem}
.b9-features.franchise .b9-features-local.address span{padding-left:4rem}
.b9-features.franchise .b9-features-local a{padding:1rem 0}
@media (min-width:992px) {
.b9-features.franchise .b9-features-local{margin-bottom:2rem}
.b9-features.franchise .b9-features-items .check-list li{padding:1.8rem 1.5rem}
}

/*----- memberships global/home -----*/
.memberships .card-header,.memberships .card-body{border-bottom:1px solid;padding:2rem}
.memberships .card-header{padding-top:2.5rem}
.memberships .card-body{padding-right:0;padding-left:0}
.memberships .card-header *,.memberships .card-title{text-transform:uppercase}
.memberships .header-text{font-size:5.4rem}
.memberships .header-text small,.memberships .header-text span{display:block;line-height:1.2}
.memberships .header-text small{font-size:42%}
.memberships .header-text span{font-weight:700}
.memberships .card-label{position:absolute;top:2rem;right:-.5rem;min-width:140px;border-radius:2rem .4rem .4rem 2rem;padding:1rem 1rem 1rem 1.8rem;text-align:right}
.memberships .card-label span{color:var(--text)}
.memberships .card-title,.memberships .arrow-list li{padding-right:2rem;padding-left:2rem}
.memberships .card-title{font-size:2rem;font-weight:500}
.memberships .arrow-list li{padding-top:1.25rem;padding-bottom:1.25rem;line-height:1}
.memberships .arrow-list li:nth-child(odd){background-color:rgb(65 72 78 / 50%)}
.memberships .card-footer{padding-bottom:2.5rem}
.memberships .card-footer .btn{min-width:200px}
.memberships .card-footer .card-text{margin-top:1.5rem;font-size:90%;line-height:1.2}
/*----- memberships invidual -----*/
.memberships .card.invidual{border:1px solid;background-color:var(--gray_t3)}
.memberships .card.invidual,.memberships .card.invidual .card-header,.memberships .card.invidual .card-body{border-color:var(--gray_t5)}
.memberships .card.invidual .card-label{background-color:var(--primary)}
/*----- memberships corporate -----*/
.memberships .card.corporate{border:1px solid;background-color:var(--gray_t1)}
.memberships .card.corporate,.memberships .card.corporate .card-header,.memberships .card.corporate .card-body{border-color:var(--gray_t3)}
.memberships .card.corporate .card-label{background-color:var(--white)}

/*----- how b9 works -----*/
.how-b9-works .accordion{border-radius: var(--global_radius);}
.how-b9-works .accordion-item{padding:0;}
.how-b9-works .accordion-item:first-of-type,.how-b9-works .accordion-item:first-of-type .accordion-button{border-radius:var(--global_radius) var(--global_radius) 0 0}
.how-b9-works .accordion-item:last-of-type,.how-b9-works .accordion-item:last-of-type .accordion-button.collapsed{border-radius:0 0 var(--global_radius) var(--global_radius)}
.how-b9-works .accordion-button{padding: 1.5rem;background-color: var(--primary);font-size: 1.6rem;color: var(--text);}
.how-b9-works .accordion-button.collapsed{background-color: var(--gray_t4);color: var(--white);}
.how-b9-works .accordion-button::after{content:"\f077";width: unset;height: unset;background-image: none;font-family: var(--font_family_awesome);transform: none;}
.how-b9-works .accordion-button.collapsed::after{content:"\f078"}
.how-b9-works .accordion-button:focus{box-shadow: none;}
.how-b9-works .accordion-body{padding: 2rem 1.5rem;}
.how-b9-works .accordion-body *:last-child{margin-bottom:0}
@media (min-width:1200px) {
  .how-b9-works .accordion-button.collapsed:hover{background-color: var(--gray_t3)}
}

/*----- how b9 works - app widget
.how-b9-works-subtitle{font-size:17px}
.how-b9-works-download-inner{aspect-ratio:1.7}
.download-heading{font-size:19px}
.download-subtitle{font-size:13px}
@media (min-width:768px) {
.how-b9-works-download-inner{aspect-ratio:2.7}
.download-heading{font-size:25px}
.store-badge{width:130px}
}
@media (min-width:1200px) {
.how-b9-works-subtitle{font-size:20px}
.how-b9-works-download-inner{aspect-ratio:3.2}
.how-b9-works-download-copy{padding:0 30px}
.download-heading{font-size:30px}
.download-subtitle{font-size:19px}
.store-badge{width:160px}
}
-----*/

/*----- testimonials -----*/
.testimonials{--avatar_size:66px}
.testimonials .testimonial{min-height:365px;border:1px solid var(--gray_t7);border-radius:var(--global_radius);background-color:var(--light);-ms-flex-line-pack:distribute;align-content:space-around}
.testimonials .testimonial .testimonial-header,
.testimonials .testimonial .testimonial-body{position:relative;padding:2rem 1.5rem 1rem}
.testimonials .testimonial .testimonial-header::before{content:"”";position:absolute;top:4rem;right:2rem;font-size:18rem;font-weight:900;line-height:.5;color:var(--white)}
.testimonials .testimonial .member-avatar{width:var(--avatar_size);height:var(--avatar_size);float:left;margin:0 1.5rem 1rem 0;border:1px solid var(--gray_t7);border-radius:50%;-webkit-box-shadow:0 .8rem 1.6rem #0000002d;box-shadow:0 .8rem 1.6rem #0000002d}
.testimonials .testimonial .member,
.testimonials .testimonial .label,
.testimonials .testimonial .rating{margin-bottom:0;font-size:2rem;line-height:1.2}
.testimonials .testimonial .label{color:var(--gray_t4)}
.testimonials .testimonial .rating{color:var(--primary)}
.testimonials .testimonial .testimonial-body p{font-style:italic}
.testimonials .carousel-control-prev{left:-2rem}
.testimonials .carousel-control-next{right:-2rem}
.testimonials [class*="carousel-control-"] [class*="fa-"]{font-size:3rem;color:var(--primary)}
@media (min-width:768px) {
.testimonials{--avatar_size:75px}
.testimonials .testimonial{min-height:330px}
.testimonials .testimonial .testimonial-header{padding:2.5rem 3rem 1.5rem}
.testimonials .testimonial .testimonial-body{padding:2.5rem 3.5rem 1.5rem}
.testimonials .testimonial .member-avatar{margin-right:2rem}
.testimonials .testimonial .member,
.testimonials .testimonial .label,
.testimonials .testimonial .rating{font-size:2.2rem}
.testimonials [class*="carousel-control-"] [class*="fa-"]{font-size:3.4rem}
}
@media (min-width:1200px) {
.testimonials .testimonial{min-height:315px}
.testimonials .testimonial .testimonial-header,
.testimonials .testimonial .testimonial-body{padding-left:4.5rem;padding-right:4rem}
.testimonials .testimonial .testimonial-header::before{top:4.5rem;right:4rem;font-size:20rem}
}