.navbar {
    background-color: #fff;
    min-height: 3.25rem;
    position: relative;
    z-index: 30
}

.navbar.is-white {
    background-color: #fff;
    color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link,.navbar.is-white .navbar-brand>.navbar-item {
    color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link.is-active,.navbar.is-white .navbar-brand .navbar-link:focus,.navbar.is-white .navbar-brand .navbar-link:hover,.navbar.is-white .navbar-brand>a.navbar-item.is-active,.navbar.is-white .navbar-brand>a.navbar-item:focus,.navbar.is-white .navbar-brand>a.navbar-item:hover {
    background-color: #f2f2f2;
    color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link::after {
    border-color: #0a0a0a
}

.navbar.is-white .navbar-burger {
    color: #0a0a0a
}

@media screen and (min-width: 1024px) {
    .navbar.is-white .navbar-end .navbar-link,.navbar.is-white .navbar-end>.navbar-item,.navbar.is-white .navbar-start .navbar-link,.navbar.is-white .navbar-start>.navbar-item {
        color:#0a0a0a
    }

    .navbar.is-white .navbar-end .navbar-link.is-active,.navbar.is-white .navbar-end .navbar-link:focus,.navbar.is-white .navbar-end .navbar-link:hover,.navbar.is-white .navbar-end>a.navbar-item.is-active,.navbar.is-white .navbar-end>a.navbar-item:focus,.navbar.is-white .navbar-end>a.navbar-item:hover,.navbar.is-white .navbar-start .navbar-link.is-active,.navbar.is-white .navbar-start .navbar-link:focus,.navbar.is-white .navbar-start .navbar-link:hover,.navbar.is-white .navbar-start>a.navbar-item.is-active,.navbar.is-white .navbar-start>a.navbar-item:focus,.navbar.is-white .navbar-start>a.navbar-item:hover {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

    .navbar.is-white .navbar-end .navbar-link::after,.navbar.is-white .navbar-start .navbar-link::after {
        border-color: #0a0a0a
    }

    .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: #fff;
        color: #0a0a0a
    }
}

.navbar.is-black {
    background-color: #0a0a0a;
    color: #fff
}

.navbar.is-black .navbar-brand .navbar-link,.navbar.is-black .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-black .navbar-brand .navbar-link.is-active,.navbar.is-black .navbar-brand .navbar-link:focus,.navbar.is-black .navbar-brand .navbar-link:hover,.navbar.is-black .navbar-brand>a.navbar-item.is-active,.navbar.is-black .navbar-brand>a.navbar-item:focus,.navbar.is-black .navbar-brand>a.navbar-item:hover {
    background-color: #000;
    color: #fff
}

.navbar.is-black .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-black .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-black .navbar-end .navbar-link,.navbar.is-black .navbar-end>.navbar-item,.navbar.is-black .navbar-start .navbar-link,.navbar.is-black .navbar-start>.navbar-item {
        color:#fff
    }

    .navbar.is-black .navbar-end .navbar-link.is-active,.navbar.is-black .navbar-end .navbar-link:focus,.navbar.is-black .navbar-end .navbar-link:hover,.navbar.is-black .navbar-end>a.navbar-item.is-active,.navbar.is-black .navbar-end>a.navbar-item:focus,.navbar.is-black .navbar-end>a.navbar-item:hover,.navbar.is-black .navbar-start .navbar-link.is-active,.navbar.is-black .navbar-start .navbar-link:focus,.navbar.is-black .navbar-start .navbar-link:hover,.navbar.is-black .navbar-start>a.navbar-item.is-active,.navbar.is-black .navbar-start>a.navbar-item:focus,.navbar.is-black .navbar-start>a.navbar-item:hover {
        background-color: #000;
        color: #fff
    }

    .navbar.is-black .navbar-end .navbar-link::after,.navbar.is-black .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #000;
        color: #fff
    }

    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #0a0a0a;
        color: #fff
    }
}

.navbar.is-light {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.7)
}

.navbar.is-light .navbar-brand .navbar-link,.navbar.is-light .navbar-brand>.navbar-item {
    color: rgba(0,0,0,.7)
}

.navbar.is-light .navbar-brand .navbar-link.is-active,.navbar.is-light .navbar-brand .navbar-link:focus,.navbar.is-light .navbar-brand .navbar-link:hover,.navbar.is-light .navbar-brand>a.navbar-item.is-active,.navbar.is-light .navbar-brand>a.navbar-item:focus,.navbar.is-light .navbar-brand>a.navbar-item:hover {
    background-color: #e8e8e8;
    color: rgba(0,0,0,.7)
}

.navbar.is-light .navbar-brand .navbar-link::after {
    border-color: rgba(0,0,0,.7)
}

.navbar.is-light .navbar-burger {
    color: rgba(0,0,0,.7)
}

@media screen and (min-width: 1024px) {
    .navbar.is-light .navbar-end .navbar-link,.navbar.is-light .navbar-end>.navbar-item,.navbar.is-light .navbar-start .navbar-link,.navbar.is-light .navbar-start>.navbar-item {
        color:rgba(0,0,0,.7)
    }

    .navbar.is-light .navbar-end .navbar-link.is-active,.navbar.is-light .navbar-end .navbar-link:focus,.navbar.is-light .navbar-end .navbar-link:hover,.navbar.is-light .navbar-end>a.navbar-item.is-active,.navbar.is-light .navbar-end>a.navbar-item:focus,.navbar.is-light .navbar-end>a.navbar-item:hover,.navbar.is-light .navbar-start .navbar-link.is-active,.navbar.is-light .navbar-start .navbar-link:focus,.navbar.is-light .navbar-start .navbar-link:hover,.navbar.is-light .navbar-start>a.navbar-item.is-active,.navbar.is-light .navbar-start>a.navbar-item:focus,.navbar.is-light .navbar-start>a.navbar-item:hover {
        background-color: #e8e8e8;
        color: rgba(0,0,0,.7)
    }

    .navbar.is-light .navbar-end .navbar-link::after,.navbar.is-light .navbar-start .navbar-link::after {
        border-color: rgba(0,0,0,.7)
    }

    .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #e8e8e8;
        color: rgba(0,0,0,.7)
    }

    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: rgba(0,0,0,.7)
    }
}

.navbar.is-dark {
    background-color: #363636;
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link,.navbar.is-dark .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link.is-active,.navbar.is-dark .navbar-brand .navbar-link:focus,.navbar.is-dark .navbar-brand .navbar-link:hover,.navbar.is-dark .navbar-brand>a.navbar-item.is-active,.navbar.is-dark .navbar-brand>a.navbar-item:focus,.navbar.is-dark .navbar-brand>a.navbar-item:hover {
    background-color: #292929;
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-dark .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-dark .navbar-end .navbar-link,.navbar.is-dark .navbar-end>.navbar-item,.navbar.is-dark .navbar-start .navbar-link,.navbar.is-dark .navbar-start>.navbar-item {
        color:#fff
    }

    .navbar.is-dark .navbar-end .navbar-link.is-active,.navbar.is-dark .navbar-end .navbar-link:focus,.navbar.is-dark .navbar-end .navbar-link:hover,.navbar.is-dark .navbar-end>a.navbar-item.is-active,.navbar.is-dark .navbar-end>a.navbar-item:focus,.navbar.is-dark .navbar-end>a.navbar-item:hover,.navbar.is-dark .navbar-start .navbar-link.is-active,.navbar.is-dark .navbar-start .navbar-link:focus,.navbar.is-dark .navbar-start .navbar-link:hover,.navbar.is-dark .navbar-start>a.navbar-item.is-active,.navbar.is-dark .navbar-start>a.navbar-item:focus,.navbar.is-dark .navbar-start>a.navbar-item:hover {
        background-color: #292929;
        color: #fff
    }

    .navbar.is-dark .navbar-end .navbar-link::after,.navbar.is-dark .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #292929;
        color: #fff
    }

    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: #363636;
        color: #fff
    }
}

.navbar.is-primary {
    background-color: #00d1b2;
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link,.navbar.is-primary .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link.is-active,.navbar.is-primary .navbar-brand .navbar-link:focus,.navbar.is-primary .navbar-brand .navbar-link:hover,.navbar.is-primary .navbar-brand>a.navbar-item.is-active,.navbar.is-primary .navbar-brand>a.navbar-item:focus,.navbar.is-primary .navbar-brand>a.navbar-item:hover {
    background-color: #00b89c;
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-primary .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-primary .navbar-end .navbar-link,.navbar.is-primary .navbar-end>.navbar-item,.navbar.is-primary .navbar-start .navbar-link,.navbar.is-primary .navbar-start>.navbar-item {
        color:#fff
    }

    .navbar.is-primary .navbar-end .navbar-link.is-active,.navbar.is-primary .navbar-end .navbar-link:focus,.navbar.is-primary .navbar-end .navbar-link:hover,.navbar.is-primary .navbar-end>a.navbar-item.is-active,.navbar.is-primary .navbar-end>a.navbar-item:focus,.navbar.is-primary .navbar-end>a.navbar-item:hover,.navbar.is-primary .navbar-start .navbar-link.is-active,.navbar.is-primary .navbar-start .navbar-link:focus,.navbar.is-primary .navbar-start .navbar-link:hover,.navbar.is-primary .navbar-start>a.navbar-item.is-active,.navbar.is-primary .navbar-start>a.navbar-item:focus,.navbar.is-primary .navbar-start>a.navbar-item:hover {
        background-color: #00b89c;
        color: #fff
    }

    .navbar.is-primary .navbar-end .navbar-link::after,.navbar.is-primary .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #00b89c;
        color: #fff
    }

    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #00d1b2;
        color: #fff
    }
}

.navbar.is-link {
    background-color: #485fc7;
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link,.navbar.is-link .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link.is-active,.navbar.is-link .navbar-brand .navbar-link:focus,.navbar.is-link .navbar-brand .navbar-link:hover,.navbar.is-link .navbar-brand>a.navbar-item.is-active,.navbar.is-link .navbar-brand>a.navbar-item:focus,.navbar.is-link .navbar-brand>a.navbar-item:hover {
    background-color: #3a51bb;
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-link .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-link .navbar-end .navbar-link,.navbar.is-link .navbar-end>.navbar-item,.navbar.is-link .navbar-start .navbar-link,.navbar.is-link .navbar-start>.navbar-item {
        color:#fff
    }

    .navbar.is-link .navbar-end .navbar-link.is-active,.navbar.is-link .navbar-end .navbar-link:focus,.navbar.is-link .navbar-end .navbar-link:hover,.navbar.is-link .navbar-end>a.navbar-item.is-active,.navbar.is-link .navbar-end>a.navbar-item:focus,.navbar.is-link .navbar-end>a.navbar-item:hover,.navbar.is-link .navbar-start .navbar-link.is-active,.navbar.is-link .navbar-start .navbar-link:focus,.navbar.is-link .navbar-start .navbar-link:hover,.navbar.is-link .navbar-start>a.navbar-item.is-active,.navbar.is-link .navbar-start>a.navbar-item:focus,.navbar.is-link .navbar-start>a.navbar-item:hover {
        background-color: #3a51bb;
        color: #fff
    }

    .navbar.is-link .navbar-end .navbar-link::after,.navbar.is-link .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3a51bb;
        color: #fff
    }

    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: #485fc7;
        color: #fff
    }
}

.navbar.is-info {
    background-color: #3e8ed0;
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link,.navbar.is-info .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link.is-active,.navbar.is-info .navbar-brand .navbar-link:focus,.navbar.is-info .navbar-brand .navbar-link:hover,.navbar.is-info .navbar-brand>a.navbar-item.is-active,.navbar.is-info .navbar-brand>a.navbar-item:focus,.navbar.is-info .navbar-brand>a.navbar-item:hover {
    background-color: #3082c5;
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-info .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-info .navbar-end .navbar-link,.navbar.is-info .navbar-end>.navbar-item,.navbar.is-info .navbar-start .navbar-link,.navbar.is-info .navbar-start>.navbar-item {
        color:#fff
    }

    .navbar.is-info .navbar-end .navbar-link.is-active,.navbar.is-info .navbar-end .navbar-link:focus,.navbar.is-info .navbar-end .navbar-link:hover,.navbar.is-info .navbar-end>a.navbar-item.is-active,.navbar.is-info .navbar-end>a.navbar-item:focus,.navbar.is-info .navbar-end>a.navbar-item:hover,.navbar.is-info .navbar-start .navbar-link.is-active,.navbar.is-info .navbar-start .navbar-link:focus,.navbar.is-info .navbar-start .navbar-link:hover,.navbar.is-info .navbar-start>a.navbar-item.is-active,.navbar.is-info .navbar-start>a.navbar-item:focus,.navbar.is-info .navbar-start>a.navbar-item:hover {
        background-color: #3082c5;
        color: #fff
    }

    .navbar.is-info .navbar-end .navbar-link::after,.navbar.is-info .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3082c5;
        color: #fff
    }

    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: #3e8ed0;
        color: #fff
    }
}

.navbar.is-success {
    background-color: #48c78e;
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link,.navbar.is-success .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link.is-active,.navbar.is-success .navbar-brand .navbar-link:focus,.navbar.is-success .navbar-brand .navbar-link:hover,.navbar.is-success .navbar-brand>a.navbar-item.is-active,.navbar.is-success .navbar-brand>a.navbar-item:focus,.navbar.is-success .navbar-brand>a.navbar-item:hover {
    background-color: #3abb81;
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-success .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-success .navbar-end .navbar-link,.navbar.is-success .navbar-end>.navbar-item,.navbar.is-success .navbar-start .navbar-link,.navbar.is-success .navbar-start>.navbar-item {
        color:#fff
    }

    .navbar.is-success .navbar-end .navbar-link.is-active,.navbar.is-success .navbar-end .navbar-link:focus,.navbar.is-success .navbar-end .navbar-link:hover,.navbar.is-success .navbar-end>a.navbar-item.is-active,.navbar.is-success .navbar-end>a.navbar-item:focus,.navbar.is-success .navbar-end>a.navbar-item:hover,.navbar.is-success .navbar-start .navbar-link.is-active,.navbar.is-success .navbar-start .navbar-link:focus,.navbar.is-success .navbar-start .navbar-link:hover,.navbar.is-success .navbar-start>a.navbar-item.is-active,.navbar.is-success .navbar-start>a.navbar-item:focus,.navbar.is-success .navbar-start>a.navbar-item:hover {
        background-color: #3abb81;
        color: #fff
    }

    .navbar.is-success .navbar-end .navbar-link::after,.navbar.is-success .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3abb81;
        color: #fff
    }

    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: #48c78e;
        color: #fff
    }
}

.navbar.is-warning {
    background-color: #ffe08a;
    color: rgba(0,0,0,.7)
}

.navbar.is-warning .navbar-brand .navbar-link,.navbar.is-warning .navbar-brand>.navbar-item {
    color: rgba(0,0,0,.7)
}

.navbar.is-warning .navbar-brand .navbar-link.is-active,.navbar.is-warning .navbar-brand .navbar-link:focus,.navbar.is-warning .navbar-brand .navbar-link:hover,.navbar.is-warning .navbar-brand>a.navbar-item.is-active,.navbar.is-warning .navbar-brand>a.navbar-item:focus,.navbar.is-warning .navbar-brand>a.navbar-item:hover {
    background-color: #ffd970;
    color: rgba(0,0,0,.7)
}

.navbar.is-warning .navbar-brand .navbar-link::after {
    border-color: rgba(0,0,0,.7)
}

.navbar.is-warning .navbar-burger {
    color: rgba(0,0,0,.7)
}

@media screen and (min-width: 1024px) {
    .navbar.is-warning .navbar-end .navbar-link,.navbar.is-warning .navbar-end>.navbar-item,.navbar.is-warning .navbar-start .navbar-link,.navbar.is-warning .navbar-start>.navbar-item {
        color:rgba(0,0,0,.7)
    }

    .navbar.is-warning .navbar-end .navbar-link.is-active,.navbar.is-warning .navbar-end .navbar-link:focus,.navbar.is-warning .navbar-end .navbar-link:hover,.navbar.is-warning .navbar-end>a.navbar-item.is-active,.navbar.is-warning .navbar-end>a.navbar-item:focus,.navbar.is-warning .navbar-end>a.navbar-item:hover,.navbar.is-warning .navbar-start .navbar-link.is-active,.navbar.is-warning .navbar-start .navbar-link:focus,.navbar.is-warning .navbar-start .navbar-link:hover,.navbar.is-warning .navbar-start>a.navbar-item.is-active,.navbar.is-warning .navbar-start>a.navbar-item:focus,.navbar.is-warning .navbar-start>a.navbar-item:hover {
        background-color: #ffd970;
        color: rgba(0,0,0,.7)
    }

    .navbar.is-warning .navbar-end .navbar-link::after,.navbar.is-warning .navbar-start .navbar-link::after {
        border-color: rgba(0,0,0,.7)
    }

    .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #ffd970;
        color: rgba(0,0,0,.7)
    }

    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: #ffe08a;
        color: rgba(0,0,0,.7)
    }
}

.navbar.is-danger {
    background-color: #f14668;
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link,.navbar.is-danger .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link.is-active,.navbar.is-danger .navbar-brand .navbar-link:focus,.navbar.is-danger .navbar-brand .navbar-link:hover,.navbar.is-danger .navbar-brand>a.navbar-item.is-active,.navbar.is-danger .navbar-brand>a.navbar-item:focus,.navbar.is-danger .navbar-brand>a.navbar-item:hover {
    background-color: #ef2e55;
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link::after {
    border-color: #fff
}

.navbar.is-danger .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .navbar.is-danger .navbar-end .navbar-link,.navbar.is-danger .navbar-end>.navbar-item,.navbar.is-danger .navbar-start .navbar-link,.navbar.is-danger .navbar-start>.navbar-item {
        color:#fff
    }

    .navbar.is-danger .navbar-end .navbar-link.is-active,.navbar.is-danger .navbar-end .navbar-link:focus,.navbar.is-danger .navbar-end .navbar-link:hover,.navbar.is-danger .navbar-end>a.navbar-item.is-active,.navbar.is-danger .navbar-end>a.navbar-item:focus,.navbar.is-danger .navbar-end>a.navbar-item:hover,.navbar.is-danger .navbar-start .navbar-link.is-active,.navbar.is-danger .navbar-start .navbar-link:focus,.navbar.is-danger .navbar-start .navbar-link:hover,.navbar.is-danger .navbar-start>a.navbar-item.is-active,.navbar.is-danger .navbar-start>a.navbar-item:focus,.navbar.is-danger .navbar-start>a.navbar-item:hover {
        background-color: #ef2e55;
        color: #fff
    }

    .navbar.is-danger .navbar-end .navbar-link::after,.navbar.is-danger .navbar-start .navbar-link::after {
        border-color: #fff
    }

    .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #ef2e55;
        color: #fff
    }

    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: #f14668;
        color: #fff
    }
}

.navbar>.container {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem;
    width: 100%
}

.navbar.has-shadow {
    box-shadow: 0 2px 0 0 #f5f5f5
}

.navbar.is-fixed-bottom,.navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30
}

.navbar.is-fixed-bottom {
    bottom: 0
}

.navbar.is-fixed-bottom.has-shadow {
    box-shadow: 0 -2px 0 0 #f5f5f5
}

.navbar.is-fixed-top {
    top: 0
}

body.has-navbar-fixed-top,html.has-navbar-fixed-top {
    padding-top: 3.25rem
}

body.has-navbar-fixed-bottom,html.has-navbar-fixed-bottom {
    padding-bottom: 3.25rem
}

.navbar-brand,.navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem
}

.navbar-brand a.navbar-item:focus,.navbar-brand a.navbar-item:hover {
    background-color: transparent
}

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden
}

.navbar-burger {
    color: #4a4a4a;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto
}

.navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    transform-origin: center;
    transition-duration: 86ms;
    transition-property: background-color,opacity,transform;
    transition-timing-function: ease-out;
    width: 16px
}

.navbar-burger span:nth-child(1) {
    top: calc(50% - 6px)
}

.navbar-burger span:nth-child(2) {
    top: calc(50% - 1px)
}

.navbar-burger span:nth-child(3) {
    top: calc(50% + 4px)
}

.navbar-burger:hover {
    background-color: rgba(0,0,0,.05)
}

.navbar-burger.is-active span:nth-child(1) {
    transform: translateY(5px) rotate(45deg)
}

.navbar-burger.is-active span:nth-child(2) {
    opacity: 0
}

.navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg)
}

.navbar-menu {
    display: none
}

.navbar-item,.navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative
}


.navbar-item .icon:only-child,.navbar-link .icon:only-child {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.navbar-link,a.navbar-item {
    cursor: pointer
}

.navbar-link.is-active,.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover,a.navbar-item.is-active,a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover {
    background-color: #fafafa;
    color: #485fc7
}

.navbar-item {
    flex-grow: 0;
    flex-shrink: 0
}

.navbar-item img {
    max-height: 1.75rem
}

.navbar-item.has-dropdown {
    padding: 0
}

.navbar-item.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-item.is-tab {
    border-bottom: 1px solid transparent;
    min-height: 3.25rem;
    padding-bottom: calc(.5rem - 1px)
}

.navbar-item.is-tab:focus,.navbar-item.is-tab:hover {
    background-color: transparent;
    border-bottom-color: #485fc7
}

.navbar-item.is-tab.is-active {
    background-color: transparent;
    border-bottom-color: #485fc7;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    color: #485fc7;
    padding-bottom: calc(.5rem - 3px)
}

.navbar-content {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em
}

.navbar-link:not(.is-arrowless)::after {
    border-color: #485fc7;
    margin-top: -.375em;
    right: 1.125em
}

.navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.navbar-divider {
    background-color: #f5f5f5;
    border: none;
    display: none;
    height: 2px;
    margin: .5rem 0
}

@media screen and (max-width: 1023px) {
    .navbar>.container {
        display:block
    }

    .navbar-brand .navbar-item,.navbar-tabs .navbar-item {
        align-items: center;
        display: flex
    }

    .navbar-link::after {
        display: none
    }

    .navbar-menu {
        background-color: #fff;
        box-shadow: 0 8px 16px rgba(10,10,10,.1);
        padding: .5rem 0
    }

    .navbar-menu.is-active {
        display: block
    }

    .navbar.is-fixed-bottom-touch,.navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0
    }

    .navbar.is-fixed-bottom-touch.has-shadow {
        box-shadow: 0 -2px 3px rgba(10,10,10,.1)
    }

    .navbar.is-fixed-top-touch {
        top: 0
    }

    .navbar.is-fixed-top .navbar-menu,.navbar.is-fixed-top-touch .navbar-menu {
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - 3.25rem);
        overflow: auto
    }

    body.has-navbar-fixed-top-touch,html.has-navbar-fixed-top-touch {
        padding-top: 3.25rem
    }

    body.has-navbar-fixed-bottom-touch,html.has-navbar-fixed-bottom-touch {
        padding-bottom: 3.25rem
    }
}

@media screen and (min-width: 1024px) {
    .navbar,.navbar-end,.navbar-menu,.navbar-start {
        align-items:stretch;
        display: flex
    }

    .navbar {
        min-height: 3.25rem
    }

    .navbar.is-spaced {
        padding: 1rem 2rem
    }

    .navbar.is-spaced .navbar-end,.navbar.is-spaced .navbar-start {
        align-items: center
    }

    .navbar.is-spaced .navbar-link,.navbar.is-spaced a.navbar-item {
        border-radius: 4px
    }

    .navbar.is-transparent .navbar-link.is-active,.navbar.is-transparent .navbar-link:focus,.navbar.is-transparent .navbar-link:hover,.navbar.is-transparent a.navbar-item.is-active,.navbar.is-transparent a.navbar-item:focus,.navbar.is-transparent a.navbar-item:hover {
        background-color: transparent!important
    }

    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
        background-color: transparent!important
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,.navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: #485fc7
    }

    .navbar-burger {
        display: none
    }

    .navbar-item,.navbar-link {
        align-items: center;
        display: flex
    }

    .navbar-item.has-dropdown {
        align-items: stretch
    }

    .navbar-item.has-dropdown-up .navbar-link::after {
        transform: rotate(135deg) translate(.25em,-.25em)
    }

    .navbar-item.has-dropdown-up .navbar-dropdown {
        border-bottom: 2px solid #dbdbdb;
        border-radius: 6px 6px 0 0;
        border-top: none;
        bottom: 100%;
        box-shadow: 0 -8px 8px rgba(10,10,10,.1);
        top: auto
    }

    .navbar-item.is-active .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block
    }

    .navbar-item.is-active .navbar-dropdown.is-boxed,.navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,.navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-active .navbar-dropdown,.navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,.navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0)
    }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0
    }

    .navbar-start {
        justify-content: flex-start;
        margin-right: auto
    }

    .navbar-end {
        justify-content: flex-end;
        margin-left: auto
    }

    .navbar-dropdown {
        background-color: #fff;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 2px solid #dbdbdb;
        box-shadow: 0 8px 8px rgba(10,10,10,.1);
        display: none;
        font-size: .875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20
    }

    .navbar-dropdown .navbar-item {
        padding: .375rem 1rem;
        white-space: nowrap
    }

    .navbar-dropdown a.navbar-item {
        padding-right: 3rem
    }

    .navbar-dropdown a.navbar-item:focus,.navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: #485fc7
    }

    .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-dropdown {
        border-radius: 6px;
        border-top: none;
        box-shadow: 0 8px 8px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
        display: block;
        opacity: 0;
        pointer-events: none;
        top: calc(100% + (-4px));
        transform: translateY(-5px);
        transition-duration: 86ms;
        transition-property: opacity,transform
    }

    .navbar-dropdown.is-right {
        left: auto;
        right: 0
    }

    .navbar-divider {
        display: block
    }

    .container>.navbar .navbar-brand,.navbar>.container .navbar-brand {
        margin-left: -.75rem
    }

    .container>.navbar .navbar-menu,.navbar>.container .navbar-menu {
        margin-right: -.75rem
    }

    .navbar.is-fixed-bottom-desktop,.navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0
    }

    .navbar.is-fixed-bottom-desktop.has-shadow {
        box-shadow: 0 -2px 3px rgba(10,10,10,.1)
    }

    .navbar.is-fixed-top-desktop {
        top: 0
    }
}



#top {
    border-bottom: 1px solid #EEE;
    background: #012537;
    box-shadow: 0 2px 10px 0 rgba(215, 220, 233, .5), 0 0 7px 0 rgba(199, 206, 223, .1);
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

.navbar.is-transparent {
    background: none;
}

.navbar {
    min-height: 5.0rem;
}

@media screen and (min-width: 1024px) {
    .container>.navbar .navbar-brand, .navbar>.container .navbar-brand {
        margin-left: -2.75rem;
    }
}
.container .navbar .navbar-brand, .container .navbar .navbar-menu {
    margin: 0;
}

.navbar-item, .navbar-link {
    color: #FFF;
    font-weight: bolder;
    font-size: 16px;
}

.is-size-2 {
    font-size: 2.5rem !important;
}

.iconlogo {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    margin-top: 25%;
    margin-right: -10px;
}

.navbar-item img {
    max-height: 3rem;
}

.navbar-item, .navbar-link {
    color: #FFF!important;
    font-weight: bolder;
    font-size: 18px;
}

#site-title a {
    font-weight: bold;
    color: #FFF;
}

img {
    height: auto;
    max-width: 100%;
}

@media screen and (min-width: 1024px) {
    .container {
        max-width:960px
    }
}

@media screen and (max-width: 1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
        max-width:1152px
    }
}

@media screen and (max-width: 1407px) {
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width:1344px
    }
}

@media screen and (min-width: 1216px) {
    .container:not(.is-max-desktop) {
        max-width:1152px
    }
}

@media screen and (min-width: 1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px;
    }
}
@media screen and (max-width: 1023px) {
    .navbar {
        min-height: 3rem;
    }
}
@media screen and (min-width: 1024px) {
    .navbar {
        min-height: 3.25rem;
    }
}


.navbar-burger { display: block; height: auto; }
.navbar-burger:hover { background: transparent; }
.navbar-burger span { height: 2px; width: 20px; left: calc(50% - 10px); }
.container {margin: 0 auto; width: 100%; max-width: 1200px }
.select:not(.is-multiple):not(.is-loading)::after { border-color: #333; }
.navbar { min-height: 5.0rem; }
.navbar.is-transparent { background: none; }

.navbar-dropdown{border-top:none;}
.navbar-link:not(.is-arrowless)::after { border-color: #333; }

a.navbar-item:hover, .navbar-item a.navbar-link:hover { background: transparent !important; color: #FFD700; } /*修改 #ffe08a,#485fc7*/

.navbar-dropdown .navbar-item:hover {
    color: #FFD700 !important; /* 将文本颜色设置为黄色 下拉框链接颜色*/
    background-color: rgba(255, 255, 0, 0.2); /* 可选，添加背景色以增强可视效果 */
}

a.navbar-item.is-active { color: #ffe08a; border-bottom: 0px #ffe08a solid; }
.container .navbar .navbar-brand, .container .navbar .navbar-menu { margin: 0; }

@media screen and (max-width:1023px) {

    .navbar { min-height: 3rem; }

}

.navbar-item.is-mega {
  position: static;
}

.navbar-item,.navbar-link {color:#FFF;font-weight: bolder;font-size: 16px;}


.navbar-burger {color:#fff;} /* #fa7c0c */


.navbar-dropdown {background-image: linear-gradient(-20deg, #9bc5c3 0%, #616161 100%);color:#fff}/*#bcbfba*/



.navbar-item img {max-height: 3rem;}
.navbar-link:not(.is-arrowless)::after {border-color: #fff;}


@media screen and (min-width: 1024px) {
    .container>.navbar .navbar-brand, .navbar>.container .navbar-brand {
        margin-left: -2.75rem;  /* top 的偏移 原 -.75rem*/ /* 2024-12-5 原 margin-left: -4.75rem; */
    }
} 

.navbar.is-fixed-bottom {
    box-shadow: 0 -3px 15px #999;
    min-height: 2.5rem;
}


.navbar.is-fixed-bottom, .navbar.is-fixed-top {
    left: 0;
   position: fixed;
    right: 0;
    z-index: 30;
}

.navbar.is-fixed-bottom .column {
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
}

#LeftSidebar {

    width: 300px!important;

}

.nbox input,.mbox input {
    
    padding: 0px 0px 0px 10px;
    font-weight: 600;
    
}

a:link {
    color: #000;
}

.showline a {
    text-decoration: none;
    font-size: 16px;
    color: #4545ff;
    font-weight: 600;
  }
  
  .mline .untitem {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
.showline a:visited {
  
    color: #ff0000;

  } 
  
div#wrapper {
    margin: 10px auto 2px auto;
}

.homeintro {
    display: none;
}

.index2Col {
  
        padding: 4px;
    
    }


@media only screen and (max-width: 726px) {
    .index2Col {
        padding: 8px;
        display: block;
        width: 95.5%;
    }
}

  .back-to-top {
    position: fixed;
    bottom: 45px; /* 距离底部30px */
    right: 30px; /* 距离右侧30px */
    display: none; /* 默认隐藏 */
    width: 50px;
    height: 50px;
    background-color: #fff; /* #6c63ff按钮背景颜色 */
    color: #999; /* 文字颜色 */
    text-align: center; /* 文字居中 */
    line-height: 58px;
    border-radius: 50%; /* 圆形按钮 */
    text-decoration: none; /* 无下划线 */
    font-size: 40px; /* 字体大小 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 阴影 */
    transition: background-color 0.3s; /* 背景颜色变化过渡 */
    cursor: pointer;
    z-index: 99999;
}

.back-to-top::after {
    content: 'Back to Top'; /* 设置提示文本 */
    position: absolute; /* 绝对定位 */
    bottom: 100%; /* 在元素上方显示 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 使其居中对齐 */
    background-color: #F1FAFF; /* 背景颜色 */
    color: #555; /* 字体颜色 */
    padding: 5px; /* 内边距 */
    border-radius: 4px; /* 圆角 */
    white-space: nowrap; /* 不换行 */
    opacity: 0; /* 初始透明度为0 */
    transition: opacity 0.2s; /* 过渡效果 */
    font-size: 15px; 
    line-height: 15px;
}

.back-to-top:hover::after {
    opacity: 1; /* 鼠标悬停时显示 */
}


.back-to-top:hover {
    background-color: #F1FAFF; /* 悬停时的背景颜色 */
    color: #000;
}

footer {
    display: block;
}

#footer {
    margin-top: 20px;
    color: #999;
    padding: 1.5rem 0 0.5rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
    background: transparent;
    background-color: #001e2d;
}


.has-text-centered {
    margin-top: 5px;
}

.has-text-centered {
    text-align: center !important;
}
.is-size-7 {
    font-size: .75rem !important;
}



#copyright {
  /*  color: #333333; */
   color: #999; 
    text-align: center;
    padding-top: 4px;
}

#copyright a {
   color: #999; 
}
/*
#copyright a:hover {
    color: #993333;
} 
*/
#copyright a:visited {
    color: #a1a1a1;
} 

