/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */

html {

    font-size: 16px;


}


.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
}


.navbar.is-link {
    background-color: #3273dc;
    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: #2366d1;
    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: #2366d1;
        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: #2366d1;
        color: #fff
    }

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

.navbar.is-info {
    background-color: #209cee;
    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: #118fe4;
    color: #fff
}

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

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


.navbar.is-success {
    background-color: #23d160;
    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: #20bc56;
    color: #fff
}

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

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



.navbar.is-warning {
    background-color: #ffdd57;
    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: #ffd83d;
    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: #ffd83d;
        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: #ffd83d;
        color: rgba(0, 0, 0, .7)
    }

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

.navbar.is-danger {
    background-color: #ff3860;
    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: #ff1f4b;
    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: #ff1f4b;
        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: #ff1f4b;
        color: #fff
    }

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


.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
}



.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: #000;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 2.25rem;
    margin-left: auto;
background-color:white
}

.navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-duration: 86ms;
    transition-property: background-color, opacity, -webkit-transform;
    transition-property: background-color, opacity, transform;
    transition-property: background-color, opacity, transform, -webkit-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 {

}

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

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

.navbar-burger.is-active span:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    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: #3273dc
}

.navbar-item {
    display: block;
    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: #3273dc
}

.navbar-item.is-tab.is-active {
    background-color: transparent;
    border-bottom-color: #3273dc;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    color: #3273dc;
    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: #3273dc;
    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
    }
}