.SiteBackground_siteBackground {
    background: linear-gradient(180deg, #01101a 25%, 40%, #095b95 59%, 68%, #01101a 80%);
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:768px) {
    .SiteBackground_siteBackground {
        background: linear-gradient(180deg, #095b95, #01101a 25%, 45%, #095b95 59%, 68%, #01101a 80%)
    }
}

.SiteBackground_siteBackground.SiteBackground_simple {
    background: linear-gradient(180deg, #095b95, 30%, #01101a)
}

.HeroEvent_heroEvent {
    height: 100%;
    position: relative
}

.HeroEvent_gridWrapper {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0;
    margin-top: 10rem
}

@media only screen and (min-width:768px) {
    .HeroEvent_gridWrapper {
        grid-gap: 2rem;
        align-items: center;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-bottom: 15%;
        margin-top: 17%;
        min-height: 50rem
    }
}

@media only screen and (min-width:768px)and (min-width:768px) {
    .HeroEvent_gridWrapper {
        grid-gap: 4rem;
        grid-template-columns: repeat(7, 1fr)
    }
}

@media only screen and (min-width:768px) {
    .HeroEvent_gridWrapper>* {
        grid-column: span 4/span 4
    }
}

@media only screen and (min-width:768px)and (min-width:768px) {
    .HeroEvent_gridWrapper>* {
        grid-column: span 12/span 12
    }
}

.HeroEvent_gridWrapper:first-child {
    z-index: 1
}

.HeroEvent_gridColumn {
    position: relative
}

@media only screen and (min-width:768px) {
    .HeroEvent_gridColumn {
        grid-column: span 6/span 6;
        height: auto;
        margin: 0;
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .HeroEvent_gridColumn+.HeroEvent_gridColumn {
        height: 30rem;
        margin: 2rem auto 2.5rem;
        width: 30rem
    }
}

.HeroEvent_gridTitle {
    grid-column: span 7/span 7;
    grid-column-start: 6
}

.HeroEvent_ctaWrapper {
    display: inline-flex;
    margin-top: 9rem
}

@media only screen and (min-width:768px) {
    .HeroEvent_ctaWrapper {
        margin-top: 0;
        position: absolute;
        top: 16.5rem
    }
}

.HeroEvent_imageWrapper {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    z-index: 0
}

.HeroEvent_imageWrapper>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width:768px) {
    .HeroEvent_imageWrapper {
        padding-bottom: 100%;
        position: relative;
        width: 100%
    }

    .HeroEvent_imageWrapper>* {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.HeroEvent_dataWrapper {
    position: relative;
    z-index: 1
}

.HeroEvent_imageContainer {
    border-radius: 50%;
    overflow: hidden
}

.HeroEvent_image {
    scale: 1
}

.HeroEvent_imageTint {
    background: radial-gradient(50% 50% at 50% 50%, rgba(7, 1, 66, .06) 0, rgba(7, 1, 66, .24) 100%), rgba(7, 1, 66, .2);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.HeroEvent_circleOne,
.HeroEvent_imageTint {
    border-radius: 50%;
    position: absolute;
    will-change: transform
}

.HeroEvent_circleOne {
    background: linear-gradient(180deg, #fff 17.38%, hsla(0, 0%, 100%, .4) 56.55%);
    height: 46.1rem;
    left: 50%;
    opacity: .04;
    pointer-events: none;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 46.1rem
}

@media only screen and (min-width:768px) {
    .HeroEvent_circleOne {
        height: 92rem;
        width: 92rem
    }
}

.HeroEvent_circleTwo {
    background: linear-gradient(180deg, #fff 17.38%, hsla(0, 0%, 100%, .4) 56.55%);
    border-radius: 50%;
    height: 63.2rem;
    left: 50%;
    opacity: .06;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 63.2rem;
    will-change: transform
}

@media only screen and (min-width:768px) {
    .HeroEvent_circleTwo {
        height: 126.2rem;
        width: 126.2rem
    }
}

.HeroEvent_title {
    color: #fff;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:768px) {
    .HeroEvent_title {
        margin-bottom: 3.2rem
    }
}

.HeroEvent_subTitle {
    color: #fff;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.4
}

@media only screen and (min-width:768px) {
    .HeroEvent_subTitle {
        font-size: 2rem
    }
}

.HeroEvent_subtitleDesktop {
    font-size: 1.8rem;
    margin-bottom: 2rem;
    margin-top: 2rem
}

@media only screen and (min-width:768px) {
    .HeroEvent_subtitleDesktop {
        display: none
    }
}

.HeroEvent_contentWrapper,
.HeroEvent_practical {
    position: relative
}

.HeroEvent_practical {
    background-color: rgba(22, 32, 39, 0.6);
    border: .1rem solid rgba(62, 60, 141, .302);
    border-radius: 2rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 32rem 3rem 3rem;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .HeroEvent_practical {
        align-items: center;
        border-radius: 3.2rem;
        flex-direction: row;
        margin: -15.5rem auto 4rem;
        padding: 3.6rem 4rem
    }
}

.HeroEvent_practicalTitle {
    display: none;
    font-size: 2.2rem;
    line-height: 1
}

@media only screen and (min-width:768px) {
    .HeroEvent_practicalTitle {
        color: #eef1f3;
        display: block;
        flex: 0 0 35%;
        font-size: 2rem;
        font-weight: 700;
        margin-right: 4%
    }
}

.HeroEvent_practicalItem {
    width: 100%
}

@media only screen and (min-width:768px) {
    .HeroEvent_practicalItem {
        margin: 0 0 0 auto;
        padding: 0;
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .HeroEvent_practicalItem {
        padding: 0 .5rem
    }
}

.HeroEvent_practicalItemGroup {
    display: flex
}

.HeroEvent_practicalItemMiddle {
    margin-bottom: 1.5rem
}

@media only screen and (min-width:768px) {
    .HeroEvent_practicalItemMiddle {
        margin: 0;
        padding: 0 2rem
    }
}

.HeroEvent_practicalImageMobile {
    background-color: rgba(62, 60, 141, .302);
    height: 30rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width:768px) {
    .HeroEvent_practicalImageMobile {
        display: none
    }
}

.HeroEvent_label {
    color: #ffcf26;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .1rem
}

@media only screen and (min-width:768px) {
    .HeroEvent_label {
        margin-bottom: .5rem
    }
}

.HeroEvent_value {
    color: #fff;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width:768px) {
    .HeroEvent_value {
        line-height: 1.2
    }
}

.HeroEvent_button {
    margin-right: 0;
    width: 100%
}

@media only screen and (min-width:768px) {
    .HeroEvent_button {
        width: auto
    }
}

.HeroEvent_button:focus,
.HeroEvent_button:hover {
    border-color: inherit !important
}

.HeroEvent_sponsor {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: -1rem;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .HeroEvent_sponsor {
        flex-direction: row;
        justify-content: center;
        margin-top: 3rem
    }
}

.HeroEvent_sponsorLabel {
    color: #eef1f3;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .HeroEvent_sponsorLabel {
        margin-right: 1rem
    }
}

@media only screen and (min-width:768px) {
    .HeroEvent_sponsorLabel {
        margin-bottom: 1rem
    }
}

.HeroEvent_sponsorImage {
    align-items: center;
    background-color: #eef1f3;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 96px;
    justify-content: center;
    padding: 15px;
    width: 96px
}

@media only screen and (max-width:767px) {
    .HeroEvent_sponsorImage {
        height: 64px;
        padding: 10px;
        width: 64px
    }
}

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

.HeroEvent_sponsors {
    margin-top: 6rem
}

.HeroEvent_sponsorsInner,
.HeroEvent_sponsors {
    display: flex;
    justify-content: center
}

.HeroEvent_sponsorsInner {
    background: #fff;
    border-radius: 3.2rem;
    flex-wrap: wrap;
    padding: 1rem 2rem;
    position: relative
}

.HeroEvent_sponsorsInnerTitle {
    color: #eef1f3;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    left: 50%;
    letter-spacing: .08em;
    line-height: 1.2;
    position: absolute;
    text-transform: uppercase;
    transform: translate(-50%, -3rem);
    white-space: nowrap
}

.HeroEvent_sponsorImageNew {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 120px;
    justify-content: center;
    margin: 0 15px;
    width: 120px
}

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

.HeroEvent_sponsorDesktop {
    position: absolute;
    right: 0;
    top: 3rem
}

@media only screen and (max-width:767px) {
    .HeroEvent_sponsorDesktop {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .HeroEvent_sponsorMobile {
        display: none
    }
}

.HeroEvent_heroImageWrapper {
    background-color: rgba(62, 60, 141, .302);
    border-radius: 2rem;
    grid-column: span 6/span 6;
    grid-column-start: 1;
    height: 52rem;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 60%
}

.HeroEvent_heroImageWrapper:after {
    background: radial-gradient(50% 50% at 50% 50%, #0701420f 0, #0701423d 100%), #07014233;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (max-width:767px) {
    .HeroEvent_heroImageWrapper {
        display: none
    }
}

.HeroEvent_dataWrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%
}

@media only screen and (min-width:768px) {
    .HeroEvent_dataWrapper {
        align-items: center;
        flex-direction: row
    }
}

.HeroEvent_dataDetails {
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
    margin-bottom: 2rem
}

@media only screen and (min-width:768px) {
    .HeroEvent_dataDetails {
        flex: 1 0 auto;
        flex-direction: row;
        margin: 0
    }
}

.HeroEvent_backgroundWater {
    height: 95rem;
    opacity: .3;
    position: absolute;
    right: -20rem;
    top: -25rem;
    width: 160rem
}

.RichText_richText {
    color: #fff
}

.RichText_richText b,
.RichText_richText strong {
    font-weight: 700
}

.RichText_richText em,
.RichText_richText i {
    font-style: italic
}

.RichText_richText a {
    color: #eef1f3;
    position: relative;
    text-decoration: underline
}

.RichText_richText a:after {
    background-color: #eef1f3;
    bottom: -.1rem;
    content: "";
    display: inline-block;
    height: .2rem;
    left: auto;
    opacity: .8;
    position: absolute;
    right: 0;
    transition: width .3s ease-out;
    width: 0
}

.RichText_richText a:hover:after {
    left: 0;
    right: auto;
    width: 100%
}

@media only screen and (min-width:768px) {
    .RichText2Columns_richText2Columns {
        column-count: 2;
        column-gap: 4.2rem
    }
}

.RichText2Columns_richText {
    color: #eef1f3
}

@media only screen and (min-width:768px) {
    .RichText2Columns_richText {
        min-height: 16.9rem
    }

    .RichText2Columns_richText:first-letter {
        color: #eef1f3;
        float: left;
        font-family: Bebas Neue, Times New Roman, Georgia, serif;
        font-size: 4rem;
        font-style: italic;
        justify-content: end;
        letter-spacing: 0;
        line-height: .7;
        margin-bottom: 0;
        margin-right: 1.5rem;
        margin-top: .5rem;
        padding: 0;
        text-align: left
    }
}

.RichText2Columns_richText p+p {
    margin-top: 2rem
}

.RichText2Columns_richText:first-letter {
    color: #eef1f3;
    float: left;
    font-family: Bebas Neue, Times New Roman, Georgia, serif;
    font-size: 4rem;
    font-style: italic;
    justify-content: end;
    letter-spacing: 0;
    line-height: .7;
    margin-bottom: 0;
    margin-right: 1.5rem;
    margin-top: .5rem;
    padding: 0;
    text-align: left
}

@media only screen and (min-width:768px) {
    .RichText2Columns_richText:first-letter {
        font-size: 5.4rem;
        font-family: Bebas Neue, Times New Roman, Georgia, serif
    }
}

.socialMediaNav_link,
.socialMediaNav_socialMediaNav {
    display: flex
}

.socialMediaNav_link {
    cursor: pointer;
    position: relative;
    text-decoration: none
}

.socialMediaNav_link .socialMediaNav_icon:after {
    border: .2rem solid hsla(0, 0%, 100%, .2);
    border-radius: 50%;
    transform: scale(1);
    transition: transform .3s ease-out
}

.socialMediaNav_link .socialMediaNav_icon:after,
.socialMediaNav_link .socialMediaNav_icon:before {
    content: "";
    display: block;
    height: 3.8rem;
    position: absolute;
    width: 3.8rem
}

.socialMediaNav_link .socialMediaNav_icon:before {
    background-color: #fff;
    border: .2rem solid #fff;
    border-radius: 50%;
    opacity: 0;
    transform: scale(.6);
    transition: transform .3s ease-out, opacity .3s ease-out
}

.socialMediaNav_link:hover .socialMediaNav_icon:after {
    transform: scale(0)
}

.socialMediaNav_link:hover .socialMediaNav_icon:before {
    opacity: 1;
    transform: scale(1)
}

.socialMediaNav_link:hover .socialMediaNav_icon svg {
    fill: #070142
}

.socialMediaNav_item {
    margin-bottom: 4.5rem
}

.socialMediaNav_icon,
.socialMediaNav_item {
    display: flex
}

.socialMediaNav_icon {
    align-items: center;
    border-radius: 50%;
    height: 3.2rem;
    justify-content: center;
    margin-right: 2rem;
    width: 3.2rem
}

.socialMediaNav_icon svg {
    fill: #89dfff;
    display: flex;
    position: relative;
    transition: fill .3s ease-out;
    width: 1.4rem
}

.socialMediaNav_label {
    color: #fff;
    display: block;
    font-weight: 700
}

.EmbedVideo_gridInfoVideo {
    backface-visibility: hidden;
    background-color: #000;
    padding: 56.25% 0 0;
    position: relative
}

.EmbedVideo_gridInfoVideo iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Media_imageWrapper {
    border-radius: 2rem;
    margin: 6rem auto;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.Media_imageWrapper>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width:768px) {
    .Media_imageWrapper {
        border-radius: 3.2rem
    }
}

.Media_videoWrapper {
    border-radius: 2rem;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.Media_videoWrapper>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width:768px) {
    .Media_videoWrapper {
        border-radius: 3.2rem
    }
}

.EventDetailLayout_hero {
    margin-bottom: 3rem;
    position: relative
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_hero {
        margin-bottom: 6rem
    }
}

.EventDetailLayout_about {
    margin-bottom: 0;
    position: relative
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_about {
        margin-bottom: 15rem
    }
}

.EventDetailLayout_aboutGrid {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_aboutGrid {
        grid-gap: 2rem;
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (min-width:768px)and (min-width:768px) {
    .EventDetailLayout_aboutGrid {
        grid-gap: 3.2rem;
        grid-template-columns: repeat(12, 1fr)
    }
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_aboutGrid>* {
        grid-column: span 4/span 4
    }
}

@media only screen and (min-width:768px)and (min-width:768px) {
    .EventDetailLayout_aboutGrid>* {
        grid-column: span 12/span 12
    }
}

.EventDetailLayout_solcialIcon:before {
    background: #03375a !important;
    border: none !important;
    height: 3.65rem !important;
    opacity: 1 !important;
    transform: none !important;
    width: 3.65rem !important;
    z-index: 1
}

.EventDetailLayout_solcialIcon svg {
    z-index: 3;
    width: 21px;
}

.EventDetailLayout_solcialIcon:after {
    background: linear-gradient(180deg, rgb(17 109 167), #01101a);
    border: none !important
}

.EventDetailLayout_aboutTitle {
    color: #fff;
    font: normal 400 5rem/.9 Bebas Neue, Times New Roman, Georgia, serif;
    letter-spacing: -.04em;
    margin-bottom: 3rem
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_aboutTitle {
        font: normal 400 7.2rem/.777 Bebas Neue, Times New Roman, Georgia, serif;
        grid-column: span 8/span 8;
        grid-column-start: 1;
        letter-spacing: -.04em;
        margin-bottom: 0
    }
}

.EventDetailLayout_aboutTitle span {
    color: #89dfff;
    display: block;
    font: normal 700 1.1rem/1.3 Sussie Intl, Helvetica, Arial, sans-serif;
    letter-spacing: .5em;
    margin-bottom: 3.2rem;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_aboutTitle span {
        font: normal 700 1.1rem/1.3 Sussie Intl, Helvetica, Arial, sans-serif;
        letter-spacing: .5em
    }
}

.EventDetailLayout_aboutText {
    margin-bottom: 8.5rem;
    margin-top: .8rem
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_aboutText {
        grid-column: span 12/span 12
    }
}

.EventDetailLayout_aboutSocial {
    display: flex;
    justify-content: center;
    margin-top: -1rem;
    order: 2
}

.EventDetailLayout_aboutSocial svg path {
    fill: #fff
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_aboutSocial {
        grid-column: span 2/span 2;
        grid-column-start: 4;
        margin-bottom: 0;
        margin-top: 1.8rem;
        order: 0
    }
}

.EventDetailLayout_closing {
    margin-bottom: 0;
    position: relative
}

@media only screen and (max-width:767px) {
    .EventDetailLayout_closing {
        padding-top: 6rem
    }
}

.EventDetailLayout_closingGridTitle {
    text-align: center
}

.EventDetailLayout_closingLeftFlyingElements {
    left: -1rem;
    position: absolute
}

@media only screen and (max-width:767px) {
    .EventDetailLayout_closingLeftFlyingElements {
        display: none
    }
}

.EventDetailLayout_closingLeftFlyingElementsMobile {
    height: 24rem;
    left: -5rem;
    position: absolute;
    top: -18rem;
    transform: rotate(-25deg) scaleX(-1);
    width: 19.1rem
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_closingLeftFlyingElementsMobile {
        display: none
    }
}

.EventDetailLayout_closingRightFlyingElements {
    height: 29.492rem;
    position: absolute;
    right: 2rem;
    transform: scaleX(-1) translateY(-15rem);
    width: 23rem
}

@media only screen and (max-width:767px) {
    .EventDetailLayout_closingRightFlyingElements {
        right: -10rem;
        top: -7rem;
        transform: scale(-.4, .4)
    }
}

.EventDetailLayout_closingGrid {
    position: relative
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_closingGrid {
        grid-gap: 2rem;
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (min-width:768px)and (min-width:768px) {
    .EventDetailLayout_closingGrid {
        grid-gap: 3.2rem;
        grid-template-columns: repeat(12, 1fr)
    }
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_closingGrid>* {
        grid-column: span 4/span 4
    }
}

@media only screen and (min-width:768px)and (min-width:768px) {
    .EventDetailLayout_closingGrid>* {
        grid-column: span 12/span 12
    }
}

.EventDetailLayout_closingTitle {
    color: #fff;
    font: normal 400 5rem/.9 Bebas Neue, Times New Roman, Georgia, serif;
    letter-spacing: -.04em;
    margin-bottom: 1rem
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_closingTitle {
        font: normal 400 7.2rem/.777 Bebas Neue, Times New Roman, Georgia, serif;
        grid-column: span 8/span 8;
        grid-column-start: 1;
        letter-spacing: -.04em
    }
}

.EventDetailLayout_closingTitle span {
    color: #89dfff;
    display: block;
    font: normal 700 1.1rem/1.3 Sussie Intl, Helvetica, Arial, sans-serif;
    letter-spacing: .5em;
    margin-bottom: 3.2rem;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_closingTitle span {
        font: normal 700 1.1rem/1.3 Sussie Intl, Helvetica, Arial, sans-serif;
        letter-spacing: .5em
    }
}

.EventDetailLayout_closingText {
    margin-bottom: 6rem
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_closingText {
        grid-column: span 12/span 12;
        margin-bottom: 11.5rem
    }
}

.EventDetailLayout_keepExploring {
    margin: 10rem auto 0;
    position: relative
}

@media only screen and (min-width:768px) {
    .EventDetailLayout_closing+.EventDetailLayout_keepExploring {
        margin: 0
    }
}