html {
    scroll-behavior: smooth
}

body {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #23bf00;
    border-radius: 10px
}

.navbar {
    padding: 1em 2em !important;
    background: rgba(221, 1, 63, 0.9);
}

@media (min-width:992px) {
    .navbar {
        background: #23bf00;
    }
}

.navbar-brand {
    padding-top: 2px;
}

.navbar-toggler {
    background: 0 0;
    border: none !important
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: 0
}

.navbar-toggler .icon-bar {
    display: block;
    width: 36px;
    height: 3px;
    margin: 7px 0;
    transition: all .2s;
    background: #fff;
}

.navbar-toggler .icon-bar:nth-of-type(1) {
    transform: rotate(45deg);
    transform-origin: 10% 10%
}

.navbar-toggler .icon-bar:nth-of-type(2) {
    opacity: 0
}

.navbar-toggler .icon-bar:nth-of-type(3) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
    transform: rotate(0)
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
    transform: rotate(0)
}

.nav-link {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: #fff !important
}

.nav-link:focus,
.nav-link:hover {
    background-color: #06122B;
    color: #ccc !important
}

.navbar-nav li {
    font-size: 14px;
    padding: 0 !important;
    border-top: 1px solid #fff
}

.navbar-nav li:last-child {
    border-bottom: 1px solid #fff
}

.navbar-collapse {
    margin-top: 15px;
    padding: 20px;
}

.nav-item .active {
    background-color: #23bf00 !important;
    color: #fff !important
}

@media (min-width:992px) {
    .navbar {
        padding: 0.5em 5em !important;
    }

    .navbar-anchor {
        margin-left: 50px
    }

    .nav-item {
        display: table-cell;
        position: relative;
        padding: 15px 0;
    }

    .nav-link {
        padding: .5rem 1rem !important;
        font-size: 15px;
        display: inline-block;
    }

    .nav-link:focus,
    .nav-link:hover {
        background-color: transparent;
        color: #ccc;
    }

    .navbar-nav li {
        font-size: 13px;
        padding: 0 !important;
        border-top: none
    }

    .navbar-nav li:last-child {
        border-bottom: none
    }

    .navbar-collapse {
        background-color: transparent !important;
        margin-top: 0;
        padding: 0
    }

    .nav-item .active {
        background-color: transparent !important;
        color: #ccc !important
    }
}

.navbar-btn {
    width: 120px;
    color: #fff !important
}

.navbar-btn-wrapper {
    text-align: center;
    border: none !important
}

.navbar-btn-wrapper a {
    margin-top: 20px !important
}

@media (min-width:992px) {
    .navbar-btn-wrapper {
        text-align: left;
        border: none !important
    }

    .navbar-btn-wrapper a {
        margin-top: 5px !important
    }
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: rgba(29, 130, 197, 0.7);
}

.dropdown-item {
    color: #fff;
}

.dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        background-color: #06122B;
        border: 1px solid #fff;
    }

    .dropdown-item {
        color: #fff;
        font-size: 14px;
    }

    .dropdown-item:hover {
        background-color: rgba(255, 255, 255, 0.5);
    }
}

.site-footer {
    background-color: #06122B;
    padding: 45px 0 20px;
    font-size: 15px;
    line-height: 24px;
    color: #ABABAB;
}

.site-footer a {
    color: #23bf00;
    font-weight: bold;
}

.site-footer a:hover {
    color: #23bf00;
    text-decoration: none;
}

.copyright-text {
    margin: 0;
    text-align: center;
}

.site-footer .social-icons {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

.site-footer .social-icons a {
    width: 50px;
    height: 50px;
    line-height: 45px;
    margin-left: 6px;
    margin-right: 0;
    border-radius: 100%;
    border: 2px solid #23bf00;
    background-color: #bbb;
}

@media (max-width:767px) {
    .site-footer {
        padding-bottom: 0
    }

    .site-footer .copyright-text,
    .site-footer .social-icons {
        text-align: center
    }
}

.social-icons {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.social-icons li {
    display: inline-block;
    margin-bottom: 4px
}

.social-icons a {
    color: #23bf00;
    font-size: 22px;
    display: inline-block;
    line-height: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    margin-right: 8px;
    border-radius: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.social-icons a:active,
.social-icons a:focus,
.social-icons a:hover {
    color: #fff;
    background-color: #29aafe
}

.social-icons.size-sm a {
    line-height: 34px;
    height: 34px;
    width: 34px;
    font-size: 14px
}

.social-icons a.instagram:hover {
    background-color: #ea4c89;
}

.social-icons a.facebook:hover {
    background-color: #4267B2;
}

.social-icons a.twitter:hover {
    background-color: #00aced;
}
.hit-ldap{
    visibility: hidden;
}