.BigWaveGeneral_animationWrapperGeneral {
    bottom: -15vmin;
    opacity: 0;
    position: absolute;
    width: 100%
}

@media only screen and (min-width:768px) {
    .BigWaveGeneral_animationWrapperGeneral {
        bottom: -15vmax
    }
}

.PageTransition_pageTransition {
    height: 100vh;
    left: -1px;
    min-width: calc(100% + .2rem);
    pointer-events: none;
    position: fixed;
    top: 0;
    z-index: 99998
}

.PageTransition_pageTransitionInner {
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: auto
}

.PageTransition_pageTransitionBackground {
    background: #ffcf26;
    height: 100vh;
    left: 50%;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

.PageTransition_pageTransitionBackground.PageTransition_hidePageTransition {
    display: none
}

@keyframes PageTransition_loader {
    0% {
        transform: translateZ(0)
    }

    1.6949152542% {
        transform: translate3d(-300px, 0, 0)
    }

    3.3898305085% {
        transform: translate3d(-600px, 0, 0)
    }

    5.0847457627% {
        transform: translate3d(-900px, 0, 0)
    }

    6.7796610169% {
        transform: translate3d(-1200px, 0, 0)
    }

    8.4745762712% {
        transform: translate3d(-1500px, 0, 0)
    }

    10.1694915254% {
        transform: translate3d(0, -50px, 0)
    }

    11.8644067797% {
        transform: translate3d(-300px, -50px, 0)
    }

    13.5593220339% {
        transform: translate3d(-600px, -50px, 0)
    }

    15.2542372881% {
        transform: translate3d(-900px, -50px, 0)
    }

    16.9491525424% {
        transform: translate3d(-1200px, -50px, 0)
    }

    18.6440677966% {
        transform: translate3d(-1500px, -50px, 0)
    }

    20.3389830508% {
        transform: translate3d(0, -100px, 0)
    }

    22.0338983051% {
        transform: translate3d(-300px, -100px, 0)
    }

    23.7288135593% {
        transform: translate3d(-600px, -100px, 0)
    }

    25.4237288136% {
        transform: translate3d(-900px, -100px, 0)
    }

    27.1186440678% {
        transform: translate3d(-1200px, -100px, 0)
    }

    28.813559322% {
        transform: translate3d(-1500px, -100px, 0)
    }

    30.5084745763% {
        transform: translate3d(0, -150px, 0)
    }

    32.2033898305% {
        transform: translate3d(-300px, -150px, 0)
    }

    33.8983050847% {
        transform: translate3d(-600px, -150px, 0)
    }

    35.593220339% {
        transform: translate3d(-900px, -150px, 0)
    }

    37.2881355932% {
        transform: translate3d(-1200px, -150px, 0)
    }

    38.9830508475% {
        transform: translate3d(-1500px, -150px, 0)
    }

    40.6779661017% {
        transform: translate3d(0, -200px, 0)
    }

    42.3728813559% {
        transform: translate3d(-300px, -200px, 0)
    }

    44.0677966102% {
        transform: translate3d(-600px, -200px, 0)
    }

    45.7627118644% {
        transform: translate3d(-900px, -200px, 0)
    }

    47.4576271186% {
        transform: translate3d(-1200px, -200px, 0)
    }

    49.1525423729% {
        transform: translate3d(-1500px, -200px, 0)
    }

    50.8474576271% {
        transform: translate3d(0, -250px, 0)
    }

    52.5423728814% {
        transform: translate3d(-300px, -250px, 0)
    }

    54.2372881356% {
        transform: translate3d(-600px, -250px, 0)
    }

    55.9322033898% {
        transform: translate3d(-900px, -250px, 0)
    }

    57.6271186441% {
        transform: translate3d(-1200px, -250px, 0)
    }

    59.3220338983% {
        transform: translate3d(-1500px, -250px, 0)
    }

    61.0169491525% {
        transform: translate3d(0, -300px, 0)
    }

    62.7118644068% {
        transform: translate3d(-300px, -300px, 0)
    }

    64.406779661% {
        transform: translate3d(-600px, -300px, 0)
    }

    66.1016949153% {
        transform: translate3d(-900px, -300px, 0)
    }

    67.7966101695% {
        transform: translate3d(-1200px, -300px, 0)
    }

    69.4915254237% {
        transform: translate3d(-1500px, -300px, 0)
    }

    71.186440678% {
        transform: translate3d(0, -350px, 0)
    }

    72.8813559322% {
        transform: translate3d(-300px, -350px, 0)
    }

    74.5762711864% {
        transform: translate3d(-600px, -350px, 0)
    }

    76.2711864407% {
        transform: translate3d(-900px, -350px, 0)
    }

    77.9661016949% {
        transform: translate3d(-1200px, -350px, 0)
    }

    79.6610169492% {
        transform: translate3d(-1500px, -350px, 0)
    }

    81.3559322034% {
        transform: translate3d(0, -400px, 0)
    }

    83.0508474576% {
        transform: translate3d(-300px, -400px, 0)
    }

    84.7457627119% {
        transform: translate3d(-600px, -400px, 0)
    }

    86.4406779661% {
        transform: translate3d(-900px, -400px, 0)
    }

    88.1355932203% {
        transform: translate3d(-1200px, -400px, 0)
    }

    89.8305084746% {
        transform: translate3d(-1500px, -400px, 0)
    }

    91.5254237288% {
        transform: translate3d(0, -450px, 0)
    }

    93.2203389831% {
        transform: translate3d(-300px, -450px, 0)
    }

    94.9152542373% {
        transform: translate3d(-600px, -450px, 0)
    }

    96.6101694915% {
        transform: translate3d(-900px, -450px, 0)
    }

    98.3050847458% {
        transform: translate3d(-1200px, -450px, 0)
    }

    to {
        transform: translate3d(-1500px, -450px, 0)
    }
}

.PageTransition_spinner {
    -webkit-clip-path: url(#loaderMask);
    clip-path: url(#loaderMask);
    height: 300px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(.5);
    width: 300px
}

.PageTransition_spinner-fill {
    background-color: #ffcf26;
    height: 100%;
    position: relative;
    transform: translateY(calc((100 - var(--progress))*1%));
    width: 100%
}

.PageTransition_sprite-container {
    height: 51px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -30px;
    width: 300px
}

.PageTransition_sprite {
    animation: PageTransition_loader 2.4s step-end infinite;
    background-image: url(../esam-waves.png);
    height: 500px;
    transform: translateZ(0);
    width: 1800px;
    will-change: transform
}

.PageTransition_hiddenLogo {
    display: none;
    height: 300px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(.5);
    width: 300px;
    z-index: 10
}

.PageTransition_hiddenLogo svg {
    height: 100%;
    position: absolute;
    width: 100%
}

.PageTransition_hiddenLetter {
    display: none;
    height: 300px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(.5);
    width: 300px;
    z-index: 10
}

.PageTransition_hiddenLetter svg {
    height: 100%;
    position: absolute;
    width: 100%
}

.Preloader_preloaderContainer {
    height: 100vh;
    position: fixed;
    width: 100vw;
    z-index: 99999
}

.Preloader_preloader {
    align-items: center;
    background-position: top;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.Preloader_ornamentInner {
    animation: Preloader_float 6s ease-in-out infinite
}

@keyframes Preloader_float {
    0% {
        transform: translatey(0) scale(.9)
    }

    50% {
        transform: translatey(-20px)
    }

    to {
        transform: translatey(0) scale(.9)
    }
}

.SiteWrapper_siteWrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100vw - 4rem);
    position: relative;
    z-index: 2
}

@media only screen and (min-width:768px) {
    .SiteWrapper_siteWrapper {
        max-width: 96%
    }
}

@media only screen and (min-width:1280px) {
    .SiteWrapper_siteWrapper {
        max-width: 1260px
    }
}

.GridOverlay_gridContainer {
    height: 200vh;
    opacity: .2;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2
}

.GridOverlay_gridSiteContainer {
    height: 100%
}

.GridOverlay_grid {
    grid-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 200%
}

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

.GridOverlay_grid>* {
    grid-column: span 4/span 4
}

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

.GridOverlay_grid>div {
    background-color: red;
    grid-column: span 1/span 1;
    height: 100%
}

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

    .GridOverlay_grid>div:nth-child(10),
    .GridOverlay_grid>div:nth-child(11),
    .GridOverlay_grid>div:nth-child(12),
    .GridOverlay_grid>div:nth-child(5),
    .GridOverlay_grid>div:nth-child(6),
    .GridOverlay_grid>div:nth-child(7),
    .GridOverlay_grid>div:nth-child(8),
    .GridOverlay_grid>div:nth-child(9) {
        display: none
    }
}

.BaseImage_outer {
    display: block
}

.BaseImage_inner,
.BaseImage_outer {
    height: 100%;
    width: 100%
}

.BaseImage_inner {
    overflow: hidden;
    position: relative
}

.SocialNav_socialMedia {
    display: flex
}

@media only screen and (max-width:767px) {
    .SocialNav_socialMedia {
        justify-content: center
    }
}

.SocialNav_socialItem {
    align-items: center;
    display: flex;
    height: 3.2rem;
    justify-content: center;
    margin-right: 2rem;
    width: 3.2rem
}

.SocialNav_socialItem:last-child {
    margin-right: 0
}

.SocialNav_socialItem svg {
    fill: currentColor;
    display: flex;
    position: relative;
    width: 1.5rem;
    z-index: 10
}

.SocialNav_socialItemLink {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 3.2rem;
    justify-content: center;
    position: relative;
    width: 3.2rem
}

.SocialNav_socialItemLink:after {
    transform: scale(1);
    transition: transform .3s ease-out
}

.SocialNav_socialItemLink:after,
.SocialNav_socialItemLink:before {
    border: .2rem solid #7c7cae;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.SocialNav_socialItemLink:before {
    background-color: #7c7cae;
    opacity: 0;
    transform: scale(.6);
    transition: transform .3s ease-out, opacity .3s ease-out
}

.SocialNav_socialItemLink:hover {
    color: #fff
}

.SocialNav_socialItemLink:hover:after {
    transform: scale(0)
}

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

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

.FooterNav_crItems {
    display: flex
}

@media only screen and (max-width:767px) {
    .FooterNav_crItems {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        margin-top: 5rem
    }
}

.FooterNav_crItem {
    margin-left: 3.3rem
}

@media only screen and (max-width:767px) {
    .FooterNav_crItem {
        margin-bottom: 2.2rem;
        margin-left: 0
    }
}

.FooterNav_crItem>a {
    color: #fff;
    position: relative;
    text-decoration: none
}

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

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

.FooterNav_active a {
    color: #002a76
}

.FooterNav_active a:after {
    background-color: #002a76;
    bottom: -.1rem;
    content: "";
    display: inline-block;
    height: .2rem;
    left: auto;
    opacity: .5;
    position: absolute;
    right: 0;
    width: 100%
}

.TextHeading_eyeBrowWrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
    overflow: hidden
}

.type_headline1 {
    color: #ffcf26;
    font-family: Bebas Neue, Times New Roman, Georgia, serif;
    font-size: 120px;
    letter-spacing: -.03em;
    line-height: .65;
    text-transform: uppercase
}

@media screen and (min-width:460px) {
    .type_headline1 {
        font-size: calc(20.17021px + 21.70213vw)
    }
}

@media screen and (min-width:1400px) {
    .type_headline1 {
        font-size: 324px
    }
}

.type_headline1 {
    color: #ffcf26;
    font-family: Bebas Neue, Times New Roman, Georgia, serif;
    font-size: 100px;
    letter-spacing: -.04em;
    line-height: .7;
    text-transform: uppercase
}

@media screen and (min-width:460px) {
    .type_headline1 {
        font-size: calc(33.19149px + 11.91489vw)
    }
}

@media screen and (min-width:1400px) {
    .type_headline1 {
        font-size: 156px
    }
}

.type_headline2 {
    color: #ffd600;
    font-family: Bebas Neue, Times New Roman, Georgia, serif;
    font-size: 76px;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: uppercase
}

@media screen and (min-width:460px) {
    .type_headline2 {
        font-size: calc(33.19149px + 11.91489vw)
    }
}

@media screen and (min-width:1400px) {
    .type_headline2 {
        font-size: 180px
    }
}

.type_headline3 {
    color: #ffcf26;
    font-family: Bebas Neue, Times New Roman, Georgia, serif;
    font-size: 55px;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: uppercase
}

@media screen and (min-width:460px) {
    .type_headline3 {
        font-size: calc(33.19149px + 11.91489vw)
    }
}

@media screen and (min-width:1400px) {
    .type_headline3 {
        font-size: 100px
    }
}

@media screen and (min-width:460px) {
    .type_headline3 {
        font-size: calc(6rem + .55319vw - 2.54468px)
    }
}

@media screen and (min-width:1400px) {
    .type_headline3 {
        font-size: 10rem
    }
}

.type_headline4 {
    color: #ffcf26;
    font-family: Bebas Neue, Times New Roman, Georgia, serif;
    font-size: 8.8rem;
    letter-spacing: -.04em;
    line-height: .7;
    text-transform: uppercase
}

.typePosgrade_headline {
    color: #ffcf26;
    font-family: Bebas Neue, Times New Roman, Georgia, serif;
    font-size: 55px;
    letter-spacing: -.01em;
    line-height: 0.92;
    text-transform: uppercase
}

@media screen and (min-width:460px) {
    .type_headline4 {
        font-size: calc(8.8rem + .34043vw - 1.56596px)
    }
}

@media screen and (min-width:1400px) {
    .type_headline4 {
        font-size: 12rem
    }
}

.type_headline5 {
    color: #ffcf26;
    font-family: Bebas Neue, Times New Roman, Georgia, serif;
    font-size: 9.6rem;
    letter-spacing: -.04em;
    line-height: .7;
    text-transform: uppercase
}

@media screen and (min-width:460px) {
    .type_headline5 {
        font-size: calc(9.6rem + .34043vw - 1.56596px)
    }
}

@media screen and (min-width:1400px) {
    .type_headline5 {
        font-size: 12.8rem
    }
}

.type_headline-sub {
    color: #ffcf26;
    font-family: Bebas Neue, Times New Roman, Georgia, serif;
    font-size: 4.4rem;
    letter-spacing: -.04em;
    line-height: .7;
    text-transform: uppercase
}

@media screen and (min-width:460px) {
    .type_headline-sub {
        font-size: calc(4.4rem + .46809vw - 2.15319px)
    }
}

@media screen and (min-width:1400px) {
    .type_headline-sub {
        font-size: 8.8rem
    }
}

.type_headline-sans {
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1
}

@media screen and (min-width:460px) {
    .type_headline-sans {
        font-size: calc(2rem + .08511vw - .39149px)
    }
}

@media screen and (min-width:1400px) {
    .type_headline-sans {
        font-size: 2.8rem
    }
}

.type_headline-card {
    color: #eef1f3;
    letter-spacing: -.02em;
    line-height: 1;
    text-transform: capitalize
}

.type_headline-card,
.type_headline-hero {
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 2.6rem;
    font-weight: 700
}

.type_headline-hero {
    letter-spacing: -.03em;
    line-height: .93
}

@media screen and (min-width:460px) {
    .type_headline-hero {
        font-size: calc(2.8rem + .04255vw - .19574px)
    }
}

@media screen and (min-width:1400px) {
    .type_headline-hero {
        font-size: 3.2rem
    }
}

.type_headline-guide {
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-top: 38px;
}

@media screen and (min-width:460px) {
    .type_headline-guide {
        font-size: calc(2.4rem + .08511vw - .39149px)
    }
}

@media screen and (min-width:1400px) {
    .type_headline-guide {
        font-size: 3.2rem;
        margin-top: 36px
    }
}

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

@media screen and (min-width:460px) {
    .type_body-1 {
        font-size: calc(1.6rem + .02128vw - .09787px)
    }
}

@media screen and (min-width:1400px) {
    .type_body-1 {
        font-size: 1.8rem
    }
}

.type_body-2 {
    color: #eef1f3;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 1.2
}

@media screen and (min-width:460px) {
    .type_body-2 {
        font-size: calc(13.02128px + .21277vw)
    }
}

@media screen and (min-width:1400px) {
    .type_body-2 {
        font-size: 16px
    }
}

.TextSubtitle_eyeBrow {
    color: #ffcf26;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    letter-spacing: -.02em;
    font-weight: 700;
    line-height: 1
}

.type_body {
    line-height: 1.2
}

.type_body,
.type_eyebrow {
    color: #eef1f3;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -.02em
}

.type_eyebrow {
    font-weight: 700;
    line-height: 1
}

@media screen and (min-width:460px) {
    .type_eyebrow {
        font-size: calc(1.6rem + .04255vw - .19574px)
    }
}

@media screen and (min-width:1400px) {
    .type_eyebrow {
        font-size: 2rem
    }
}

.type_bold {
    font-weight: 700
}

.type_yellow {
    color: #ffcf26
}

.Exploring_exploring {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.Exploring_topContent {
    margin-bottom: 6rem
}

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

.Exploring_verticalLine {
    background-color: #2acdd3;
    border: .15rem solid #2acdd3;
    border-radius: .2rem;
    display: block;
    height: 5.2rem;
    margin: 0 auto 3.8rem;
    width: .1rem
}

.Exploring_eyeBrow {
    color: #fff;
    margin-bottom: 3rem
}

.Exploring_subTitle {
    color: #fff;
    padding: 0 4rem
}

@media only screen and (min-width:768px) {
    .Exploring_subTitle {
        padding: 0
    }
}

.Exploring_innerWrapper {
    background-color: rgba(19, 0, 50, .502);
    border: .1rem solid rgba(19, 0, 50, .502);
    border-radius: 2rem;
    padding: 2rem 0;
    position: relative;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .Exploring_innerWrapper {
        border-radius: 5rem;
        max-width: 800px;
        padding: 0;
        width: 60%
    }
}

@media only screen and (max-width:767px) {
    .Exploring_innerWrapper {
        width: 70%
    }
}

@media only screen and (min-width:768px) {
    .Exploring_columnsWrapper {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: space-around;
        max-width: 800px;
        padding: 0 4rem
    }
}

.Exploring_column {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1.2rem 3.6rem;
    position: relative;
    text-align: center;
    text-transform: capitalize
}

@media only screen and (min-width:768px) {
    .Exploring_column {
        flex-basis: 33%;
        flex-shrink: 1;
        padding: 0 2rem
    }

    .Exploring_column.Exploring_centerColumn {
        margin-bottom: 0
    }

    .Exploring_column.Exploring_centerColumn:after {
        left: 0
    }

    .Exploring_column.Exploring_centerColumn:after,
    .Exploring_column.Exploring_centerColumn:before {
        background-color: rgba(225, 218, 228, .3);
        content: "";
        height: 100%;
        position: absolute;
        width: 2px
    }

    .Exploring_column.Exploring_centerColumn:before {
        right: 0
    }
}

.Exploring_link {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1.2rem 0;
    position: relative;
    text-decoration: none;
    width: 100%
}

@media only screen and (min-width:768px) {
    .Exploring_link {
        padding: 2.4rem 0
    }
}

.Exploring_centerColumn .Exploring_link {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    padding: .5rem 0
}

.Exploring_centerColumn .Exploring_link:hover .Exploring_title {
    color: #fff
}

.Exploring_centerColumn .Exploring_link:hover .Exploring_iconWrapper svg path {
    fill: #fff
}

.Exploring_link:hover .Exploring_subHead {
    color: #fff
}

.Exploring_subHead {
    color: #2acdd3;
    margin-bottom: 3.2rem
}

@media only screen and (max-width:767px) {
    .Exploring_subHead {
        font-size: 1rem;
        letter-spacing: .08em;
        margin-bottom: 2rem
    }
}

.Exploring_title {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .Exploring_title {
        font-size: 2rem;
        line-height: 1.2
    }
}

.Exploring_centerColumn .Exploring_title {
    border: 2px solid #ffcf26;
    border-radius: 50px;
    padding: 1rem 2rem
}

.Exploring_iconWrapper {
    display: flex;
    height: 2rem;
    margin-left: 1.5rem;
    margin-top: .2rem;
    width: 2rem
}

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

.Exploring_iconPlus {
    display: flex;
    height: 14px;
    margin-left: .5rem;
    transform-origin: center center;
    transition: transform .2s ease-out;
    width: 14px
}

.Exploring_iconPlus svg {
    fill: #ffcf26
}

.ItalicTitle_italic {
    font-style: italic
}

.FollowUs_followUs {
    grid-gap: 2rem;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center
}

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

.FollowUs_followUs>* {
    grid-column: span 4/span 4
}

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

.FollowUs_exploring,
.FollowUs_inner {
    margin-top: 20rem;
    position: relative
}

@media only screen and (min-width:768px) {

    .FollowUs_exploring,
    .FollowUs_inner {
        margin-bottom: 30rem;
        margin-top: 25rem
    }
}

.FollowUs_heading {
    font: normal 700 1.1rem/1.3 Sussie Intl, Helvetica, Arial, sans-serif;
    letter-spacing: .5em;
    text-transform: uppercase
}

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

.FollowUs_heading:before {
    background-color: #b3c2eb;
    content: "";
    display: block;
    height: 5.2rem;
    margin: 0 auto 3rem;
    position: relative;
    width: .2rem
}

.FollowUs_flyingElements {
    height: 24rem;
    position: absolute;
    right: 28rem;
    top: 0;
    transform: scaleX(-1);
    width: 19.1rem
}

@media only screen and (max-width:767px) {
    .FollowUs_flyingElements {
        right: 0;
        top: -10rem;
        width: 13.1rem
    }
}

.FollowUs_flyingElements2 {
    height: 24rem;
    position: absolute;
    right: 42rem;
    top: 30rem;
    transform: scale(-1);
    width: 19.1rem
}

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

.FollowUs_socialMedia {
    margin: 2.6rem auto 3.6rem
}

.FollowUs_socialItem,
.FollowUs_socialMedia {
    display: flex;
    justify-content: center
}

.FollowUs_socialItem {
    align-items: center;
    border-radius: 50%;
    height: 4rem;
    margin-right: 2.5rem;
    position: relative;
    width: 4rem
}

.FollowUs_socialItem:last-child {
    margin-right: 0
}

.FollowUs_socialItem svg {
    display: flex;
    position: relative;
    width: 1.75rem;
    z-index: 10
}

.FollowUs_socialItem svg path {
    fill: #fff
}

.FollowUs_socialItem:hover .FollowUs_socialItemLink:after {
    transform: scale(0)
}

.FollowUs_socialItem:hover .FollowUs_socialItemLink:before {
    opacity: 1;
    transform: scale(1)
}

.FollowUs_socialItemlinkedin svg {
    width: 1.4rem
}

.FollowUs_socialItemLink {
    align-items: center;
    color: #fff;
    display: flex;
    height: 4rem;
    justify-content: center;
    position: relative;
    width: 4rem
}

.FollowUs_socialItemLink:before {
    background-color: #7c7cae;
    opacity: 0;
    transform: scale(.6);
    transition: transform .3s ease-out, opacity .3s ease-out
}

.FollowUs_socialItemLink:after,
.FollowUs_socialItemLink:before {
    border: .2rem solid #7c7cae;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.FollowUs_socialItemLink:after {
    transform: scale(1);
    transition: transform .3s ease-out
}

.FollowUs_hashtag {
    align-items: center;
    display: flex;
    font-size: 4rem;
    justify-content: center;
    margin: 0 auto 2.4rem
}

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

.FollowUs_hashtagInner {
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 51px;
    color: #eef1f3;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 3rem;
    padding: 2rem
}

@media only screen and (max-width:767px) {
    .FollowUs_hashtagInner {
        font-size: 28px
    }

    .FollowUs_peopleDancingWrapper {
        margin: 0 -2rem
    }
}

.FollowUs_peopleDancing {
    height: 12rem;
    margin: 0 auto;
    pointer-events: none;
    position: relative;
    z-index: 2
}

@media only screen and (min-width:768px) {
    .FollowUs_peopleDancing {
        height: 50rem;
        margin: -15rem auto 0
    }
}

.FollowUs_backgroundTransition {
    bottom: 0;
    height: 12.4rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 79.7rem
}

@media only screen and (min-width:768px) {
    .FollowUs_backgroundTransition {
        height: 38.9rem;
        width: 250rem
    }
}

.FollowUs_leftFlyingElements {
    bottom: 29rem;
    left: -8rem;
    position: absolute;
    transform: scale(.8) rotate(10deg)
}

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

.FollowUs_rightFlyingElements {
    bottom: 30rem;
    position: absolute;
    right: -5rem;
    transform: scale(-.8, .8)
}

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

.FollowUs_backgroundImage {
    bottom: 0;
    height: 58%;
    left: 0;
    -webkit-mask-image: linear-gradient(0deg, transparent, #000 15%);
    mask-image: linear-gradient(0deg, transparent, #000 15%);
    position: absolute;
    top: 0;
    width: 100%
}

.FollowUs_backgroundImage img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media only screen and (min-width:768px) {
    .FollowUs_backgroundImage {
        height: 100%;
        -webkit-mask-image: none;
        mask-image: none
    }
}

.FollowUs_backgroundGradient {
    background: #000;
    background: linear-gradient(180deg, #01101a, rgba(0, 0, 0, .739) 20%, transparent 46%);
    height: 100%;
    position: absolute;
    width: 100%
}

.Footer_siteFooter {
    background-color: #000;
    color: #fff;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem;
    position: relative
}

.Footer_sitePartners {
    padding: 5rem 0 4rem
}

@media only screen and (max-width:767px) {
    .Footer_sitePartners {
        padding: 4.4rem 0 6rem
    }
}

.Footer_headline {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -.05em;
    line-height: 1;
    max-width: 31rem
}

@media only screen and (min-width:768px) {
    .Footer_headline {
        max-width: 50rem;
        max-width: 40rem
    }
}

@media only screen and (max-width:767px) {
    .Footer_headline {
        text-align: center
    }
}

.Footer_headline span {
    color: #ffcf26
}

.Footer_center {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .Footer_center {
        align-items: center;
        display: flex;
        flex-direction: column
    }
}

.Footer_foundedBy {
    align-items: center;
    display: flex
}

@media only screen and (max-width:767px) {
    .Footer_foundedBy {
        display: block;
        text-align: center
    }
}

.Footer_sitePartnersLogos {
    align-items: center;
    display: flex
}

@media only screen and (max-width:767px) {
    .Footer_sitePartnersLogos {
        justify-content: center;
        margin-top: 4rem
    }
}

.Footer_digitalWalloniaLogo {
    padding-bottom: 66.4429530201%;
    position: relative;
    width: 100%
}

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

.Footer_digitalWallonia {
    min-width: 10.5rem
}

@media only screen and (max-width:767px) {
    .Footer_digitalWallonia {
        min-width: 7.5rem
    }
}

.Footer_wallonieLogo {
    padding-bottom: 148.2352941176%;
    position: relative;
    width: 100%
}

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

.Footer_wallonie {
    margin-left: 2.5rem;
    min-width: 5.5rem;
    position: relative
}

@media only screen and (max-width:767px) {
    .Footer_wallonie {
        margin-left: 5rem;
        margin-right: 2rem;
        min-width: 4.5rem
    }
}

.Footer_fewebLogo {
    padding-bottom: 95.3333333333%;
    position: relative;
    width: 100%
}

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

.Footer_feweb {
    margin-left: 2.5rem;
    min-width: 8.5rem
}

@media only screen and (max-width:767px) {
    .Footer_feweb {
        margin-left: 5rem;
        min-width: 6.5rem
    }
}

.Footer_credits {
    padding-bottom: 5rem;
    padding-top: 1.6rem
}

@media only screen and (max-width:767px) {
    .Footer_credits>.Footer_center {
        display: block
    }
}

.Footer_foundersLogos {
    align-items: center;
    display: flex;
    justify-content: center
}

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

.Footer_foundersLogos a {
    display: inline-block
}

@media only screen and (max-width:767px) {
    .Footer_foundersLogos a {
        margin-top: 2rem
    }
}

.Footer_founderLogo {
    margin: 0 1.5rem;
    position: relative
}

.Footer_founderLogo:before {
    color: currentColor;
    content: "/";
    display: block;
    height: 1.4rem;
    left: -2rem;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem
}

.Footer_founderLogo:first-child:before {
    content: none
}

@media only screen and (max-width:767px) {
    .Footer_founderLogo:before {
        content: none
    }
}

.Footer_dogstudioLogo {
    transform: translateY(.4rem)
}

.Footer_dogstudioLogo svg g {
    fill: #fff
}

.Footer_lanicheLogo {
    min-width: 8.6rem;
    padding-bottom: 77.9069767442%;
    position: relative;
    transform: translateY(-.7rem);
    width: 100%
}

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

.Footer_superbeLogo {
    min-width: 8.7rem;
    padding-bottom: 11.4942528736%;
    position: relative;
    transform: translateY(.1rem);
    width: 100%
}

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

.Footer_followUs,
.Footer_foundedByText {
    position: relative
}

.Footer_foundedByText {
    align-items: center;
    color: #e1dae4;
    display: flex;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    top: .5px
}

@media only screen and (max-width:767px) {
    .Footer_foundedByText {
        margin-top: .8rem
    }
}

.Footer_foundedByIcon {
    margin-right: .75rem
}

.LanguageSwitcher_languageSwitcher {
    margin-top: auto;
    position: relative
}

.LanguageSwitcher_languageSwitcher:after {
    background-color: hsla(0, 0%, 100%, .2);
    content: "";
    height: .2rem;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% - 4rem)
}

@media only screen and (min-width:768px) {
    .LanguageSwitcher_languageSwitcher {
        margin-top: 0
    }

    .LanguageSwitcher_languageSwitcher:after {
        content: none
    }
}

.LanguageSwitcher_menuWrapper {
    display: none
}

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

.LanguageSwitcher_menuWrapper:focus .LanguageSwitcher_languageSwitcherOptions,
.LanguageSwitcher_menuWrapper:hover .LanguageSwitcher_languageSwitcherOptions {
    opacity: 1;
    pointer-events: all;
    transform: translateX(-50%) translateY(0);
    transition: opacity .35s ease-in-out, transform .15s ease-in-out
}

.LanguageSwitcher_menuLangToggle {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    padding: 2rem 0;
    text-decoration: none
}

.LanguageSwitcher_iconWrapper {
    display: grid;
    margin-left: 7px;
    transform: rotate(90deg);
    width: .6rem
}

.LanguageSwitcher_icon path {
    fill: currentColor
}

.LanguageSwitcher_checkWrapper {
    display: flex;
    height: 1.2rem;
    margin-left: .5rem;
    margin-right: 1rem;
    opacity: 0;
    width: 1.2rem
}

@media only screen and (min-width:768px) {
    .LanguageSwitcher_checkWrapper {
        left: 1rem;
        margin-left: 0;
        top: 1rem
    }
}

.LanguageSwitcher_active .LanguageSwitcher_checkWrapper {
    opacity: 1
}

.LanguageSwitcher_languageSwitcherOptions {
    background-color: #0c182d;
    border-radius: 15px;
    box-shadow: 0 4px 16px 0 rgba(41, 38, 51, .478);
    display: block;
    left: 50%;
    opacity: 0;
    padding: 1.5rem 1rem;
    pointer-events: none;
    position: absolute;
    top: 4.8rem;
    transform: translateX(-50%) translateY(-1rem);
    width: 13rem;
    z-index: 2
}

.LanguageSwitcher_menuLangChildItem {
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.142;
    text-align: center
}

.LanguageSwitcher_menuLangChildItem:last-child {
    border-bottom: none
}

.LanguageSwitcher_label {
    z-index: 1
}

.LanguageSwitcher_menuLangChildItemLink {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 700;
    padding: 6px 0;
    position: relative;
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .LanguageSwitcher_menuLangChildItemLink {
        color: #fff
    }

    .LanguageSwitcher_menuLangChildItemLink:focus,
    .LanguageSwitcher_menuLangChildItemLink:hover {
        color: #ffcf26
    }

    .LanguageSwitcher_menuLangChildItemLink:focus:before,
    .LanguageSwitcher_menuLangChildItemLink:hover:before {
        opacity: 1
    }
}

.LanguageSwitcher_menuLangChildItemLink.LanguageSwitcher_active {
    color: #ffcf26
}

.LanguageSwitcher_menuWrapperMobile {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 2rem 0 3rem
}

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

.LanguageSwitcher_menuLangToggleMobile {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
    padding: 2rem;
    text-decoration: none
}

.PrimaryNav_menuPrimary {
    flex-grow: 0;
    margin-top: .8rem
}

@media only screen and (min-width:768px) {
    .PrimaryNav_menuPrimary {
        flex-grow: 1;
        margin-left: 4rem;
        margin-top: 0
    }
}

.PrimaryNav_menuItem {
    position: relative
}

.PrimaryNav_menuItem:before {
    background-color: rgba(225, 218, 228, .3);
    bottom: 0;
    content: "";
    height: .1rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 4rem)
}

@media only screen and (min-width:768px) {
    .PrimaryNav_menuItem:before {
        content: none
    }
}

.PrimaryNav_menuItem:last-child:before {
    content: none
}

.PrimaryNav_menuItem:focus .PrimaryNav_menuChildList,
.PrimaryNav_menuItem:hover .PrimaryNav_menuChildList {
    pointer-events: all;
    transform: scale(1);
    transition: opacity .35s ease-in-out, transform 1s cubic-bezier(.22, 1, .36, 1)
}

.PrimaryNav_menuItem:focus .PrimaryNav_menuChildItem,
.PrimaryNav_menuItem:hover .PrimaryNav_menuChildItem {
    opacity: 1
}

.PrimaryNav_menuItem:first-child .PrimaryNav_menuLinkText span,
.PrimaryNav_menuItem:nth-child(2) .PrimaryNav_menuLinkText span {
    color: #ffcf26
}

.PrimaryNav_menuLink {
    align-items: center;
    color: #fff;
    display: flex;
    padding: 2.5rem 3rem;
    text-decoration: none;
    transition: color .1s ease-out
}

@media only screen and (min-width:768px) {
    .PrimaryNav_menuLink {
        padding: .3rem 1.5rem 1.2rem;
        pointer-events: auto
    }
}

.PrimaryNav_menuLink:focus .PrimaryNav_menuLinkText,
.PrimaryNav_menuLink:hover .PrimaryNav_menuLinkText {
    color: #ffcf26
}

.PrimaryNav_menuLinkText {
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    width: 100%
}

@media only screen and (min-width:768px) {
    .PrimaryNav_menuLinkText {
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 2;
        width: auto
    }
}

.PrimaryNav_iconWrapper {
    display: grid;
    margin-left: 7px;
    position: relative;
    transform: rotate(90deg);
    width: .6rem
}

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

.PrimaryNav_iconWrapperMob {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    left: 0;
    padding: 2.5rem 3rem 2.5rem 2.5rem;
    position: absolute;
    right: 0;
    top: 0
}

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

.PrimaryNav_iconInner {
    align-items: center;
    display: flex;
    height: 2.8rem;
    justify-content: center;
    margin-top: .6rem;
    padding: 1rem;
    width: 3rem
}

.PrimaryNav_iconInner svg {
    height: 10px;
    width: 7px
}

@media only screen and (min-width:768px) {
    .PrimaryNav_iconInner {
        pointer-events: none
    }
}

.PrimaryNav_menuList {
    display: flex;
    flex-direction: column;
    position: relative
}

@media only screen and (min-width:768px) {
    .PrimaryNav_menuList {
        flex-direction: row
    }
}

.PrimaryNav_menuChildList {
    background-color: #112344;
    border-radius: 12px;
    box-shadow: 0 4px 16px 0 rgba(41, 38, 51, .478);
    display: none;
    height: auto;
    left: 0;
    min-width: 112px;
    padding: 1.25rem 1.6rem 1.5rem;
    pointer-events: none;
    position: absolute;
    top: 4.2rem;
    transform: scale(.5, 0);
    transform-origin: 0 0;
    transition: opacity .15s ease-in-out, transform .5s cubic-bezier(.22, 1, .36, 1)
}

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

.PrimaryNav_menuChildItem {
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    opacity: 0;
    position: relative;
    transform: none;
    transition: opacity .25s ease-in-out .05s;
    white-space: nowrap
}

.PrimaryNav_menuChildItem:last-child {
    border-bottom: none
}

.PrimaryNav_menuChildItemLink {
    color: #fff;
    display: block;
    padding: 6px 0;
    position: relative;
    text-decoration: none
}

.PrimaryNav_menuChildItemLink.PrimaryNav_activeSubitem {
    color: #ffcf26
}

.PrimaryNav_menuChildItemLink.PrimaryNav_activeSubitem:before {
    opacity: 1
}

.PrimaryNav_menuChildItemLink:focus,
.PrimaryNav_menuChildItemLink:hover {
    color: #ffcf26
}

.PrimaryNav_menuChildItemLink:focus:before,
.PrimaryNav_menuChildItemLink:hover:before {
    opacity: 1
}

.PrimaryNav_active .PrimaryNav_menuLinkText {
    color: #ffcf26
}

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

@media only screen and (min-width:768px) {
    .SecondaryNav_menuList {
        flex-direction: row
    }
}

.SecondaryNav_menuSecondary {
    flex-grow: 0;
    margin-bottom: 2.5rem
}

@media only screen and (min-width:768px) {
    .SecondaryNav_menuSecondary {
        margin-bottom: 0;
        margin-right: 1.2rem
    }
}

.SecondaryNav_menuItem {
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .SecondaryNav_menuItem {
        margin: 0 1.5rem
    }
}

.SecondaryNav_menuLink {
    align-items: center;
    color: #fff;
    display: flex;
    padding: 1.25rem 0;
    text-decoration: none
}

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

.SecondaryNav_menuLink:active,
.SecondaryNav_menuLink:hover {
    color: #fff
}

.SecondaryNav_menuLinkText {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1
}

.SecondaryNav_active a {
    color: #fff
}

@media only screen and (min-width:768px) {
    .SecondaryNav_active a {
        color: #b3c2eb
    }
}

.Button_button {
    align-items: center;
    background-color: transparent;
    border: .2rem solid #ffcf26;
    border-radius: 9999px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: Sussie Intl, Helvetica, Arial, sans-serif;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    min-height: 56px;
    padding: .9rem 2rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease-out, color .2s ease-out, border .2s ease-out;
    white-space: nowrap
}

@media only screen and (min-width:768px) {
    .Button_button {
        background-color: transparent;
        display: inline-flex;
        min-height: auto
    }
}

.Button_button svg path {
    transition: fill .2s ease-out, stroke .2s ease-out
}

.Button_button:hover {
    background-color: transparent;
    border-color: #fff;
    color: #ffcf26
}

.Button_button:hover svg path {
    fill: #fff
}

.Button_button:hover.Button_plus .Button_iconPlus {
    transform: rotate(1turn)
}

.Button_secondary {
    background-color: #ffcf26;
    color: #0a5488;
    padding: .9rem 3.6rem 1rem
}

.Button_secondary svg path {
    fill: #0a5488
}

.Button_secondary:hover {
    background-color: rgba(109 161 194 / 30%);
    border: .2rem solid #ffcf26;
    color: #ffcf26
}

.Button_noTransparency:hover {
    background-color: #09111f;
    border: .2rem solid .1rem solid rgba(62, 60, 141, .302);
    color: #ffcf26
}

.Button_modalLogin:hover {
    background-color: rgba(109 161 194 / 30%);
    border: .2rem solid #0a5488;
    color: #0a5488
}

.Button_secondary:hover svg path {
    fill: #ffcf26
}

.Button_secondary:disabled {
    pointer-events: none;
    width: 100%
}

.Button_plus {
    padding: .9rem 2rem 1rem 3rem
}

.Button_arrow {
    padding: .9rem 2.5rem 1rem
}

.Button_small {
    font-size: 1.4rem;
    font-weight: 500;
    padding: .75rem 2rem 1.1rem
}

.Button_back {
    font-weight: 700;
    padding: .75rem 1.8rem 1.1rem 1.6rem
}

.Button_back:hover {
    background-color: #ffcf26;
    color: #0a5488
}

.Button_outline {
    border: .2rem solid #ffcf26;
    color: #fff;
    padding: .9rem 2rem 1rem 3rem
}

.Button_outline svg path {
    fill: #ffcf26
}

.Button_outline:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.Button_outline:hover svg path {
    fill: #fff
}

.Button_buttonWrapper {
    display: flex;
    text-decoration: none;
    width: 100%
}

.Button_buttonWrapper,
.Button_buttonWrapper.Button_centered {
    justify-content: center
}

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

.Button_iconPlus {
    display: flex;
    flex-shrink: 0;
    height: 1.4rem;
    margin-left: 1.2rem;
    transform-origin: 50% 50%;
    transition: transform 1s cubic-bezier(.075, .82, .165, 1);
    width: 1.4rem
}

.Button_iconArrow {
    display: flex;
    height: 1.2rem;
    margin-left: 1rem;
    width: 1.2rem
}

.Button_iconBack {
    height: 11px;
    line-height: .5;
    margin-right: .8rem;
    width: 11px
}

.Button_iconDownload {
    display: block;
    margin-left: 1rem;
    position: relative;
    top: .3rem
}

@keyframes Button_arrowHover {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scaleX(0)
    }

    51% {
        transform: translateX(-1rem)
    }

    to {
        transform: scaleX(1) translateX(0)
    }
}

.CallToActionNav_menuHeader {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    margin-bottom: 3rem;
    margin-top: 2.5rem
}

@media only screen and (min-width:768px) {
    .CallToActionNav_menuHeader {
        flex-direction: row;
        margin-bottom: 0;
        margin-top: 0
    }
}

.TicketsNav_buttonProgram {
    margin: 0 0 2rem;
    padding: 1.5rem 2rem 1.6rem 2.5rem;
    width: 80%
}

@media only screen and (min-width:768px) {
    .TicketsNav_buttonProgram {
        height: 42px;
        margin: 0 1.5rem
    }
}

.TicketsNav_buttonProgram path {
    fill: #ffcf26
}

.TicketsNav_buttonTickets {
    padding: 1.5rem 2.2rem 1.6rem 3.5rem;
    width: 80%
}

@media only screen and (min-width:768px) {
    .TicketsNav_buttonTickets {
        height: 42px;
        margin: 0;
        width: 100%
    }
}

.HeaderButtonBurger_burgerMenu {
    background-color: transparent;
    border: 0;
    display: block;
    height: 100%;
    padding: 1.75rem 2rem
}

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

.HeaderButtonBurger_burgerMenu .HeaderButtonBurger_iconWrapper {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    line-height: 0;
    position: relative;
    width: 100%
}

.HeaderButtonBurger_hamburgerIcon {
    stroke: #ffcf26;
    height: 17px;
    opacity: 1;
    position: absolute;
    transition: opacity .5s ease;
    width: 33px
}

.HeaderButtonBurger_hamburgerIcon.HeaderButtonBurger_closed {
    opacity: 0
}

.js-focus-visible .HeaderButtonBurger_hamburgerIcon.focus-visible {
    outline: none
}

.HeaderButtonBurger_closeBtn {
    color: #fff;
    left: 0;
    opacity: 0;
    transition: opacity .5s ease
}

.HeaderButtonBurger_closeBtn.HeaderButtonBurger_open {
    opacity: 1
}

.HeaderMobileNav_HeaderMobileNav {
    display: flex;
    flex-direction: column;
    height: calc(100% - 6.6rem);
    overflow: auto;
    position: relative
}

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

.HeaderMobileNav_firstLevelNav {
    display: none;
    visibility: hidden
}

.HeaderMobileNav_ticketsNav {
    padding: 0 2rem .5rem
}

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

.HeaderMobileNav_secondLevelNav {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%
}

.HeaderMobileNav_visible {
    display: block
}

.HeaderMobileNav_ctaWrapper {
    display: inline-block;
    padding: 1.4rem 2rem 2rem
}

.HeaderMobileNav_backButton {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: auto;
    padding: 1rem 2.5rem
}

.HeaderMobileNav_menuWrapper {
    display: block;
    padding: 0 2rem 4rem
}

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

.HeaderMobileNav_menuItem {
    display: inline-block;
    position: relative
}

.HeaderMobileNav_menuItem.HeaderMobileNav_active {
    opacity: .5;
    pointer-events: none
}

.HeaderMobileNav_menuItem:before {
    background: rgba(225, 218, 228, .3);
    bottom: 0;
    content: "";
    height: .1rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.HeaderMobileNav_menuItem:last-child:before {
    content: none
}

.HeaderMobileNav_menuLink {
    display: block;
    padding: 1.8rem 0 2rem;
    text-decoration: none
}

.HeaderMobileNav_label {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    padding-right: 2rem
}

.HeaderMobileNav_secondLevelNav:nth-child(3) .HeaderMobileNav_label span,
.HeaderMobileNav_secondLevelNav:nth-child(4) .HeaderMobileNav_label span {
    color: #ffcf26
}

.Header_siteHeader {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.Header_siteHeader.Header_menuMobileOpen {
    height: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 3
}

.Header_siteHeader.Header_menuMobileOpen:before {
    animation: Header_opacity0to1 .2s ease-out forwards;
    background: linear-gradient(180deg, #095b95, #01101a);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes Header_opacity0to1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.Header_headerWrapper {
    display: none
}

@media only screen and (min-width:1160px) {
    .Header_headerWrapper {
        display: flex;
        flex-direction: column-reverse
    }
}

.Header_headerPrimary {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    padding: 1.6rem 0 2.2rem
}

@media only screen and (min-width:1160px) {
    .Header_headerPrimary {
        border-top: .2rem solid rgba(241, 237, 243, 0.5);
        justify-content: flex-start
    }
}

.Header_svgWrapper {
    height: 48px;
    width: 153px
}

.Header_svgWrapper img {
    height: 56px;
    width: 166px
}

.Header_svgWrapper svg {
    fill: #ffcf26
}

.Header_headerSecondary {
    align-items: center;
    display: flex
}

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

.Header_headerApp {
    color: #dbcbdc;
    flex-grow: 1;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.29
}

.Header_headerApp strong {
    color: #fff
}

.Header_height100 {
    height: 100%
}

.Header_headerMobile {
    align-items: center;
    display: flex;
    height: 8rem;
    justify-content: space-between;
    margin: 0
}

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

.Header_svgWrapperMobile {
    height: 32px;
    position: relative;
    width: 102px;
    z-index: 1
}

.Header_svgWrapperMobile img {
    width: 130%;
    height: 130%
}

.Header_svgWrapperMobile svg {
    fill: #ffcf26
}

.SiteBoundary_siteBoundary {
    position: relative
}

@media only screen and (min-width:2500px) {
    .SiteBoundary_siteBoundary {
        margin-left: auto;
        margin-right: auto
    }
}

.Preview_preview {
    align-items: center;
    background-color: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    margin-bottom: .5rem;
    padding: .5rem 0;
    width: 100%
}

.Preview_preview button {
    border: 1px solid #fff;
    cursor: pointer;
    margin-left: 1rem;
    padding: 0 1rem
}

.BigWave_animationWrapper {
    bottom: -15vmin;
    opacity: 0;
    position: absolute;
    width: 100%
}

@media only screen and (min-width:768px) {
    .BigWave_animationWrapper {
        bottom: -15vmax
    }
}

@keyframes PageLoader_loader {
    0% {
        transform: translateZ(0)
    }

    1.6949152542% {
        transform: translate3d(-300px, 0, 0)
    }

    3.3898305085% {
        transform: translate3d(-600px, 0, 0)
    }

    5.0847457627% {
        transform: translate3d(-900px, 0, 0)
    }

    6.7796610169% {
        transform: translate3d(-1200px, 0, 0)
    }

    8.4745762712% {
        transform: translate3d(-1500px, 0, 0)
    }

    10.1694915254% {
        transform: translate3d(0, -50px, 0)
    }

    11.8644067797% {
        transform: translate3d(-300px, -50px, 0)
    }

    13.5593220339% {
        transform: translate3d(-600px, -50px, 0)
    }

    15.2542372881% {
        transform: translate3d(-900px, -50px, 0)
    }

    16.9491525424% {
        transform: translate3d(-1200px, -50px, 0)
    }

    18.6440677966% {
        transform: translate3d(-1500px, -50px, 0)
    }

    20.3389830508% {
        transform: translate3d(0, -100px, 0)
    }

    22.0338983051% {
        transform: translate3d(-300px, -100px, 0)
    }

    23.7288135593% {
        transform: translate3d(-600px, -100px, 0)
    }

    25.4237288136% {
        transform: translate3d(-900px, -100px, 0)
    }

    27.1186440678% {
        transform: translate3d(-1200px, -100px, 0)
    }

    28.813559322% {
        transform: translate3d(-1500px, -100px, 0)
    }

    30.5084745763% {
        transform: translate3d(0, -150px, 0)
    }

    32.2033898305% {
        transform: translate3d(-300px, -150px, 0)
    }

    33.8983050847% {
        transform: translate3d(-600px, -150px, 0)
    }

    35.593220339% {
        transform: translate3d(-900px, -150px, 0)
    }

    37.2881355932% {
        transform: translate3d(-1200px, -150px, 0)
    }

    38.9830508475% {
        transform: translate3d(-1500px, -150px, 0)
    }

    40.6779661017% {
        transform: translate3d(0, -200px, 0)
    }

    42.3728813559% {
        transform: translate3d(-300px, -200px, 0)
    }

    44.0677966102% {
        transform: translate3d(-600px, -200px, 0)
    }

    45.7627118644% {
        transform: translate3d(-900px, -200px, 0)
    }

    47.4576271186% {
        transform: translate3d(-1200px, -200px, 0)
    }

    49.1525423729% {
        transform: translate3d(-1500px, -200px, 0)
    }

    50.8474576271% {
        transform: translate3d(0, -250px, 0)
    }

    52.5423728814% {
        transform: translate3d(-300px, -250px, 0)
    }

    54.2372881356% {
        transform: translate3d(-600px, -250px, 0)
    }

    55.9322033898% {
        transform: translate3d(-900px, -250px, 0)
    }

    57.6271186441% {
        transform: translate3d(-1200px, -250px, 0)
    }

    59.3220338983% {
        transform: translate3d(-1500px, -250px, 0)
    }

    61.0169491525% {
        transform: translate3d(0, -300px, 0)
    }

    62.7118644068% {
        transform: translate3d(-300px, -300px, 0)
    }

    64.406779661% {
        transform: translate3d(-600px, -300px, 0)
    }

    66.1016949153% {
        transform: translate3d(-900px, -300px, 0)
    }

    67.7966101695% {
        transform: translate3d(-1200px, -300px, 0)
    }

    69.4915254237% {
        transform: translate3d(-1500px, -300px, 0)
    }

    71.186440678% {
        transform: translate3d(0, -350px, 0)
    }

    72.8813559322% {
        transform: translate3d(-300px, -350px, 0)
    }

    74.5762711864% {
        transform: translate3d(-600px, -350px, 0)
    }

    76.2711864407% {
        transform: translate3d(-900px, -350px, 0)
    }

    77.9661016949% {
        transform: translate3d(-1200px, -350px, 0)
    }

    79.6610169492% {
        transform: translate3d(-1500px, -350px, 0)
    }

    81.3559322034% {
        transform: translate3d(0, -400px, 0)
    }

    83.0508474576% {
        transform: translate3d(-300px, -400px, 0)
    }

    84.7457627119% {
        transform: translate3d(-600px, -400px, 0)
    }

    86.4406779661% {
        transform: translate3d(-900px, -400px, 0)
    }

    88.1355932203% {
        transform: translate3d(-1200px, -400px, 0)
    }

    89.8305084746% {
        transform: translate3d(-1500px, -400px, 0)
    }

    91.5254237288% {
        transform: translate3d(0, -450px, 0)
    }

    93.2203389831% {
        transform: translate3d(-300px, -450px, 0)
    }

    94.9152542373% {
        transform: translate3d(-600px, -450px, 0)
    }

    96.6101694915% {
        transform: translate3d(-900px, -450px, 0)
    }

    98.3050847458% {
        transform: translate3d(-1200px, -450px, 0)
    }

    to {
        transform: translate3d(-1500px, -450px, 0)
    }
}

.PageLoader_pageTransition {
    height: 100vh;
    left: -1px;
    min-width: calc(100% + .2rem);
    pointer-events: none;
    position: fixed;
    top: 0;
    z-index: 100098
}

.PageLoader_pageTransitionInner {
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: auto
}

.PageLoader_pageTransitionBackground {
    background: linear-gradient(180deg, #3b1e8a, 30%, #000);
    height: 100vh;
    left: 50%;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

.PageLoader_pageTransitionBackground.PageLoader_hidePageTransition {
    display: none
}

.PageLoader_spinner {
    -webkit-clip-path: url(#loaderMask);
    clip-path: url(#loaderMask);
    height: 300px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(.5);
    width: 300px
}

.PageLoader_spinner-fill {
    background-color: #ffcf26;
    height: 100%;
    position: relative;
    transform: translateY(calc((100 - var(--progress))*1%));
    width: 100%
}

.PageLoader_sprite-container {
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -30px;
    width: 300px
}

.PageLoader_sprite {
    animation: PageLoader_loader 2.4s step-end infinite;
    background-image: url(../esam-waves.png);
    background-position: 0 -1px;
    height: 500px;
    transform: translateZ(0);
    width: 1800px;
    will-change: transform
}

.PageLoader_hiddenLogo {
    display: none;
    height: 300px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(.5);
    width: 300px;
    z-index: 10
}

.PageLoader_hiddenLogo svg {
    height: 100%;
    position: absolute;
    width: 100%
}

.PageLoader_hiddenLetter {
    display: none;
    height: 300px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(.5);
    width: 300px;
    z-index: 10
}

.PageLoader_hiddenLetter svg {
    height: 100%;
    position: absolute;
    width: 100%
}

@font-face {
    font-display: swap;
    font-family: Bebas Neue;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/bebasneue-regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Bebas Neue;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/mirtha-display-italic.woff2) format("woff2")
}

@font-face {
    font-family: Sussie Intl;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/suisse-intl-regular.woff2) format("woff2")
}

@font-face {
    font-family: Sussie Intl;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/suisse-intl-semibold.woff2) format("woff2")
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@media only screen and (min-width:768px) {
    :root {
        --size: 1280
    }
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 100%;
    overflow-x: hidden
}

body,
html {
    height: auto;
    overscroll-behavior: none;
    width: 100%
}

html {
    font-size: 10px
}

@media only screen and (min-width:768px) {
    html {
        font-size: calc((100vw/var(--size))*10)
    }
}

@media only screen and (min-width:1280px) {
    html {
        font-size: 10px
    }
}

body {
    background: #0a88d0;
    color: #b3c2eb;
    font: normal 400 1.6rem/1.7 Sussie Intl, Helvetica, Arial, sans-serif;
    letter-spacing: 0
}

@media only screen and (min-width:768px) {
    body {
        font: normal 400 1.6rem/1.7 Sussie Intl, Helvetica, Arial, sans-serif;
        letter-spacing: 0
    }
}

.site-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.svg {
    display: inline-block
}

.svg svg {
    display: block
}

.u-hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

.u-visually-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

p {
    text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}