@media (max-width:450px) {}

@media (max-width:959px) {}

@media (max-width:959px) {}

.home_page[_ngcontent-jsm-c0] {
    padding: 64px 0 24px
}

@media (max-width:960px) {}

@media (max-width:961px) {}

@media (max-width:560px) {
    .home_page[_ngcontent-jsm-c0] {
        padding: 64px 0 72px
    }
}


[_nghost-jsm-c1] {
    position: relative;
    display: block
}

@-webkit-keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


@media (max-width:959px) {}

@media (max-width:959px) {}

@-webkit-keyframes loader {
    from {
        width: 2px;
        height: 2px;
        border-radius: calc(2px/2)
    }

    to {
        width: 25px;
        height: 25px;
        border-radius: calc(25px/2)
    }
}

@keyframes loader {
    from {
        width: 2px;
        height: 2px;
        border-radius: calc(2px/2)
    }

    to {
        width: 25px;
        height: 25px;
        border-radius: calc(25px/2)
    }
}

@-webkit-keyframes moveImageDesktop {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(calc(100% - 56px))
    }
}

@keyframes moveImageDesktop {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(calc(100% - 56px))
    }
}

@-webkit-keyframes moveImageMobile {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(calc(100% - 24px))
    }
}

@keyframes moveImageMobile {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(calc(100% - 24px))
    }
}


.header__slide-menu .header__welcome-bonus-title {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em
}

.header__slide-menu .header__welcome-bonus-value {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em
}

.header__slide-menu .header__link,
.header__slide-menu .header__menuitem {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em
}

.header__login {
    cursor: pointer;
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em
}

.button-mini:hover,
.header__deposit:hover,
.header__wallet-button:hover {
    color: rgb(255, 255, 255);
    background: rgb(0, 195, 97);
    text-decoration: none
}

.button-mini:active,
.header__deposit:active,
.header__wallet-button:active {
    color: rgb(255, 255, 255);
    background: rgb(0, 123, 85);
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover,
.header__deposit:hover,
.header__wallet-button:hover {
    box-shadow: rgba(0, 195, 97, 0.25) 0px 8px 16px
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover,
.header__slide-menu-balance-profile-link:hover {
    color: rgb(0, 195, 97);
    text-decoration: none
}

.green-text-button:active,
.header__slide-menu-balance-profile-link:active {
    color: rgb(0, 123, 85);
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}

.header {
    position: fixed;
    display: flex;
    align-items: center;
    height: 64px;
    border-bottom: 1px dashed rgb(60, 71, 82);
    top: 0px;
    width: 100%;
    background-color: rgb(22, 28, 36);
    padding-left: 40px;
    padding-right: 40px;
    z-index: 1000
}

.header__search {
    max-width: 381px;
    min-width: 150px;
    display: flex;
    flex-grow: 1;
    height: 48px;
    border-radius: 23.83px;
    background-color: rgb(33, 43, 54);
    cursor: pointer;
    margin-left: 16px;
    margin-right: 16px;
    border: 2px solid transparent
}

.header__search:hover {
    border-color: rgb(0, 171, 85);
    transition: 0.2s
}

.header__search:active,
.header__search:focus,
.header__search:visited {
    border-color: rgb(0, 171, 85)
}

@media only screen and (max-width:960px) {
    .header {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }

    .header__search {
        display: none
    }
}

.header__search-link {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: rgb(69, 80, 92);
    padding: 12px 20px
}

.header__search-link::before {
    content: "";
    background:

        url(../images/5ZvioB5iws6v.svg)0px 0px/100% 100%no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px
}

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

.header__logo {
    display: flex;
    min-width: 108px;
    max-width: 150px;
    aspect-ratio: 4.5/1
}

.header__logo-image {
    width: 100%;
    height: 100%
}

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

.header__menu {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 0
}

@media only screen and (max-width:960px) {
    .header__menu {
        /* display: none */
        margin-right: 0;
    }
}

@media (max-width:380px) {}

.header__login {
    margin-right: 32px;
    color: rgb(0, 171, 85);
    text-decoration: none
}

.header__divider {
    display: block;
    margin: 24px 16px
}

.header__slide-menu {
    scrollbar-width: none;
    margin-left: -85%;
    position: fixed;
    overflow: scroll;
    left: 0px;
    top: 0px;
    width: 85%;
    height: 100vh;
    padding-bottom: 80px;
    background-color: rgb(33, 43, 54);
    z-index: 1300;
    transition: margin 0.4s ease-out
}

.header__slide-menu::-webkit-scrollbar {
    display: none
}

.header__slide-menu .header__close-slider {
    background-image:

        url(../images/gwDhxLFhRKCg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-top: 20px;
    margin-left: 16px
}

.header__slide-menu .header__language-switcher {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px
}

.header__slide-menu .header__welcome-bonus {
    position: relative;
    margin-top: 42px;
    padding-left: 56px;
    padding-right: 16px
}

.header__slide-menu .header__welcome-bonus-image {
    background-image:

        url(../images/9ZbCRXrS5NzC.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 16px;
    top: 0px
}

.header__slide-menu .header__welcome-bonus-title {
    color: rgb(255, 255, 255)
}

.header__slide-menu .header__welcome-bonus-value {
    color: rgb(145, 158, 171);
    margin-top: 8px
}

.header__slide-menu .header__welcome-bonus-button {
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 24px
}

.header__slide-menu .header__main-menu {
    padding-left: 16px;
    padding-right: 16px
}

.header__slide-menu .header__menuitem {
    position: relative;
    color: rgb(255, 255, 255);
    margin-top: 20px
}

.header__slide-menu .header__menuitem a {
    text-decoration: none;
    color: rgb(255, 255, 255)
}

.header__slide-menu .header__menuitem::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0px;
    background:

        url(../images/15cgMdrzd45z.svg)no-repeat;
    width: 16px;
    height: 16px
}

.header__slide-menu .header__link {
    color: rgb(255, 255, 255);
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px
}

.header__slide-menu .header__link-details {
    color: rgb(116, 202, 255);
    text-decoration: none
}

.header__slide-menu .header__link-image {
    display: inline-block;
    background-image:

        url(../images/2adJVQMJ8UL5.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin-right: 16px
}

.header__slide-menu .header__link-text {
    display: inline-block
}


@media (max-width:450px) {}

@media (max-width:959px) {}

.footer__title {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .02em
}

.footer__link,
.footer__list-item {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em
}

.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

.footer {
    position: relative;
    margin-top: 48px;
    padding-top: 50px;
    border-top: 1px solid #3c4752;
    display: flex;
    flex-direction: row
}

@media only screen and (max-width:960px) {
    .footer {
        flex-direction: column
    }
}

.footer__legal {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 95%
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }

    .footer__legal {
        max-width: 100%
    }
}

.footer__legal {
    color: #919eab;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .01em
}

.footer__logo {
    background-image:

        url(../images/Ls3NxLSXMnFM.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 108px;
    height: 24px;
    top: 32px;
    left: 40px;
    position: absolute
}

@media (max-width:1200px) {
    .footer__legal span {
        margin-top: 8px
    }

    .footer__legal {
        flex-direction: column;
        align-items: flex-start
    }

    .footer__logo {
        left: 16px
    }
}

.footer__top {
    flex-grow: 10;
    padding-left: 40px;
    padding-right: 16px
}

.footer__links {
    display: flex
}

.footer__links-game,
.footer__links-info {
    flex: 1
}

.footer__title {
    color: #fff;
    margin-top: 24px;
    margin-bottom: 8px
}

.footer__list {
    display: flex;
    flex-direction: row
}

@media (max-width:1200px) {
    .footer__top {
        padding-left: 16px
    }

    .footer__list {
        flex-direction: column !important
    }
}

.footer__list-part {
    flex-basis: 50%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.footer__list-item {
    color: #74caff;
    margin-top: 12px
}

.footer__bottom {
    flex-grow: 1;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 24px
}

.footer__link {
    color: #fff;
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.footer__link-image {
    display: inline-block;
    margin-right: 16px;
    width: 24px;
    height: 24px
}

.footer__link-image_support {
    background-image:

        url(../images/J5JtuIGNcLZ9.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.footer__link-image_partners {
    background-image:

        url(../images/kEo3w5Zpnx1s.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.footer__link-image_promocodes {
    background-image:

        url(../images/FEzkLsBu9gMG.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.footer__link-text {
    display: inline
}

.footer__link-details {
    color: #74caff;
    text-decoration: none
}

.footer__info {
    margin-top: 32px;
    margin-bottom: 72px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (max-width:959px) and (min-width:561px) {
    .footer__info {
        margin-bottom: 52px
    }
}

@media (max-width:561px) {
    .footer__info {
        margin-bottom: 0
    }
}

@media all and (display-mode:standalone) {
    .footer__info {
        padding-bottom: 20px !important
    }
}

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

@media (max-width:1200px) {
    .footer__info {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 16px;
        gap: 0
    }

    .footer__info-top {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
}

.footer__logotypes {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-left: 56px
}

@media only screen and (max-width:960px) {
    .footer__logotypes {
        margin-bottom: 32px
    }
}

@media (max-width:1200px) {
    .footer__logotypes {
        margin-top: 32px;
        margin-bottom: 24px;
        margin-left: 0
    }
}

.footer__logotype-images {
    display: flex;
    gap: 24px;
    row-gap: 16px;
    padding-top: 4px
}

@media only screen and (max-width:959px) {
    .footer__logotype-images {
        flex-wrap: wrap
    }
}

.footer__logotype-gioco_responsabile {
    background-image:

        url(../images/qy2qGc5mwvfB.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 58px;
    height: 24px
}

.footer__logotype-mc_securecode {
    background-image:

        url(../images/0Ggsl8PTgd65.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 78px;
    height: 24px
}

.footer__logotype-noda {
    background-image:

        url(../images/8mvwhCXlEQb9.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 87px;
    height: 24px
}

.footer__logotype-pci {
    background-image:

        url(../images/F9uGlSzjpnt9.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 52px;
    height: 20px
}

.footer__logotype-visa_verified_white {
    background-image:

        url(../images/AB524RCmAu3U.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 49px;
    height: 24px
}

.footer__logotype-tls {
    background-image:

        url(../images/7nm2tiFrBZep.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 47px;
    height: 24px
}

.footer__18 {
    background-image:

        url(../images/O0KUdB0ZUukf.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    flex-shrink: 0
}

.footer__divider-desktop {
    margin-top: 32px
}


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}

@media all and (display-mode:standalone) {}


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}


@media (max-width:959px) {}

@media (max-width:959px) {}


@media (max-width:450px) {}

@media (max-width:959px) {}

.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:1200px) {}

@media (max-width:959px) {}

@media (max-width:576px) {}

@media (max-width:959px) {}

@media (max-width:959px) {}

@media (max-width:959px) {}

@media (max-width:959px) {}

@media (max-width:959px) {}

@media (max-width:959px) {}

@media (max-width:959px) {}

@media (max-width:959px) {}

@media (max-width:959px) {}


.divider {
    height: 1px;
    margin: 0;
    border-bottom: 1px dashed #3c4752
}


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}

.language-select__dropdown {
    background-color: #161c24;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer
}

.language-select__switcher {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width:960px) {
    .language-select__dropdown {
        padding-right: 40px
    }

    .language-select__switcher::after {
        display: block !important;
        content: "";
        background:

            url(../images/iTlAkX1Pazql.svg)50% 50%no-repeat;
        -webkit-filter: brightness(0) saturate(100%) invert(63%) sepia(11%) saturate(413%) hue-rotate(169deg) brightness(99%) contrast(85%);
        filter: brightness(0) saturate(100%) invert(63%) sepia(11%) saturate(413%) hue-rotate(169deg) brightness(99%) contrast(85%);
        width: 24px;
        height: 24px;
        position: absolute;
        top: 8px;
        right: 8px;
        border: none
    }
}

.language-select__switcher::after {
    display: none
}

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

.language-select__ru {
    background-image:

        url(../images/tiodlqgynKhw.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px
}



@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {}


@media (max-width:450px) {}

@media (max-width:959px) {}

.home_page__content-wrap {
    padding: 0 16px
}

.home_page__header {
    display: block;
    margin-top: 40px;
    margin-bottom: 16px
}

@media (min-width:64em) {
    .home_page__content {
        max-width: 1296px;
        margin-left: auto;
        margin-right: auto
    }

    .home_page__content-wrap {
        padding: 40px 24px 0
    }

    .home_page__header {
        margin-bottom: 24px
    }
}

@media (max-width:1060px) {}

@media (max-width:959px) {}

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

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

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

.home_page__divider {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px
}


@media (max-width:450px) {}

@media (max-width:959px) {}

.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

.banners {
    position: relative
}

.banners__banner {
    position: relative;
    border-radius: 8px;
    aspect-ratio: 1296/360;
    cursor: pointer;
    color: #fff
}

@media only screen and (max-width:960px) {
    .banners__banner {
        flex-basis: 90%;
        aspect-ratio: 335/200
    }
}

.banners__banner:active,
.banners__banner:hover {
    color: #fff;
    text-decoration: none
}

.banners__image {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banners__text {
    position: absolute;
    top: 90px;
    left: 56px;
    height: calc(100% - 92px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px
}

@media (max-width:992px) {
    .banners__text {
        left: 24px
    }
}

.banners__text-title {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .01em;
    padding: 4px 8px;
    background-color: rgba(22, 28, 36, .7);
    border-radius: 8px
}

@media (max-width:1200px) {
    .banners__text {
        top: calc(50% - 98px)
    }

    .banners__text-title {
        font-size: 18px
    }
}

@media only screen and (max-width:960px) {
    .banners__text {
        top: 16px;
        left: 16px;
        right: 16px;
        height: calc(100% - 36px)
    }

    .banners__text-title {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .02em
    }
}

.banners__text-subtitle {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 40px;
    letter-spacing: .01em;
    margin-top: 4px;
    padding: 2px 8px;
    background-color: rgba(22, 28, 36, .7);
    border-radius: 8px
}

@media (max-width:1200px) {
    .banners__text-subtitle {
        font-size: 40px
    }
}

@media only screen and (max-width:960px) {
    .banners__text-subtitle {
        font-weight: 400;
        font-size: 28px;
        line-height: 32px
    }
}

@media (max-width:400px) {
    .banners__text-subtitle {
        font-size: 22px
    }
}

.banners__text-register {
    display: inline-block;
    margin-top: 20px
}

.banners .banners__carousel {
    margin-bottom: 0
}

.banners .banners__carousel .slick-dots {
    bottom: -34px
}

.banners .banners__carousel .slick-dots li {
    width: 70px;
    margin: 0 2px
}

.banners .banners__carousel .slick-dots li.slick-active button::before {
    color: #fff;
    content: "";
    background:

        url(../images/HHcND192FmS0.svg) !important;
    width: 70px;
    height: 7px;
    opacity: 1
}

.banners .banners__carousel .slick-dots li button::before {
    color: #fff;
    content: "";
    background:

        url(../images/iMqKmvON461O.svg);
    width: 70px;
    height: 7px;
    opacity: 1
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }

    .banners .banners__carousel .slick-dots li {
        width: 50px
    }

    .banners .banners__carousel .slick-dots li.slick-active button::before {
        width: 50px;
        border-radius: 4px;
        background: #00ab55
    }

    .banners .banners__carousel .slick-dots li button::before {
        width: 50px;
        border-radius: 4px;
        background: #fffFFF80
    }
}


@media (max-width:450px) {}

@media (max-width:959px) {}

.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

.providers-menu {
    padding-top: 56px;
    padding-bottom: 19px;
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: space-between
}

.providers-menu__all {
    background-color: #212b36;
    border-radius: 48px;
    width: 136px;
    min-width: 136px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-grow: 1
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }

    .providers-menu {
        padding-top: 37px;
        margin-right: -16px;
        margin-left: -32px;
        padding-bottom: 16px;
        flex-wrap: wrap
    }

    .providers-menu__all {
        width: 90px;
        min-width: 90px;
        height: 38px
    }
}

.providers-menu__categories {
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    align-items: flex-start;
    justify-content: flex-start
}

.providers-menu__categories::-webkit-scrollbar {
    display: none
}

@media (max-width:959px) {
    .providers-menu__categories {
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
        gap: 0;
        margin-left: 32px
    }
}

@media (max-width:959px) {}

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

.providers-menu__link {
    cursor: pointer;
    margin-right: 8px
}

.providers-menu__link img {
    max-height: 100%
}

@media (max-width:959px) {
    .providers-menu__link {
        height: 38px;
        margin-right: 6px
    }
}


@media (max-width:450px) {}

@media (max-width:959px) {}

.games-menu__link {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em
}

.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

.games-menu {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: space-between
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }

    .games-menu {
        flex-wrap: wrap
    }
}

.games-menu__categories {
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%
}

.games-menu__categories::-webkit-scrollbar {
    display: none
}

@media (max-width:959px) {
    .games-menu__categories {
        margin-left: -16px;
        margin-right: -16px;
        overflow-x: scroll;
        overflow-y: visible;
        flex-wrap: nowrap;
        width: auto
    }
}

.games-menu__search-switch {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-grow: 1
}

@media (max-width:959px) {
    .games-menu__search-switch {
        display: none
    }

    .games-menu__item-favorite {
        margin-left: 16px
    }
}

.games-menu__item {
    margin-right: 8px;
    display: flex;
    gap: 8px;
    align-items: center;
    background-color: #333d48;
    border-radius: 24px;
    text-align: center;
    white-space: nowrap
}

.games-menu__item.games-menu__search {
    margin-right: 0;
    min-width: 202px
}

.games-menu__search.games-menu__search-desktop {
    background-color: #212b36;
    border-radius: 23.83px;
    align-items: center;
    flex-grow: 1;
    border: 2px solid #45505c
}

.games-menu__search.games-menu__search-desktop:hover,
.games-menu__search.games-menu__search-mobile:hover {
    transition: .2s;
    border-color: #00ab55
}

.games-menu__search.games-menu__search-desktop:active,
.games-menu__search.games-menu__search-desktop:focus,
.games-menu__search.games-menu__search-desktop:visited,
.games-menu__search.games-menu__search-mobile:active,
.games-menu__search.games-menu__search-mobile:focus,
.games-menu__search.games-menu__search-mobile:visited {
    border-color: #00ab55
}

.games-menu__search.games-menu__search-desktop {
    height: 36px
}

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

.games-menu__link {
    position: relative;
    text-decoration: none;
    display: block;
    padding: 6px 16px 6px 0;
    color: #fff;
    cursor: pointer;
    margin-left: 12px
}

@media (max-width:959px) {
    .games-menu__search.games-menu__search-desktop {
        display: none
    }

    .games-menu__link {
        padding: 8px 8px 8px 0;
        margin-left: 8px
    }
}

.games-menu__link:hover {
    text-decoration: none;
    color: #fff
}

.games-menu__link_search {
    display: flex;
    width: 100%;
    align-items: center;
    color: #45505c
}

.games-menu__link_search::before {
    content: "";
    background:

        url(../images/3JvOMXtTE2Sh.svg)0 0/100% 100%no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px
}

.games-menu__link_search:hover {
    color: #45505c
}

.games-menu__link_favorites {
    padding-left: 20px
}

.games-menu__link_favorites-block {
    height: 24px
}

.games-menu__link_favorites::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    background:

        url(../images/sn7dUwsyqK3z.svg)0 0/100% 100%no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px
}

@media (max-width:959px) {
    .games-menu__link_favorites::before {
        top: 8px
    }

    .games-menu__link_favorites {
        padding-left: 24px
    }
}

.games-menu__link_new {
    padding-left: 34px
}

.games-menu__link_new::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    background:

        url(../images/TyTzOK8U9FML.svg)0 0/100% 100%no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px
}

@media (max-width:959px) {
    .games-menu__link_new::before {
        top: 8px
    }
}

.games-menu__link_live {
    padding-left: 34px
}

.games-menu__link_live::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    background:

        url(../images/jGPKlO2MNehY.svg)0 0/100% 100%no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px
}

@media (max-width:959px) {
    .games-menu__link_live::before {
        top: 8px
    }
}

.games-menu__link_popular {
    padding-left: 34px
}

.games-menu__link_popular::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    background:

        url(../images/HTxHG2AZlk0I.svg)0 0/100% 100%no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px
}

@media (max-width:959px) {
    .games-menu__link_popular::before {
        top: 8px
    }
}

@media (max-width:959px) {}

.games-menu__link_megaways {
    padding-left: 34px
}

.games-menu__link_megaways::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    background:

        url(../images/LeCXmqibrOm6.svg)0 0/100% 100%no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px
}

@media (max-width:959px) {
    .games-menu__link_megaways::before {
        top: 8px
    }
}

@media (max-width:959px) {}

@media (max-width:959px) {}

.games-menu__link_turbo {
    padding-left: 34px
}

.games-menu__link_turbo::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    background:

        url(../images/novIqVtsXRJI.svg)0 0/100% 100%no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px
}

@media (max-width:959px) {
    .games-menu__link_turbo::before {
        top: 8px
    }
}

.games-menu__link_table_games {
    padding-left: 34px
}

.games-menu__link_table_games::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    background:

        url(../images/vxIERLXX8Cac.svg)0 0/100% 100%no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px
}

@media (max-width:959px) {
    .games-menu__link_table_games::before {
        top: 8px
    }
}

.games-menu__link_jackpot {
    padding-left: 34px
}

.games-menu__link_jackpot::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    background:

        url(../images/UzF1dLQD2ewc.svg)0 0/100% 100%no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px
}

@media (max-width:959px) {
    .games-menu__link_jackpot::before {
        top: 8px
    }
}

@media (max-width:959px) {}


@media (max-width:450px) {}

@media (max-width:959px) {}

.section-header {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .01em
}

.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

.section-header {
    position: relative;
    color: #fff;
    display: flex;
    gap: 16px;
    align-items: center
}

.section-header__image {
    width: 24px;
    height: 24px;
    display: inline-block
}

.section-header__image_popular {
    background-image:

        url(../images/Fap3Rp8e3KSN.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.section-header__see-more {
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-width:960px) {
    .section-header__see-more {
        display: none
    }
}


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}


@media (max-width:450px) {}

@media (max-width:959px) {}

.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

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

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

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


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

.games-list-home {
    grid-template-columns: repeat(7, minmax(160px, 1fr));
    padding: 0;
    gap: 4px
}

.games-list-home>* {
    aspect-ratio: 1/1
}

.games-list-home.games-list-home-desktop {
    display: grid
}

@media (max-width:1400px) {
    .games-list-home {
        grid-template-columns: repeat(6, minmax(160px, 1fr))
    }
}

@media (max-width:1200px) {
    .games-list-home {
        grid-template-columns: repeat(5, minmax(160px, 1fr))
    }
}

@media (max-width:959px) {
    .games-list-home.games-list-home-desktop {
        /* display: none */
    }

    .games-list-home {
        grid-template-columns: 1fr 1fr
    }
}


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

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

@media (max-width:1400px) {}

@media (max-width:1200px) {}

@media (max-width:959px) {}

@media (max-width:1255px) {}

@media (max-width:1091px) {}

@media (max-width:960px) {}

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

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

@media (max-width:1400px) {}

@media (max-width:1200px) {}

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

@media (max-width:1400px) {}

@media (max-width:1200px) {}

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

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

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


@media (max-width:450px) {}

@media (max-width:959px) {}

@media (max-width:959px) {}


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

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



.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

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


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

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

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

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

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

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


@media (max-width:450px) {}

@media (max-width:959px) {}

.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}


.game-card__top .game-card__title {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .02em
}

.game-card__demo {
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em
}

.game-card__play {
    cursor: pointer;
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em
}

.game-card__play {
    color: #fff;
    background: #00ab55;
    border-radius: 8px;
    text-decoration: none;
    padding: 8px 16px;
    box-shadow: 0 8px 16px rgba(0, 171, 85, .25)
}

.button-mini:hover,
.game-card__play:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active,
.game-card__play:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover,
.game-card__play:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {

    .button-mini,
    .game-card__play {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}

.game-card {
    position: relative;
    width: 100%;
    height: 100%
}

.game-card:active .game-card__content,
.game-card:active .game-card__favorite,
.game-card:focus .game-card__content,
.game-card:focus .game-card__favorite,
.game-card:hover .game-card__content,
.game-card:hover .game-card__favorite {
    visibility: visible;
    opacity: 1;
    transition: visibility 1s 0s, opacity .1s linear
}

.game-card__image {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.game-card__provider {
    visibility: visible;
    opacity: 1;
    position: absolute;
    display: block;
    top: 12px;
    left: 12px;
    width: 52px;
    height: 24px;
    z-index: 1
}

.game-card__provider img {
    max-width: 100%
}

.game-card__content {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: flex;
    visibility: hidden;
    opacity: 0;
    flex-direction: column;
    gap: 10px;
    padding: 46px 10px 24px;
    justify-content: space-between;
    border-radius: 8px
}

.game-card__buttons {
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.game-card__top {
    display: -webkit-box;
    height: 48px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-align: center
}

.game-card__top .game-card__title {
    overflow: hidden;
    color: #fff;
    -webkit-line-clamp: 2
}

@media (max-width:430px) {
    .game-card__top .game-card__title {
        display: none
    }
}

@media (min-width:430px) {}

.game-card__play {
    box-sizing: content-box;
    display: inline-block;
    text-align: center
}

.game-card__demo {
    color: #fff;
    padding: 8px 16px;
    font-weight: 700 !important;
    box-sizing: content-box;
    display: inline-block;
    text-align: center;
    text-decoration: none
}

.game-card__demo:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width:959px) {

    .game-card__demo,
    .game-card__play {
        flex-grow: 1
    }
}

@media (max-width:380px) {
    .game-card__demo {
        padding: 5px 8px !important
    }
}


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}

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

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

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


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}



.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}

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

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

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


.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:380px) {}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}

@media (max-width:450px) {}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:959px) {}


.button-mini,
.green-text-button {
    cursor: pointer;
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em
}

.button-mini {
    color: #fff;
    background: #00ab55;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    padding: 8px 16px;
    box-shadow: 0 8px 16px rgba(0, 171, 85, .25)
}

.button-mini:hover {
    color: #fff;
    background: #00c361;
    text-decoration: none
}

.button-mini:active {
    color: #fff;
    background: #007b55;
    box-shadow: none;
    text-decoration: none
}

.button-mini:hover {
    box-shadow: 0 8px 16px rgba(0, 195, 97, .25)
}

@media (max-width:380px) {
    .button-mini {
        padding: 5px 8px !important
    }
}

@media (max-width:959px) {
    .button-mini.banners__text-register {
        margin-top: 4px !important
    }

    .button-mini.header__register {
        padding: 8px 16px !important
    }
}

@media (max-width:380px) {}

.green-text-button {
    color: #00ab55;
    padding: 8px 16px;
    text-decoration: none
}

.green-text-button:hover {
    color: #00c361;
    text-decoration: none
}

.green-text-button:active {
    color: #007b55;
    text-decoration: none
}


.sf-hidden {
    display: none !important
}

.header__search {
    text-decoration: none;
}
.header__search:hover {
    text-decoration: none;
}
.header__search-link {
    text-decoration: none;
}
.textSeo {
    margin: 50px 0;
}
.textSeo p {
    line-height: 1.5;
}
.textSeo h1,
.textSeo h2,
.textSeo h3 {
    margin-bottom: 30px;
    margin-top: 40px;
}
.textSeo h1:first-child,
.textSeo h2:first-child,
.textSeo h3:first-child {
    margin-top: 0;
}
@media (max-width: 767px) {
    .textSeo {
        padding: 0 20px!important;
    }
    .textSeo h1,
    .textSeo h2,
    .textSeo h3 {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .header__login {
        margin-right: 10px;
    }
    .footer__link-image {
        flex: none;
    }
}