/* Business-Folio footer columns */
.k_bf_footer_col {
    width: 100%;
}
@media (min-width: 769px) {
    .k_bf_footer_col {
        width: 33.33%;
    }
}

/* Business-Folio header menu mobile spacing */
@media (max-width: 768px) {
    #tth_menu .w_60p {
        width: 100%;
        padding-top: 2vw;
    }
    #tth_menu .w_60p .h_25t1 {
        display: none;
    }
    #tth_menu .w_60p .h_50p {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 1vw;
        padding: 1vw 0;
    }
    #tth_menu .w_60p .h_50p span {
        margin: 0.5vw 0;
        display: inline-flex;
        align-items: center;
        gap: 0.5vw;
        padding: 1vw 2vw;
        background: rgba(255, 255, 255, 0.92);
        border-radius: 999px;
        font-size: 3.8vw;
    }
    #tth_menu .w_60p .h_50p span::before {
        width: 4vw;
        height: 4vw;
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    #tth_menu .w_60p .h_50p span:nth-child(1)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0a06' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
    }
    #tth_menu .w_60p .h_50p span:nth-child(2)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0a06' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
    }
    #tth_menu .w_60p .h_50p span:nth-child(3)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0a06' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
    }
    #tth_menu .w_60p .h_50p span:nth-child(4)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0a06' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l2.4 4.8L20 8l-4 4 1 6-5-3-5 3 1-6-4-4 5.6-1.2z'/%3E%3C/svg%3E");
    }
    #tth_menu .w_60p .h_50p span:nth-child(5)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0a06' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E");
    }
    #tth_menu .w_20p {
        display: none;
    }
}

/* Business-Folio hero animation only. */

.k_hero_stage {
    position: relative;
    --hero-slide-p: 100%;
    --hero-stage-h: 200vw;
    height: var(--hero-stage-h);
}
.k_hero_slide {
    width: var(--hero-slide-p);
    height: 100%;
    background-position: center;
    transition: width 0.6s ease, height 0.6s ease, transform 0.6s ease;
}
.k_hero_slide1 .k_bg17 {
    background-color: rgba(15, 10, 6, 0.72);
}
.k_hero_slide5,
.k_hero_slide6,
.k_hero_slide7 {
    width: 0;
    height: 0;
}
@media (max-width: 768px) {
    .k_hero_slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .k_hero_slide5,
    .k_hero_slide6,
    .k_hero_slide7 {
        width: 100%;
        height: 100%;
    }
}
.k_hero_slide1 {
    animation: kHeroMobileSlide1 21s infinite;
}
.k_hero_slide2 {
    animation: kHeroMobileSlide2 21s infinite;
}
.k_hero_slide3 {
    animation: kHeroMobileSlide3 21s infinite;
}
.k_hero_slide4 {
    animation: kHeroMobileSlide4 21s infinite;
}
.k_hero_slide5 {
    animation: kHeroMobileSlide5 21s infinite;
}
.k_hero_slide6 {
    animation: kHeroMobileSlide6 21s infinite;
}
.k_hero_slide7 {
    animation: kHeroMobileSlide7 21s infinite;
}

@media (min-width: 769px) and (max-width: 1199px) {
    .k_hero_stage {
        --hero-slide-p: 50%;
        --hero-stage-h: 100vw;
    }
    .k_hero_slide1 {
        animation: kHeroTabletSlide1 21s infinite;
    }
    .k_hero_slide2 {
        animation: kHeroTabletSlide2 21s infinite;
    }
    .k_hero_slide3 {
        animation: kHeroTabletSlide3 21s infinite;
    }
    .k_hero_slide4 {
        animation: kHeroTabletSlide4 21s infinite;
    }
    .k_hero_slide5 {
        animation: kHeroTabletSlide5 21s infinite;
    }
    .k_hero_slide6 {
        animation: kHeroTabletSlide6 21s infinite;
    }
    .k_hero_slide7 {
        animation: kHeroTabletSlide7 21s infinite;
    }
}

@media (min-width: 1200px) {
    .k_hero_stage {
        --hero-slide-p: 25%;
        --hero-stage-h: 50vw;
    }
    .k_hero_slide1 {
        animation: kHeroSlideOut1 21s infinite;
    }
    .k_hero_slide2 {
        animation: kHeroSlideOut2 21s infinite;
    }
    .k_hero_slide3 {
        animation: kHeroSlideOut3 21s infinite;
    }
    .k_hero_slide4 {
        animation: none;
    }
    .k_hero_slide5 {
        animation: kHeroSlideIn1 21s infinite;
    }
    .k_hero_slide6 {
        animation: kHeroSlideIn2 21s infinite;
    }
    .k_hero_slide7 {
        animation: kHeroSlideIn3 21s infinite;
    }
}

/* hero slide navigation dots */
.k_hero_dots {
    position: absolute;
    bottom: 2vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2vw;
    z-index: 5;
    padding: 0.6vw 1.2vw;
    background: rgba(16, 24, 32, 0.35);
    border-radius: 999px;
}
.k_hero_dot {
    width: 3vw;
    height: 3vw;
    border-radius: 50%;
    background-color: #444;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.k_hero_dot:hover {
    transform: scale(1.15);
}
.k_hero_dot_active {
    background-color: #ffa500;
}
.k_hero_stage.k_hero_paused .k_hero_slide {
    animation: none;
    width: 0;
    height: 0;
}
.k_hero_stage.k_hero_paused .k_hero_slide.k_hero_show {
    width: var(--hero-slide-p);
    height: 100%;
}
@media (max-width: 768px) {
    .k_hero_stage.k_hero_paused .k_hero_slide {
        width: 100%;
        height: 100%;
        transform: translateX(100%);
    }
    .k_hero_stage.k_hero_paused .k_hero_slide.k_hero_show {
        transform: translateX(0);
    }
}

@keyframes kHeroSlideOut1 {
    0%, 17% { width: var(--hero-slide-p); height: 100%; }
    23%, 68% { width: 0; height: 0; }
    74%, 100% { width: var(--hero-slide-p); height: 100%; }
}
@keyframes kHeroSlideOut2 {
    0%, 33% { width: var(--hero-slide-p); height: 100%; }
    39%, 76% { width: 0; height: 0; }
    82%, 100% { width: var(--hero-slide-p); height: 100%; }
}
@keyframes kHeroSlideOut3 {
    0%, 50% { width: var(--hero-slide-p); height: 100%; }
    56%, 84% { width: 0; height: 0; }
    90%, 100% { width: var(--hero-slide-p); height: 100%; }
}
@keyframes kHeroSlideIn1 {
    0%, 17% { width: 0; height: 0; }
    23%, 68% { width: var(--hero-slide-p); height: 100%; }
    74%, 100% { width: 0; height: 0; }
}
@keyframes kHeroSlideIn2 {
    0%, 33% { width: 0; height: 0; }
    39%, 76% { width: var(--hero-slide-p); height: 100%; }
    82%, 100% { width: 0; height: 0; }
}
@keyframes kHeroSlideIn3 {
    0%, 50% { width: 0; height: 0; }
    56%, 84% { width: var(--hero-slide-p); height: 100%; }
    90%, 100% { width: 0; height: 0; }
}
@keyframes kHeroTabletSlide1 {
    0%, 12% { width: var(--hero-slide-p); height: 100%; }
    15%, 82% { width: 0; height: 0; }
    85%, 100% { width: var(--hero-slide-p); height: 100%; }
}
@keyframes kHeroTabletSlide2 {
    0%, 26% { width: var(--hero-slide-p); height: 100%; }
    29%, 100% { width: 0; height: 0; }
}
@keyframes kHeroTabletSlide3 {
    0%, 12% { width: 0; height: 0; }
    15%, 40% { width: var(--hero-slide-p); height: 100%; }
    43%, 100% { width: 0; height: 0; }
}
@keyframes kHeroTabletSlide4 {
    0%, 26% { width: 0; height: 0; }
    29%, 54% { width: var(--hero-slide-p); height: 100%; }
    57%, 100% { width: 0; height: 0; }
}
@keyframes kHeroTabletSlide5 {
    0%, 40% { width: 0; height: 0; }
    43%, 68% { width: var(--hero-slide-p); height: 100%; }
    71%, 100% { width: 0; height: 0; }
}
@keyframes kHeroTabletSlide6 {
    0%, 54% { width: 0; height: 0; }
    57%, 82% { width: var(--hero-slide-p); height: 100%; }
    85%, 100% { width: 0; height: 0; }
}
@keyframes kHeroTabletSlide7 {
    0%, 68% { width: 0; height: 0; }
    71%, 100% { width: var(--hero-slide-p); height: 100%; }
}
@keyframes kHeroMobileSlide1 {
    0%, 11% { transform: translateX(0); }
    14%, 97% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}
@keyframes kHeroMobileSlide2 {
    0%, 11% { transform: translateX(100%); }
    14%, 25% { transform: translateX(0); }
    28%, 100% { transform: translateX(-100%); }
}
@keyframes kHeroMobileSlide3 {
    0%, 25% { transform: translateX(100%); }
    28%, 39% { transform: translateX(0); }
    42%, 100% { transform: translateX(-100%); }
}
@keyframes kHeroMobileSlide4 {
    0%, 39% { transform: translateX(100%); }
    42%, 53% { transform: translateX(0); }
    56%, 100% { transform: translateX(-100%); }
}
@keyframes kHeroMobileSlide5 {
    0%, 53% { transform: translateX(100%); }
    56%, 67% { transform: translateX(0); }
    70%, 100% { transform: translateX(-100%); }
}
@keyframes kHeroMobileSlide6 {
    0%, 67% { transform: translateX(100%); }
    70%, 81% { transform: translateX(0); }
    84%, 100% { transform: translateX(-100%); }
}
@keyframes kHeroMobileSlide7 {
    0%, 81% { transform: translateX(100%); }
    84%, 97% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}