.btn-bct {
    background-color: #f36f2f;
    border-color: #f36f2f;
    color: #fff
}

.btn-bct:hover {
    background-color: #fff;
    border-color: #f36f2f;
    color: #f36f2f
}

.btn-bct-outline {
    background-color: #fff;
    border-color: #f36f2f;
    color: #f36f2f;
}

.btn-bct-outline:hover {
    background-color: #f36f2f;
    border-color: #f36f2f;
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark .navbar-nav .nav-link {
    color: #4a4a4a !important
}

#mobile-lang,
#nav-mobile {
    display: none
}

#mobile-lang {
    text-align: center;
    margin-top: 50px
}

#btn-nav-mobile {
    color: #555
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.nav-scroller .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem
}

.mobile-only {
    display: none
}

@media (max-width:575.98px) {
    .scroll-up {
        transform: translateY(-100%);
        opacity: .1;
        pointer-events: none
    }

    .scroll-down {
        transform: translateY(0);
        opacity: 1
    }

    #nav-mobile {
        background-color: #fff !important;
        padding-top: 20px
    }

    #mobile-lang,
    #nav-mobile {
        display: inherit
    }

    .nav-scroller {
        margin-top: 5px
    }

    #top-menu,
    .head-img {
        display: none !important
    }

    .mobile-only {
        display: inherit
    }
}