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

::after,
::before,
a {
    display: inline-block
}

a {
    text-decoration: none
}

li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h4,
h5,
h6 {
    font-weight: inherit
}

h1,
h2,
h4,
h5,
h6 {
    font-size: inherit
}

html {
    line-height: 1
}

body,
html {
    height: 100%
}

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

a,
button {
    color: inherit
}

button,
option,
select {
    cursor: pointer
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button,
mark {
    background-color: transparent
}

.c7187 {
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50
}

.i2c44c6ec h1,
section>h1,
section>section>div>h1,
section>section>div__container>h1,
section__container>h1 {
    color: var(--main-text);
    font-family: "Arial", sans-serif;
    font-weight: 600
}

@media (min-width:73.125em) {

    .i2c44c6ec h1,
    section>h1,
    section>section>div>h1,
    section>section>div__container>h1,
    section__container>h1 {
        font-size: 2.125rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (font-size:clamp(1.75rem, 1.6088235294rem + .7058823529vw, 2.125rem)) {

        .i2c44c6ec h1,
        section>h1,
        section>section>div>h1,
        section>section>div__container>h1,
        section__container>h1 {
            font-size: clamp(1.75rem, 1.6088235294rem + .7058823529vw, 2.125rem)
        }
    }

    @supports not (font-size:clamp(1.75rem, 1.6088235294rem + .7058823529vw, 2.125rem)) {

        .i2c44c6ec h1,
        section>h1,
        section>section>div>h1,
        section>section>div__container>h1,
        section__container>h1 {
            font-size: calc(1.75rem + .375*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {

    .i2c44c6ec h1,
    section>h1,
    section>section>div>h1,
    section>section>div__container>h1,
    section__container>h1 {
        font-size: 1.75rem
    }
}

@media (min-width:73.125em) {

    .i2c44c6ec h1,
    section>h1,
    section>section>div>h1,
    section>section>div__container>h1,
    section__container>h1 {
        line-height: 2.125rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (line-height:clamp(1.75rem, 1.6088235294rem + .7058823529vw, 2.125rem)) {

        .i2c44c6ec h1,
        section>h1,
        section>section>div>h1,
        section>section>div__container>h1,
        section__container>h1 {
            line-height: clamp(1.75rem, 1.6088235294rem + .7058823529vw, 2.125rem)
        }
    }

    @supports not (line-height:clamp(1.75rem, 1.6088235294rem + .7058823529vw, 2.125rem)) {

        .i2c44c6ec h1,
        section>h1,
        section>section>div>h1,
        section>section>div__container>h1,
        section__container>h1 {
            line-height: calc(1.75rem + .375*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {

    .i2c44c6ec h1,
    section>h1,
    section>section>div>h1,
    section>section>div__container>h1,
    section__container>h1 {
        line-height: 1.75rem
    }
}

@media (min-width:73.125em) {

    .i2c44c6ec h1,
    section>h1,
    section>section>div>h1,
    section>section>div__container>h1,
    section__container>h1 {
        margin-bottom: 1.5625rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (margin-bottom:clamp(.9375rem, .7022058824rem + 1.1764705882vw, 1.5625rem)) {

        .i2c44c6ec h1,
        section>h1,
        section>section>div>h1,
        section>section>div__container>h1,
        section__container>h1 {
            margin-bottom: clamp(.9375rem, .7022058824rem + 1.1764705882vw, 1.5625rem)
        }
    }

    @supports not (margin-bottom:clamp(.9375rem, .7022058824rem + 1.1764705882vw, 1.5625rem)) {

        .i2c44c6ec h1,
        section>h1,
        section>section>div>h1,
        section>section>div__container>h1,
        section__container>h1 {
            margin-bottom: calc(.9375rem + .625*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {

    .i2c44c6ec h1,
    section>h1,
    section>section>div>h1,
    section>section>div__container>h1,
    section__container>h1 {
        margin-bottom: .9375rem
    }
}

section>h2 {
    color: var(--main-text);
    font-family: "Arial", sans-serif
}

section>section>div>h2,
section>section>div__container>h2,
section__container>h2 {
    color: var(--main-text);
    font-family: "Arial", sans-serif;
    font-weight: 500
}

@media (min-width:73.125em) {

    section>h2,
    section>section>div>h2,
    section>section>div__container>h2,
    section__container>h2 {
        font-size: 1.875rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (font-size:clamp(1.625rem, 1.5308823529rem + .4705882353vw, 1.875rem)) {

        section>h2,
        section>section>div>h2,
        section>section>div__container>h2,
        section__container>h2 {
            font-size: clamp(1.625rem, 1.5308823529rem + .4705882353vw, 1.875rem)
        }
    }

    @supports not (font-size:clamp(1.625rem, 1.5308823529rem + .4705882353vw, 1.875rem)) {

        section>h2,
        section>section>div>h2,
        section>section>div__container>h2,
        section__container>h2 {
            font-size: calc(1.625rem + .25*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {

    section>h2,
    section>section>div>h2,
    section>section>div__container>h2,
    section__container>h2 {
        font-size: 1.625rem
    }
}

@media (min-width:73.125em) {

    section>h2,
    section>section>div>h2,
    section>section>div__container>h2,
    section__container>h2 {
        line-height: 1.875rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (line-height:clamp(1.625rem, 1.5308823529rem + .4705882353vw, 1.875rem)) {

        section>h2,
        section>section>div>h2,
        section>section>div__container>h2,
        section__container>h2 {
            line-height: clamp(1.625rem, 1.5308823529rem + .4705882353vw, 1.875rem)
        }
    }

    @supports not (line-height:clamp(1.625rem, 1.5308823529rem + .4705882353vw, 1.875rem)) {

        section>h2,
        section>section>div>h2,
        section>section>div__container>h2,
        section__container>h2 {
            line-height: calc(1.625rem + .25*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {

    section>h2,
    section>section>div>h2,
    section>section>div__container>h2,
    section__container>h2 {
        line-height: 1.625rem
    }
}

.oficcial-greeting>p,
section>p,
section>section>div>p,
section>section>div__container>p,
section__container>p {
    color: var(--main-text);
    font-family: "Arial", sans-serif;
    font-weight: 400;
    word-spacing: .0625rem
}

@media (min-width:73.125em) {

    .oficcial-greeting>p,
    section>p,
    section>section>div>p,
    section>section>div__container>p,
    section__container>p {
        font-size: .96rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (font-size:clamp(.875rem, .8279411765rem + .2352941176vw, 1rem)) {

        .oficcial-greeting>p,
        section>p,
        section>section>div>p,
        section>section>div__container>p,
        section__container>p {
            font-size: clamp(.875rem, .8279411765rem + .2352941176vw, 1rem)
        }
    }

    @supports not (font-size:clamp(.875rem, .8279411765rem + .2352941176vw, 1rem)) {

        .oficcial-greeting>p,
        section>p,
        section>section>div>p,
        section>section>div__container>p,
        section__container>p {
            font-size: calc(.875rem + .125*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {

    .oficcial-greeting>p,
    section>p,
    section>section>div>p,
    section>section>div__container>p,
    section__container>p {
        font-size: .875rem
    }
}

@media (min-width:73.125em) {

    .oficcial-greeting>p,
    section>p,
    section>section>div>p,
    section>section>div__container>p,
    section__container>p {
        line-height: 1.45rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (line-height:clamp(1.125rem, 1.0779411765rem + .2352941176vw, 1.25rem)) {

        .oficcial-greeting>p,
        section>p,
        section>section>div>p,
        section>section>div__container>p,
        section__container>p {
            line-height: clamp(1.125rem, 1.0779411765rem + .2352941176vw, 1.25rem)
        }
    }

    @supports not (line-height:clamp(1.125rem, 1.0779411765rem + .2352941176vw, 1.25rem)) {

        .oficcial-greeting>p,
        section>p,
        section>section>div>p,
        section>section>div__container>p,
        section__container>p {
            line-height: calc(1.125rem + .125*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {

    .oficcial-greeting>p,
    section>p,
    section>section>div>p,
    section>section>div__container>p,
    section__container>p {
        line-height: 1.125rem
    }
}

.bddf70d3,
.ja3b9a li a,
.xbecca6f,
.l13239 p,
.u4f74,
.a4fdc a,
.m2af87 li a,
.m11c36f2,
.n688c0,
.m7435118,
.x7b00be {
    font-family: "Arial", sans-serif
}

.h8edcba3::after {
    content: "";
    width: 100%;
    border-radius: .0625rem
}

section>h2::after,
section>section>div>h2::after,
section>section>div__container>h2::after,
section__container>h2::after {
    content: "";
    width: 100%;
    height: .125rem;
    border-radius: .0625rem
}

.wb7190409,
.i7d7dba0 {
    max-width: 77.5rem;
    margin: 0 auto
}

.i7d7dba0 {
    padding-left: .9375rem;
    padding-right: .9375rem
}

.b19bccd9 {
    margin: 0 auto
}

.c7187 {
    background: var(--header-bg)
}

@media (max-width:61.99875em) {
    .c7187 {
        display: block
    }
}

.b19bccd9 {
    max-width: 77.5rem;
    padding: .6375rem 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:47.99875em) {
    .b19bccd9 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: .9375rem;
        -moz-column-gap: .9375rem;
        column-gap: .9375rem;
        row-gap: .625rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: .625rem .9375rem
    }
}

.j3a86 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    padding-right: .9375rem
}

@media (max-width:47.99875em) {
    .j3a86 {
        width: 100%
    }
}

.j3a86 a {
    width: 8rem
}

@media (min-width:47.99875em) {
    .j3a86 a {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.j3a86 a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 9.375rem/3.75rem;
    max-height: 3.43rem
}

@media (max-width:47.99875em) {
    .j3a86 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.s3709b {
    padding: 0 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

@media (max-width:47.99875em) {
    .s3709b {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.m11c36f2 {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1rem;
    padding: .75rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: auto;
    height: 2.625rem;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: .5rem;
    color: var(--text-btns);
    background: var(--login-btn);
    position: relative
}

@media (max-width:47.99875em) {
    .m11c36f2 {
        width: 100%
    }
}

.m11c36f2:hover,
.n688c0:hover {
    opacity: .8
}

.j769994e7 span,
.n688c0 {
    -webkit-transition: .3s;
    transition: .3s
}

.n688c0 {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1rem;
    padding: .75rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: auto;
    height: 2.625rem;
    border-radius: .5rem;
    color: var(--text-btns);
    background: var(--reg-btn);
    position: relative
}

@media (max-width:47.99875em) {
    .n688c0 {
        width: 100%
    }
}

.d18c758 {
    display: none;
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    border-radius: 40%
}

@media (max-width:68.75em) {
    .c3ee4 {
        display: block;
        width: 2.5rem;
        height: 2.5rem
    }
}

@media (max-width:47.99875em) {
    .c3ee4 {
        display: none !important
    }

    .d18c758 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 2.5rem;
        height: 2.5rem
    }
}

.d18c758 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5rem;
    height: 2.5rem
}

.j769994e7,
.m2af87 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.j769994e7 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 2.2rem;
    height: 1.5rem;
    cursor: pointer
}

.j769994e7 span {
    display: block;
    height: .25rem;
    width: 100%;
    background-color: var(--header-color);
    border-radius: .125rem
}

.m2af87 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:75em) {
    .m2af87 {
        -webkit-column-gap: 1.1875rem;
        -moz-column-gap: 1.1875rem;
        column-gap: 1.1875rem
    }
}

@media (min-width:62.5em) and (max-width:75em) {
    @supports ((-moz-column-gap:clamp(1.25rem, -3.4375rem + 7.5vw, 1.1875rem)) or (column-gap:clamp(1.25rem, -3.4375rem + 7.5vw, 1.1875rem))) {
        .m2af87 {
            -webkit-column-gap: clamp(1.25rem, -3.4375rem + 7.5vw, 1.1875rem);
            -moz-column-gap: clamp(1.25rem, -3.4375rem + 7.5vw, 1.1875rem);
            column-gap: clamp(1.25rem, -3.4375rem + 7.5vw, 1.1875rem)
        }
    }

    @supports not ((-moz-column-gap:clamp(1.25rem, -3.4375rem + 7.5vw, 2.1875rem)) or (column-gap:clamp(1.25rem, -3.4375rem + 7.5vw, 2.1875rem))) {
        .m2af87 {
            -webkit-column-gap: calc(1.25rem + .9375*(100vw - 62.5rem)/12.5);
            -moz-column-gap: calc(1.25rem + .9375*(100vw - 62.5rem)/12.5);
            column-gap: calc(1.25rem + .9375*(100vw - 62.5rem)/12.5)
        }
    }
}

@media (max-width:62.5em) {
    .m2af87 {
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
}

@media (max-width:68.75em) {
    .m2af87 {
        display: none
    }
}

.m2af87 li a {
    color: var(--header-color);
    font-size: .98rem;
    line-height: 1rem;
    font-weight: 500;
    width: 100%;
    padding: .3125rem .5rem;
    border-radius: .375rem
}

.a4fdc a:hover,
.m2af87 li a:hover {
    opacity: .6
}

.s7ea84f5d,
.m2af87 li a {
    -webkit-transition: .3s;
    transition: .3s
}

.s7ea84f5d:hover .b6de5ed {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.ae4f1 {
    position: relative;
    padding-right: 1.5625rem !important
}

.b6de5ed {
    position: absolute;
    top: .0625rem;
    right: .25rem;
    width: .8125rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media (max-width:68.75em) {
    .b6de5ed {
        display: none
    }
}

.z94053d {
    padding-top: 1.25rem;
    position: absolute;
    top: 1.75rem;
    left: -.3125rem;
    min-width: 12.8125rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.ce74621a li:not(:last-child) {
    border-bottom: .0625rem solid var(--main-bg)
}

.ce74621a li a {
    color: var(--header-bg);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    border-radius: 0 !important;
    padding: .625rem .3125rem .625rem .625rem;
    -webkit-transition: .3s;
    transition: .3s
}

.bddf70d3:hover,
.xbecca6f:hover,
.ce74621a li a:hover {
    opacity: .8
}

.s7ea84f5d {
    position: relative
}

.s7ea84f5d:hover .z94053d {
    top: 1.125rem;
    visibility: visible;
    opacity: 1
}

html {
    scroll-behavior: smooth
}

.z6488 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 52;
    height: 100%;
    background: var(--header-bg);
    overflow-y: auto;
    padding: 0 .75rem;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.z6488::-webkit-scrollbar {
    display: none
}

@media (min-width:61.99875em) and (min-width:73.125em) {
    .z6488 {
        max-width: 15.8125rem
    }
}

@media (min-width:61.99875em) and (min-width:48em) and (max-width:73.125em) {
    @supports (max-width:clamp(13.75rem, 9.8097014925rem + 8.2089552239vw, 15.8125rem)) {
        .z6488 {
            max-width: clamp(13.75rem, 9.8097014925rem + 8.2089552239vw, 15.8125rem)
        }
    }

    @supports not (max-width:clamp(13.75rem, 9.8097014925rem + 8.2089552239vw, 15.8125rem)) {
        .z6488 {
            max-width: calc(13.75rem + 2.0625*(100vw - 48rem)/25.125)
        }
    }
}

@media (min-width:61.99875em) and (max-width:48em) {
    .z6488 {
        max-width: 13.75rem
    }
}

@media (max-width:68.75em) {

    .z6488,
    .dae5f7b4c {
        position: fixed;
        z-index: 51;
        width: 100%;
        height: 100%;
        top: 0;
        overflow-x: hidden;
        -webkit-transition: .3s;
        transition: .3s;
        padding: 0;
        overflow-y: auto
    }

    .z6488 {
        display: block;
        background: 0 0;
        left: -100%;
        border: 0
    }

    .dae5f7b4c {
        background-color: rgba(0, 0, 0, .6);
        left: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .dae5f7b4c::-webkit-scrollbar {
        display: none
    }

    .l28b26,
    .l28b26::before {
        -webkit-transition: .3s;
        transition: .3s;
        width: 20rem;
        background: var(--header-bg);
        border-bottom: none
    }

    .l28b26 {
        -webkit-box-shadow: .0625rem 0 .3125rem rgba(50, 50, 50, .9);
        box-shadow: .0625rem 0 .3125rem rgba(50, 50, 50, .9);
        height: 100%;
        position: relative;
        padding: .625rem
    }

    .l28b26::before {
        content: "";
        position: fixed;
        top: 0;
        left: -624.9375rem;
        height: 100% !important;
        border-top: none;
        z-index: -1
    }
}

.s1423,
.bddf70d3,
.dc3c708,
.xbecca6f {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bddf70d3,
.dc3c708,
.xbecca6f {
    display: flex
}

.dc3c708 {
    padding: .9375rem 0;
    padding-bottom: 0
}

.dc3c708 a {
    max-width: 12.5rem;
    width: 100%
}

.dc3c708 a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 9.375rem/3.75rem;
    max-height: 5.625rem
}

.s1423,
.bddf70d3,
.xbecca6f {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.s1423 {
    display: flex;
    padding: .625rem;
    gap: .9375rem;
    margin-bottom: .9375rem;
    margin-top: .9375rem
}

.bddf70d3,
.xbecca6f {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1rem;
    padding: .75rem 1.25rem;
    text-align: center;
    height: 2.625rem;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: .5rem;
    color: var(--text-btns);
    position: relative
}

.bddf70d3 {
    background: var(--login-btn)
}

.xbecca6f {
    background: var(--reg-btn)
}

.ja3b9a li {
    background-color: rgba(255, 255, 255, .1);
    border-radius: .5rem
}

.ja3b9a li:not(:last-child) {
    margin-bottom: .5rem
}

@media (max-width:47.99875em) {
    .ja3b9a li:not(:last-child) {
        margin-bottom: .5rem
    }
}

.ja3b9a li a {
    color: var(--header-color);
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .9375rem;
    width: 100%;
    padding: .75rem 1rem;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.ja3b9a li a:hover {
    opacity: .75
}

.ja3b9a li a img {
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.a92714f8 {
    border-radius: .625rem
}

.qf4fa23 {
    position: absolute;
    top: .4375rem;
    right: .3125rem;
    display: block
}

@media (min-width:68.75em) {
    .qf4fa23 {
        display: none
    }
}

.yb3e0c {
    width: 1.875rem;
    height: 1.875rem;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.yb3e0c::after,
.yb3e0c::before {
    content: "";
    position: absolute;
    background-color: var(--header-color);
    width: 1.875rem;
    height: .25rem;
    border-radius: 2px;
    top: 50%;
    left: 0
}

.yb3e0c::before {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.yb3e0c::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.yb3e0c:hover {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

body[data-menu-open] {
    overflow: hidden
}

body[data-menu-open] .z6488,
body[data-menu-open] .l28b26::before {
    left: 0
}

.i599935f,
.yb3e0c {
    position: relative
}

.ieef3c9d4 {
    position: absolute;
    top: .4375rem;
    right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: .25rem;
    border-radius: 50%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.j63ef6 {
    border-radius: 0 !important
}

.u9411f0de .k06a3 {
    visibility: visible;
    opacity: 1;
    height: 100%
}

.u9411f0de .ieef3c9d4 {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.u9411f0de.i599935f .j63ef6 {
    border-bottom: .0625rem var(--main-text) solid
}

.k06a3 {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    height: 0;
    margin-top: 0
}

.l0180e37:not(:last-child) {
    margin-bottom: 0 !important
}

.l0180e37 li:not(:last-child) {
    margin-bottom: 0 !important;
    border-bottom: .0625rem var(--main-text) solid;
    border-radius: 0
}

.l0180e37 li:last-child {
    border-bottom: none
}

.oficcial-greeting>p:not(:last-child) {
    margin-bottom: 1.5625rem
}

.xc1343 {
    position: relative;
    overflow: hidden;
    border-radius: .5rem !important;
    margin-bottom: 1.25rem;
    cursor: pointer
}

.xc1343:hover .e6fd1 img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

@media (max-width:47.99875em) {
    .xc1343:hover .e6fd1 img {
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02)
    }
}

.e6fd1 {
    max-width: 74.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    overflow: hidden
}

.pf1d9dac3 {
    -webkit-transition: .3s;
    transition: .3s;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 74.375rem;
    aspect-ratio: 1200/400;
    width: 100%
}

@media (min-width:73.125em) {
    .pf1d9dac3 {
        height: 25rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (height:clamp(12.5rem, 7.7941176471rem + 23.5294117647vw, 25rem)) {
        .pf1d9dac3 {
            height: clamp(12.5rem, 7.7941176471rem + 23.5294117647vw, 25rem)
        }
    }

    @supports not (height:clamp(12.5rem, 7.7941176471rem + 23.5294117647vw, 25rem)) {
        .pf1d9dac3 {
            height: calc(12.5rem + 12.5*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {
    .pf1d9dac3 {
        height: 12.5rem
    }
}

.y0dbd6f70,
.g63e11e9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.g63e11e9 {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%
}

.y0dbd6f70 {
    max-width: 42.5rem;
    padding: .9375rem;
    border-radius: .5rem;
    background-color: rgba(0, 0, 0, .75)
}

@media (max-width:55.625em) {
    .y0dbd6f70 {
        margin-left: 0
    }
}

.x7b00be {
    color: rgb(247, 242, 241);
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 0 .1875rem rgb(7, 27, 43);
    text-align: center;
    margin-bottom: .5rem
}

@media (min-width:73.125em) {
    .x7b00be {
        font-size: 1.875rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (font-size:clamp(1.125rem, .8426470588rem + 1.4117647059vw, 1.875rem)) {
        .x7b00be {
            font-size: clamp(1.125rem, .8426470588rem + 1.4117647059vw, 1.875rem)
        }
    }

    @supports not (font-size:clamp(1.125rem, .8426470588rem + 1.4117647059vw, 1.875rem)) {
        .x7b00be {
            font-size: calc(1.125rem + .75*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {
    .x7b00be {
        font-size: 1.125rem
    }
}

@media (min-width:73.125em) {
    .x7b00be {
        line-height: 2rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (line-height:clamp(1.375rem, 1.1397058824rem + 1.1764705882vw, 2rem)) {
        .x7b00be {
            line-height: clamp(1.375rem, 1.1397058824rem + 1.1764705882vw, 2rem)
        }
    }

    @supports not (line-height:clamp(1.375rem, 1.1397058824rem + 1.1764705882vw, 2rem)) {
        .x7b00be {
            line-height: calc(1.375rem + .625*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {
    .x7b00be {
        line-height: 1.375rem
    }
}

.x7b00be span {
    color: rgb(247, 242, 241)
}

.m7435118,
.e87828 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m7435118 {
    margin-top: .5rem;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1rem;
    padding: .75rem 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 12.5rem;
    height: 2.625rem;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: .5rem;
    color: var(--text-btns);
    background: var(--reg-btn);
    position: relative
}

.a6c24b215 .hf331fc:hover,
.m62ad button:hover,
.m7435118:hover {
    opacity: .8
}

.e87828 {
    margin-top: .625rem;
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    cursor: pointer
}

@media (max-width:47.99875em) {
    .e87828 img {
        max-width: 7.5rem
    }
}

section>section {
    margin-top: 2.1875rem
}

.main__container>:last-child,
section>:last-child,
section>section>div>:last-child {
    margin-bottom: 0
}

section>section>div__container>h2,
section__container>h2 {
    margin-bottom: .9375rem
}

section>section>div__container>p,
section__container>p {
    margin-bottom: 1.5625rem
}

section>h2,
section>section>div>h2 {
    margin-bottom: .625rem
}

section>p,
section>section>div>p {
    margin-bottom: 1.25rem
}

section>p em,
section>section>div>p em {
    font-style: italic
}

section>p a,
section>section>div>p a {
    text-decoration: underline;
    color: var(--main-text)
}

section>p strong,
section>section>div>p strong {
    font-weight: 700
}

body {
    font-family: "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: var(--main-text);
    line-height: 1.46;
    background: var(--main-bg)
}

.b1f911a6,
.v30252 {
    min-height: 100vh;
    overflow: clip
}

.page>main,
.wrapper>main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.uff2efc,
.b1f911a6,
.v30252 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:73.125em) {
    .uff2efc {
        padding-left: 1.5625rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (padding-left:clamp(.4375rem, .0139705882rem + 2.1176470588vw, 1.5625rem)) {
        .uff2efc {
            padding-left: clamp(.4375rem, .0139705882rem + 2.1176470588vw, 1.5625rem)
        }
    }

    @supports not (padding-left:clamp(.4375rem, .0139705882rem + 2.1176470588vw, 1.5625rem)) {
        .uff2efc {
            padding-left: calc(.4375rem + 1.125*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {
    .uff2efc {
        padding-left: .4375rem
    }
}

@media (min-width:73.125em) {
    .uff2efc {
        padding-right: 1.5625rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (padding-right:clamp(.4375rem, .0139705882rem + 2.1176470588vw, 1.5625rem)) {
        .uff2efc {
            padding-right: clamp(.4375rem, .0139705882rem + 2.1176470588vw, 1.5625rem)
        }
    }

    @supports not (padding-right:clamp(.4375rem, .0139705882rem + 2.1176470588vw, 1.5625rem)) {
        .uff2efc {
            padding-right: calc(.4375rem + 1.125*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {
    .uff2efc {
        padding-right: .4375rem
    }
}

.i7d7dba0 {
    width: 100%;
    padding-top: 0;
    padding-bottom: 2.1875rem;
    margin-top: 46px;
    margin-bottom: 1rem
}

@media (min-width:73.125em) {
    .i7d7dba0 {
        padding-left: 1.5625rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (padding-left:clamp(.625rem, .2720588235rem + 1.7647058824vw, 1.5625rem)) {
        .i7d7dba0 {
            padding-left: clamp(.625rem, .2720588235rem + 1.7647058824vw, 1.5625rem)
        }
    }

    @supports not (padding-left:clamp(.625rem, .2720588235rem + 1.7647058824vw, 1.5625rem)) {
        .i7d7dba0 {
            padding-left: calc(.625rem + .9375*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {
    .i7d7dba0 {
        padding-left: .625rem
    }
}

@media (min-width:73.125em) {
    .i7d7dba0 {
        padding-right: 1.5625rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (padding-right:clamp(.625rem, .2720588235rem + 1.7647058824vw, 1.5625rem)) {
        .i7d7dba0 {
            padding-right: clamp(.625rem, .2720588235rem + 1.7647058824vw, 1.5625rem)
        }
    }

    @supports not (padding-right:clamp(.625rem, .2720588235rem + 1.7647058824vw, 1.5625rem)) {
        .i7d7dba0 {
            padding-right: calc(.625rem + .9375*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {
    .i7d7dba0 {
        padding-right: .625rem
    }
}

.main__container>section {
    margin-top: 2.1875rem
}

.main__container>:first-child {
    margin-top: 0
}

.l13239 {
    padding-bottom: .625rem;
    background: var(--footer-bg);
    border-top: .0625rem solid rgba(0, 0, 0, .1)
}

.wb7190409 {
    padding: 1.25rem .9375rem
}

.fa56bc0 {
    padding-top: .9375rem;
    padding-bottom: .3125rem;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fa56bc0 svg path {
    fill: var(--footer-color)
}

@media (min-width:73.125em) {
    .fa56bc0 {
        gap: 1.25rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (gap:clamp(.625rem, .3897058824rem + 1.1764705882vw, 1.25rem)) {
        .fa56bc0 {
            gap: clamp(.625rem, .3897058824rem + 1.1764705882vw, 1.25rem)
        }
    }

    @supports not (gap:clamp(.625rem, .3897058824rem + 1.1764705882vw, 1.25rem)) {
        .fa56bc0 {
            gap: calc(.625rem + .625*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {
    .fa56bc0 {
        gap: .625rem
    }
}

.t28d9 {
    background-color: var(--text-btns);
    border-radius: .75rem;
    padding: .375rem
}

.d0ca7be {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l13239 img {
    max-width: 18.75rem;
    max-height: 3.125rem;
    vertical-align: middle
}

.u4f74,
.a4fdc,
.d0ca7be {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.u4f74 {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.125rem;
    color: var(--text-btns);
    background: var(--reg-btn)
}

.a4fdc {
    gap: 2.1875rem;
    row-gap: .3125rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:47.99875em) {
    .a4fdc {
        row-gap: .3125rem
    }
}

.a4fdc a {
    color: var(--footer-color);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    -webkit-transition: .3s;
    transition: .3s
}

@media (max-width:47.99875em) {
    .a4fdc a {
        font-size: .875rem;
        line-height: 1rem
    }
}

.lfdb58c5 {
    margin-top: .875rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .9375rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.h8edcba3::after {
    height: .0625rem
}

.l13239 p {
    color: var(--footer-color);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    text-align: center;
    opacity: .8
}

.fee13 {
    bottom: .9375rem;
    position: fixed;
    right: -100%;
    -webkit-transition: right .5s;
    transition: right .5s;
    z-index: 50
}

@media (min-width:73.125em) {
    .fee13 {
        width: 2.5rem
    }
}

@media (min-width:20em) and (max-width:73.125em) {
    @supports (width:clamp(2.5rem, 2.5rem + 0vw, 2.5rem)) {
        .fee13 {
            width: clamp(2.5rem, 2.5rem + 0vw, 2.5rem)
        }
    }

    @supports not (width:clamp(2.5rem, 2.5rem + 0vw, 2.5rem)) {
        .fee13 {
            width: calc(2.5rem + 0*(100vw - 20rem)/53.125)
        }
    }
}

@media (max-width:20em) {
    .fee13 {
        width: 2.5rem
    }
}

.h4fea,
.h849dceac {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.h849dceac {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--login-btn);
}

.h849dceac:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#go-top-elem[data-shown=true],
.fee13.p77c0 {
    right: .625rem
}

.h4fea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 1.25rem
}

.zd24eea5 {
    width: 0;
    height: 0;
    border-left: .625rem solid transparent;
    border-right: .625rem solid transparent;
    border-bottom: .9375rem solid var(--main-text)
}

.x2c26def1 {
    width: .25rem;
    height: .9375rem;
    background-color: var(--main-text)
}

h1 {
    text-transform: uppercase
}

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

    .a4fdc,
    .fa56bc0 {
        flex-direction: column !important;
        justify-content: center;
        gap: 1rem
    }

    .a4fdc li {
        text-align: center
    }

    .h8edcba3 {
        display: none
    }
}

.main__container>section,
section {
    margin-top: 0;
    margin-bottom: 2rem;
    scroll-margin: 100px 0 0
}

.i7d7dba0:last-child {
    margin-bottom: 0
}

h2::after,
section>h2::after {
    background: var(--main-text);
    opacity: .6
}

h2,
section>h2 {
    font-weight: 700;
    scroll-margin: 100px 0 0
}

h3,
ol li,
section h3,
ul li {
    margin-bottom: 1.25rem;
    line-height: clamp(1.125rem, 1.0779411765rem + .2352941176vw, 1.25rem)
}

h3,
section h3 {
    font-size: 24px;
    color: var(--main-text);
    font-weight: 700
}

ol,
ul {
    list-style-type: disc;
    padding-left: 16px
}

ol {
    list-style-type: decimal
}

ol li,
ul li {
    list-style: disc
}

ol li {
    list-style: decimal
}

.ja3b9a,
.a6c24b215 .w9caff li,
.a4fdc,
.m2af87 {
    padding: 0;
    list-style-type: none
}

.ja3b9a li,
.a4fdc li,
.m2af87 li {
    list-style: none;
    margin-bottom: 0
}

#nav[data-open=true] .o56bed {
    height: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin-top: .5rem
}

#nav[data-open=true] .hf331fc .a8a97d448 {
    display: none
}

#nav[data-open=true] .hf331fc .oeab4980 {
    display: block
}

.a6c24b215 .o56bed {
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;
    transition: opacity .3s ease 0s, transform .3s ease 0s;
    transition: opacity .3s ease 0s, transform .3s ease 0s, -webkit-transform .3s ease 0s
}

.a6c24b215 button {
    width: auto;
    height: auto
}

.a6c24b215 .hf331fc {
    background: 0 0;
    border: 0;
    color: var(--main-text);
    font-size: 24px;
    font-weight: 700;
    transition: all .3s ease
}

@media screen and (max-width:768px) {
    .a6c24b215 .hf331fc {
        font-size: 1.5rem
    }
}

.a6c24b215 .a8a97d448 {
    display: block
}

.a6c24b215 .oeab4980 {
    display: none
}

.a6c24b215 .w9caff {
    border: 2px solid var(--nav-acc-head-game-bg);
    background: var(--nav-acc-head-game-bg);
    border-radius: .5rem;
    padding: 12px;
    -webkit-columns: 330px 2;
    -moz-columns: 330px 2;
    columns: 330px 2
}

.a6c24b215 .w9caff li {
    margin-bottom: .25rem
}

.a6c24b215 .w9caff .wf6df {
    display: inline;
    width: 15px;
    margin: 0 5px 0 0;
    vertical-align: -2px
}

.a6c24b215 .w9caff a {
    color: var(--main-text);
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
    padding: 5px;
    font-size: 18px;
    line-height: 22px;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

.a6c24b215 .w9caff a:focus,
.a6c24b215 .w9caff a:hover {
    opacity: .8
}

.a6c24b215 ul {
    padding: 0
}

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

    .main__container>section,
    h2,
    section,
    section>h2 {
        scroll-margin: 140px 0 0
    }
}

.r8396 {
    padding: 0 !important
}

.rbb4a1a,
.r8396,
.r05584 {
    list-style-type: none
}

.rbb4a1a .h3602c8 {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 8px 20px rgba(9, 28, 83, .08);
    box-shadow: 0 8px 20px rgba(9, 28, 83, .08);
    background: var(--nav-acc-head-game-bg);
    border-radius: .5rem;
    color: var(--main-text)
}

.rbb4a1a .bb0a79 {
    padding: 20px;
    width: 100%;
    text-align: left;
    color: var(--main-text);
    background: 0 0;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rbb4a1a .bb0a79 svg path {
    fill: var(--main-text)
}

.rbb4a1a .bb0a79 h3 {
    padding: 0;
    margin: 0 10px 0 0;
    font-size: 22px;
    color: var(--main-text)
}

@media screen and (max-width:768px) {
    .rbb4a1a .bb0a79 h3 {
        font-size: 1.125rem
    }
}

.rbb4a1a .bb0a79 .qd352 {
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s
}

.rbb4a1a .bb0a79 .qd352 img {
    display: block;
    width: 25px;
    margin: 0
}

.rbb4a1a .oa244 {
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    background-color: var(--acc-bg-body);
    -webkit-transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;
    transition: opacity .3s ease 0s, transform .3s ease 0s;
    transition: opacity .3s ease 0s, transform .3s ease 0s, -webkit-transform .3s ease 0s
}

.rbb4a1a .oa244 p {
    margin: 0;
    font-size: 16px;
    padding: 20px;
    color: var(--acc-text-body)
}

[data-el=acc] [data-el=acc-inner][data-open=true] [data-el=acc-body] {
    height: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-top: 2px solid rgba(255, 255, 255, .1)
}

[data-el=acc] [data-el=acc-inner][data-open=true] [data-el=acc-arrow] {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.r05584 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    padding: 0;
    margin: 0
}

.ieb686 {
    list-style: none;
    border-radius: .5rem;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.cfdee5,
.q2818ac32 {
    position: relative;
    height: 100%
}

.q2818ac32:hover .m62ad {
    opacity: 1;
    visibility: visible
}

.cfdee5 .l13991f {
    height: 100%;
    position: relative;
    z-index: -1
}

.cfdee5 .l13991f img {
    width: 100%;
    height: 100%;
    display: block
}

.cfdee5 .q50e5cf {
    bottom: 0;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 3
}

.cfdee5 .q50e5cf p {
    color: var(--main-text);
    width: 100%;
    padding: 6px 4px;
    text-align: center;
    background: var(--nav-acc-head-game-bg);
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5
}

.m62ad,
.m62ad button {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cfdee5 .q50e5cf,
.m62ad {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.m62ad {
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    opacity: 0;
    visibility: hidden;
    padding-bottom: 2rem
}

.m62ad button {
    border: 0;
    background: 0 0;
    color: rgb(254, 253, 253);
    cursor: pointer;
    margin: 0;
    padding: 0
}

.m62ad .m2c4d21,
.m62ad .h7fd68 {
    font-size: 18px;
    color: var(--text-btns);
    padding: 10px 12px;
    border-radius: .5rem
}

.m62ad .h7fd68 {
    background: var(--reg-btn)
}

.m62ad .m2c4d21 {
    background: var(--login-btn)
}

@media screen and (max-width:992px) {
    .r05584 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width:500px) {
    .r05584 {
        grid-template-columns: repeat(2, 1fr)
    }
}

.ia78f60c,
.ia78f60c article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ia78f60c {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 15px
}

.ia78f60c article {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 32%;
    flex: 1 1 32%;
    min-width: 300px;
    max-width: 430px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ia78f60c p,
.e17be35 p {
    margin: 0
}

.n5a31f209 {
    border-radius: 8px;
    padding: 24px;
    border: 1px solid rgb(229, 230, 219);
    background-color: rgb(255, 255, 255);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.i32a8d {
    margin-bottom: 16px;
    border-bottom: 1px solid rgb(230, 228, 222);
    padding-bottom: 16px
}

.uf79fed {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.e17be35 {
    margin-left: 8px
}

.e17be35 h3 {
    font-style: normal !important;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px;
    color: rgb(1, 0, 1);
    font-weight: 600;
    padding: 0
}

.e17be35 p,
.e17be35 span {
    font-size: 14px;
    font-weight: 400;
    color: #262626
}

.e17be35 .b75e2ea1 {
    margin-left: 12px
}

.xbdcc {
    width: 100%;
    margin-top: 16px
}

.xbdcc .z23b5f6 {
    width: 108px;
    height: 20px
}

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

.xbdcc .lda6d2bc p {
    color: rgb(38, 40, 40);
    font-size: 14px
}

.xbdcc .qb346 {
    margin-top: 12px
}

.xbdcc .qb346 p {
    margin: 12px 0;
    color: #000
}

.qb346 h3 {
    color: rgb(2, 0, 1);
    padding: 0;
    margin: 0
}

.o40d78da6 form button,
.w3616df57 p,
section p:last-child {
    margin-top: 12px
}

.beda4f670 {
    font-size: 14px;
    color: #000 !important
}

@media screen and (max-width:375px) {
    .beda4f670 {
        font-size: 12px
    }
}

.ba1d54c1 {
    margin-top: 16px;
    border-top: 1px solid rgb(230, 228, 221);
    padding-top: 16px
}

.i32a8d {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nb7fc9e,
.ba1d54c1 {
    width: 100%;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.k00daad9,
.v188f0,
.nb7fc9e,
.b690dac33,
.jc08bc7b8,
.ba1d54c1,
.m336565d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b690dac33,
.jc08bc7b8 {
    cursor: pointer
}

.b690dac33 svg,
.jc08bc7b8 svg {
    margin-top: 9px
}

.b690dac33 p,
.jc08bc7b8 p {
    margin-left: 4px;
    font-size: 14px;
    color: rgb(40, 38, 38);
    font-weight: 300
}

.b690dac33 p span,
.jc08bc7b8 p span {
    font-weight: 600;
    margin-left: 4px
}

.v188f0 div:last-child {
    margin-left: 30px
}

@media (max-width:600px) {
    .d2310ee57 figure figcaption p {
        font-size: 1rem !important
    }
}

.g4de6f62 {
    text-align: center;
    padding-top: 10px
}

.g4de6f62 a {
    color: var(--main-text);
    text-decoration: underline
}

.g4de6f62 a:hover {
    opacity: .8
}

.oe0894fc {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgb(254, 251, 215);
    display: flex;
    justify-content: center;
    align-items: center
}

.oe0894fc span {
    color: rgb(1, 0, 1);
    font-weight: 700
}

@media screen and (max-width:680px) {
    .ia78f60c article {
        flex: 1 1 100%;
        max-width: none;
        min-width: none;
        width: 100%
    }

    .ia78f60c .n5a31f209 {
        width: 100%
    }
}

input,
textarea {
    all: unset;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font: inherit;
    color: inherit;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    resize: none;

    &::-webkit-input-placeholder,
    &::-moz-placeholder,
    &:-ms-input-placeholder,
    &::-ms-input-placeholder {
        color: inherit;
        opacity: 1;
    }

    &::-webkit-inner-spin-button,
    &::-webkit-outer-spin-button {
        appearance: none;
        margin: 0;
    }

    &::-webkit-search-decoration,
    &::-webkit-search-cancel-button {
        display: none;
    }

    &::-ms-clear,
    &::-ms-reveal {
        display: none;
    }
}

.z8fe2b12 {
    padding: 1rem 1.5rem;
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid var(--main-text);
    border-radius: 0.5rem;
}

.z8fe2b12 form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.z8fe2b12 .uf32ac2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.z8fe2b12 .uf32ac2 .le53ac {
    flex: 1 1 auto;
}

.z8fe2b12 input,
.z8fe2b12 textarea {
    border: 1px solid var(--main-text);
    border-radius: 0.5rem;
    font-size: 1rem;
    padding: 6px 8px;
    color: var(--main-text);
}

.z8fe2b12 .le53ac span {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    color: var(--main-text);
}

.z8fe2b12 .cf9714cd {
    margin: 0 auto;
    width: auto;
}

.xa051980f {
    text-align: center;
}

.xa051980f p {
    margin: 0 !important;
    font-weight: 700;
    font-size: 20px;
}

[data-elem="form"] [data-elem="form-message"] {
    display: none;
}

[data-elem="form"][data-submit="true"] [data-elem="form-message"] {
    display: block;
}

[data-elem="form"][data-submit="true"] [data-elem="form-main"] {
    display: none;
}

[data-elem="form"] {
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
}

[data-elem="form"][data-active="true"] {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 1rem 1.5rem;
    margin-top: 1rem;
}

#write-review {
    width: auto;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .z8fe2b12 {
        width: 100%;
        padding: 0.5rem 0.75rem;
        max-width: none;
    }

    .z8fe2b12 .uf32ac2 {
        flex-direction: column;
        width: 100%;
    }

    .z8fe2b12 .uf32ac2 .le53ac {
        width: 100%;
    }

    [data-elem="form"][data-active="true"] {
        padding: 0.5rem 0.75rem;
    }
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid var(--table-border);
}

table p {
    margin: 0 !important;
}

table tr td,
table tr th {
    border: 1px solid var(--table-border);
    text-align: center;
    padding: 5px;
}

table tr td a {
    text-decoration: underline;
    cursor: pointer;
}

table tr td a:hover {
    opacity: 0.8;
}

@media (max-width: 500px) {
    table {
        display: block;
        overflow-x: auto;
        min-width: 100%;
        white-space: nowrap;
    }

    td {
        white-space: nowrap;
        width: 100%;
    }
}

table thead tr {
    background: var(--table-odd-bg);
    color: var(--table-color);
}

table thead tr th {
    font-weight: 900;
}

table:has(thead) tbody tr:nth-child(even) {
    background: var(--table-odd-bg);
    color: var(--table-color);
    border: 1px solid var(--table-border);
}

table:has(thead) tbody tr:nth-child(odd) {
    background: var(--table-even-bg);
    color: var(--table-color);
    border: 1px solid var(--table-border);
}

table:has(thead) tbody tr td a {
    color: var(--table-color);
}

table:not(:has(thead)) tr:nth-child(odd) {
    background: var(--table-odd-bg);
    color: var(--table-color);
    border: 1px solid var(--table-border);
}

table:not(:has(thead)) tr:nth-child(even) {
    background: var(--table-even-bg);
    color: var(--table-color);
    border: 1px solid var(--table-border);
}

table:not(:has(thead)) tr td a {
    color: var(--table-color);
}

table:not(:has(thead)) tr:first-child td {
    font-weight: 900;
}

[data-item="faq-item"] {
    padding: 16px;
    border-radius: 0.5rem;
    color: var(--main-text);
    background: var(--nav-acc-head-game-bg);
    margin-bottom: 16px;
}

[data-item="faq-item"] h3,
[data-item="faq-item"] p {
    color: var(--main-text);
    line-height: 1.4;
}

#nav button span {
    position: relative;
    padding-left: 27px;
}

#nav button {
    border: 1px solid var(--main-text);
    padding: 6px 8px;
    border-radius: 0.5rem;
    font-weight: 500;
    font-size: 1.1rem;
}

#nav button svg {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
}

#nav button svg path {
    fill: var(--main-text);
}

.i7d7dba0 {
    margin-top: 30px;
}

section>h1 {
    margin-bottom: 20px;
}

#go-top-elem svg path {
    fill: var(--text-btns);
}

@media screen and (max-width: 460px) {
    .y0dbd6f70 {
        max-width: none;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle, rgba(0, 0, 0, 0.93) 0%, rgba(0, 0, 0, 0.76) 100%);
    }
}