@font-face {
    font-weight: 300;
    font-family: Firs;
    font-style: normal;
    src:
        /* original URL: https://static.sukaaa.top/images/fonts/ttfirs-300.woff2 */
        url(../fonts/0.woff2) format("woff2")
}

@font-face {
    font-weight: 400;
    font-family: Firs;
    font-style: normal;
    src:
        /* original URL: https://static.sukaaa.top/images/fonts/ttfirs-regular.woff2 */
        url(../fonts/2.woff2) format("woff2")
}

@font-face {
    font-weight: 500;
    font-family: Firs;
    font-style: normal;
    src:
        /* original URL: https://static.sukaaa.top/images/fonts/ttfirs-500.woff2 */
        url(../fonts/4.woff2) format("woff2")
}

@font-face {
    font-weight: 700;
    font-family: Firs;
    font-style: normal;
    src:
        /* original URL: https://static.sukaaa.top/images/fonts/ttfirs-700.woff2 */
        url(../fonts/6.woff2) format("woff2")
}

@font-face {
    font-weight: 800;
    font-family: Firs;
    font-style: normal;
    src:
        /* original URL: https://static.sukaaa.top/images/fonts/ttfirs-800.woff2 */
        url(../fonts/8.woff2) format("woff2")
}

@font-face {
    font-weight: 300;
    font-family: Firs;
    font-style: italic;
    src:
        /* original URL: https://static.sukaaa.top/images/fonts/ttfirs-300-italic.woff2 */
        url(../fonts/10.woff2) format("woff2")
}

@font-face {
    font-weight: 400;
    font-family: Firs;
    font-style: italic;
    src:
        /* original URL: https://static.sukaaa.top/images/fonts/ttfirs-italic.woff2 */
        url(../fonts/12.woff2) format("woff2")
}

@font-face {
    font-weight: 500;
    font-family: Firs;
    font-style: italic;
    src:
        /* original URL: https://static.sukaaa.top/images/fonts/ttfirs-500-italic.woff2 */
        url(../fonts/14.woff2) format("woff2")
}

@font-face {
    font-weight: 700;
    font-family: Firs;
    font-style: italic;
    src:
        /* original URL: https://static.sukaaa.top/images/fonts/ttfirs-700-italic.woff2 */
        url(../fonts/16.woff2) format("woff2")
}

@font-face {
    font-weight: 800;
    font-family: Firs;
    font-style: italic;
    src:
        /* original URL: https://static.sukaaa.top/images/fonts/ttfirs-800-italic.woff2 */
        url(../fonts/18.woff2) format("woff2")
}

a,
body,
div,
footer,
form,
html,
img,
li,
span,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: initial
}

html,
body {
    -webkit-font-smoothing: antialiased
}

html {
    font-family: Firs
}

html:lang(kz) {
    font-family: Arial, sans-serif
}

img:not([src]) {
    visibility: hidden
}

ul,
li,
img,
input,
select {
    -webkit-appearance: none;
    -moz-appearance: none
}

a,
body,
button,
div,
footer,
form,
html,
img,
input,
li,
select,
span,
ul {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a {
    color: #ccc
}

a:hover {
    color: #fff
}

body {
    line-height: 1
}

ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: initial
}

ul {
    list-style: none
}

:root {
    font-style: normal;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.77);
    background-color: #1c171f
}

body {
    -webkit-font-smoothing: antialiased
}

.mainbody {
    background-color: #211c25;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    -webkit-font-smoothing: antialiased
}

.header {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    height: auto;
    max-height: 100px;
    background-color: #211b27f0
}

.header_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90
}

.header_box {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px
}

@media (max-width:668px) {
    .header_box.non_auth_header {
        flex-direction: column
    }
}

.header .non_auth {
    z-index: 10
}

@media not all and (max-width:668px) {
    .header .non_auth {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        padding-right: 10%
    }

    .header {
        height: 60px
    }
}

@media all and (max-width:668px) {
    .header .non_auth {
        display: flex;
        justify-content: center;
        height: 60px;
        box-sizing: border-box;
        width: 100%;
        align-items: center;
        padding-bottom: 5px
    }
}

.header .main_logo_text {
    display: flex;
    line-height: 64px;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    color: #fe284a
}

.header .main_logo_text a {
    text-decoration: none;
    color: #fe284a;
    display: flex
}

.header .main_logo_text img {
    display: flex;
    height: 54px
}

@media all and (max-width:668px) {
    .header .main_logo_text {
        font-size: 40px
    }
}

@media not all and (max-width:668px) {
    .header .main_logo_text {
        font-size: 40px
    }
}

@media (max-width:668px) {
    .header:not(.authorized) .main_logo_text {
        padding-top: 2px;
        box-sizing: border-box
    }
}

@media not all and (max-width:668px) {}

.btn_register_small {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    padding: 0 20px;
    outline: none;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    font-size: 14px;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s ease
}

.button_red_active_small {
    background-color: #a940be;
    font-weight: bold;
    box-shadow: 0 3px 0 0#7d318d, 0 4px 4px 0#000;
    filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.3))
}

.button_blue_active_small {
    height: 30px;
    font-weight: bold;
    background-color: #5db1ff;
    -webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6))
}

.flat_button {
    filter: unset;
    box-shadow: unset;
    -webkit-filter: unset
}

.button_red_active_small:hover {
    background-color: #C854E0
}

.button_blue_active_small:hover {
    background-color: #72b9fa
}

.link_standard {
    color: #ccc;
    display: flex;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase
}

.header .non_auth>div {
    padding: 0 10px
}

#carousel {
    width: 100%;
    max-width: 100%;
    font-weight: 700;
    margin-top: 5px
}

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

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

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

@media not all and (max-width:668px) {}

@media not all and (max-width:668px) {}

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

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

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

.main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 100px;
    background: linear-gradient(158deg, rgb(55 44 61) 0%, #211c25 15%)
}

@media (min-width:668px) {
    .main {
        padding-top: 60px
    }
}

.main_tabs_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #342b39;
    border-radius: 10px;
    width: 100%
}

@media (max-width:320px) {

    .main_tabs_list .main_tabs_listitem:nth-child(1),
    .main_tabs_list .main_tabs_listitem:nth-child(2),
    .main_tabs_list .main_tabs_listitem:nth-child(3) {}
}

@media (min-width:668px) {
    .main_tabs_list {
        box-sizing: border-box
    }
}

@media (max-width:855px) {
    .games_navigation_container {
        margin-bottom: 10px
    }
}

.main_tabs_listitem {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0px 5px
}

.main_tabs_listitem:nth-child(odd):after {
    display: block
}

.main_tabs_listitem:after {
    display: none;
    content: "";
    width: 1px;
    position: absolute;
    height: 30px;
    right: 0;
    top: 5px;
    z-index: -1
}

@media (min-width:669px) {
    .main_tabs_listitem:after {
        display: block
    }
}

@media (min-width:669px) {
    .main_tabs_listitem:after {
        top: 10.5px;
        height: 34px
    }
}

@media (min-width:669px) {
    .main_tabs_listitem {
        position: relative
    }
}

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

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

.main_tabs_listitem_link {
    box-sizing: border-box;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    cursor: pointer;
    position: relative
}

.slots_link {
    color: #e8e6ff
}

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

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

.main_tabs_listitem_content {
    justify-content: center;
    height: 50px;
    max-height: 50px;
    border-radius: 8px;
    padding: 0;
    display: flex;
    align-items: center
}

.main_tabs_listitem_shop>img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    white-space: nowrap
}

.main_tabs_listitem_tasks>img {
    width: 28px;
    height: 28px;
    white-space: nowrap
}

.main_tabs_listitem_statuses>img {
    width: 25px;
    height: 25px;
    white-space: nowrap;
    margin-left: 5px
}

.main_tabs_listitem_lvl>img {
    width: 25px;
    height: 25px;
    white-space: nowrap;
    margin-left: 5px
}

@media (min-width:669px) {
    .main_tabs_listitem_content {
        justify-content: center;
        height: 55px;
        max-height: 55px;
        padding: 0 5px
    }
}

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

.main_tabs_listitem_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    box-sizing: border-box;
    max-height: 100%;
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px
}

.main_content {
    min-height: 60vh
}

@media (min-width:669px) {
    .main_content {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-size: 256px;
        width: 100%
    }
}

@media (max-width:669px) {
    .main_content {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        background-size: 256px
    }

    .main_tabs_list {
        padding: 0
    }
}

.games_navigation_container {
    justify-content: center;
    padding: 10px;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    background: linear-gradient(138deg, rgba(52, 43, 57, 1) 0%, rgb(44 36 48) 65%);
    border-radius: 10px
}

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

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

.box_input_text {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box
}

.box_input_text input:focus,
.box_input_text input:hover {
    outline: none;
    box-shadow: 0 0 0 2px #9d87b3
}

.box_input_text select:focus,
.box_input_text select:hover {
    outline: none;
    box-shadow: 0 0 0 2px #9d87b3
}

.box_input_text.search {
    width: 100%
}

.box_input_text input {
    height: 35px;
    padding: 0 18px;
    font-size: 16px
}

.box_input_text select {
    height: 35px;
    padding: 0 8px;
    font-size: 16px
}

.box_input_text input,
.box_input_text select {
    box-sizing: border-box;
    width: 100%;
    border: 2px solid transparent;
    border-radius: 5px;
    font-weight: 500;
    color: #fff;
    background-color: #221d25;
    transition: box-shadow .25s ease
}

.input_select {
    display: flex;
    width: 100%
}

.input_select:before {
    content: "";
    position: absolute;
    top: 13px;
    right: 7px;
    z-index: 1;
    height: 15px;
    width: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image:
        /* original URL: https://static.sukaaa.top/images/img/dropdown.svg */
        url(../images/20.svg);
    pointer-events: none
}

.box_input_text select option {
    color: #fff;
    background-color: #191929
}

.box_input_text.search [type=search] {
    border-radius: 10px;
    padding-left: 7px;
    padding-right: 50px
}

.box_input_text input::-webkit-input-placeholder {
    font-style: italic;
    color: #ccc
}

.box_input_text input::placeholder {
    font-style: italic;
    color: #ccc
}

.box_input_text input::-webkit-input-placeholder {
    font-weight: 500
}

.search_submit {
    position: absolute;
    top: 0;
    right: 10px;
    height: 35px;
    width: 35px;
    background: transparent
        /* original URL: https://static.sukaaa.top/images/img/Search.svg */
        url(../images/21.svg)no-repeat 50%;
    background-size: 18px;
    cursor: pointer
}

button {
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: initial
}

.games_list_content {
    display: flex;
    width: 100%;
    justify-content: center
}

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

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

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

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

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

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

@media (min-width:669px) {
    .top_win_link:hover .top_win_front {
        pointer-events: auto;
        opacity: 1
    }

    .top_win_link:hover .top_win_front>a.play {
        transform: scale(1)
    }
}

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

.game_card_vendor {
    z-index: 2;
    position: absolute;
    right: 0;
    font-size: 80%;
    padding: 2px 10px;
    margin-right: 4px;
    padding-top: 4px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    text-align: right;
    text-shadow: 1px 1px 2px black;
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.game_card_vendor>div {
    background-color: #3636364d;
    border-radius: 5px;
    display: inline-block;
    padding: 2px 10px;
    font-weight: 600
}

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

.game_card_flags {
    position: absolute;
    width: 100%;
    z-index: 2;
    display: flex;
    transition: opacity .15s linear;
    transition-delay: 20ms
}

.game_card_flags li:last-child {
    margin-right: 0
}

@media (max-width:668px) {
    .game_card_flags li {
        margin-right: 5px
    }
}

.game_card_flags_new {
    position: relative;
    display: flex;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1));
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1))
}

.game_card_flags_new {
    width: 35%;
    line-height: 1.7em
}

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

.game_card_flags_new_decor {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 2px 10px;
    display: flex;
    font-size: min(3vw, 14px);
    height: 90%
}

.game_card_flags_new_decor {
    background-color: #f42a4ec4;
    text-shadow: 1px 1px 2px #000000ab
}

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

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

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

.game_card_demo {
    margin-top: 10px;
    font-weight: 600;
    background-color: #ffffff29;
    padding: 10px;
    border-radius: 15px
}

.top_win_front>a.play {
    display: flex;
    width: 60px;
    height: 60px;
    background-color: #ffffff47;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    will-change: transform;
    transition: transform .2s linear;
    transform-origin: center center;
    transform: scale(0.3)
}

.top_win_front>a.play>img {
    width: 40px;
    height: 40px;
    position: relative;
    left: 2px
}

.footer {
    background-color: #27212b;
    display: flex;
    width: 100%;
    flex-direction: column
}

.main_footer {
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap
}

.footer_links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.footer_link a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 36px;
    width: 100%;
    border-radius: 5px;
    padding: 0 8px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    transition: background-color .15s linear, transform .15s linear
}

.footer_link a:focus,
.footer_link a:hover {
    background-color: #252536
}

.website_info {
    padding: 0px 10px;
    display: flex
}

.website_info_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.domain_name2 {
    font-size: 12px;
    color: #6c6e8d;
    display: flex;
    align-items: center;
    text-align: left
}

.licence_icon2 {
    display: flex;
    margin-right: 10px;
    min-width: 80px;
    align-items: center;
    flex-direction: column
}

.licence_icon2 img {
    width: 40px !important;
    height: unset !important
}

.language {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    padding-top: 0px;
    align-items: center
}

#language_select {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px
}

.language_current {
    padding: 8px 8px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #405482;
    border-radius: 5px;
    transition: background-color .15s linear, transform .15s linear;
    display: flex;
    align-items: center;
    cursor: pointer
}

.language_current_body {
    display: flex;
    cursor: pointer
}

.lang_img img {
    width: 32px;
    height: 32px
}

.lang_img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px
}

.language_current:focus,
.language_current:hover {
    background-color: #5b75b2
}

.header,
.footer,
.main_footer,
.main,
.website_info {
    transition: -webkit-filter .25s linear
}

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

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

.games_search_panel {
    width: 100%
}

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

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

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

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

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

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

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

@media (max-width:400px) {
    .header .main_logo_text img {
        height: 32px
    }
}

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

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

@keyframes main_status_icon_anim {
    0% {
        transform: scale(0.95)
    }

    50% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes notification_anim {
    0% {
        transform: translateY(0px)
    }

    8% {
        transform: translateY(-10px)
    }

    16% {
        transform: translateY(0px)
    }

    22% {
        transform: translateY(-6px)
    }

    26% {
        transform: translateY(0px)
    }

    31% {
        transform: translateY(-3px)
    }

    35% {
        transform: translateY(0px)
    }

    100% {
        transform: translateY(0px)
    }
}

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

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

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

.top_win_link .top_win_game_img_wrap:hover .top_win_front>a.play {
    transform: scale(1)
}

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

.warnings_and_site {
    display: flex;
    justify-content: flex-start;
    max-width: 480px;
    margin-right: 25px;
    margin-top: 15px;
    width: 50%;
    box-sizing: border-box
}

@media (max-width:730px) {
    .website_info {
        justify-content: center;
        flex-direction: column
    }

    .warnings_and_site {
        width: 100%
    }
}

.warnings_and_site_rate {
    width: 40px;
    display: flex;
    margin-right: 10px;
    height: 58px
}

.warnings_and_site_rate_text {
    font-size: 12px;
    color: #6c6e8d;
    display: flex;
    align-items: center;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

#non_auth {
    display: flex;
    align-items: center;
    width: 100%
}

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

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

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

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

@keyframes save_notification_animation {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes save_notification_opacity_end_animation {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes save_notification_showup_animation {
    0% {
        transform: scale(0)
    }

    80% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes save_notification_intoup_animation {
    0% {
        top: 0
    }

    100% {
        top: -50px
    }
}

@keyframes panel_save_highlight {
    0% {
        background-color: #2a303d
    }

    50% {
        background-color: #fff
    }

    100% {
        background-color: #2a303d
    }
}

@keyframes status_icon_anim {
    0% {
        transform: scale(3)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes status_icon_opacity_anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

.big_wins_container {
    display: flex;
    width: 60%;
    height: 220px
}

.lobby_top_wins_container {
    display: flex;
    width: 100%;
    height: 220px
}

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

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

.category_games_swiper {
    display: flex;
    width: 100%
}

.category_games_swiper.category_swiper_one_row {
    height: 135px
}

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

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

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

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

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

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

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

.socials {
    display: flex;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
    padding-right: 10px
}

.telegram_icon {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    background-color: #5e9bff;
    border-radius: 20px;
    margin: 0 10px;
    cursor: pointer;
    box-shadow: 0 3px 0 1px #345a99
}

.vk_icon {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    background-color: #356ab3;
    border-radius: 20px;
    margin: 0 2px;
    cursor: pointer;
    box-shadow: 0 3px 0 1px #213962
}

.vk_icon:hover {
    background-color: #5279af
}

.telegram_icon:hover {
    background-color: #84b2ff
}

.telegram_icon img {
    width: 18px;
    height: 16px
}

.vk_icon img {
    width: 18px;
    height: 10.25px
}

@media (max-width:690px) {
    .main_footer {
        flex-wrap: wrap
    }

    .socials {
        width: 100%;
        justify-content: center;
        margin-top: 10px
    }
}

.register {
    font-size: 14px;
    height: 35px;
    background-image: linear-gradient(270deg, rgba(254, 40, 74, 0) 48.44%, #ec8dffc9 75.52%, rgba(254, 40, 74, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 5s infinite;
    text-transform: uppercase
}

@-webkit-keyframes bg-move {
    0% {
        background-position: 1000px 0
    }

    100% {
        background-position: -500px 0
    }
}

@keyframes bg-move {
    0% {
        background-position: 1000px 0
    }

    100% {
        background-position: -500px 0
    }
}

@media (max-width:668px) {
    .header .main_logo_text img {
        height: 45px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes delta_number_anim {
    0% {
        transform: translateY(0px)
    }

    100% {
        transform: translateY(-40px)
    }
}

@keyframes delta_number_opacity_anim {
    0% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

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

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

#notifications {
    display: flex;
    width: 100%
}

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

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

.banner_simple_container {
    width: 100%;
    color: #fff;
    height: 270px;
    box-sizing: border-box;
    user-select: none
}

.background_container_outer {
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.static_banner_internal {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    z-index: 1
}

.static_banner_internal_title2 {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 32px;
    display: flex;
    padding: 5px;
    font-weight: 800;
    flex-direction: column;
    background-color: #251f34d1;
    backdrop-filter: blur(5px);
    border-radius: 10px;
    -webkit-backdrop-filter: blur(5px)
}

.static_banner_internal_bonus2 {
    font-size: 22px;
    margin-top: 10px;
    font-weight: normal
}

.static_banner_top {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    position: relative
}

.register_money_girl_banner .register_girl_img {
    width: 260px
}

.register_money_girl_banner .register_girl_img img {
    width: 230px;
    height: auto;
    align-self: flex-end
}

@keyframes zeus_animation {
    0% {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(-10px)
    }
}

.register_money_girl_banner {
    overflow: hidden;
    padding-right: 0;
    display: flex;
    flex-direction: column
}

.register_money_girl_banner .background_container {
    background-image:
        /* original URL: https://static.sukaaa.top/images/img/banners/register/bg.png */
        url(../images/22.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    background-position: bottom
}

.register_girl_img {
    position: absolute;
    left: 10vw;
    bottom: 0px;
    height: 100%;
    display: flex
}

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

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

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

.register_money_girl_banner .static_banner_internal {
    position: absolute;
    width: unset;
    right: 10%
}

@media (min-width:1400px) {
    .register_money_girl_banner .static_banner_internal {
        right: 30%
    }
}

@media (max-width:1399px) {
    .register_money_girl_banner .static_banner_internal {
        right: 2%
    }
}

@media (max-width:1200px) {
    .register_money_girl_banner .static_banner_internal {
        right: 2%
    }
}

@media (max-width:1000px) {
    .register_money_girl_banner .static_banner_internal {
        position: absolute;
        width: unset;
        right: 2%
    }
}

@media (max-width:800px) {
    .register_money_girl_banner .register_girl_img {
        width: 170px
    }

    .register_money_girl_banner .register_girl_img img {
        width: 170px
    }
}

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

@media (max-width:580px) {
    .static_banner_internal_title2 {
        font-size: 25px;
        background-color: #677378
    }

    .static_banner_internal_bonus2 {
        font-size: 18px
    }
}

@media (max-width:450px) {
    .background_container {
        border-radius: 10px
    }

    .static_banner_top {
        margin-left: 10px
    }

    .static_banner_internal_title2 {
        font-size: 22px;
        background-color: #677378
    }

    .static_banner_internal_bonus2 {
        font-size: 15px
    }

    .register_money_girl_banner .register_girl_img {
        width: 180px
    }

    .register_money_girl_banner .register_girl_img img {
        width: 170px
    }
}

@media (max-width:320px) {
    .static_banner_internal_title2 {
        font-size: 16px;
        background-color: #677378
    }

    .static_banner_internal_bonus2 {
        font-size: 12px
    }
}

.providers_select {
    width: 100%;
    max-width: 250px;
    min-width: 240px;
    margin-right: 15px
}

@media (max-width:725px) {
    .games_navigation_container {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px
    }

    .providers_select {
        height: 45px;
        margin-right: 0;
        width: 100%;
        max-width: unset
    }

    .games_search_panel {
        width: 100%
    }
}

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

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

.partners_footer_wrap {
    display: flex;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-direction: column;
    max-width: 1000px
}

.game_partners_footer {
    display: flex;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box
}

.game_provider_logo,
.pay_provider_logo {
    display: flex;
    padding: 10px;
    align-items: center
}

.game_provider_logo img {
    width: 100px;
    height: auto;
    align-self: center
}

.pay_provider_logo img {
    width: 70px;
    height: auto;
    align-self: center
}

.payment_providers {
    display: flex;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: 30px;
    margin-bottom: 10px
}

.payments_bg_wrap {
    display: flex;
    padding: 10px;
    border-radius: 10px;
    background-color: #312938;
    justify-content: center;
    flex-wrap: wrap
}

.online_box {
    display: flex;
    position: relative;
    align-items: center
}

.online_link {
    text-decoration: none;
    height: 18px;
    border-bottom: 2px solid #ccc;
    white-space: nowrap
}

.online_link:hover {}

.online_value {
    margin-left: 5px;
    font-weight: 600
}

.online_notificator {
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: -2px
}

#online {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 15px
}

.online_notificator>div {
    background-color: #2ac120;
    border-radius: 20px;
    width: 10px;
    height: 10px
}

@media (max-width:370px) {
    #online {
        display: none;
        font-size: 15px
    }
}

@media (max-width:640px) {
    .lobby_top_wins_container {
        height: 195px
    }

    .wins_info_wrap {
        justify-content: flex-start
    }
}

.wins_info_wrap {
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%
}

.top_wins_swipe_wrap {
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    padding: 10px
}

.wins_info_wrap_title {
    font-size: 18px;
    font-weight: 600;
    color: white;
    margin-top: 10px;
    padding: 0 10px;
    box-sizing: border-box
}

.top_win_game_img_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 100%;
    width: 100%
}

.top_win_game_img_wrap>.game_img {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.top_win_game_img {
    display: flex;
    width: 100%;
    height: 100%
}

.top_win_game_img_fg {
    position: absolute;
    z-index: 1;
    background: linear-gradient(180deg, rgba(33, 28, 37, 0) 74%, rgba(33, 28, 37, 1) 86%, rgba(33, 28, 37, 1) 100%);
    left: 0;
    right: 0;
    height: 20px;
    background-color: #211c25;
    bottom: 0
}

.top_win_swiper {
    height: 100%;
    padding-bottom: 15px !important;
    box-sizing: border-box
}

.category_swiper {
    padding-bottom: 0px !important
}

.category_swiper .top_win_link {
    width: 180px
}

.category_swiper .category_swipe {
    width: 180px !important;
    position: relative
}

.top_win_game_win {
    position: absolute;
    z-index: 2;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: flex-end;
    bottom: 0;
    box-sizing: border-box;
    width: 100%
}

.top_win_game_win_text {
    background-color: #211c25d4;
    padding: 5px 5px;
    color: #ffffff;
    font-weight: 800;
    justify-content: center;
    border-radius: 10px;
    font-family: "Graphik LC Web", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.much_win {
    color: #ffc675;
    font-size: 140%
}

.top_win_game_img img {
    width: 100%;
    height: 100%;
    align-self: center;
    object-fit: cover;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    filter: saturate(0.7)
}

.top_win_link {
    text-decoration: none;
    text-transform: none;
    appearance: none;
    user-select: none;
    flex-direction: column;
    width: 160px;
    display: flex;
    height: 100%;
    position: relative;
    border-radius: 10px;
    background-color: rgb(60 49 67)
}

.top_win_link a {
    text-decoration: none
}

.top_win_swipe {
    width: 160px !important;
    padding-right: 10px
}

.category_swipe {
    width: 160px !important;
    padding-right: 10px
}

@media (max-width:500px) {
    .top_win_link {
        width: 130px
    }

    .big_wins_container {
        height: 195px
    }

    .category_games_swiper .top_win_link {
        width: 170px
    }

    .category_swiper .category_swipe {
        width: 170px !important
    }

    .category_games_swiper {
        height: 280px
    }

    .top_win_swipe {
        width: 130px !important
    }

    .category_swipe {
        width: 170px !important
    }
}

.top_win_link_body {
    display: flex;
    width: 100%;
    position: absolute;
    border-radius: 10px;
    height: 100%
}

.top_win_link_body>img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: absolute;
    pointer-events: none;
    appearance: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.top_win_front {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: calc(100% - 5px);
    width: 100%;
    pointer-events: none;
    opacity: 0;
    will-change: opacity;
    transition: opacity .15s linear;
    transition-delay: 20ms;
    border-radius: 10px 10px 10px 10px;
    background-color: #220d2680;
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    align-items: center;
    justify-content: center
}

.top_win_link_body_delim {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    background-color: #211c25;
    flex-direction: column;
    border-radius: 10px;
    justify-content: space-between;
    position: absolute;
    height: 100%
}

.top_win_link:hover {
    color: #ccc
}

.top_win .details {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 30px
}

.top_win .details>img {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    transform: scale(1);
    transition: transform .15s ease-out
}

.top_win .player {
    font-size: 12px;
    color: white
}

.top_win {
    width: 100%;
    background-color: #2c2430;
    border-radius: 10px
}

.top_win:hover {
    background-color: #382e3d
}

.top_win:hover .details>img {
    transform: scale(1.2)
}

@media (max-width:720px) {
    .wins_info_wrap {
        justify-content: flex-start
    }
}

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

@keyframes racing_cars {
    0% {
        transform: translateX(0px)
    }

    25% {
        transform: translateX(-10px)
    }

    50% {
        transform: translateX(0px)
    }

    75% {
        transform: translateX(10px)
    }

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

@keyframes racing_girl {
    0% {
        transform: translateX(0px)
    }

    25% {
        transform: translateX(5px)
    }

    50% {
        transform: translateX(0px)
    }

    75% {
        transform: translateX(-5px)
    }

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

@media (max-width:500px) {
    .static_banner_top {
        display: none
    }

    .background_container_outer {
        padding: 0 10px
    }
}

@media (max-width:800px) {
    .static_banner_top {
        display: none
    }
}

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

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

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

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

#underFooterContent {
    display: flex;
    width: 100%;
    justify-content: center
}

.socials_container {
    display: flex;
    width: 100%;
    background-color: #322d37;
    background: linear-gradient(180deg, rgba(52, 43, 57, 1) 0%, rgb(44 36 48) 35%);
    border-top: 1px solid #4e4156
}

.social_girl {
    display: flex;
    align-items: flex-end
}

.social_girl_img_container {
    display: flex;
    width: 180px;
    height: auto
}

.social_girl_img_container img {
    width: 180px;
    height: auto;
    object-fit: contain
}

.social_icons_container {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    box-sizing: border-box
}

.social_text_title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2em;
    max-width: 600px;
    margin-bottom: 10px
}

.social_icons {
    display: flex;
    width: 100%;
    flex-wrap: nowrap
}

.social_text_minor {
    line-height: 1.2em;
    margin-top: 20px;
    margin-bottom: 10px
}

@media (max-width:450px) {
    .social_text_title {
        font-size: 18px
    }
}

@media (max-width:320px) {
    .social_text_title {
        font-size: 14px
    }
}

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

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

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

.static_banner_internal_bonus2 .text_major {
    font-weight: bold
}

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

.new_category {
    position: absolute;
    top: -7px;
    padding: 3px 3px;
    border-radius: 5px;
    font-size: 13px;
    transform: rotate(10deg);
    right: -2px;
    background-color: #ed5454;
    font-weight: 800;
    color: white;
    border: 2px solid black
}

.main_header_container {
    display: flex;
    width: 100%;
    max-width: 1200px
}

.tournaments_main_header {
    border-radius: 10px;
    background-color: #342b39;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    transition: border .25s ease;
    background: linear-gradient(137deg, rgb(60 49 67) 0%, rgb(44 36 48) 55%);
    height: 100%;
    min-height: 110px
}

.tournaments_main_header:hover {
    cursor: pointer
}

.main_header_inner_container_tournament_section {
    display: flex;
    width: 100%;
    min-width: 370px;
    box-sizing: border-box;
    padding: 0 10px;
    flex-direction: column;
    margin-top: 10px
}

.tournaments_trophy_img {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    top: 0px;
    z-index: 10
}

.tournaments_trophy_img img {
    width: 50%;
    border-radius: 10px;
    display: flex;
    object-fit: contain;
    position: absolute;
    bottom: 0px;
    max-width: 235px
}

.tournaments_main_header_content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    z-index: 11;
    display: flex;
    flex-wrap: nowrap;
    height: 100%
}

.tournaments_main_remain_title {
    font-weight: 600
}

.tournaments_main_header_title {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
    color: white
}

.tournaments_main_header_enter {
    display: flex;
    width: 100px;
    margin-top: 10px
}

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

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

@media (max-width:1050px) {
    .games_navigation_container {
        padding: 10px;
        margin-bottom: unset
    }

    .main_tabs_list:first-child {}

    .main_tabs_list:first-child>li {
        padding: 0px 10px
    }

    .main_tabs_list:nth-child(2)>li {}

    .main_tabs_list:nth-child(2).second_nav_list>li {
        padding: 5px 10px
    }
}

.second_nav_list {
    background: linear-gradient(138deg, rgb(62 50 68) 0%, rgb(44 36 48) 65%)
}

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

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

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

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

.tournaments_main_tournament {
    display: flex;
    width: 100%;
    flex-direction: column;
    max-width: 350px;
    margin-right: 15px
}

.tournaments_main_tournament.second_panel {
    min-width: 350px
}

.tournaments_main_title {
    display: flex;
    text-transform: uppercase
}

.tournaments_main_fund {
    margin: 10px 0;
    font-size: 24px;
    font-weight: 800;
    color: #ffd092;
    font-family: "Graphik LC Web", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    white-space: nowrap
}

.tournaments_main_remain {
    font-weight: 600;
    margin-top: 5px
}

@media (max-width:800px) {
    .tournaments_main_tournament.second_panel {
        display: none
    }

    .tournaments_trophy_img img {
        max-width: 150px
    }
}

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

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

@media (max-width:1050px) {
    .main_tabs_listitem {
        padding: unset
    }

    .main_tabs_list {
        padding: unset
    }
}

.tournament_and_additional {
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.lobby_main_menu_container {
    display: flex;
    width: 100%;
    max-width: 1200px;
    justify-content: center;
    margin-top: 10px;
    height: 250px;
    padding-right: 5px;
    padding-left: 5px;
    box-sizing: border-box
}

.lobby_main_menu_container .menu_item {
    box-sizing: border-box;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 5px
}

.lobby_main_menu_container a.menu_item {
    text-decoration: none;
    color: #fff
}

.lobby_main_menu_container a.menu_item:hover {
    color: #fff
}

.lobby_main_menu_container .main_section {
    display: flex;
    width: 70%;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap
}

.lobby_main_menu_container .second_section {
    flex-wrap: wrap;
    display: flex;
    width: 30%;
    box-sizing: border-box;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.lobby_main_menu_container .main_section>.menu_item {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: relative;
    overflow: hidden
}

.lobby_main_menu_container .main_section>.menu_item>.title {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px;
    font-weight: 600
}

.lobby_main_menu_container .main_section>.menu_item>.descr {
    position: absolute;
    bottom: 30px;
    left: 10px;
    font-size: 18px;
    font-weight: 600;
    max-width: 200px
}

.lobby_main_menu_container .menu_item>img {
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.lobby_main_menu_container .main_section>.menu_item>img {
    width: 50%;
    height: auto;
    position: absolute;
    right: 20px
}

.lobby_main_menu_container .second_section>.menu_item {
    width: calc(50% - 10px);
    height: calc(50% - 10px);
    position: relative;
    overflow: hidden
}

.lobby_main_menu_container .second_section>.menu_item>.title {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px;
    font-weight: 600
}

.lobby_main_menu_container .second_section>.menu_item>img {
    width: 90%;
    height: auto;
    position: absolute
}

.lobby_main_menu_container .second_section>.menu_item.live_menu_item>img {
    width: 75%;
    bottom: -6px;
    right: -12px
}

.lobby_main_menu_container .main_section>.menu_item.lobby_menu_item>img {
    right: -13px
}

.lobby_main_menu_container .second_section>.menu_item.bonusbuy_menu_item>img {
    width: 60%;
    right: 10px;
    bottom: -20px
}

.lobby_main_menu_container .second_section>.menu_item.other_menu_item>img {
    width: 100%;
    bottom: -9vh
}

.menu_item.lobby_menu_item {
    background: linear-gradient(90deg, rgb(44 37 49) 0%, rgb(63 83 63) 80%)
}

.menu_item.bonusbuy_menu_item {
    background: linear-gradient(90deg, rgb(44 37 49) 0%, rgb(83 79 63) 80%)
}

.menu_item.slots_menu_item {
    background: linear-gradient(90deg, rgb(44 37 49) 0%, rgb(66 50 88) 80%)
}

.menu_item.crash_menu_item {
    background: linear-gradient(90deg, rgb(44 37 49) 0%, rgb(78 51 51) 80%)
}

.menu_item.live_menu_item {
    background: linear-gradient(90deg, rgb(44 37 49) 0%, rgb(63 64 83) 80%)
}

.menu_item.other_menu_item {
    background: linear-gradient(90deg, rgb(44 37 49) 0%, rgb(63 70 83) 80%)
}

.search_controls_container {
    margin-top: 10px;
    display: flex;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box
}

@media (max-width:1075px) {
    .tournament_and_additional {
        flex-wrap: wrap;
        flex-direction: column
    }

    .lobby_main_menu_container {
        flex-direction: column;
        height: 370px
    }

    .lobby_main_menu_container .main_section {
        width: 100%;
        height: 250px
    }

    .lobby_main_menu_container .second_section {
        width: 100%;
        height: 120px;
        flex-wrap: nowrap
    }

    .lobby_main_menu_container .second_section>.menu_item {
        height: calc(100% - 10px)
    }

    .main_header_inner_container_tournament_section {
        margin-top: 0
    }

    .big_wins_container {
        width: 100%
    }

    .lobby_main_menu_container .second_section>.menu_item.other_menu_item>img {
        width: 100%;
        bottom: -13vw;
        right: -4vh
    }
}

@media (max-width:600px) {
    .lobby_main_menu_container {
        height: 215px
    }

    .lobby_main_menu_container .main_section {
        width: 100%;
        height: 135px
    }

    .lobby_main_menu_container .second_section {
        width: 100%;
        height: 100px;
        flex-wrap: nowrap
    }

    .lobby_main_menu_container .menu_item {
        margin: 2px
    }

    .lobby_main_menu_container .main_section>.menu_item>.title {
        font-size: 20px;
        max-width: 50%
    }

    .lobby_main_menu_container .second_section>.menu_item>.title {
        font-size: 14px;
        max-width: 85%
    }

    .lobby_main_menu_container .main_section>.menu_item.slots_menu_item>img {
        right: 0
    }

    .lobby_main_menu_container .second_section>.menu_item.live_menu_item>img {
        width: 100%;
        bottom: -4vw
    }

    .lobby_main_menu_container .second_section>.menu_item.other_menu_item>img {
        width: 100%;
        bottom: -11vw;
        right: -2vh
    }

    .lobby_main_menu_container .second_section>.menu_item.crash_menu_item>img {
        width: 100%;
        bottom: -1vw;
        right: -2vh
    }

    .lobby_main_menu_container .second_section>.menu_item.bonusbuy_menu_item>img {
        width: 100%;
        bottom: -13vw;
        right: 0;
        left: 0
    }

    .lobby_main_menu_container .main_section .menu_item .descr {
        display: none
    }
}

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

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

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

@keyframes empty-bg-move {
    0% {
        background-position: 250px 0
    }

    100% {
        background-position: -200px 0
    }
}

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

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

@media (max-width:400px) and (max-height:900px) {}

.gcb_licence img {
    width: 80px !important;
    height: auto
}

.lobby_container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center
}

.lobby_header_container {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box
}

.lobby_body {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    max-width: 1200px;
    margin-bottom: 20px
}

.lobby_games_list {
    display: flex;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    margin-bottom: 5px;
    flex-direction: column;
    margin-top: 10px
}

.lobby_games_list_header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 5px;
    box-sizing: border-box
}

.lobby_games_list_header>.title {
    font-size: 18px;
    font-weight: 600
}

.lobby_games_list_header>.controls {
    display: flex;
    flex-wrap: nowrap
}

.lobby_games_list_header>.controls>.prev_control,
.lobby_games_list_header>.controls>.next_control,
.lobby_games_list_header>.controls>.nav_control {
    background-color: #332b39;
    border-radius: 6px;
    padding: 2px;
    margin: 0px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px
}

.lobby_games_list_header>.controls>.nav_control {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    flex-wrap: nowrap;
    font-weight: 500;
    font-size: 18px;
    width: 50px
}

.lobby_games_list_header>.controls>.prev_control:hover,
.lobby_games_list_header>.controls>.next_control:hover,
.lobby_games_list_header>.controls>.nav_control:hover {
    background-color: #453b4e
}

.lobby_games_list_header>.controls>.prev_control>img {
    width: 20px;
    height: 20px
}

.lobby_games_list_header>.controls>.next_control>img {
    width: 20px;
    height: 20px
}

.category_games_swiper .content {
    display: flex;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    box-sizing: border-box
}

.category_games_swiper .top_win_front {
    height: 100%
}

.top_win_swiper {
    width: 100%
}

.category_swipe .top_win_front {
    justify-content: space-evenly
}