body {
    margin: 0;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
    /*z-index: 100000;*/
}

.fn-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.fn-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.fn-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.fn-pt-0 {
    padding-top: 0 !important;
}

.fn-pb-0 {
    padding-bottom: 0 !important;
}

.fn-mt-0 {
    margin-top: 0 !important;
}

.fn-me-1 {
    margin-right: 0.25rem !important;
}

.fn-me-2 {
    margin-right: 0.5rem !important;
}

.fn-container-lg {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.fn-justify-content-center {
    justify-content: center !important;
}

.fn-flex-column {
    flex-direction: column !important;
}

.fn-rounded-pill {
    border-radius: 50rem !important;
}

.fn-badge {
    display: inline-block;
    padding: 1px 8px;
    /*font-size: 0.75em;
    font-weight: 700;
    line-height: 1;*/
    color: var(--bg-2-beige-100);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    /*margin-top: 3px;*/
}

.fn-d-none {
    display: none !important;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
}

.navbar-brand {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.fn-subMenuLVL3 {
    margin-bottom: 0;
}

.heygoody-menu-two .fn-navbar-expand .fn-button {
    padding: 0 32px;
    border-radius: var(--border-rad-normal);
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    box-shadow: none;
    border: none;
}

/*.menu-border {
    display: none;
}

.fn-openMenuMobile .menu-border {
    display: block;
}*/

@media (max-width: 1099.98px) {
    body .minimenu-open .sticky-top {
        z-index: 3000000000;
    }

    /*.menu-border {
        top: 0;
        right: 0;
        width: 12px;
        height: 100%;
        position: fixed;*/
        /*background-image: linear-gradient(to top,#002880 0,#1b6aff 30%,#1eb58f 60%,#005f2a 100%);*/
        /*background-image: none;*/
        /*z-index: 999999;*/
        /*z-index: 99999;
        -webkit-transition: opacity 0.25s linear;
        -moz-transition: opacity 0.25s linear;
        -o-transition: opacity 0.25s linear;
        transition: opacity 0.25s linear;
        opacity: 0;       
    }

    .heygoody-menu-two .navbar .navbar-collapse.active + .menu-border {
        opacity: 1;
        transition-delay: 300ms;
    }

    .heygoody-menu-two .navbar .navbar-collapse.active #navbar-section::after,
    .heygoody-menu-two .navbar .navbar-collapse.active .fn-nav-submenu::after,
    .heygoody-menu-two .navbar .navbar-collapse.active .fn-nav-submenu .fn-subMenuLVL3::after {
        display: none;
    }

    .heygoody-menu-two .navbar .navbar-collapse.active + .menu-border:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 12px;
        height: 100%;*/
        /*background-image: linear-gradient(to top, #6d8aa0, #343436);*/
        /*background-image: linear-gradient(to top,#002880 0,#1b6aff 30%,#1eb58f 60%,#005f2a 100%);*/
        /*transition: opacity 0.5s ease-out;*/
        /*z-index: 9999;        
        opacity: 1;
    }
    .heygoody-menu-two .navbar .navbar-collapse.active + .menu-border.active:before {
        -webkit-transition: opacity 0.25s linear;
        -moz-transition: opacity 0.25s linear;
        -o-transition: opacity 0.25s linear;
        transition: opacity 0.25s linear;
        opacity: 0;
    }
    .menu-border:after {
        content: '';
        position: absolute;
        top: 0;*/
        /*left: 0;*/
        /*width: 12px;
        height: 100%;*/
        /*background-image: linear-gradient(to top, #6d8aa0, #343436);*/
        /*background-image: linear-gradient(to top,#002880 0,#1b6aff 30%,#1eb58f 60%,#005f2a 100%);*/
        /*transition: opacity 0.5s ease-out;*/
        /*z-index: 9999;
        -webkit-transition: opacity 0.25s linear;
        -moz-transition: opacity 0.25s linear;
        -o-transition: opacity 0.25s linear;
        transition: opacity 0.25s linear;
        opacity: 0;
    }*/

    /*.menu-border.active {
        opacity: 0;
    }*/

    /*.menu-border.active:after {
        opacity: 1;       
    }*/
}

/*@media (min-width: 768px) and (max-width: 1099.98px) {
    .menu-border {
        left: 348px !important;
        right: auto !important;
    }
}*/

@media (min-width: 992px) and (max-width: 1099.98px) {
    .fn-bg-header .navbar-brand.mx-lg-0 {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .fn-bg-header.px-lg-4 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .fn-bg-header.py-lg-0 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .fn-bg-header .fn-loginFixedPos.d-lg-none,
    .fn-bg-header .mobile-login.d-lg-none {
        display: block !important;
    }

    .fn-bg-header .menu-user-login .search.d-lg-inline,
    .fn-bg-header .menu-user-login .user-login .d-lg-inline-block,
    .fn-bg-header .menu-user-login.user-login-true #fn-btn-minilogin .first-name.d-lg-inline-block,
    .fn-bg-header .menu-user-login.user-login-true .master-manage-account.d-lg-block {
        display: none !important;
    }
}

@media (min-width: 1100px) {
    .fn-navbar-expand {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
    }

        .fn-navbar-expand .navbar-toggler {
            display: none;
        }

        .fn-navbar-expand .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .fn-navbar-expand .navbar-nav {
            flex-direction: row;
        }

    .fn-bg-header .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .fn-bg-header .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .fn-bg-header .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .fn-bg-header .fn-loginFixedPos.d-none-lg,
    .fn-bg-header .mobile-login.d-lg-none,
    .fn-bg-header .section-mobile.d-lg-none {
        display: none;
    }

    .fn-bg-header .fn-navbar-expand .navbar-toggler {
        display: none;
    }

    .fn-bg-header .menu-user-login .search.d-lg-inline {
        display: inline;
    }

    .fn-bg-header .menu-user-login .user-login .d-lg-inline-block,
    .fn-bg-header .menu-user-login.user-login-true #fn-btn-minilogin .first-name.d-lg-inline-block {
        display: inline-block;
    }

    .fn-bg-header .menu-user-login.user-login-true .master-manage-account.d-lg-block {
        display: block;
    }

    /* replace bootstrap class to support wordpress site */
    .fn-container-lg {
        max-width: 100%;
    }

    .fn-py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .fn-px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .fn-mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .fn-d-lg-none {
        display: none !important;
    }

    .fn-d-lg-inline {
        display: inline !important;
    }

    .fn-d-lg-inline-block {
        display: inline-block !important;
    }

    .fn-d-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .fn-container-lg {
        max-width: 1180px;
    }
}

@media (min-width: 1400px) {
    .fn-container-lg {
        max-width: 1240px;
    }
}