@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

@font-face {
    font-family: Better Times;
    src: url(../fonts/Better_Times.eot);
    src: url(../fonts/Better_Times.eot?#iefix) format("embedded-opentype"), url(../fonts/Better_Times.ttf) format("truetype")
}

@font-face {
    font-family: Lucida Big Casuals;
    src: url(../fonts/LucidaBigCas_DemIta.otf) format("opentype");
    src: url(../fonts/LucidaBigCas_DemIta.eot?#iefix) format("embedded-opentype"), url(../fonts/LucidaBigCas_DemIta.otf) format("opentype")
}

@font-face {
    font-family: Intro Head H;
    src: url(../fonts/introHeadHBase.otf) format("opentype")
}

@font-face {
    font-family: Futura Medium;
    src: url(../fonts/FuturaStd-Medium.otf) format("opentype")
}

@font-face {
    font-family: Block-reg;
    src: url(../fonts/BlockStdReg.otf) format("opentype")
}

@font-face {
    font-family: Block Std;
    src: url(../fonts/BlockStd-Condensed.otf) format("opentype")
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* :before,
:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: Nunito, sans-serif;
    margin: 0;
    padding: 0
}

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

a {
    color: #e52329;
    text-decoration: none
}

ul {
    margin: 0;
    padding-left: 20px
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0;
    margin-top: 0
}

button,
input,
select,
textarea {
    font-size: inherit;
    line-height: inherit
}

button,
h1,
h2,
input,
select,
textarea {
    font-family: Nunito, sans-serif
}

p {
    -ms-hyphens: auto;
    hyphens: auto
}

body,
html {
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

header .header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 45px;
    padding: 10px 42px 10px 10px;
    position: fixed;
    width: 100vw;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    gap: 10px;
    z-index: 9999
}

header .header-container .language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px
}

header .header-container .language a {
    color: #e3192d;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 5px
}

header .header-container .language a.active {
    border-bottom: 1px solid #e52329
}

footer .top-footer {
    background: #ab1312;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 110px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-inline: 10px
}

footer .top-footer .footer-nav a {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.72px;
    line-height: 116%;
    text-align: center
}

footer .top-footer .footer-nav .divider {
    color: #fff;
    font-size: 24px
}

footer .bottom-footer {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 110px;
    padding-inline: 54px
}

@media only screen and (max-width:991px) {
    footer .bottom-footer {
        padding-inline: 18px
    }
}

footer .bottom-footer .img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

footer .bottom-footer .house-img {
    aspect-ratio: 64/39;
    height: 78px;
    width: 128px
}

@media only screen and (max-width:991px) {
    footer .bottom-footer .house-img {
        aspect-ratio: 64/39;
        height: 50.266px;
        width: 82.487px
    }
}

footer .bottom-footer .flag-img {
    height: 95.085px;
    width: 59px
}

@media only screen and (max-width:991px) {
    footer .bottom-footer .flag-img {
        height: 69.299px;
        width: 43px
    }
}

footer .bottom-footer .copyright-txt {
    color: #e3192d;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.54px;
    line-height: 116%
}

@media only screen and (max-width:991px) {
    footer .bottom-footer .copyright-txt {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -.42px;
        line-height: 116%
    }
}

#hero .banner img,
#hero .banner picture {
    display: block;
    margin-top: 45px;
    width: 100%
}

#hero .banner img {
    display: block;
    height: auto;
    width: 100%
}

#gold-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ab1312;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    gap: clamp(10px, 1vw, 34px);
    min-height: clamp(126px, 8vw, 173px);
    padding-inline: 10px;
    width: 100%
}

@media only screen and (max-width:991px) {
    #gold-counter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#gold-counter .gold-left,
#gold-counter .gold-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(10px, 2vw, 32px)
}

#gold-counter .gold-left img,
#gold-counter .gold-right img {
    aspect-ratio: 44/45;
    height: auto;
    width: clamp(50px, 5vw, 106px)
}

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

    #gold-counter .gold-left,
    #gold-counter .gold-right {
        display: none
    }
}

#gold-counter .gold-mobile {
    display: none
}

@media only screen and (max-width:991px) {
    #gold-counter .gold-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px
    }

    #gold-counter .gold-mobile img {
        height: 36px;
        width: 35px
    }
}

#gold-counter .counter-txt {
    color: #fff;
    display: block;
    font-family: Inter, sans-serif;
    font-size: clamp(20px, 1.5vw, 30px);
    font-style: normal;
    font-weight: 800;
    letter-spacing: -.32px;
    line-height: 116%;
    text-align: center;
    white-space: nowrap
}

@media only screen and (max-width:991px) {
    #gold-counter .counter-txt {
        padding-bottom: 5px
    }
}

#praline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 243px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fcfcfc;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    padding-block: clamp(24px, 3vw, 56px);
    padding-inline: 16px
}

@media only screen and (max-width:991px) {
    #praline {
        height: 147px;
        padding-inline: 20px
    }
}

#praline .praline-banner {
    margin: 0 auto;
    max-width: 1158px;
    width: 100%
}

#praline p {
    color: #e3192d;
    font-family: Better Times;
    font-size: clamp(32px, 5vw, 64px);
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.64px;
    line-height: 116%;
    text-align: center
}

@media only screen and (max-width:991px) {
    #praline p {
        font-size: 32px
    }
}

#steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: url(../img/gradient.webp) 50%/cover no-repeat;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

#steps .step-graphics {
    aspect-ratio: 1920/1197;
    margin: 0 auto;
    position: relative;
    width: min(1920px, 100%)
}

#steps .step-graphics .step-wrapper {
    position: absolute;
    z-index: 2
}

#steps .step-graphics .step-wrapper p {
    color: #fff;
    font-family: Better Times, cursive;
    font-size: clamp(20px, 3vw, 48px);
    line-height: 1.2;
    margin: 0;
    max-width: 100%;
    text-align: center
}

#steps .step-graphics .step-1 {
    left: 64.5%;
    top: 25.64%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: clamp(335px, 60%, 950px)
}

#steps .step-graphics .step-2 {
    left: 47.5%;
    top: 55%;
    width: clamp(318px, 42%, 711px)
}

#steps .step-graphics .step-2,
#steps .step-graphics .step-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#steps .step-graphics .step-3 {
    left: 60.5%;
    top: 87%;
    width: clamp(347px, 47%, 787px)
}

#steps .step-graphics .step-3 .underline {
    color: unset;
    cursor: pointer;
    text-decoration: underline
}

#steps .step-graphics:before {
    background: url(../img/desk-steps.webp) 50%/contain no-repeat;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

@media only screen and (max-width:991px) {
    #steps {
        padding-inline: 37px
    }

    #steps .step-graphics {
        aspect-ratio: 375/812;
        display: block;
        height: auto;
        position: relative;
        width: 100%
    }

    #steps .step-graphics .step-wrapper {
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%
    }

    #steps .step-graphics .step-wrapper.step-1 {
        top: 27%;
        width: 95%
    }

    #steps .step-graphics .step-wrapper.step-2 {
        top: 65%;
        width: 105%
    }

    #steps .step-graphics .step-wrapper.step-3 {
        top: 92%;
        width: 110%
    }

    #steps .step-graphics:before {
        background-image: url(../img/mob-steps.webp);
        background-position: top;
        background-size: contain
    }
}

@media only screen and (min-width:992px) and (max-width:1750px) {
    #steps .step-graphics .step-1 {
        left: 68.5%;
        width: clamp(335px, 58%, 880px)
    }

    #steps .step-graphics .step-2 {
        left: 45.5%;
        width: clamp(318px, 40%, 680px)
    }

    #steps .step-graphics .step-3 {
        left: 65.5%;
        width: clamp(347px, 45%, 750px)
    }
}

/*# sourceMappingURL=land.min.css.map */