.hero {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.hero .navbar {
    background: none
}

.hero .tabs ul {
    border-bottom: none
}

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

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-white strong {
    color: inherit
}

.hero.is-white .title {
    color: #0a0a0a
}

.hero.is-white .subtitle {
    color: rgba(10,10,10,0.9)
}

.hero.is-white .subtitle a:not(.button),.hero.is-white .subtitle strong {
    color: #0a0a0a
}

@media screen and (max-width: 1247px) {
    .hero.is-white .navbar-menu {
        background-color: #fff
    }
}

.hero.is-white .navbar-item,.hero.is-white .navbar-link {
    color: rgba(10,10,10,0.7)
}

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

.hero.is-white .tabs a {
    color: #0a0a0a;
    opacity: 0.9
}

.hero.is-white .tabs a:hover {
    opacity: 1
}

.hero.is-white .tabs li.is-active a {
    opacity: 1
}

.hero.is-white .tabs.is-boxed a,.hero.is-white .tabs.is-toggle a {
    color: #0a0a0a
}

.hero.is-white .tabs.is-boxed a:hover,.hero.is-white .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,0.1)
}

.hero.is-white .tabs.is-boxed li.is-active a,.hero.is-white .tabs.is-boxed li.is-active a:hover,.hero.is-white .tabs.is-toggle li.is-active a,.hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff
}

.hero.is-white.is-bold {
    background-image: linear-gradient(141deg, #e6e6e6 0%, #fff 71%, #fff 100%)
}

@media screen and (max-width: 951px) {
    .hero.is-white.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #e6e6e6 0%, #fff 71%, #fff 100%)
    }
}

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

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-black strong {
    color: inherit
}

.hero.is-black .title {
    color: #fff
}

.hero.is-black .subtitle {
    color: rgba(255,255,255,0.9)
}

.hero.is-black .subtitle a:not(.button),.hero.is-black .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1247px) {
    .hero.is-black .navbar-menu {
        background-color: #0a0a0a
    }
}

.hero.is-black .navbar-item,.hero.is-black .navbar-link {
    color: rgba(255,255,255,0.7)
}

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

.hero.is-black .tabs a {
    color: #fff;
    opacity: 0.9
}

.hero.is-black .tabs a:hover {
    opacity: 1
}

.hero.is-black .tabs li.is-active a {
    opacity: 1
}

.hero.is-black .tabs.is-boxed a,.hero.is-black .tabs.is-toggle a {
    color: #fff
}

.hero.is-black .tabs.is-boxed a:hover,.hero.is-black .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,0.1)
}

.hero.is-black .tabs.is-boxed li.is-active a,.hero.is-black .tabs.is-boxed li.is-active a:hover,.hero.is-black .tabs.is-toggle li.is-active a,.hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a
}

.hero.is-black.is-bold {
    background-image: linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%)
}

@media screen and (max-width: 951px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%)
    }
}

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

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-light strong {
    color: inherit
}

.hero.is-light .title {
    color: rgba(0,0,0,0.7)
}

.hero.is-light .subtitle {
    color: rgba(0,0,0,0.9)
}

.hero.is-light .subtitle a:not(.button),.hero.is-light .subtitle strong {
    color: rgba(0,0,0,0.7)
}

@media screen and (max-width: 1247px) {
    .hero.is-light .navbar-menu {
        background-color: #f5f5f5
    }
}

.hero.is-light .navbar-item,.hero.is-light .navbar-link {
    color: rgba(0,0,0,0.7)
}

.hero.is-light a.navbar-item:hover,.hero.is-light a.navbar-item.is-active,.hero.is-light .navbar-link:hover,.hero.is-light .navbar-link.is-active {
    background-color: #e8e8e8;
    color: rgba(0,0,0,0.7)
}

.hero.is-light .tabs a {
    color: rgba(0,0,0,0.7);
    opacity: 0.9
}

.hero.is-light .tabs a:hover {
    opacity: 1
}

.hero.is-light .tabs li.is-active a {
    opacity: 1
}

.hero.is-light .tabs.is-boxed a,.hero.is-light .tabs.is-toggle a {
    color: rgba(0,0,0,0.7)
}

.hero.is-light .tabs.is-boxed a:hover,.hero.is-light .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,0.1)
}

.hero.is-light .tabs.is-boxed li.is-active a,.hero.is-light .tabs.is-boxed li.is-active a:hover,.hero.is-light .tabs.is-toggle li.is-active a,.hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0,0,0,0.7);
    border-color: rgba(0,0,0,0.7);
    color: #f5f5f5
}

.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9 0%, #f5f5f5 71%, #fff 100%)
}

@media screen and (max-width: 951px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #dfd8d9 0%, #f5f5f5 71%, #fff 100%)
    }
}

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

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-dark strong {
    color: inherit
}

.hero.is-dark .title {
    color: #fff
}

.hero.is-dark .subtitle {
    color: rgba(255,255,255,0.9)
}

.hero.is-dark .subtitle a:not(.button),.hero.is-dark .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1247px) {
    .hero.is-dark .navbar-menu {
        background-color: #363636
    }
}

.hero.is-dark .navbar-item,.hero.is-dark .navbar-link {
    color: rgba(255,255,255,0.7)
}

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

.hero.is-dark .tabs a {
    color: #fff;
    opacity: 0.9
}

.hero.is-dark .tabs a:hover {
    opacity: 1
}

.hero.is-dark .tabs li.is-active a {
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a,.hero.is-dark .tabs.is-toggle a {
    color: #fff
}

.hero.is-dark .tabs.is-boxed a:hover,.hero.is-dark .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,0.1)
}

.hero.is-dark .tabs.is-boxed li.is-active a,.hero.is-dark .tabs.is-boxed li.is-active a:hover,.hero.is-dark .tabs.is-toggle li.is-active a,.hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #363636
}

.hero.is-dark.is-bold {
    background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%)
}

@media screen and (max-width: 951px) {
    .hero.is-dark.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%)
    }
}

.hero.is-primary {
    background-color: #1859A4;
    color: #fff
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-primary strong {
    color: inherit
}

.hero.is-primary .title {
    color: #fff
}

.hero.is-primary .subtitle {
    color: rgba(255,255,255,0.9)
}

.hero.is-primary .subtitle a:not(.button),.hero.is-primary .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1247px) {
    .hero.is-primary .navbar-menu {
        background-color: #1859A4
    }
}

.hero.is-primary .navbar-item,.hero.is-primary .navbar-link {
    color: rgba(255,255,255,0.7)
}

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

.hero.is-primary .tabs a {
    color: #fff;
    opacity: 0.9
}

.hero.is-primary .tabs a:hover {
    opacity: 1
}

.hero.is-primary .tabs li.is-active a {
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a,.hero.is-primary .tabs.is-toggle a {
    color: #fff
}

.hero.is-primary .tabs.is-boxed a:hover,.hero.is-primary .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,0.1)
}

.hero.is-primary .tabs.is-boxed li.is-active a,.hero.is-primary .tabs.is-boxed li.is-active a:hover,.hero.is-primary .tabs.is-toggle li.is-active a,.hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #1859A4
}

.hero.is-primary.is-bold {
    background-image: linear-gradient(141deg, #009e6c 0%, #1859A4 71%, #00e7eb 100%)
}

@media screen and (max-width: 951px) {
    .hero.is-primary.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #009e6c 0%, #1859A4 71%, #00e7eb 100%)
    }
}

.hero.is-link {
    background-color: #3273dc;
    color: #fff
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-link strong {
    color: inherit
}

.hero.is-link .title {
    color: #fff
}

.hero.is-link .subtitle {
    color: rgba(255,255,255,0.9)
}

.hero.is-link .subtitle a:not(.button),.hero.is-link .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1247px) {
    .hero.is-link .navbar-menu {
        background-color: #3273dc
    }
}

.hero.is-link .navbar-item,.hero.is-link .navbar-link {
    color: rgba(255,255,255,0.7)
}

.hero.is-link a.navbar-item:hover,.hero.is-link a.navbar-item.is-active,.hero.is-link .navbar-link:hover,.hero.is-link .navbar-link.is-active {
    background-color: #2366d1;
    color: #fff
}

.hero.is-link .tabs a {
    color: #fff;
    opacity: 0.9
}

.hero.is-link .tabs a:hover {
    opacity: 1
}

.hero.is-link .tabs li.is-active a {
    opacity: 1
}

.hero.is-link .tabs.is-boxed a,.hero.is-link .tabs.is-toggle a {
    color: #fff
}

.hero.is-link .tabs.is-boxed a:hover,.hero.is-link .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,0.1)
}

.hero.is-link .tabs.is-boxed li.is-active a,.hero.is-link .tabs.is-boxed li.is-active a:hover,.hero.is-link .tabs.is-toggle li.is-active a,.hero.is-link .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3273dc
}

.hero.is-link.is-bold {
    background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%)
}

@media screen and (max-width: 951px) {
    .hero.is-link.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%)
    }
}

.hero.is-info {
    background-color: #cbf8b5;
    color: #fff
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-info strong {
    color: inherit
}

.hero.is-info .title {
    color: #fff
}

.hero.is-info .subtitle {
    color: rgba(255,255,255,0.9)
}

.hero.is-info .subtitle a:not(.button),.hero.is-info .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1247px) {
    .hero.is-info .navbar-menu {
        background-color: #cbf8b5
    }
}

.hero.is-info .navbar-item,.hero.is-info .navbar-link {
    color: rgba(255,255,255,0.7)
}

.hero.is-info a.navbar-item:hover,.hero.is-info a.navbar-item.is-active,.hero.is-info .navbar-link:hover,.hero.is-info .navbar-link.is-active {
    background-color: #238cd1;
    color: #fff
}

.hero.is-info .tabs a {
    color: #fff;
    opacity: 0.9
}

.hero.is-info .tabs a:hover {
    opacity: 1
}

.hero.is-info .tabs li.is-active a {
    opacity: 1
}

.hero.is-info .tabs.is-boxed a,.hero.is-info .tabs.is-toggle a {
    color: #fff
}

.hero.is-info .tabs.is-boxed a:hover,.hero.is-info .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,0.1)
}

.hero.is-info .tabs.is-boxed li.is-active a,.hero.is-info .tabs.is-boxed li.is-active a:hover,.hero.is-info .tabs.is-toggle li.is-active a,.hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #cbf8b5
}

.hero.is-info.is-bold {
    background-image: linear-gradient(141deg, #159dc6 0%, #cbf8b5 71%, #4389e5 100%)
}

@media screen and (max-width: 951px) {
    .hero.is-info.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #159dc6 0%, #cbf8b5 71%, #4389e5 100%)
    }
}

.hero.is-success {
    background-color: #48c774;
    color: #fff
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-success strong {
    color: inherit
}

.hero.is-success .title {
    color: #fff
}

.hero.is-success .subtitle {
    color: rgba(255,255,255,0.9)
}

.hero.is-success .subtitle a:not(.button),.hero.is-success .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1247px) {
    .hero.is-success .navbar-menu {
        background-color: #48c774
    }
}

.hero.is-success .navbar-item,.hero.is-success .navbar-link {
    color: rgba(255,255,255,0.7)
}

.hero.is-success a.navbar-item:hover,.hero.is-success a.navbar-item.is-active,.hero.is-success .navbar-link:hover,.hero.is-success .navbar-link.is-active {
    background-color: #3abb67;
    color: #fff
}

.hero.is-success .tabs a {
    color: #fff;
    opacity: 0.9
}

.hero.is-success .tabs a:hover {
    opacity: 1
}

.hero.is-success .tabs li.is-active a {
    opacity: 1
}

.hero.is-success .tabs.is-boxed a,.hero.is-success .tabs.is-toggle a {
    color: #fff
}

.hero.is-success .tabs.is-boxed a:hover,.hero.is-success .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,0.1)
}

.hero.is-success .tabs.is-boxed li.is-active a,.hero.is-success .tabs.is-boxed li.is-active a:hover,.hero.is-success .tabs.is-toggle li.is-active a,.hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #48c774
}

.hero.is-success.is-bold {
    background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%)
}

@media screen and (max-width: 951px) {
    .hero.is-success.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%)
    }
}

.hero.is-warning {
    background-color: #fffd9f;
    color: rgba(0,0,0,0.7)
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-warning strong {
    color: inherit
}

.hero.is-warning .title {
    color: rgba(0,0,0,0.7)
}

.hero.is-warning .subtitle {
    color: rgba(0,0,0,0.9)
}

.hero.is-warning .subtitle a:not(.button),.hero.is-warning .subtitle strong {
    color: rgba(0,0,0,0.7)
}

@media screen and (max-width: 1247px) {
    .hero.is-warning .navbar-menu {
        background-color: #fffd9f
    }
}

.hero.is-warning .navbar-item,.hero.is-warning .navbar-link {
    color: rgba(0,0,0,0.7)
}

.hero.is-warning a.navbar-item:hover,.hero.is-warning a.navbar-item.is-active,.hero.is-warning .navbar-link:hover,.hero.is-warning .navbar-link.is-active {
    background-color: #ffd83d;
    color: rgba(0,0,0,0.7)
}

.hero.is-warning .tabs a {
    color: rgba(0,0,0,0.7);
    opacity: 0.9
}

.hero.is-warning .tabs a:hover {
    opacity: 1
}

.hero.is-warning .tabs li.is-active a {
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a,.hero.is-warning .tabs.is-toggle a {
    color: rgba(0,0,0,0.7)
}

.hero.is-warning .tabs.is-boxed a:hover,.hero.is-warning .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,0.1)
}

.hero.is-warning .tabs.is-boxed li.is-active a,.hero.is-warning .tabs.is-boxed li.is-active a:hover,.hero.is-warning .tabs.is-toggle li.is-active a,.hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0,0,0,0.7);
    border-color: rgba(0,0,0,0.7);
    color: #fffd9f
}

.hero.is-warning.is-bold {
    background-image: linear-gradient(141deg, #ffaf24 0%, #fffd9f 71%, #fffa70 100%)
}

@media screen and (max-width: 951px) {
    .hero.is-warning.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #ffaf24 0%, #fffd9f 71%, #fffa70 100%)
    }
}

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

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-danger strong {
    color: inherit
}

.hero.is-danger .title {
    color: #fff
}

.hero.is-danger .subtitle {
    color: rgba(255,255,255,0.9)
}

.hero.is-danger .subtitle a:not(.button),.hero.is-danger .subtitle strong {
    color: #fff
}

@media screen and (max-width: 1247px) {
    .hero.is-danger .navbar-menu {
        background-color: #f14668
    }
}

.hero.is-danger .navbar-item,.hero.is-danger .navbar-link {
    color: rgba(255,255,255,0.7)
}

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

.hero.is-danger .tabs a {
    color: #fff;
    opacity: 0.9
}

.hero.is-danger .tabs a:hover {
    opacity: 1
}

.hero.is-danger .tabs li.is-active a {
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a,.hero.is-danger .tabs.is-toggle a {
    color: #fff
}

.hero.is-danger .tabs.is-boxed a:hover,.hero.is-danger .tabs.is-toggle a:hover {
    background-color: rgba(10,10,10,0.1)
}

.hero.is-danger .tabs.is-boxed li.is-active a,.hero.is-danger .tabs.is-boxed li.is-active a:hover,.hero.is-danger .tabs.is-toggle li.is-active a,.hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #f14668
}

.hero.is-danger.is-bold {
    background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%)
}

@media screen and (max-width: 951px) {
    .hero.is-danger.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%)
    }
}

.hero.is-small .hero-body {
    padding: 1.5rem
}

@media screen and (min-width: 952px), print {
    .hero.is-medium .hero-body {
        padding: 9rem 1.5rem
    }
}

@media screen and (min-width: 952px), print {
    .hero.is-large .hero-body {
        padding: 18rem 1.5rem
    }
}

.hero.is-halfheight .hero-body,.hero.is-fullheight .hero-body,.hero.is-fullheight-with-navbar .hero-body {
    align-items: center;
    display: flex
}

.hero.is-halfheight .hero-body>.container,.hero.is-fullheight .hero-body>.container,.hero.is-fullheight-with-navbar .hero-body>.container {
    flex-grow: 1;
    flex-shrink: 1
}

.hero.is-halfheight {
    min-height: 50vh
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero-video {
    overflow: hidden
}

.hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.hero-video.is-transparent {
    opacity: 0.3
}

@media screen and (max-width: 951px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 1.5rem
}

@media screen and (max-width: 951px) {
    .hero-buttons .button {
        display: flex
    }

    .hero-buttons .button:not(:last-child) {
        margin-bottom: 0.75rem
    }
}

@media screen and (min-width: 952px), print {
    .hero-buttons {
        display: flex;
        justify-content: center
    }

    .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem
    }
}

.hero-head,.hero-foot {
    flex-grow: 0;
    flex-shrink: 0
}

.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 1.5rem
}