﻿.g-6, .gx-6 {
    --bs-gutter-x: 3.5rem
}

.g-6, .gy-6 {
    --bs-gutter-y: 3.5rem
}

.g-7, .gx-7 {
    --bs-gutter-x: 4rem
}

.g-7, .gy-7 {
    --bs-gutter-y: 4rem
}

.g-8, .gx-8 {
    --bs-gutter-x: 4.5rem
}

.g-8, .gy-8 {
    --bs-gutter-y: 4.5rem
}

.g-9, .gx-9 {
    --bs-gutter-x: 5rem
}

.g-9, .gy-9 {
    --bs-gutter-y: 5rem
}

.g-10, .gx-10 {
    --bs-gutter-x: 5.5rem
}

.g-10, .gy-10 {
    --bs-gutter-y: 5.5rem
}

@media(min-width:576px) {
    .g-sm-6, .gx-sm-6 {
        --bs-gutter-x: 3.5rem
    }

    .g-sm-6, .gy-sm-6 {
        --bs-gutter-y: 3.5rem
    }

    .g-sm-7, .gx-sm-7 {
        --bs-gutter-x: 4rem
    }

    .g-sm-7, .gy-sm-7 {
        --bs-gutter-y: 4rem
    }

    .g-sm-8, .gx-sm-8 {
        --bs-gutter-x: 4.5rem
    }

    .g-sm-8, .gy-sm-8 {
        --bs-gutter-y: 4.5rem
    }

    .g-sm-9, .gx-sm-9 {
        --bs-gutter-x: 5rem
    }

    .g-sm-9, .gy-sm-9 {
        --bs-gutter-y: 5rem
    }

    .g-sm-10, .gx-sm-10 {
        --bs-gutter-x: 5.5rem
    }

    .g-sm-10, .gy-sm-10 {
        --bs-gutter-y: 5.5rem
    }
}

@media(min-width:768px) {
    .g-md-6, .gx-md-6 {
        --bs-gutter-x: 3.5rem
    }

    .g-md-6, .gy-md-6 {
        --bs-gutter-y: 3.5rem
    }

    .g-md-7, .gx-md-7 {
        --bs-gutter-x: 4rem
    }

    .g-md-7, .gy-md-7 {
        --bs-gutter-y: 4rem
    }

    .g-md-8, .gx-md-8 {
        --bs-gutter-x: 4.5rem
    }

    .g-md-8, .gy-md-8 {
        --bs-gutter-y: 4.5rem
    }

    .g-md-9, .gx-md-9 {
        --bs-gutter-x: 5rem
    }

    .g-md-9, .gy-md-9 {
        --bs-gutter-y: 5rem
    }

    .g-md-10, .gx-md-10 {
        --bs-gutter-x: 5.5rem
    }

    .g-md-10, .gy-md-10 {
        --bs-gutter-y: 5.5rem
    }
}

@media(min-width:992px) {
    .g-lg-6, .gx-lg-6 {
        --bs-gutter-x: 3.5rem
    }

    .g-lg-6, .gy-lg-6 {
        --bs-gutter-y: 3.5rem
    }

    .g-lg-7, .gx-lg-7 {
        --bs-gutter-x: 4rem
    }

    .g-lg-7, .gy-lg-7 {
        --bs-gutter-y: 4rem
    }

    .g-lg-8, .gx-lg-8 {
        --bs-gutter-x: 4.5rem
    }

    .g-lg-8, .gy-lg-8 {
        --bs-gutter-y: 4.5rem
    }

    .g-lg-9, .gx-lg-9 {
        --bs-gutter-x: 5rem
    }

    .g-lg-9, .gy-lg-9 {
        --bs-gutter-y: 5rem
    }

    .g-lg-10, .gx-lg-10 {
        --bs-gutter-x: 5.5rem
    }

    .g-lg-10, .gy-lg-10 {
        --bs-gutter-y: 5.5rem
    }
}

@media(min-width:1200px) {
    .g-xl-6, .gx-xl-6 {
        --bs-gutter-x: 3.5rem
    }

    .g-xl-6, .gy-xl-6 {
        --bs-gutter-y: 3.5rem
    }

    .g-xl-7, .gx-xl-7 {
        --bs-gutter-x: 4rem
    }

    .g-xl-7, .gy-xl-7 {
        --bs-gutter-y: 4rem
    }

    .g-xl-8, .gx-xl-8 {
        --bs-gutter-x: 4.5rem
    }

    .g-xl-8, .gy-xl-8 {
        --bs-gutter-y: 4.5rem
    }

    .g-xl-9, .gx-xl-9 {
        --bs-gutter-x: 5rem
    }

    .g-xl-9, .gy-xl-9 {
        --bs-gutter-y: 5rem
    }

    .g-xl-10, .gx-xl-10 {
        --bs-gutter-x: 5.5rem
    }

    .g-xl-10, .gy-xl-10 {
        --bs-gutter-y: 5.5rem
    }
}

@media(min-width:1400px) {
    .g-xxl-6, .gx-xxl-6 {
        --bs-gutter-x: 3.5rem
    }

    .g-xxl-6, .gy-xxl-6 {
        --bs-gutter-y: 3.5rem
    }

    .g-xxl-7, .gx-xxl-7 {
        --bs-gutter-x: 4rem
    }

    .g-xxl-7, .gy-xxl-7 {
        --bs-gutter-y: 4rem
    }

    .g-xxl-8, .gx-xxl-8 {
        --bs-gutter-x: 4.5rem
    }

    .g-xxl-8, .gy-xxl-8 {
        --bs-gutter-y: 4.5rem
    }

    .g-xxl-9, .gx-xxl-9 {
        --bs-gutter-x: 5rem
    }

    .g-xxl-9, .gy-xxl-9 {
        --bs-gutter-y: 5rem
    }

    .g-xxl-10, .gx-xxl-10 {
        --bs-gutter-x: 5.5rem
    }

    .g-xxl-10, .gy-xxl-10 {
        --bs-gutter-y: 5.5rem
    }
}

.fs-7 {
    font-size: .875rem !important
}

.mt-6 {
    margin-top: 3.5rem !important
}

.mt-7 {
    margin-top: 4rem !important
}

.mt-8 {
    margin-top: 4.5rem !important
}

.mt-9 {
    margin-top: 5rem !important
}

.mt-10 {
    margin-top: 5.5rem !important
}

.mt-auto {
    margin-top: auto !important
}

.mb-6 {
    margin-bottom: 3.5rem !important
}

.mb-7 {
    margin-bottom: 4rem !important
}

.mb-8 {
    margin-bottom: 4.5rem !important
}

.mb-9 {
    margin-bottom: 5rem !important
}

.mb-10 {
    margin-bottom: 5.5rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

@media(min-width:576px) {
    .mt-sm-6 {
        margin-top: 3.5rem !important
    }

    .mt-sm-7 {
        margin-top: 4rem !important
    }

    .mt-sm-8 {
        margin-top: 4.5rem !important
    }

    .mt-sm-9 {
        margin-top: 5rem !important
    }

    .mt-sm-10 {
        margin-top: 5.5rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mb-sm-6 {
        margin-bottom: 3.5rem !important
    }

    .mb-sm-7 {
        margin-bottom: 4rem !important
    }

    .mb-sm-8 {
        margin-bottom: 4.5rem !important
    }

    .mb-sm-9 {
        margin-bottom: 5rem !important
    }

    .mb-sm-10 {
        margin-bottom: 5.5rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }
}

@media(min-width:768px) {
    .mt-md-6 {
        margin-top: 3.5rem !important
    }

    .mt-md-7 {
        margin-top: 4rem !important
    }

    .mt-md-8 {
        margin-top: 4.5rem !important
    }

    .mt-md-9 {
        margin-top: 5rem !important
    }

    .mt-md-10 {
        margin-top: 5.5rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mb-md-6 {
        margin-bottom: 3.5rem !important
    }

    .mb-md-7 {
        margin-bottom: 4rem !important
    }

    .mb-md-8 {
        margin-bottom: 4.5rem !important
    }

    .mb-md-9 {
        margin-bottom: 5rem !important
    }

    .mb-md-10 {
        margin-bottom: 5.5rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }
}

@media(min-width:992px) {
    .mt-lg-6 {
        margin-top: 3.5rem !important
    }

    .mt-lg-7 {
        margin-top: 4rem !important
    }

    .mt-lg-8 {
        margin-top: 4.5rem !important
    }

    .mt-lg-9 {
        margin-top: 5rem !important
    }

    .mt-lg-10 {
        margin-top: 5.5rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mb-lg-6 {
        margin-bottom: 3.5rem !important
    }

    .mb-lg-7 {
        margin-bottom: 4rem !important
    }

    .mb-lg-8 {
        margin-bottom: 4.5rem !important
    }

    .mb-lg-9 {
        margin-bottom: 5rem !important
    }

    .mb-lg-10 {
        margin-bottom: 5.5rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }
}

@media(min-width:1200px) {
    .mt-xl-6 {
        margin-top: 3.5rem !important
    }

    .mt-xl-7 {
        margin-top: 4rem !important
    }

    .mt-xl-8 {
        margin-top: 4.5rem !important
    }

    .mt-xl-9 {
        margin-top: 5rem !important
    }

    .mt-xl-10 {
        margin-top: 5.5rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mb-xl-6 {
        margin-bottom: 3.5rem !important
    }

    .mb-xl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xl-8 {
        margin-bottom: 4.5rem !important
    }

    .mb-xl-9 {
        margin-bottom: 5rem !important
    }

    .mb-xl-10 {
        margin-bottom: 5.5rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }
}

@media(min-width:1400px) {
    .mt-xxl-6 {
        margin-top: 3.5rem !important
    }

    .mt-xxl-7 {
        margin-top: 4rem !important
    }

    .mt-xxl-8 {
        margin-top: 4.5rem !important
    }

    .mt-xxl-9 {
        margin-top: 5rem !important
    }

    .mt-xxl-10 {
        margin-top: 5.5rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .mb-xxl-6 {
        margin-bottom: 3.5rem !important
    }

    .mb-xxl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xxl-8 {
        margin-bottom: 4.5rem !important
    }

    .mb-xxl-9 {
        margin-bottom: 5rem !important
    }

    .mb-xxl-10 {
        margin-bottom: 5.5rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }
}

.bsb-animated {
    --bsb-animation-duration: 1s;
    animation-duration: var(--bsb-animation-duration);
    animation-fill-mode: both
}

@keyframes bsb-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bsb-fadeIn {
    animation-name: bsb-fadeIn
}

@keyframes bsb-fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.bsb-fadeInUp {
    animation-name: bsb-fadeInUp
}

@keyframes bsb-fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.bsb-fadeInDown {
    animation-name: bsb-fadeInDown
}

@keyframes bsb-fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.bsb-fadeInLeft {
    animation-name: bsb-fadeInLeft
}

@keyframes bsb-fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.bsb-fadeInRight {
    animation-name: bsb-fadeInRight
}

@keyframes bsb-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.bsb-fadeOut {
    animation-name: bsb-fadeOut
}

@keyframes bsb-fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.bsb-fadeOutUp {
    animation-name: bsb-fadeOutUp
}

@keyframes bsb-fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.bsb-fadeOutDown {
    animation-name: bsb-fadeOutDown
}

@keyframes bsb-fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.bsb-fadeOutLeft {
    animation-name: bsb-fadeOutLeft
}

@keyframes bsb-fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.bsb-fadeOutRight {
    animation-name: bsb-fadeOutRight
}

@keyframes bsb-zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.bsb-zoomIn {
    animation-name: bsb-zoomIn
}

.bsb-btn-xl {
    --bs-btn-padding-y: 0.625rem;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-font-size: calc(1.26rem + 0.12vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

@media(min-width:1200px) {
    .bsb-btn-xl {
        --bs-btn-font-size: 1.35rem
    }
}

.bsb-btn-2xl {
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-font-size: calc(1.27rem + 0.24vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

@media(min-width:1200px) {
    .bsb-btn-2xl {
        --bs-btn-font-size: 1.45rem
    }
}

.bsb-btn-3xl {
    --bs-btn-padding-y: 0.875rem;
    --bs-btn-padding-x: 1.75rem;
    --bs-btn-font-size: calc(1.28rem + 0.36vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

@media(min-width:1200px) {
    .bsb-btn-3xl {
        --bs-btn-font-size: 1.55rem
    }
}

.bsb-btn-4xl {
    --bs-btn-padding-y: 1rem;
    --bs-btn-padding-x: 2rem;
    --bs-btn-font-size: calc(1.29rem + 0.48vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

@media(min-width:1200px) {
    .bsb-btn-4xl {
        --bs-btn-font-size: 1.65rem
    }
}

.bsb-btn-5xl {
    --bs-btn-padding-y: 1.125rem;
    --bs-btn-padding-x: 2.25rem;
    --bs-btn-font-size: calc(1.3rem + 0.6vw);
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

@media(min-width:1200px) {
    .bsb-btn-5xl {
        --bs-btn-font-size: 1.75rem
    }
}

.bsb-overlay {
    --bsb-overlay-opacity: 0.5;
    --bsb-overlay-bg-color: var(--bs-black-rgb);
    position: relative
}

    .bsb-overlay:after {
        background-color: rgba(var(--bsb-overlay-bg-color),var(--bsb-overlay-opacity));
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0
    }

    .bsb-overlay > * {
        position: relative;
        z-index: 1
    }

.bsb-overlay-figure {
    --bsb-overlay-figure-opacity: 0.5;
    --bsb-overlay-figure-bg-color: var(--bs-black-rgb);
    position: relative
}

    .bsb-overlay-figure:after {
        background-color: rgba(var(--bsb-overlay-figure-bg-color),var(--bsb-overlay-figure-opacity));
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

.bsb-overlay-hover {
    --bsb-overlay-hover-opacity: 0.5;
    --bsb-overlay-hover-bg-color: var(--bs-black-rgb);
    width: 100%;
    height: 200px;
    position: relative
}

    .bsb-overlay-hover > a {
        bottom: 0;
        display: block;
        height: 300px;
        left: 0;
        position: relative;
        right: 0;
        top: 0
    }

        .bsb-overlay-hover > a > img.bsb-scale {
            --bsb-scale: 1
        }

        .bsb-overlay-hover > a > img.bsb-scale, .bsb-overlay-hover > a > img.bsb-scale-up {
            transform: scale3d(var(--bsb-scale),var(--bsb-scale),var(--bsb-scale));
            transform-style: preserve-3d;
            transition: transform .5s
        }

        .bsb-overlay-hover > a > img.bsb-scale-up {
            --bsb-scale: 1.2
        }

        .bsb-overlay-hover > a:after {
            background-color: rgba(var(--bsb-overlay-hover-bg-color),var(--bsb-overlay-hover-opacity));
            content: "";
            cursor: pointer !important;
            display: block;
            z-index: 0
        }

        .bsb-overlay-hover > a:after, .bsb-overlay-hover > figcaption {
            bottom: 0;
            left: 0;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0
        }

    .bsb-overlay-hover > figcaption {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        pointer-events: none;
        z-index: 1
    }

        .bsb-overlay-hover > figcaption > * {
            opacity: 0
        }

    .bsb-overlay-hover:hover > a > img.bsb-hover-scale {
        --bsb-scale-hover: 1;
        transform: scale3d(var(--bsb-scale-hover),var(--bsb-scale-hover),var(--bsb-scale-hover))
    }

    .bsb-overlay-hover:hover > a > img.bsb-hover-scale-up {
        --bsb-scale-hover: 1.2;
        transform: scale3d(var(--bsb-scale-hover),var(--bsb-scale-hover),var(--bsb-scale-hover))
    }

    .bsb-overlay-hover:hover > a:after {
        opacity: 1;
        transition: opacity .15s linear
    }

    .bsb-overlay-hover:hover > figcaption {
        opacity: 1;
        transition: opacity .15s linear .1s
    }

        .bsb-overlay-hover:hover > figcaption > .bsb-hover-fadeIn {
            --bsb-animation-duration: 500ms;
            animation-duration: var(--bsb-animation-duration);
            animation-fill-mode: both;
            animation-name: bsb-fadeIn
        }

        .bsb-overlay-hover:hover > figcaption > .bsb-hover-fadeInUp {
            --bsb-animation-duration: 500ms;
            animation-duration: var(--bsb-animation-duration);
            animation-fill-mode: both;
            animation-name: bsb-fadeInUp
        }

        .bsb-overlay-hover:hover > figcaption > .bsb-hover-fadeInDown {
            --bsb-animation-duration: 500ms;
            animation-duration: var(--bsb-animation-duration);
            animation-fill-mode: both;
            animation-name: bsb-fadeInDown
        }

        .bsb-overlay-hover:hover > figcaption > .bsb-hover-fadeInLeft {
            --bsb-animation-duration: 500ms;
            animation-duration: var(--bsb-animation-duration);
            animation-fill-mode: both;
            animation-name: bsb-fadeInLeft
        }

        .bsb-overlay-hover:hover > figcaption > .bsb-hover-fadeInRight {
            --bsb-animation-duration: 500ms;
            animation-duration: var(--bsb-animation-duration);
            animation-fill-mode: both;
            animation-name: bsb-fadeInRight
        }

        .bsb-overlay-hover:hover > figcaption > .bsb-hover-zoomIn {
            --bsb-animation-duration: 500ms;
            animation-duration: var(--bsb-animation-duration);
            animation-fill-mode: both;
            animation-name: bsb-zoomIn
        }
