@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap";

:root {
    --color-sky-blue: #87ebff;
    --color-ocean-blue: #38a5da;
    --color-lighten-blue: #31C5FF;
    --color-lighten-blue-opacity: #31C5FF30;
    --color-light-blue: #0068e850;
    --color-skyblue: #29699f;
    --color-blue: #1b2e5c;
    --color-dark-blue: #162235;
    --color-blue-opacity: #1b2e5cef;
    --color-orange: #dd6538;
    --color-red: #dd3838;
    --color-yellow: #eec21c;
    --color-lighten-yellow: #ffe584;
    --color-light-yellow: #e7cc2f;
    --color-dark-yellow: #ffd400;
    --color-darken-yellow: #e8af17;
    --color-lighten-brown: #c5a86b;
    --color-yellow-opacity: #eec21b66;
    --color-light-black: #666;
    --color-dark: #07162d;
    --color-black: #071224;
    --color-white: #fff;
    --color-light-white: #fbf6dd;
    --color-gray: #c1c1c1
}


html,
body {
    font-family: "Noto Sans TC", "Noto Sans JP", "Noto Sans", Roboto, Arial, sans-serif;
    line-height: 1.5;
    overflow-x: hidden;
    background-image: url("../images/kv_bg_2.jpg");
    background-position: 0 0;
    background-repeat: repeat;
    background-color: var(--color-black)
}

table {
    width: 100%;
    table-layout: auto;
    display: table
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.bh-section {
    padding: 4rem 0
}

.bh-section article {
    margin: 6rem auto
}

.bh-section article:first-child {
    margin-top: 3rem
}

.bh-section article:last-child {
    margin-bottom: 0
}

.bh-title {
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px
}

.bh-title.bh-title-with-star,
.bh-title.bh-title-with-dark {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem
}

.bh-title.bh-title-with-star::before,
.bh-title.bh-title-with-star::after,
.bh-title.bh-title-with-dark::before,
.bh-title.bh-title-with-dark::after {
    content: "";
    display: block;
    flex: 1 0 auto;
    max-width: 15vw;
    width: 100px;
    height: 25px;
    margin: auto 10px;
    background-image: url("../images/icon_line_2.svg");
    background-position: 50% 50%;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: contain
}

.bh-title.bh-title-with-dark {
    color: var(--color-dark)
}

.bh-title.bh-title-with-dark::before,
.bh-title.bh-title-with-dark::after {
    background-image: url("../images/icon_line_3.svg")
}

.bh-color-blue {
    color: var(--color-blue)
}

.bh-color-light-black {
    color: var(--color-light-black)
}

.bh-color-white {
    color: var(--color-white)
}

.bh-color-gray {
    color: var(--color-gray)
}

.bh-color-orange {
    color: var(--color-orange)
}

.bh-color-red {
    color: var(--color-red)
}

.bh-color-yellow {
    color: var(--color-yellow)
}

.bh-color-light-yellow {
    color: var(--color-light-yellow)
}

.bh-color-dark-yellow {
    color: var(--color-dark-yellow)
}

.bh-color-white {
    color: var(--color-white)
}

.bh-bgcolor-white {
    background-color: var(--color-white)
}

.bh-bgcolor-light-blue {
    background-color: var(--color-skyblue)
}

.bh-bgcolor-lighten-blue {
    background-color: var(--color-lighten-blue)
}

.bh-text-highlight {
    color: var(--color-yellow)
}

.bh-gradient-line {
    margin: 1rem auto;
    width: 100%;
    max-width: 1000px;
    background: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(197, 168, 107) 50%, rgba(255, 255, 255, 0) 100%);
    height: 2px
}

.bh-fade-in-up-animation {
    opacity: 0;
    transform: translateY(20%);
    transition: transform .8s ease-in-out, opacity .6s ease-in;
    will-change: transform, opacity
}

.bh-fade-in-up-animation.in {
    opacity: 1;
    transform: translateY(0)
}

.bh-fade-in-up-animation.bh-fade-in-up-animation-delay-3s {
    transition-delay: 3s
}

.bh-fade-in-up-animation.bh-fade-in-up-animation-delay-2s {
    transition-delay: 2s
}

.bh-fade-in-up-animation.bh-fade-in-up-animation-delay-1s {
    transition-delay: 1s
}

#layout {
    min-height: 100vh
}

.bh-fixed-news {
    position: fixed;
    z-index: 5;
    top: 70px;
    width: 100%;
    height: auto;
    text-align: center;
    color: #eb5d1e;
    font-size: 1.2rem;
    background: rgba(255, 255, 255, .6);
    padding: 1rem 0;
    box-shadow: #000 0 0 .5rem
}

#news-app,
#media-app {
    display: none
}
#certificate {
    margin-left: 35px;
}
#faq {
    margin-left: 37px;
}
#terms article:first-child {
    margin-top: 0
}

#terms ol li:nth-of-type(3),
#terms ol li:nth-of-type(9),
#terms ol li:nth-of-type(12),
#terms ol li:nth-of-type(15) {
    color: var(--color-dark-yellow)
}

.bh-countdown {
    display: flex;
    flex-flow: column nowrap;
    color: #fff;
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 4
}

.bh-countdown .bh-highlight {
    max-width: 900px;
    margin: 0 auto;
    padding: 1rem
}

.bh-countdown .bh-counter {
    margin-bottom: 1rem
}

.bh-countdown p {
    margin-bottom: 0rem
}

.bh-group-block {
    margin: 2rem auto
}

.bh-group-block:last-child {
    margin-top: 5rem
}

.bh-auto-hidden-block {
    display: none
}

.bh-red-highlight {
    font-weight: 700;
    color: #ff3d3d
}

.bh-special-border-box {
    border: 16px solid rgba(0, 0, 0, 0);
    border-image-source: url(../images/kv_box1.svg);
    border-image-slice: 92 92 99 92;
    border-image-width: 71px 71px 43px 40px;
    border-image-repeat: round;
    border-radius: 50px;
    padding: .8rem;
    position: relative
}

.bh-special-border-box article:first-child {
    margin: 2rem;
    text-align: center;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 768px) {
    .bh-special-border-box {
        padding: 2rem
    }

    .bh-special-border-box::before {
        content: "";
        display: block;
        position: absolute;
        left: calc(-16% + 7px);
        top: 0;
        width: 30%;
        aspect-ratio: 1/1;
        z-index: 1;
        background-image: url(../images/kv_rocket_2.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-size: contain
    }
}

.bh-special-marker {
    list-style-type: none
}

.bh-special-marker li {
    position: relative
}

.bh-special-marker li::before {
    content: "※";
    display: inline-block;
    position: absolute;
    left: -36px
}

.bh-events.bh-hidden-desktop {
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .bh-events.bh-hidden-desktop {
        display: none
    }
}

.bh-events .bh-submit-button.bh-highlight {
    line-height: 1.5
}

.bh-events .bh-hidden-desktop {
    display: inline
}

@media screen and (min-width: 768px) {
    .bh-events .bh-hidden-desktop {
        display: none
    }
}

.bh-events .bh-hidden-mobile {
    display: none
}

@media screen and (min-width: 768px) {
    .bh-events .bh-hidden-mobile {
        display: inline
    }
}

.bh-fixed-accupass-button {
    display: none;
    position: fixed;
    bottom: 4.5rem;
    width: 20rem;
    right: 2rem;
    z-index: 15
}

.bh-fixed-accupass-button .bh-button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    padding: unset;
    min-width: unset;
    width: auto;
    height: auto;
    border-radius: 0;
    margin: .5rem;
    display: inline-block
}

.bh-fixed-accupass-button .bh-button img {
    display: block;
    width: 240px
}

@media screen and (min-width: 768px) {
    .bh-fixed-accupass-button {
        display: block;
        will-change: transform
    }
}

.bh-pages {
    min-height: 100vh;
    background-image: url("../images/kv_bg_3.jpg");
    background-position: 50% 50%;
    background-repeat: repeat;
    background-color: var(--color-text)
}

.bh-pages .bh-title {
    margin: 40px auto
}

.bh-pages .bh-breadcrumb {
    color: var(--color-light-black);
    --bs-breadcrumb-divider-color: var(--color-light-black)
}

.bh-pages .bh-breadcrumb a,
.bh-pages .bh-breadcrumb a:active,
.bh-pages .bh-breadcrumb a:focus,
.bh-pages .bh-breadcrumb a:hover,
.bh-pages .bh-breadcrumb a:visited {
    color: var(--color-light-black);
    text-decoration: none
}

.bh-title-with-arrow {
    position: relative;
    margin-bottom: 1.5rem
}

.bh-title-with-arrow::before,
.bh-title-with-arrow::after {
    content: "";
    display: inline-block;
    transform: translateY(28%);
    width: 4rem;
    height: 3rem;
    background-image: url("../images/icon_arrow_right.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain
}

.bh-title-with-arrow::before {
    background-image: url("../images/icon_arrow_left.svg")
}

.bh-dataset-with-radar {
    position: relative
}

@media screen and (min-width: 768px) {
    .bh-dataset-with-radar::before {
        content: "";
        display: block;
        position: absolute;
        top: -5rem;
        right: 0;
        width: 5rem;
        height: 5rem;
        background-image: url("../images/kv_radar.svg");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-size: contain
    }
}

.bh-group-bording-box {
    border: 16px solid rgba(0, 0, 0, 0);
    border-image-source: url(../images/kv_box3.svg);
    border-image-slice: 25 64 20 20;
    border-image-width: 57px 150px 20px 20px;
    border-image-repeat: round;
    padding: .8rem;
    position: relative;
    margin-bottom: 2rem;
    margin-top: 6rem
}

.bh-group-bording-box .bh-group-title {
    position: absolute;
    left: 0;
    top: -3.3rem;
    background: #c5a86b;
    color: var(--color-text);
    line-height: .5;
    padding: 1rem 1rem 0
}

.bh-award-page .bh-group-bording-box {
    border-image-slice: 45 85 20 20;
    border-image-width: 45px 85px 20px 20px
}

.bh-award-page .bh-award-box {
    display: flex;
    list-style: none;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .bh-award-page .bh-award-box {
        flex-flow: row wrap;
        align-items: flex-start
    }
}

.bh-award-page .bh-award-box .bh-award {
    flex: 1 0 auto;
    max-width: 100%;
    margin: 1rem 0;
    padding: 1rem
}

@media screen and (min-width: 768px) {
    .bh-award-page .bh-award-box .bh-award {
        max-width: 50%
    }
}

@media screen and (min-width: 992px) {
    .bh-award-page .bh-award-box .bh-award {
        max-width: 25%
    }
}

.bh-award-page .bh-award-box .bh-award img {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1/1;
    margin: auto
}

.bh-award-page .bh-award-box .bh-award .text-left {
    text-align: left
}

.bh-award-page .bh-award-box .bh-award.bh-full-width {
    max-width: 100%
}

.bh-award-page .bh-award-box .bh-award.bh-full-width img {
    max-width: 25%
}

@media screen and (min-width: 768px) {
    .bh-award-page .bh-award-box.bh-early-bird {
        justify-content: space-around
    }
}

@media screen and (min-width: 768px) {
    .bh-award-page .bh-award-box.bh-early-bird .bh-award {
        max-width: 50%
    }
}

@media screen and (min-width: 992px) {
    .bh-award-page .bh-award-box.bh-early-bird .bh-award {
        max-width: 50%
    }
}

.bh-award-page .bh-award-box.bh-early-bird .bh-award img {
    max-width: 40%;
    aspect-ratio: unset
}

.bh-award-page .bh-award-box .bh-award-name {
    color: var(--color-dark-yellow);
    font-weight: 900;
    text-align: center;
    margin-top: 1rem
}

.bh-award-page .bh-award-box .bh-award-content {
    text-align: center
}

.bh-award-page .bh-award-box .bh-award-content p {
    margin-bottom: 0
}

.bh-award-page .bh-award-box .bh-award-content .bh-prize {
}

.bh-award-page .bh-award-box .bh-award-content .bh-prize-tip {
}

.bh-award-page .bh-award-notes li {
    color: var(--color-white)
}

.bh-award-page .bh-group-box:nth-of-type(3) .bh-award-content .bh-prize {
    color: var(--color-dark-yellow);
    font-weight: 900;
    text-align: center;
}

.bh-media-page .no-news {
    margin: 40px auto
}

.bh-media-page .bh-tab-videos,
.bh-media-page .bh-tab-previous-entries {
    color: var(--color-light-black);
    --bs-breadcrumb-divider-color: var(--color-light-black)
}

.bh-media-page .bh-tab-videos {
    text-align: right
}

.bh-media-page .bh-tab {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    height: 3rem;
    text-decoration: none;
    font-weight: 700;
    color: var(--color-blue)
}

.bh-media-page .bh-tab .bh-block {
    position: absolute;
    left: 0;
    max-width: unset;
    max-height: unset;
    height: 100px;
    transform: translateY(1.5rem)
}

.bh-media-page .bh-tab span {
    padding: .3rem 1.5rem .3rem 4.2rem;
    background: var(--color-light-blue);
    border-radius: 1rem
}

.bh-media-page .bh-tab:hover span,
.bh-media-page .bh-tab.bh-actived span {
    background: var(--color-yellow)
}

.bh-media-page .bh-media-list {
    list-style: none;
    margin: 2rem 0 0 0;
    padding: 0
}

.bh-media-page .bh-media-list .bh-full {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%
}

.bh-media-page .bh-media-list .bh-full .bh-media-item .bh-card-content {
    order: 1;
    padding-top: 0;
    padding-bottom: 1rem;
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.bh-media-page .bh-media-list .bh-full .bh-media-item .bh-card-content .bh-title {
    -webkit-line-clamp: 6;
    flex: 0 0 auto;
    width: calc(100% - 4rem);
    cursor: none;
    margin: 0 auto
}

.bh-media-page .bh-media-list .bh-full .bh-media-item .bh-card-content .fas {
    flex: 0 0 auto;
    width: 3rem;
    font-size: 2rem;
    color: var(--color-dark-gray);
    text-align: center;
    cursor: pointer
}

.bh-media-page .bh-media-list .bh-full .bh-media-item .bh-card-video {
    order: 2;
    height: auto
}

.bh-media-page .bh-media-list .bh-media-item {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 1.5rem;
    width: 100%;
    box-shadow: rgba(0, 0, 0, .8) 0 2px 1rem -6px;
    background-color: rgba(255, 255, 255, .8);
    padding: 1rem;
    border-radius: .5rem
}

.bh-media-page .bh-media-list .bh-media-item .bh-card-video {
    width: 100%;
    height: 12rem
}

.bh-media-page .bh-media-list .bh-media-item .bh-card-video figure {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.bh-media-page .bh-media-list .bh-media-item .bh-card-video img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transform: scale(1);
    transition: transform 1s ease
}

.bh-media-page .bh-media-list .bh-media-item .bh-card-video:hover img {
    transform: scale(1.3)
}

.bh-media-page .bh-media-list .bh-media-item .bh-card-content {
    overflow: hidden;
    width: 100%;
    height: 5.2rem
}

.bh-media-page .bh-media-list .bh-media-item .bh-card-content .bh-title {
    text-align: left;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: pointer;
    margin: 1rem auto
}

.bh-news-page .no-news {
    margin: 40px auto
}

.bh-news-page .bh-news-article {
    padding: 20px;
    border-radius: 20px
}

.bh-news-page .bh-news-article .bh-news-item__date {
    color: var(--color-gray);
}

.bh-news-page .bh-news-article .bh-news-item__content .image-style-align-left img {
    margin: 0 auto 0 0
}

.bh-news-page .bh-news-article .bh-news-item__content .image-style-align-center img {
    margin: 0 auto
}

.bh-news-page .bh-news-article .bh-news-item__content .image-style-align-right img {
    margin: 0 0 0 auto
}

.bh-news-page .bh-news-article .bh-news-back {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 60px
}

.bh-news-page .bh-news-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.bh-news-page .bh-news-list .bh-news-item {
    margin-bottom: 20px
}

.bh-news-page .bh-news-list .bh-news-item .bh-block {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    color: var(--color-text);
    padding: 1rem
}

@media screen and (min-width: 768px) {
    .bh-news-page .bh-news-list .bh-news-item .bh-block {
        flex-flow: row nowrap
    }
}

.bh-news-page .bh-news-list .bh-news-item .bh-images {
    flex: 1 0 auto;
    max-width: 90%
}

@media screen and (min-width: 768px) {
    .bh-news-page .bh-news-list .bh-news-item .bh-images {
        max-width: 150px;
        margin-right: 10px
    }
}

.bh-news-page .bh-news-list .bh-news-item .bh-images img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain
}

.bh-news-page .bh-news-list .bh-news-item .bh-content {
    flex: 1 0 auto;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .bh-news-page .bh-news-list .bh-news-item .bh-content {
        max-width: calc(100% - 180px)
    }
}

.bh-news-page .bh-news-list .bh-news-item .bh-content .bh-news-item__title {
    flex: 1 0 auto;
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .bh-news-page .bh-news-list .bh-news-item .bh-content .bh-news-item__title {
        max-width: 80%
    }
}

.bh-news-page .bh-news-list .bh-news-item .bh-content .bh-news-item__date {
    flex: 1 0 auto;
    max-width: 100%;
    color: var(--color-white);
    text-align: right
}

@media screen and (min-width: 768px) {
    .bh-news-page .bh-news-list .bh-news-item .bh-content .bh-news-item__date {
        max-width: 20%;
        margin-left: auto
    }
}

.bh-news-page .bh-news-list .bh-news-item .bh-content .bh-news-item__content,
.bh-news-page .bh-news-list .bh-news-item .bh-content .bh-news-item__more {
    flex: 1 0 100%;
    max-width: 100%;
    margin-top: 10px
}

.bh-news-page .bh-news-list .bh-news-item .bh-content .bh-news-item__more {
    margin-top: 40px;
    text-align: right
}

#notes {
    padding-bottom: 0;
    position: relative;
    overflow: hidden
}

#notes ol li {
    line-height: 1.8;
    margin-bottom: 15px
}

#notes .container {
    position: relative;
    z-index: 2
}

.bh-section-introduction {
    padding-bottom: 0
}

.bh-enduro-sat-logo {
    display: block;
    margin: 2rem auto;
    width: 100%;
    max-width: 20rem
}

.bh-dataset.bh-enduro-sat {
    margin: 2rem auto;
    border-spacing: 8px;
    border-collapse: separate;
    border: 4px solid var(--color-skyblue)
}

.bh-dataset.bh-enduro-sat td:first-child {
    width: 30%
}

.bh-dataset.bh-enduro-sat td:last-child {
    width: 70%
}

.bh-dataset.bh-enduro-sat td {
    padding: 1rem
}

.bh-dataset.bh-enduro-sat p,
.bh-dataset.bh-enduro-sat .bh-title {
    margin-bottom: 0
}

.bh-dataset.bh-enduro-sat .bh-hidden-mobile {
    width: 0;
    display: none
}

@media screen and (min-width: 768px) {
    .bh-dataset.bh-enduro-sat .bh-hidden-mobile {
        display: table-cell;
        color: var(--color-white);
        width: 100px;
        vertical-align: middle
    }
}

@media screen and (min-width: 768px) {
    .bh-dataset.bh-enduro-sat .bh-hidden-desktop {
        display: none
    }
}

#innovation .bh-dataset {
    background: var(--color-lighten-blue-opacity)
}

#innovation .bh-dataset:last-child th,
#innovation .bh-dataset:last-child td {
    width: 25%
}

#innovation .bh-dataset .bh-mobile-content {
    display: table-row-group
}

#innovation .bh-dataset .bh-mobile-content .bh-block {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start
}

#innovation .bh-dataset .bh-mobile-content .bh-block .bh-value,
#innovation .bh-dataset .bh-mobile-content .bh-block .bh-slogan {
    flex: 1 0 auto;
    max-width: 50%;
    margin-bottom: 0
}

#innovation .bh-dataset .bh-mobile-content .bh-block .bh-value {
    text-align: center;
    font-weight: 700;
    max-width: 40%;
    padding: 20px 0
}

#innovation .bh-dataset .bh-mobile-content .bh-block .bh-slogan {
    padding: 27px 0;
    text-align: center;
    order: -1;
    max-width: 60%
}

#innovation .bh-dataset .bh-mobile-content .bh-block::after {
    display: block;
    content: attr(data-mobile-content);
    flex: 1 0 100%;
    max-width: 100%;
    padding: 15px;
    color: var(--color-dark);
    background: var(--color-white)
}

@media screen and (min-width: 768px) {
    #innovation .bh-dataset .bh-mobile-content .bh-block {
        flex-flow: column nowrap;
        align-items: center
    }

    #innovation .bh-dataset .bh-mobile-content .bh-block .bh-value,
    #innovation .bh-dataset .bh-mobile-content .bh-block .bh-slogan {
        max-width: 100%;
        padding: .25rem 0;
        text-align: center
    }

    #innovation .bh-dataset .bh-mobile-content .bh-block .bh-slogan {
        padding-top: 1rem;
        order: -1
    }

    #innovation .bh-dataset .bh-mobile-content .bh-block .bh-value {
        padding-bottom: 1rem
    }
}

@media screen and (min-width: 768px) {
    #innovation .bh-dataset .bh-mobile-content .bh-block::after {
        display: none
    }
}

@media screen and (min-width: 768px) {
    #innovation .bh-dataset .bh-mobile-content {
        display: table-cell
    }
}

#innovation .bh-dataset .bh-hidden-mobile-content {
    display: none
}

@media screen and (min-width: 768px) {
    #innovation .bh-dataset .bh-hidden-mobile-content {
        display: table-row-group
    }

    #innovation .bh-dataset .bh-hidden-mobile-content td {
        padding: 15px
    }

    #innovation .bh-dataset .bh-hidden-mobile-content td p {
        margin-bottom: 0
    }
}

#timeline {
    position: relative;
    margin-bottom: 2rem;
    margin-top: 2rem
}

#timeline .bh-timeline {
    list-style: none;
    padding: 0;
    max-width: 900px;
    margin: 1rem auto
}

@media screen and (max-width: 767px) {
    #timeline .bh-timeline {
        padding-inline-start: 10px
    }
}

#timeline .bh-timeline li {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    margin: 2rem auto
}

#timeline .bh-timeline li p {
    flex: 1 0 auto;
    max-width: calc(100% - 15px - 4rem);
    margin-left: 20px;
    margin-bottom: 0;
    color: var(--color-white);
    display: flex;
    flex-flow: column wrap
}

#timeline .bh-timeline li p .bh-title,
#timeline .bh-timeline li p .bh-datetime {
    flex: 1 0 auto;
    max-width: fit-content
}

#timeline .bh-timeline li p .bh-title {
    font-weight: 500;
    text-align: left
}

#timeline .bh-timeline li p .bh-datetime {
    font-weight: 700;
    order: -1;
    margin-left: 0;
    margin-right: 1rem
}

#timeline .bh-timeline li::before {
    flex: 1 0 auto;
    max-width: 20px;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: var(--color-darken-yellow);
    border-radius: 50%;
    box-shadow: var(--color-darken-yellow) 0 0 0 1px;
    border: 4px solid #fff;
    padding: 2px;
    margin-top: .3rem;
    margin-left: 15px;
    margin-right: 16px;
    z-index: 3
}

#timeline .bh-timeline li::after {
    content: "";
    display: block;
    z-index: 2;
    position: absolute;
    top: 20px;
    left: 24px;
    width: 3px;
    height: 160%;
    background-color: var(--color-darken-yellow)
}

#timeline .bh-timeline li:first-child::before,
#timeline .bh-timeline li:last-child::before {
    box-shadow: var(--color-darken-yellow) 0 0 0 2px
}

#timeline .bh-timeline li:last-child::after {
    display: none
}

#timeline .bh-timeline li.bh-flag::before {
    background-image: url("../images/icon_star.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain;
    box-shadow: none;
    border: 0 none;
    max-width: 50px;
    width: 50px;
    height: 50px;
    margin-left: 0;
    margin-right: 0;
    margin-top: -0.2rem
}

.bh-section-third {
    background: url("../images/kv_bg_3.jpg")
}

.bh-section-third .container {
    position: relative;
    z-index: 4
}

.bh-section-third .bh-line-backgrounds {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-image: url("../images/kv_bg.jpg");
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.bh-section-third .bh-innovation .bh-dataset {
    border-spacing: 8px;
    border-collapse: separate;
    border: 4px solid var(--color-skyblue)
}

.bh-section-third .bh-innovation .bh-dataset td {
    text-align: center;
    vertical-align: middle;
    padding: 15px
}

.bh-section-third .bh-innovation .bh-dataset td:not([colspan="2"]):not(.bh-hidden-mobile) {
    width: 50%
}

@media screen and (min-width: 768px) {
    .bh-section-third .bh-innovation .bh-dataset td:not([colspan="2"]):not(.bh-hidden-mobile) {
        width: calc(50% - 50px)
    }
}

.bh-section-third .bh-innovation .bh-dataset .bh-antenna-icon {
    position: relative
}

.bh-section-third .bh-innovation .bh-dataset .bh-antenna-icon img {
    display: block;
    position: absolute;
    bottom: 0;
    width: 165px;
    max-width: 300px;
    max-height: unset;
    object-fit: contain
}

.bh-section-third .bh-innovation .bh-dataset p,
.bh-section-third .bh-innovation .bh-dataset h5 {
    margin: 1rem auto
}

.bh-section-third .bh-innovation .bh-dataset ul {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.bh-section-third .bh-innovation .bh-dataset ul li {
    margin-bottom: .5rem;
    text-align: left
}

.bh-section-third .bh-innovation .bh-dataset .bh-hidden-mobile {
    width: 0;
    display: none
}

@media screen and (min-width: 768px) {
    .bh-section-third .bh-innovation .bh-dataset .bh-hidden-mobile {
        display: table-cell;
        color: var(--color-white);
        width: 100px;
        vertical-align: middle
    }
}

@media screen and (min-width: 768px) {
    .bh-section-third .bh-innovation .bh-dataset .bh-hidden-desktop {
        display: none
    }
}

.bh-section-topic .bh-dataset {
    color: var(--color-white)
}

.bh-section-topic .bh-dataset .bh-block {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1.2rem 1.2rem 1.2rem 0;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    border: 2px solid var(--color-dark-yellow)
}

@media screen and (min-width: 768px) {
    .bh-section-topic .bh-dataset .bh-block {
        flex-flow: row nowrap;
        align-items: center;
        border: 0 none
    }

    .bh-section-topic .bh-dataset .bh-block .bh-title {
        text-align: left
    }

    .bh-section-topic .bh-dataset .bh-block:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: max(60px, 7.5%);
        right: 0;
        z-index: 1;
        border-top: 2px solid var(--color-dark-yellow);
        border-right: 2px solid var(--color-dark-yellow);
        border-bottom: 2px solid var(--color-dark-yellow)
    }
}

.bh-section-topic .bh-dataset .bh-group {
    flex: 1 0 auto;
    max-width: 100%;
    text-align: center;
    font-weight: 700;
    margin: 2rem auto;
    position: relative
}

@media screen and (min-width: 768px) {
    .bh-section-topic .bh-dataset .bh-group {
        max-width: max(120px, 15%);
        margin: auto
    }

    .bh-section-topic .bh-dataset .bh-group:before,
    .bh-section-topic .bh-dataset .bh-group:after {
        content: "";
        width: 2px;
        height: 50px;
        display: block;
        background: var(--color-dark-yellow);
        position: absolute;
        left: 50%
    }

    .bh-section-topic .bh-dataset .bh-group:before {
        top: -82%;
        height: 74%
    }

    .bh-section-topic .bh-dataset .bh-group:after {
        bottom: -82%;
        height: 74%
    }
}

.bh-section-topic .bh-dataset .bh-group .bh-group-icon {
    width: 120px;
    height: 120px;
    display: flex;
    margin: 0 auto;
    position: relative
}

.bh-section-topic .bh-dataset .bh-group .bh-group-icon img {
    display: block;
    margin: auto;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 768px) {
    .bh-section-topic .bh-dataset .bh-group .bh-group-icon:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: -10px;
        right: -10px;
        left: -10px;
        bottom: -10px;
        border: 2px solid var(--color-dark-yellow);
        border-radius: 50%;
        border-left: 2px solid rgba(0, 0, 0, 0);
        border-bottom: 2px solid rgba(0, 0, 0, 0);
        transform: rotate(45deg)
    }
}

.bh-section-topic .bh-dataset .bh-description {
    flex: 1 0 auto;
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .bh-section-topic .bh-dataset .bh-description {
        margin-left: 2rem;
        max-width: calc(100% - max(120px, 15%) - 2rem)
    }
}

.bh-section-topic .bh-dataset .bh-description ul {
    margin-bottom: 0
}

.bh-section-second {
    position: relative;
    z-index: 5;
    padding-bottom: 60px
}

.bh-section-second ul li {
    color: var(--color-white)
}

.bh-section-second .bh-submit-button {
    display: inline-block;
    border-radius: 2rem;
}

.bh-section-second .bh-skew-block {
    position: relative;
    z-index: 3;
    color: var(--color-white);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.36) 25%, rgba(255, 255, 255, 0.36) 75%, rgba(255, 255, 255, 0) 100%);
    max-width: 90%;
    margin: auto auto 60px;
    perspective: 500px
}

@media screen and (min-width: 768px) {
    .bh-section-second .bh-skew-block:before {
        content: "";
        display: block;
        position: absolute;
        top: 10%;
        bottom: 10%;
        left: 0;
        background-image: url("../images/icon_radar_antenna.svg");
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        width: 10rem
    }
}

.bh-section-second .bh-skew-block .bh-block {
    padding: 1rem 0
}

.bh-section-second .bh-skew-block .bh-block .bh-fade-in-up-animation {
    max-width: 67%;
    margin-left: auto;
    margin-right: auto
}

.bh-section-second .bh-skew-block .bh-block .bh-fade-in-up-animation:last-child {
    margin-bottom: 0
}

.bh-section-second .bh-skew-block .bh-block .bh-fade-in-up-animation:nth-of-type(1) {
    transition-delay: .15s
}

.bh-section-second .bh-skew-block .bh-block .bh-fade-in-up-animation:nth-of-type(2) {
    transition-delay: .25s
}

.bh-section-second .bh-skew-block .bh-block .bh-fade-in-up-animation:nth-of-type(3) {
    transition-delay: .5s
}

.bh-section-second .bh-skew-block .bh-block .bh-fade-in-up-animation:nth-of-type(4) {
    transition-delay: 1s
}

.bh-section-kv {
    padding: 70px 0 0 0;
    position: relative;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.bh-section-kv:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4
}

.bh-section-kv .bh-main-kv {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    aspect-ratio: 1/1.2;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .bh-section-kv .bh-main-kv {
        aspect-ratio: 1440/900
    }
}

.bh-section-kv .bh-main-kv .bh-kv-fixed {
    position: absolute;
    display: block;
    z-index: 1
}

.bh-section-kv .bh-main-kv .bh-kv-logo {
    flex: 1 0 auto;
    max-width: 24rem;
    position: relative
}

.bh-section-kv .bh-main-kv .bh-kv-logo img {
    position: relative;
    z-index: 3;
    max-width: 70%;
    margin: auto;
}

.bh-section-kv .bh-main-kv .bh-kv-logo .bh-kv-light-ring {
    position: absolute;
    top: -128%;
    left: -78%;
    right: -78%;
    bottom: 0%;
    z-index: 1;
    aspect-ratio: 1/1;
    border: 10rem solid rgba(0, 0, 0, 0);
    background: radial-gradient(circle, var(--color-blue-opacity) 0%, rgba(255, 255, 255, 0) 100%) border-box;
    border-radius: 50%;
    mask-image: radial-gradient(circle, var(--color-blue-opacity) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle, var(--color-blue-opacity) 0%, rgba(255, 255, 255, 0) 100%);
    mask-origin: padding-box, border-box;
    mask-clip: padding-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    filter: blur(1rem)
}

.bh-section-kv .bh-main-kv .bh-kv-logo::before {
    content: "";
    display: block;
    position: absolute;
    top: -50%;
    left: -20%;
    right: -20%;
    bottom: 0%;
    z-index: 2;
    aspect-ratio: 1/1;
    background-image: url("../images/kv_main.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover
}

.bh-section-kv .bh-main-kv .bh-kv-logo::after {
    content: "";
    display: block;
    position: absolute;
    top: -70%;
    left: -40%;
    right: -40%;
    bottom: 0%;
    z-index: 2;
    aspect-ratio: 1/1;
    background-image: url("../images/kv_main_ring.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover
}

.bh-section-kv .bh-main-kv .bh-kv-atomic-line {
    aspect-ratio: 1440/717;
    width: 100%;
    top: -0.5%;
    background-image: url("../images/kv_atomic_line.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover
}

.bh-section-kv .bh-main-kv .bh-kv-ufo {
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 8rem;
    right: 5%;
    top: 7%;
    background-image: url("../images/kv_ufo.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover
}

.bh-section-kv .bh-main-kv .bh-kv-moon {
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 10rem;
    right: 10%;
    top: -7%;
    background-image: url("../images/kv_moon.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover
}

.bh-section-kv .bh-main-kv .bh-kv-satellite {
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 20rem;
    bottom: 5%;
    left: 10%;
    background-image: url("../images/kv_satellite_2.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover
}

.bh-section-kv .bh-main-kv .bh-kv-shotting-star-1,
.bh-section-kv .bh-main-kv .bh-kv-shotting-star-2,
.bh-section-kv .bh-main-kv .bh-kv-shotting-star-3,
.bh-section-kv .bh-main-kv .bh-kv-shotting-star-4,
.bh-section-kv .bh-main-kv .bh-kv-shotting-star-5 {
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 20rem;
    background-image: url("../images/kv_shoting_star_small.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain
}

.bh-section-kv .bh-main-kv .bh-kv-shotting-star-4,
.bh-section-kv .bh-main-kv .bh-kv-shotting-star-5 {
    background-image: url("../images/kv_shoting_star.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain
}

.bh-section-kv .bh-main-kv .bh-kv-shotting-star-1 {
    top: 0;
    left: 15%;
    max-width: 10rem
}

.bh-section-kv .bh-main-kv .bh-kv-shotting-star-2 {
    top: 30%;
    right: 0%;
    max-width: 15rem
}

.bh-section-kv .bh-main-kv .bh-kv-shotting-star-3 {
    bottom: -5%;
    left: 30%;
    max-width: 20rem
}

.bh-section-kv .bh-main-kv .bh-kv-shotting-star-4 {
    top: -5%;
    left: 30%;
    max-width: 7rem
}

.bh-section-kv .bh-main-kv .bh-kv-shotting-star-5 {
    bottom: 5%;
    right: 20%;
    max-width: 6rem
}

.bh-section-kv .bh-main-kv .bh-kv-star-1,
.bh-section-kv .bh-main-kv .bh-kv-star-2,
.bh-section-kv .bh-main-kv .bh-kv-star-3,
.bh-section-kv .bh-main-kv .bh-kv-star-4,
.bh-section-kv .bh-main-kv .bh-kv-star-5,
.bh-section-kv .bh-main-kv .bh-kv-star-6,
.bh-section-kv .bh-main-kv .bh-kv-star-7 {
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 1rem;
    animation: blink 3s infinite
}

.bh-section-kv .bh-main-kv .bh-kv-star-1,
.bh-section-kv .bh-main-kv .bh-kv-star-2,
.bh-section-kv .bh-main-kv .bh-kv-star-3 {
    background-image: url("../images/kv_little_star_yellow.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain
}

.bh-section-kv .bh-main-kv .bh-kv-star-4,
.bh-section-kv .bh-main-kv .bh-kv-star-5 {
    background-image: url("../images/kv_little_star_white_yellow.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain
}

.bh-section-kv .bh-main-kv .bh-kv-star-6,
.bh-section-kv .bh-main-kv .bh-kv-star-7 {
    background-image: url("../images/kv_little_star_white.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain
}

.bh-section-kv .bh-main-kv .bh-kv-star-1 {
    top: 20%;
    left: 5%
}

.bh-section-kv .bh-main-kv .bh-kv-star-2 {
    top: 50%;
    right: 5%
}

.bh-section-kv .bh-main-kv .bh-kv-star-3 {
    bottom: 20%;
    right: 25%
}

.bh-section-kv .bh-main-kv .bh-kv-star-4 {
    top: 20%;
    right: 5%
}

.bh-section-kv .bh-main-kv .bh-kv-star-5 {
    bottom: 5%;
    left: 30%
}

.bh-section-kv .bh-main-kv .bh-kv-star-6 {
    top: 5%;
    left: 65%
}

.bh-section-kv .bh-main-kv .bh-kv-star-7 {
    top: 20%;
    left: 35%
}

.bh-section-kv .bh-main-kv .bh-kv-star-fly {
    position: absolute;
    top: -5%;
    left: 0%;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    z-index: 1;
    will-change: transform, animation, opacity;
    transform: rotate(14deg)
}

.bh-section-kv .bh-main-kv .bh-kv-star-fly img {
    display: block;
    width: 100%;
    max-width: 2rem;
    aspect-ratio: 1/1;
    offset-path: path(var(--rocket-path));
    offset-rotate: auto 0deg;
    animation: move-rocket 12s infinite linear both
}

.bh-submit-button {
    background: var(--color-yellow);
    border-radius: 1rem;
    line-height: 1;
    padding: .36em 1em;
    box-shadow: var(--color-yellow-opacity) 0 0 0 4px;
    font-weight: 700
}

.bh-submit-button a,
.bh-submit-button a:active,
.bh-submit-button a:focus,
.bh-submit-button a:hover,
.bh-submit-button a:visited {
    color: var(--color-blue);
    text-decoration: none
}

.bh-header {
    background: var(--color-light-white);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    z-index: 7;
    width: 100%;
    height: 70px;
    box-shadow: #000 0 0 10px
}

.bh-header .bh-languages {
    margin: auto 1em
}

.bh-header .bh-languages span {
    color: var(--color-black);
    margin: 0 .5em
}

.bh-header a,
.bh-header a:visited {
    color: var(--color-black);
    text-decoration: none;
    padding: 20px 0
}

.bh-header a:hover,
.bh-header a:active,
.bh-header a:focus,
.bh-header a:visited:hover,
.bh-header a:visited:active,
.bh-header a:visited:focus {
    color: var(--color-black)
}

.bh-header .bh-nav {
    display: none
}

@media screen and (min-width: 768px) {
    .bh-header .bh-nav {
        display: block;
        flex: 1 0 auto;
        max-width: 70%
    }
}

.bh-header .bh-nav .dropdown-menu {
    --bs-dropdown-link-active-bg: var(--color-yellow);
    box-shadow: var(--color-blue-opacity) 0 0 10px;
    width: 170% !important
}

.bh-header .bh-nav ul:not(.dropdown-menu):not(.collapse) {
    list-style: none;
    padding: 0;
    margin: auto;
    max-width: 99%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center
}

.bh-header .bh-nav ul li {
    text-align: center
}

.bh-header .bh-nav ul>li.bh-menu-item:not(.dropdown-item):not(.bh-menu-item-collapse) {
    flex: 1 0 auto;
    margin: 0;
    position: relative
}

.bh-header .bh-nav ul>li.bh-menu-item:not(.dropdown-item):not(.bh-menu-item-collapse):before {
    content: "";
    display: block;
    width: 1px;
    height: 60%;
    background: var(--color-dark-blue);
    position: absolute;
    right: 0;
    top: 20%
}

.bh-header .bh-nav ul>li.bh-menu-item:not(.dropdown-item):not(.bh-menu-item-collapse):last-child:before {
    display: none
}

.bh-header .bh-nav ul li:not(.bh-submit-button) {
    cursor: pointer
}

.bh-header .bh-nav ul li:not(.bh-submit-button):not(.dropdown-item) {
    padding: 10px 0
}

@media screen and (min-width: 768px) {
    .bh-header .bh-nav ul li:not(.bh-submit-button):not(.dropdown-item) {
        padding: 20px 0
    }
}

.bh-header .bh-nav ul li:not(.bh-submit-button):not(.dropdown-item).bh-actived,
.bh-header .bh-nav ul li:not(.bh-submit-button):not(.dropdown-item):hover {
    position: relative
}

.bh-header .bh-nav ul li:not(.bh-submit-button):not(.dropdown-item).bh-actived::after,
.bh-header .bh-nav ul li:not(.bh-submit-button):not(.dropdown-item):hover::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: var(--color-yellow);
    border-radius: 2px;
    position: absolute;
    bottom: -1px
}

.bh-header .bh-nav ul li:not(.bh-submit-button).dropdown-item {
    text-align: center
}

.bh-header .bh-nav ul li:not(.bh-submit-button).dropdown-item a,
.bh-header .bh-nav ul li:not(.bh-submit-button).dropdown-item a:active,
.bh-header .bh-nav ul li:not(.bh-submit-button).dropdown-item a:focus,
.bh-header .bh-nav ul li:not(.bh-submit-button).dropdown-item a:hover,
.bh-header .bh-nav ul li:not(.bh-submit-button).dropdown-item a:visited {
    color: var(--color-black);
    display: inline-block;
    width: 100%;
    padding: 5px 0
}

.bh-header .bh-submit-button {
    display: none
}

.bh-header .bh-submit-button a,
.bh-header .bh-submit-button a:active,
.bh-header .bh-submit-button a:focus,
.bh-header .bh-submit-button a:hover,
.bh-header .bh-submit-button a:visited {
    color: var(--color-blue)
}

@media screen and (min-width: 768px) {
    .bh-header .bh-submit-button {
        display: block;
        position: relative;
        z-index: 2;
        margin-left: 1rem
    }
}

.bh-header .bh-languages {
    display: none
}

@media screen and (min-width: 768px) {
    .bh-header .bh-languages {
        display: block;
        position: relative;
        z-index: 2;
        flex: 10 auto;
        max-width: 30%;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: flex-end
    }

    .bh-header .bh-languages .bh-language {
        border: 1px solid var(--color-blue);
        border-radius: 1rem;
        line-height: 1;
        padding: .36em 1em;
        margin-left: 1rem
    }
}

.bh-header .bh-mobile-menu {
    position: relative;
    z-index: 2
}

@media screen and (min-width: 768px) {
    .bh-header .bh-mobile-menu {
        display: none
    }
}

.bh-header .bh-mobile-menu .bh-bars,
.bh-header .bh-mobile-menu .bh-close {
    border: 0 none;
    background: none;
    margin-right: 10px;
    color: var(--color-black);
    font-size: 1.5rem;
    cursor: pointer;
    margin-left: 10px
}

.bh-header .bh-mobile-menu .bh-close {
    height: 70px;
    margin-left: auto;
    font-size: 2.4rem
}

.bh-header .bh-mobile-menu .bh-nav {
    max-width: 100vw;
    transform: translateX(120vw);
    transition: transform .6s ease-in-out;
    will-change: transform;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: var(--color-blue);
    color: var(--color-white)
}

.bh-header .bh-mobile-menu .bh-nav ul {
    position: relative;
    z-index: 2;
    list-style: none;
    margin: 0;
    padding: 0
}

.bh-header .bh-mobile-menu .bh-nav ul li {
    margin-bottom: 1rem;
    text-align: center
}

.bh-header .bh-mobile-menu .bh-nav ul li a,
.bh-header .bh-mobile-menu .bh-nav ul li a:active,
.bh-header .bh-mobile-menu .bh-nav ul li a:focus,
.bh-header .bh-mobile-menu .bh-nav ul li a:hover,
.bh-header .bh-mobile-menu .bh-nav ul li a:visited {
    color: var(--color-white);
    text-decoration: none
}

.bh-header .bh-mobile-menu .bh-nav ul.collapse.show {
    margin-top: 10px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start
}

.bh-header .bh-mobile-menu .bh-nav ul:not(.dropdown-menu):not(.collapse.show):not(.collapse) {
    flex: 1 0 auto;
    max-height: calc(100vh - 70px);
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start
}

.bh-header .bh-mobile-menu .bh-nav .bh-submit-button {
    margin-top: 10px;
    display: block
}

.bh-header .bh-mobile-menu .bh-nav .bh-languages {
    display: block
}

.bh-header .bh-mobile-menu .bh-nav.bh-opened {
    transform: translateX(0)
}

#faq-app {
    justify-content: center;
    align-items: flex-start
}

.bh-information-page {
    color: #fff
}

.bh-information-page .bh-description {
    margin-bottom: 4rem
}

.bh-information-page .bh-faq-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.bh-information-page .bh-faq-list .bh-title {
    margin: unset;
    text-align: center
}

.bh-information-page .bh-faq-item {
    width: 100%;
    border-bottom: 1px solid var(--color-white);
    margin: 1rem 0;
    color: var(--color-white)
}

.bh-information-page .bh-faq-item .bh-question {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 5px;
    padding: .3rem 1rem
}

.bh-information-page .bh-faq-item .bh-button {
    border: 0 none;
    background: none;
    color: var(--color-white)
}

.bh-information-page .bh-faq-item .bh-button span {
    display: none
}

.bh-information-page .bh-faq-item .bh-content {
    width: 100%;
    border-radius: 5px;
    padding: .3rem 1rem;
    margin-top: 1rem
}

#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.bh-fixed-footer {
    position: relative;
    z-index: 10;
    padding: 2rem 0;
    text-align: center;
    background: var(--color-light-white);
    color: var(--color-black);
    margin: 0
}

.bh-fixed-footer .bh-color-orange {
    display: inline-block;
    margin: 0 .5rem;
    color: #eb5d1e
}

.bh-fixed-footer .bh-organizers {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .bh-fixed-footer .bh-organizers {
        flex-flow: row wrap
    }
}

.bh-fixed-footer .bh-organizers .bh-title {
    font-weight: 500;
    text-align: left
}

.bh-fixed-footer .bh-organizers .bh-item {
    flex: 1 0 auto;
    max-width: 50%;
    width: 100%;
    text-align: left;
    margin: 0 0 2rem 0;
    padding: 0 1rem
}

.bh-fixed-footer .bh-organizers .bh-item.bh-partners {
    flex: 0 0 auto;
    max-width: 100%
}

.bh-fixed-footer .bh-organizers .bh-item.bh-partners .bh-block {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start
}

.bh-fixed-footer .bh-organizers .bh-item.bh-partners .bh-block .bh-organizers-logo {
    flex: 1 0 auto;
    max-width: 25%
}

.bh-fixed-footer .bh-organizers .bh-item.bh-partners .bh-block .bh-organizers-logo img {
    display: block;
    width: 100%;
    max-width: 200px
}

.bh-fixed-footer .bh-organizers .bh-organizers-logo img {
    display: block;
    width: 100%;
    max-width: 300px
}

.bh-color-orange {
    color: #eb5d1e
}

@keyframes float-rocket {
    0% {
        transform: rotate(0deg) translate(40%, 30%)
    }

    50% {
        transform: rotate(5deg) translate(40%, 35%)
    }

    100% {
        transform: rotate(0deg) translate(40%, 30%)
    }
}

@keyframes move-rocket {
    0% {
        offset-distance: 0%
    }

    100% {
        offset-distance: 100%
    }
}

@keyframes blink {
    0% {
        opacity: .4
    }

    100% {
        opacity: 0
    }
}

.text-left {
    text-align: left !important
}

.bh-highlight.text-center {
    text-align: center;
    background: #fff;
    color: #ff3d3d;
    border: 4px solid #eb5d1e;
    padding: 1rem;
    margin: 1rem
}

.bh-highlight.text-center p {
    margin: 0;
    font-weight: 700
}