.keen-slider:not([data-keen-slider-disabled]) {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    align-content: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    width: 100%
}

.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

a, article, body, canvas, div, footer, form, h1, header, html, img, li, main, nav, p, s, span, ul, var {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

article, footer, header, main, nav {
    display: block
}

body {
    line-height: 1
}

 ul {
    list-style: none
}

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

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

button:focus, input:focus, select:focus {
    outline: none
}

@font-face {
    font-family: Muller;
    font-style: normal;
    font-weight: 700;
    src: local("Muller Bold"), local("MullerBold"), url(./font/muller_bold.f46fec22fe00f222f37ed4c117339b91.woff2) format("woff2"), url(./font/Muller-Bold.8c6e1b8574831eeb117ce698515f9a1c.woff) format("woff")
}

@font-face {
    font-family: Muller;
    font-style: normal;
    font-weight: 800;
    src: local("Muller ExtraBold"), local("MullerExtraBold"), url(./font/muller_extra_bold.93f0aa5c2c13b6bdf116fa80cce5fd65.woff2) format("woff2"), url(./font/Muller-ExtraBold.dbc5716e3fa97fe3721e5f53aa41ec55.woff) format("woff")
}

@font-face {
    font-family: Muller;
    font-style: normal;
    font-weight: 900;
    src: local("Muller Black"), local("MullerBlack"), url(./font/muller_black.cb2ad4a14e24799709b541daa61c575b.woff2) format("woff2"), url(./font/Muller-Black.27725c574aa908aa1a790f0e6fbb4786.woff) format("woff")
}

@font-face {
    font-family: Muller;
    font-style: normal;
    font-weight: 300;
    src: local("Muller Light"), local("MullerLight"), url(./font/muller_light.8ecac673d1a9144b89ba902acc773274.woff2) format("woff2"), url(./font/Muller-Light.7a12029f75952aa12f175cbb840f6083.woff) format("woff")
}

@font-face {
    font-family: Muller;
    font-style: normal;
    font-weight: 500;
    src: local("Muller Medium"), local("MullerMedium"), url(./font/muller_medium.791d5958be3a4deb0c60bf641105fbc7.woff2) format("woff2"), url(./font/Muller-Medium.f88b4df4f2b1d4e12e9f470708e194f3.woff) format("woff")
}

@font-face {
    font-family: Muller;
    font-style: italic;
    font-weight: 500;
    src: local("Muller Medium Italic"), local("MullerMediumItalic"), url(./font/muller_medium_italic.f2d923ec2a2ecac5754865f3d661ac96.woff2) format("woff2"), url(./font/Muller-MediumItalic.543fb63ed1f36c6db25ad94ac58a1708.woff) format("woff")
}

@font-face {
    font-family: Muller;
    font-style: normal;
    font-weight: 400;
    src: local("Muller Regular"), local("MullerRegular"), url(./font/muller_regular.96a27afe1a505f17f45d62993b8ae080.woff2) format("woff2"), url(./font/Muller-Regular.e1cc3703edec36cd6e5cba1427f8d89c.woff) format("woff")
}

@font-face {
    font-family: Sochi2014;
    font-style: normal;
    font-weight: 700;
    src: local("Sochi2014 Bold"), local("Sochi2014-Bold"), url(./font/Sochi2014-Bold.b5e938118caf026434698a1e4c3c8ed1.woff) format("woff")
}

@font-face {
    font-family: Bakbak One;
    font-style: normal;
    font-weight: 400;
    src: local("Bakbak One"), local("BakbakOne-Regular"), url(./font/BakbakOne-Regular.d3ff3558b5a0e459a74a626cb276b188.woff2) format("woff2"), url(./font/BakbakOne-Regular.01672b7838bc435e35807267d5b29148.woff) format("woff")
}

@font-face {
    font-family: Mukta;
    font-style: normal;
    font-weight: 400;
    src: local("Mukta Regular"), local("MuktaRegular"), url(./font/Mukta-Regular.17d3280b993b9b0d15576ced47616e87.woff2) format("woff2"), url(./font/Mukta-Regular.1d447e3b83b6ec14e8bb972be2827679.woff) format("woff")
}

@font-face {
    font-family: Mukta;
    font-style: normal;
    font-weight: 200;
    src: local("Mukta ExtraLight"), local("MuktaExtraLight"), url(./font/Mukta-ExtraLight.68ec8defe861ecae48abe9e144ffaf73.woff2) format("woff2"), url(./font/Mukta-ExtraLight.e76dd88269417d1173c15379ca444cc3.woff) format("woff")
}

@font-face {
    font-family: Mukta;
    font-style: normal;
    font-weight: 300;
    src: local("Mukta Light"), local("MuktaLight"), url(./font/Mukta-Light.46453e3f34d46923587dac16f7bd87a3.woff2) format("woff2"), url(./font/Mukta-Light.8902f10299fdd5f4f60d33cb81d1945d.woff) format("woff")
}

@font-face {
    font-family: Mukta;
    font-style: normal;
    font-weight: 500;
    src: local("Mukta Medium"), local("MuktaMedium"), url(./font/Mukta-Medium.b8a85836723aa302f83f1a5c99adfb06.woff2) format("woff2"), url(./font/Mukta-Medium.c241a68c8eb50c402442cbeede9bcbf0.woff) format("woff")
}

@font-face {
    font-family: Mukta;
    font-style: normal;
    font-weight: 600;
    src: local("Mukta SemiBold"), local("MuktaSemiBold"), url(./font/Mukta-SemiBold.ca7612ac80e65ca2efe08b754ac3884a.woff2) format("woff2"), url(./font/Mukta-SemiBold.a68398db01e05aa936a6cd44ad1cb132.woff) format("woff")
}

@font-face {
    font-family: Mukta;
    font-style: normal;
    font-weight: 700;
    src: local("Mukta Bold"), local("MuktaBold"), url(./font/Mukta-Bold.9bf57df7a81ca1e4d3f8ada10580760a.woff2) format("woff2"), url(./font/Mukta-Bold.1d7729140d36ca6e6fdd65ebee4f9129.woff) format("woff")
}

@font-face {
    font-family: Mukta;
    font-style: normal;
    font-weight: 800;
    src: local("Mukta ExtraBold"), local("MuktaExtraBold"), url(./font/Mukta-ExtraBold.af3c886f0ac6fdc2fbad0967efb37b2f.woff2) format("woff2"), url(./font/Mukta-ExtraBold.94e5eb8796f20370871b1e40c471d241.woff) format("woff")
}

:root {
    --font-main: Muller, sans-serif;
    --font-second: Museo Sans Cyrl 500, sans-serif;
    --font-third: Sochi2014, sans-serif
}

body {
    -webkit-font-smoothing: antialiased;
    background-color: #212132;
    background-image: url(./img/body_strips.526a52983c17baa3c7e277b3f871e06e.svg);
    background-repeat: repeat;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: var(--font-main), sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    min-height: 100vh
}

footer {
    margin-top: auto
}

.header_and_main {
    display: flex;
    flex-grow: 1;
    min-height: calc(100vh - 96px)
}

.main {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 96px;
    width: 100%
}

.beam .beam_block, .block {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    padding: 0 15px;
    width: 100%
}

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

h1 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: left;
    text-transform: none
}

h1 {
    font-size: 50px;
    line-height: 55px
}

.content p {
    line-height: 23px
}

.content p {
    font-weight: 300;
    margin-bottom: 30px;
    text-align: left
}

 .content ul {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 45px;
    text-align: left
}

.content ul > li:before {
    content: "- "
}

.content p + ul {
    margin-top: -30px
}

.content a {
    color: #46afff;
    transition: transform .25s ease
}

.content a:visited {
    color: #d63e8b;
    text-decoration: none
}

.content a:hover {
    color: #fe284a
}

.content a:active {
    display: inline-block;
    transform: scale(.95)
}

.content .img_box {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
    max-width: 100%
}

.content .img_box img {
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 #000;
    margin-bottom: 10px;
    max-width: 100%
}

.description {
    color: #646a87
}

.text_slots {
    color: #17eada
}

.text_live {
    color: #de593e
}

.text_casino {
    color: #6ef770
}

.text_tournament {
    color: #e8ce3a
}

.text_sports {
    color: #9a5cff
}

@keyframes fill-circle {
    to {
        stroke-dashoffset: 0
    }
}

.blur {
    filter: blur(5px)
}

.header_and_main, footer {
}

@media (max-width: 1200px) {
    .header_and_main, footer, header {
        max-width: 1200px
    }
}

@media (max-width: 1024px) {
    .header_and_main, footer, header {
        max-width: 1024px
    }

    .beam .beam_block, .block {
        padding: 0 20px
    }
}

@media (max-width: 768px) {
    .header_and_main, footer, header {
        max-width: 768px
    }
}

@media (max-width: 668px) {
    .header_and_main, footer, header {
        max-width: 668px
    }

    .beam .beam_block, .block {
        padding: 0 10px
    }
}

@media (max-width: 320px) {
    .header_and_main, footer, header {
        max-width: 320px
    }
}

 .btn_approve_small, .btn_primary_small, .btn_small {
    align-items: center;
    background-color: #4d5a85;
    border: none;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: var(--font-main), sans-serif;
    font-size: 16px;
    font-weight: 800;
    height: 40px;
    justify-content: center;
    letter-spacing: 1px;
    line-height: 22px;
    outline: none;
    overflow: hidden;
    padding: 0 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

 .btn_approve_small:focus, .btn_primary_small:focus, .btn_small:focus {
    outline: none
}

.btn_approve_small, .btn_primary_small, .btn_small {
    font-size: 12px;
    height: 30px;
    padding: 0 30px
}

.btn_small {
    box-shadow: 0 3px 0 0 #2c3552, 0 4px 4px 0 #000
}

.btn_small:focus, .btn_small:hover {
    box-shadow: 0 3px 0 0 #2c3552, 0 4px 4px 0 #000, inset 0 15px 15px -3px #fff6
}

.btn_small:active {
    box-shadow: inset 0 2px 0 0 #2c3552, inset 0 0 0 15px #0003;
    transform: translateY(3px)
}

.btn_primary_small {
    background-color: #fe284a;
    box-shadow: 0 3px 0 0 #871628, 0 4px 4px 0 #000
}

.btn_primary_small:focus, .btn_primary_small:hover {
    box-shadow: 0 3px 0 0 #871628, 0 4px 4px 0 #000, inset 0 15px 15px -3px #fff6
}

.btn_primary_small:active {
    box-shadow: inset 0 2px 0 0 #871628, inset 0 0 0 15px #0003;
    transform: translateY(3px)
}

.btn_approve_small {
    background-color: #62c23c;
    box-shadow: 0 3px 0 0 #3c7028, 0 4px 4px 0 #000
}

.btn_approve_small:focus, .btn_approve_small:hover {
    box-shadow: 0 3px 0 0 #3c7028, 0 4px 4px 0 #000, inset 0 15px 15px -3px #fff6
}

.btn_approve_small:active {
    box-shadow: inset 0 2px 0 0 #3c7028, inset 0 0 0 15px #0003;
    transform: translateY(3px)
}

.btn_application {
    align-items: center;
    border-radius: 30px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 11px;
    line-height: 10px;
    min-width: 140px;
    padding: 5px 15px;
    text-decoration: none
}

.btn_application > span:first-child {
    align-items: center;
    display: flex;
    flex-shrink: 0
}

.btn_application_ios {
    background-color: #303036;
    box-shadow: 0 4px 0 0 #0e0e11
}

.btn_application_android {
    background-color: #309c4d;
    box-shadow: 0 4px 0 0 #184e26
}

.btn_application_text {
    display: flex;
    flex-direction: column;
    margin-left: 5px
}

.btn_application_text_os {
    text-wrap: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px
}

@keyframes shake {
    0% {
        left: 0
    }
    10% {
        left: -3px
    }
    20% {
        left: 3px
    }
    30% {
        left: -8px
    }
    40% {
        left: 8px
    }
    50% {
        left: -5px
    }
    60% {
        left: 3px
    }
    70% {
        left: 0
    }
}

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

.box_input_text input {
    background: linear-gradient(#191929, #191929) padding-box, linear-gradient(180deg, #0000 40%, #80808066) border-box;
    border: 1px solid #0000;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    font-weight: 500;
    transition: box-shadow .25s ease;
    width: 100%
}

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

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

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

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

.box_input_text.search {
    width: 100%
}

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

.box_input_text.search .search_submit {
    background: #0000 url(./img/icons/icon_search.c2d5989eaa419f4dca74590af13427ee.svg) no-repeat 50%;
    background-size: 18px;
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 35px
}

.select {
    position: relative
}

.select:before {
    background-image: url(./img/icons/icon_dropdown.ec91691febf3c466a1e87290d466148e.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 15px;
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: 13px;
    width: 15px;
    z-index: 1
}

 .select select {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background: linear-gradient(#191929, #191929) padding-box, linear-gradient(180deg, #0000 40%, #80808066) border-box;
    border: 1px solid #0000;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 35px;
    overflow: hidden;
    padding: 10px 25px 9px 10px;
    text-overflow: ellipsis;
    transition: box-shadow .25s ease;
    white-space: nowrap;
    width: 100%
}

 .select option {
    box-sizing: border-box;
    cursor: pointer;
    height: 35px;
    overflow: hidden;
    padding: 10px 25px 9px 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.select option {
    background-color: #2d3047
}

@media (min-width: 669px) {
     .select:before {
        right: 15px
    }

     .select select {
        padding-left: 10px;
        padding-right: 35px
    }

     .select option {
        padding-left: 8px;
        padding-right: 18px
    }
}

form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%
}

 .choose_lang .choose_lang_button {
    cursor: pointer
}

 .choose_lang .choose_lang_button:focus {
    outline: none;
    pointer-events: none
}

.nav-categories {
    width: 100%
}

.nav-categories_list {
    display: flex;
    width: inherit
}

.nav-categories_item.x_slots {
    color: #17eada
}

.nav-categories_item.x_slots .nav-categories_img {
    background-image: url(./img/icons/icon_categories/icon_slots.f76d8383233a7579c6fb164a8638533b.svg)
}

.nav-categories_item.x_live {
    color: #de593e
}

.nav-categories_item.x_live .nav-categories_img {
    background-image: url(./img/icons/icon_categories/icon_live.3c4dec011d69a634a78c103dc7da4b79.svg)
}

.nav-categories_item.x_casino {
    color: #6ef770
}

.nav-categories_item.x_casino .nav-categories_img {
    background-image: url(./img/icons/icon_categories/icon_casino.3e03ed4f200e6c67e7707e4b0b06f672.svg)
}

.nav-categories_item.x_tournament {
    color: #e8ce3a
}

.nav-categories_item.x_tournament .nav-categories_img {
    background-image: url(./img/icons/icon_categories/icon_tournament.3e08b99c11d92bda07288896e01daee3.svg)
}

.nav-categories_item.x_sports {
    color: #9a5cff
}

.nav-categories_item.x_sports .nav-categories_img {
    background-image: url(./img/icons/icon_categories/icon_sports.8c42b5c85c8a047b402379483d9b3cb5.svg)
}

.nav-categories_item:lang(hi).x_sports .nav-categories_img {
    background-image: url(./img/icons/icon_categories/icon_sports_hi.b9b931b3caef74d1a68f8978af26e266.svg)
}

.nav-categories_link {
    cursor: pointer;
    display: block;
    font-family: var(--font-main), sans-serif;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

.nav-categories_content {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center
}

.nav-categories_img-wrapper {
    align-items: center;
    display: flex;
    height: inherit;
    height: -webkit-fill-available;
    justify-content: flex-end;
    margin-right: 10px;
    width: 50px
}

.nav-categories_img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: inherit;
    width: 40px
}

.nav-categories_text {
    box-sizing: border-box;
    display: inline-block;
    max-height: 100%;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.beam-categories {
    box-shadow: inset 0 5px 25px 0 #000c;
    box-sizing: border-box;
    padding: 10px 5px;
    width: 100%
}

.beam-categories .nav-categories_list > * {
    position: relative;
    width: 50%
}

.beam-categories .nav-categories_list > :after, .beam-categories .nav-categories_list > :before {
    background-color: #313047;
    content: "";
    display: block;
    height: 50px;
    position: absolute;
    top: 12.5px;
    width: 1px
}

 .beam-categories .nav-categories_list > :first-child:after, .beam-categories .nav-categories_list > :first-child:before, .beam-categories .nav-categories_list > :last-child:after {
    display: none
}

.beam-categories .nav-categories_item.x_slots .nav-categories_img {
    height: 100%;
    width: 35px
}

.beam-categories .nav-categories_item.x_slots .nav-categories_content {
    outline-color: #17eada
}

.beam-categories .nav-categories_item.x_live .nav-categories_img {
    height: 100%;
    width: 28px
}

.beam-categories .nav-categories_item.x_live .nav-categories_content {
    outline-color: #de593e
}

.beam-categories .nav-categories_item.x_casino .nav-categories_img {
    height: 100%;
    width: 22px
}

.beam-categories .nav-categories_item.x_casino .nav-categories_content {
    outline-color: #6ef770
}

.beam-categories .nav-categories_item.x_tournament .nav-categories_img {
    height: 100%;
    width: 22px
}

.beam-categories .nav-categories_item.x_tournament .nav-categories_content {
    outline-color: #e8ce3a
}

.beam-categories .nav-categories_item.x_sports .nav-categories_img {
    height: 100%;
    width: 22px
}

.beam-categories .nav-categories_item.x_sports .nav-categories_content {
    outline-color: #9a5cff
}

.beam-categories .nav-categories_link {
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 12px
}

.beam-categories .nav-categories_content {
    border-radius: 6px;
    flex-direction: column;
    height: 75px;
    justify-content: flex-start;
    max-height: 75px;
    padding-bottom: 11px
}

.beam-categories .nav-categories_content:hover {
    box-shadow: inset 0 0 0 38px #ffffff0d
}

.beam-categories .nav-categories_img-wrapper {
    justify-content: center;
    margin-right: 0;
    width: 35px
}

.beam-categories .nav-categories_text {
    font-size: 9px;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.beam-categories .nav-categories_text:lang(hi) {
    overflow: visible
}

.beam-categories_canvas {
    display: none
}

@media (min-width: 340px) {
    .beam-categories .nav-categories_link {
        font-size: 14px
    }
}

@media (min-width: 669px) {
    .beam-categories {
        box-shadow: none;
        padding: 5px 0 0
    }

    .beam-categories .nav-categories {
        box-sizing: border-box;
        margin: 0 auto;
        max-width: 1200px;
        padding: 0 15px;
        width: 100%
    }

    .beam-categories .nav-categories_list {
        flex-wrap: nowrap
    }

    .beam-categories .nav-categories_list > * {
        width: 25%
    }

    .beam-categories .nav-categories_list > :after, .beam-categories .nav-categories_list > :before {
        height: 34px;
        top: 23px
    }

    .beam-categories .nav-categories_item.x_live .nav-categories_img, .beam-categories .nav-categories_item.x_slots .nav-categories_img {
        width: 35px
    }

    .beam-categories .nav-categories_item.x_casino .nav-categories_img {
        width: 29px
    }

    .beam-categories .nav-categories_item.x_tournament .nav-categories_img {
        width: 30px
    }

    .beam-categories .nav-categories_item.x_sports .nav-categories_img {
        width: 29px
    }

    .beam-categories .nav-categories_item:first-child .nav-categories_content:before, .beam-categories .nav-categories_item:last-child .nav-categories_content:after {
        display: none
    }

    .beam-categories .nav-categories_content, .beam-categories .nav-categories_link {
        border-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .beam-categories .nav-categories_link {
        padding: 0
    }

    .beam-categories .nav-categories_content {
        height: 80px;
        justify-content: center;
        max-height: 80px;
        padding: 10px 5px
    }

    .beam-categories .nav-categories_img-wrapper {
        margin-right: 10px;
        position: relative
    }

    .beam-categories .nav-categories_img {
        position: absolute;
        right: 0;
        top: 0
    }

    .beam-categories .nav-categories_text {
        font-size: 14px
    }
}

@media (min-width: 1025px) {
    .beam-categories .nav-categories_list > :after, .beam-categories .nav-categories_list > :before {
        top: 10.5px
    }

    .beam-categories .nav-categories_item.x_slots .nav-categories_img {
        width: 42px
    }

    .beam-categories .nav-categories_item.x_live .nav-categories_img {
        width: 39px
    }

    .beam-categories .nav-categories_item.x_casino .nav-categories_img, .beam-categories .nav-categories_item.x_sports .nav-categories_img, .beam-categories .nav-categories_item.x_tournament .nav-categories_img {
        width: 32px
    }

    .beam-categories .nav-categories_item:first-child .nav-categories_content:before, .beam-categories .nav-categories_item:last-child .nav-categories_content:after {
        display: block
    }

    .beam-categories .nav-categories_link {
        font-size: 16px
    }

    .beam-categories .nav-categories_content {
        flex-direction: row;
        height: 55px;
        max-height: 55px;
        padding: 0 5px
    }

    .beam-categories .nav-categories_img-wrapper {
        margin-right: 15px;
        width: 50px
    }

    .beam-categories .nav-categories_text {
        font-size: 16px;
        line-height: 16px
    }
}

@media (min-width: 669px)and (max-width: 1024px) {
    .nav-categories_list > li:first-child .nav-categories_img-wrapper {
        margin-right: 5px
    }

    .nav-categories_list .nav-categories_content {
        gap: 10px
    }

    .nav-categories_list .nav-categories_content:hover {
        box-shadow: inset 0 0 0 40px #ffffff0d
    }

    .nav-categories_list .nav-categories_content .nav-categories_img-wrapper {
        margin-right: 5px
    }

    .nav-categories_list .nav-categories_content .nav-categories_img-wrapper .nav-categories_img {
        height: 100%
    }

    .nav-categories_list .nav-categories_content .nav-categories_text {
        overflow: visible
    }
}

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

.navigation_social li {
    margin-right: 10px
}

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

.navigation_social a {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    width: 35px
}

.navigation_social a img {
    height: 20px;
    width: 20px
}

.social_vkontakte {
    background-color: #3a6aa3;
    box-shadow: 0 3px 0 1px #223f61
}

.social_vkontakte:focus, .social_vkontakte:hover {
    box-shadow: 0 3px 0 1px #223f61, inset 0 10px 10px 5px #fff6
}

.social_youtube {
    background-color: red;
    box-shadow: 0 3px 0 1px #781712
}

.social_youtube:focus, .social_youtube:hover {
    box-shadow: 0 3px 0 1px #781712, inset 0 10px 10px 5px #fff6
}

.social_telegram {
    background-color: #2ca3df;
    box-shadow: 0 3px 0 1px #1a6b84
}

.social_telegram:focus, .social_telegram:hover {
    box-shadow: 0 3px 0 1px #1a6b84, inset 0 10px 10px 5px #fff6
}

@keyframes playX {
    0% {
        background-position-x: 0
    }
    to {
        background-position-x: -600px
    }
}

@keyframes playY {
    0% {
        background-position-y: 0
    }
    to {
        background-position-y: -200px
    }
}

@keyframes lastFrame {
    0% {
        background-position: -600px -200px
    }
    to {
        background-position: -500px -100px
    }
}

.choose_lang {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-family: Muller, sans-serif;
    justify-content: flex-end;
    position: relative
}

.choose_lang a {
    text-decoration: none
}

.choose_lang span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 0 10px;
    text-transform: uppercase
}

.choose_lang .choose_lang_button {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: flex-start;
    padding: 5px;
    width: 185px
}

.choose_lang .arrow_down {
    width: 12px
}

.flag_lang {
    border-radius: 50%;
    width: 30px
}

@media (max-width: 668px) {
    .choose_lang .choose_lang_button {
        width: auto
    }
}

.carousel {
    box-shadow: 0 6px 30px 0 #000c;
    font-family: var(--font-third), sans-serif;
    font-weight: 700;
    height: 380px;
    margin-top: -96px
}

.carousel.carousel_init {
    display: block
}

.carousel.carousel_init .carousel_img {
    height: 380px
}

.carousel a {
    color: inherit
}

.carousel_img {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    position: relative
}

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

.banner {
    object-fit: none;
    object-position: 50% 50%;
    pointer-events: none;
    width: 100%
}

 .carousel_crypto-new-wrapper, .carousel_jackpot-wrapper, .carousel_maxbet-wrapper, .carousel_megawin-wrapper, .carousel_sport-wrapper {
    align-items: center;
    background: linear-gradient(90deg, #32125800 0, #321258e6 25%, #321258e6 75%, #32125800);
    display: flex;
    height: 62px;
    justify-content: center;
    position: absolute;
    width: 100%
}

 .carousel_jackpot-wrapper {
    background: linear-gradient(270.09deg, #06104f00 .07%, #06104fe6 25.04%, #06104fe6 74.96%, #06104f00 99.93%);
    height: 56px
}

.carousel_maxbet-wrapper {
    background: linear-gradient(270deg, #41210700 .07%, #412107e6 25.04%, #412107cf 74.96%, #41210700 99.93%);
    height: 56px
}

.carousel_crypto-new-wrapper {
    background: linear-gradient(270.09deg, #1c3e8a00 .07%, #1c3e8acf 25.04%, #1c3e8acf 74.96%, #1c3e8a00 99.93%);
    height: 56px
}

.carousel_sport-wrapper {
    background: linear-gradient(269.99deg, #32125800, #321258e6 25%, #321258e6 75%, #32125800 99.99%);
    height: 56px
}

.carousel_megawin-text {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #ffbc3a 0, #ffbc3a 50%, #e7971e 55%, #ffe47a 65%, #ffe47a 80%, #ffe47a);
    -webkit-background-clip: text;
    color: #321258e6;
    font-size: 40px;
    line-height: 48px;
    max-width: 1200px;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

 .carousel_crypto-new-text, .carousel_jackpot-text, .carousel_maxbet-text {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #fff176, #ffc40f 50%, #f5b401 50.01%, #ffee5b);
    -webkit-background-clip: text;
    filter: drop-shadow(1px 1px rgba(0, 5, 52, .5));
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase
}

.carousel_sport-text {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #ffee5b 23.68%, #ffee5b 46.84%, #ffd303 49.74%, #f4b001 52.63%, #ffd303 55.53%, #ffee5b 58.42%, #ffee5b 81.58%);
    -webkit-background-clip: text;
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase
}

.banner_jackpot_money_cards {
    display: flex;
    left: 50%;
    position: absolute;
    top: 50px;
    transform: translateX(-50%)
}

.banner_jackpot_money_card {
    background-repeat: no-repeat;
    display: flex;
    position: relative
}

.banner_jackpot_money_card.money_card_mega {
    background-image: -webkit-image-set(url(./img/jackpot/money_card_mega_desktop.45839772e8b7c6f3356ffa2f6ffbd9ca.avif) 1x, url(./img/jackpot/money_card_mega_desktop.x2.d1b9599fd513d2ef743f94c0fbad1bda.avif) 2x);
    background-image: image-set(url(./img/jackpot/money_card_mega_desktop.45839772e8b7c6f3356ffa2f6ffbd9ca.avif) 1x, url(./img/jackpot/money_card_mega_desktop.x2.d1b9599fd513d2ef743f94c0fbad1bda.avif) 2x);
    background-size: 203px 88px;
    height: 88px;
    margin: 0 20px;
    width: 203px
}

.banner_jackpot_money_card.money_card_major, .banner_jackpot_money_card.money_card_minor {
    background-size: 180px 88px;
    height: 88px;
    transform: translateY(20px);
    width: 180px
}

.banner_jackpot_money_card.money_card_major {
    background-image: -webkit-image-set(url(./img/jackpot/money_card_major_desktop.33cad43fb0af0601a917706ba489027d.avif) 1x, url(./img/jackpot/money_card_major_desktop.x2.221675d3743f206a8836882f419403d4.avif) 2x);
    background-image: image-set(url(./img/jackpot/money_card_major_desktop.33cad43fb0af0601a917706ba489027d.avif) 1x, url(./img/jackpot/money_card_major_desktop.x2.221675d3743f206a8836882f419403d4.avif) 2x)
}

.banner_jackpot_money_card.money_card_minor {
    background-image: -webkit-image-set(url(./img/jackpot/money_card_minor_desktop.26f61756e7a101fbae17f71bfc06ac19.avif) 1x, url(./img/jackpot/money_card_minor_desktop.x2.d464935f2695c9cbea5b76e5b142e7e6.avif) 2x);
    background-image: image-set(url(./img/jackpot/money_card_minor_desktop.26f61756e7a101fbae17f71bfc06ac19.avif) 1x, url(./img/jackpot/money_card_minor_desktop.x2.d464935f2695c9cbea5b76e5b142e7e6.avif) 2x)
}

.banner_jackpot_money_card .money_card_amount_mega {
    background: linear-gradient(180deg, #fff47a, #f4b200 37.5%, #ffc30c 45.31%, #fff47a 99.48%)
}

.banner_jackpot_money_card .money_card_amount_major {
    background: linear-gradient(180deg, #cfc2b4 13%, #fef2df 44%, #d4c4b3 46%, #bbaa9b)
}

.banner_jackpot_money_card .money_card_amount_minor {
    background: linear-gradient(180deg, #e2e2e2 13%, #b3b3b3 44%, #c1c1c1 46%, #e0e0e0)
}

.banner_jackpot_money_card .money_card_amount {
    -webkit-text-fill-color: #0000;
    -webkit-background-clip: text;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: calc(100% - 1px) calc(100% - 1px);
    bottom: 13px;
    font-size: 25px;
    font-variant-numeric: tabular-nums;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap
}

.carousel_outer_wrapper {
    width: 100%
}

@media (max-width: 1200px) {

    .carousel_megawin-wrapper {
        background: linear-gradient(90deg, #32125800 0, #321258e6 10%, #321258e6 90%, #32125800);
        height: 48px
    }

     .carousel_jackpot-wrapper {
        background: linear-gradient(270.09deg, #06104f00 .07%, #06104fe6 10.06%, #06104fe6 89.94%, #06104f00 99.93%)
    }

    .carousel_maxbet-wrapper {
        background: linear-gradient(270deg, #41210700 .07%, #412107e6 25.04%, #412107cf 74.96%, #41210700 99.93%)
    }

     .carousel_megawin-text {
        font-size: 26px;
        line-height: 32px
    }
}

@media (max-width: 668px) {
    .carousel_outer_wrapper {
        padding-top: 25%;
        position: relative
    }

    .carousel_inner_wrapper {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .carousel {
        margin-top: 0
    }

    .carousel, .carousel.carousel_init .carousel_img, .carousel.carousel_init .keen-slider__slide {
        height: 100%
    }

    .banner {
        object-fit: cover
    }

     .banner_crypto-new .carousel_crypto-new-text, .banner_jackpot .carousel_jackpot-text, .banner_maxbet .carousel_maxbet-text, .banner_sport .carousel_sport-text, .carousel_megawin-text {
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        height: 22px;
        line-height: 16px;
        padding-top: 3px;
        text-align: center;
        text-shadow: none;
        text-transform: uppercase;
        white-space: nowrap
    }

     .carousel_megawin-wrapper {
        background: linear-gradient(90deg, #32125800 0, #32125899 20%, #32125899 80%, #32125800);
        height: auto
    }

     .carousel_jackpot-wrapper {
        background: linear-gradient(269.99deg, #06104f00, #06104f99 33.33%, #06104f99 66.66%, #06104f00 99.99%);
        height: auto
    }

    .carousel_maxbet-wrapper {
        background: linear-gradient(270deg, #41210700 .07%, #412107e6 25.04%, #412107cf 74.96%, #41210700 99.93%);
        height: auto
    }

    .carousel_crypto-new-wrapper {
        height: auto
    }

    .carousel_sport-wrapper {
        background: linear-gradient(269.99deg, #32125800, #32125899 20%, #32125899 80%, #32125800 99.99%);
        height: auto
    }

     .carousel_crypto-new-text, .carousel_megawin-text, .carousel_sport-text {
        -webkit-text-fill-color: #fff;
        background: #0000
    }

    .banner_jackpot .money_card_amount {
        font-size: 12px
    }

    .banner_jackpot .money_card_amount_mega {
        bottom: 7px
    }

    .banner_jackpot .money_card_amount_major, .banner_jackpot .money_card_amount_minor {
        bottom: 6px
    }

     .carousel_jackpot-text, .carousel_maxbet-text {
        -webkit-text-fill-color: #fff;
        filter: none
    }

    .banner_jackpot_money_card.money_card_mega {
        background-image: -webkit-image-set(url(./img/jackpot/money_card_mega_mobile.c7363353ce884cd61b7ef8cfc0dad1c2.avif) 1x, url(./img/jackpot/money_card_mega_mobile.x2.a586fb1b02298356b451814218802ffb.avif) 2x);
        background-image: image-set(url(./img/jackpot/money_card_mega_mobile.c7363353ce884cd61b7ef8cfc0dad1c2.avif) 1x, url(./img/jackpot/money_card_mega_mobile.x2.a586fb1b02298356b451814218802ffb.avif) 2x);
        background-size: 95px 45px;
        height: 45px;
        margin: 0 5px;
        width: 95px
    }

    .banner_jackpot_money_card.money_card_major, .banner_jackpot_money_card.money_card_minor {
        background-size: 86px 45px;
        height: 45px;
        transform: translateY(10px);
        width: 86px
    }

    .banner_jackpot_money_card.money_card_major {
        background-image: -webkit-image-set(url(./img/jackpot/money_card_major_mobile.a506f264f4a6dbca8f6d803123d37c8c.avif) 1x, url(./img/jackpot/money_card_major_mobile.x2.d49668e5a09aed9cf09280627ab3435e.avif) 2x);
        background-image: image-set(url(./img/jackpot/money_card_major_mobile.a506f264f4a6dbca8f6d803123d37c8c.avif) 1x, url(./img/jackpot/money_card_major_mobile.x2.d49668e5a09aed9cf09280627ab3435e.avif) 2x)
    }

    .banner_jackpot_money_card.money_card_minor {
        background-image: -webkit-image-set(url(./img/jackpot/money_card_minor_mobile.7630bac047cbf6401a4c017640ae4b05.avif) 1x, url(./img/jackpot/money_card_minor_mobile.x2.171d46fbe44afa3ca06a0b5bcaebb083.avif) 2x);
        background-image: image-set(url(./img/jackpot/money_card_minor_mobile.7630bac047cbf6401a4c017640ae4b05.avif) 1x, url(./img/jackpot/money_card_minor_mobile.x2.171d46fbe44afa3ca06a0b5bcaebb083.avif) 2x)
    }

    .banner_jackpot_money_cards {
        top: -2px
    }
}

@media (max-width: 400px) {
     .carousel_megawin-text {
        font-size: 10px;
        line-height: 14px
    }
}

.gamecard {
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 #000;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    transition: transform .15s linear;
    width: 100%;
    will-change: transform
}

.gamecard a {
    display: flex
}

.gamecard a {
    align-items: center;
    color: inherit;
    justify-content: center;
    text-decoration: none
}

.gamecard .gamecard_flags {
    left: 10px;
    position: absolute;
    width: calc(100% - 10px);
    z-index: 2
}

.gamecard .game_flag_favorite {
    display: none
}

.gamecard_img, .gamecard_window {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.gamecard_window {
    border: 1px solid #393a51;
    border-bottom: none;
    height: 75%;
    position: relative
}

.gamecard_img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.gamecard_links {
    align-items: center;
    background-color: #000c;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    opacity: 0;
    padding: 20px 0;
    pointer-events: none;
    position: relative;
    transition: opacity .15s linear;
    transition-delay: 20ms;
    width: 100%;
    z-index: 2
}

.gamecard_demo, .gamecard_play {
    margin-bottom: 10px
}

.gamecard_demo {
    background-color: #313047;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: 700;
    height: 23px;
    padding: 0 20px;
    text-transform: uppercase
}

.gamecard_title {
    word-wrap: break-word;
    background-color: #161626;
    border: 1px solid #393a51;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: none;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    font-family: var(--font-second), sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 25%;
    justify-content: center;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0 5px;
    text-align: center;
    text-overflow: ellipsis
}

.gamecard_flags {
    display: flex
}

.gamecard_flags li {
    margin-right: 10px
}

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

@media (min-width: 669px) {
    .gamecard:hover {
        transform: scale(1.1);
        z-index: 4
    }

    .gamecard:hover .gamecard_links {
        opacity: 1;
        pointer-events: auto
    }
}

@media (max-width: 668px) {
    .gamecard .gamecard_flags {
        left: 8px
    }

    .gamecard .gamecard_flags li {
        margin-right: 5px
    }

    .gamecard_links {
        padding: 5px 0
    }

    .gamecard_demo, .gamecard_play {
        flex: none;
        margin-bottom: 0;
        transform: scale(.8)
    }

    .gamecard_play:active {
        transform: translateY(3px) scale(.8)
    }

    .gamecard_title {
        line-height: 12px
    }
}

.game-catalog {
    display: flex;
    flex-direction: column;
    margin-bottom: 45px;
    overflow-anchor: none
}

.game-catalog .form_search {
    width: 430px
}

.game-catalog .show_more {
    margin: 15px 0 0
}

.game-catalog_header {
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 5px
}

.game-catalog_header, .game-catalog_list {
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.game-catalog_list {
    align-content: center;
    flex-wrap: wrap
}

@media (max-width: 1024px) {
    .game-catalog .form_search, .game-catalog .game-sort-and-filter {
        width: 100%
    }

    .game-catalog .game-sort-and-filter {
        margin-bottom: 20px
    }

    .game-catalog_header {
        flex-direction: column;
        max-width: 450px;
        padding: 0
    }
}

@media (max-width: 668px) {
    .game-catalog {
        padding: 0 10px
    }

    .game-catalog .game-catalog_header {
        margin-bottom: 20px
    }

    .game-catalog_header {
        padding: 0
    }
}

.game-catalog_list-item {
    box-sizing: border-box;
    height: 0;
    margin: 0 15px 15px 0;
    position: relative
}

.game-catalog_list-item .gamecard {
    left: 0;
    position: absolute;
    top: 0
}

@media (min-width: 0px) {
    .game-catalog_list {
        max-width: 450px
    }

    .game-catalog_list .game-catalog_list-item:nth-child(2n) {
        margin-right: 0
    }

    .game-catalog_list-item {
        padding-top: calc(50% - 7.5px);
        width: calc(50% - 7.5px)
    }
}

@media (min-width: 669px) {
    .game-catalog_list {
        max-width: 100%
    }

    .game-catalog_list .game-catalog_list-item:nth-child(2n) {
        margin-right: 15px
    }

    .game-catalog_list .game-catalog_list-item:nth-child(4n) {
        margin-right: 0
    }

    .game-catalog_list-item {
        padding-top: calc(25% - 11.25px);
        width: calc(25% - 11.25px)
    }
}

@media (min-width: 1025px) {
    .game-catalog_list {
        max-width: 100%
    }

    .game-catalog_list .game-catalog_list-item:nth-child(4n) {
        margin-right: 15px
    }

    .game-catalog_list .game-catalog_list-item:nth-child(5n) {
        margin-right: 0
    }

    .game-catalog_list-item {
        padding-top: calc(20% - 12px);
        width: calc(20% - 12px)
    }
}

.game_sort {
    align-items: center;
    display: flex;
    flex: 1 2;
    position: relative
}

.game_sort > li {
    box-sizing: border-box;
    height: 100%;
    margin-right: 10px
}

.game_sort > li:last-child {
    margin-right: 0
}

.game_sort .sort_link {
    align-items: center;
    color: inherit;
    display: flex;
    overflow: hidden;
    padding: 6px 5px 11px;
    text-decoration: none
}

.game_sort .game_sort_flag_hit svg {
    height: 27px;
    width: 25px
}

.game_sort .game_sort_flag_hit svg .svg_color {
    fill: #302e40
}

.game_sort .game_sort_flag_hit.active .svg_color, .game_sort .game_sort_flag_hit:hover .svg_color {
    fill: #a91fff
}

.game_sort .game_sort_flag_new svg {
    height: 27px;
    width: 25px
}

.game_sort .game_sort_flag_new svg .svg_color {
    fill: #302e40
}

.game_sort .game_sort_flag_new.active .svg_color, .game_sort .game_sort_flag_new:hover .svg_color {
    fill: #4dd433
}

.game-filter {
    background-color: #0000;
    display: flex;
    flex: 2 1;
    min-width: 161px;
    padding: 0;
    text-align: initial
}

.game-filter option {
    background-color: #191929;
    font-size: 14px;
    font-weight: 500
}

@media (min-width: 669px) {
    .game-filter {
        min-width: 190px
    }

    .game-filter:before {
        right: 15px
    }
}

.game-sort-and-filter {
    display: flex;
    position: relative
}

.game-sort-and-filter > * {
    margin-right: 20px
}

.game-sort-and-filter > :last-child {
    margin-right: 0
}

.game_flag_favorite, .game_flag_pre, .game_flag_supernew {
    display: inline-block;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .4));
    position: relative;
    width: 14%
}

.game_flag_favorite img, .game_flag_pre img, .game_flag_supernew img {
    width: 100%
}

.game_flag_pre {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
    width: 20%
}

.game_flag_supernew {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
    width: 16%
}

.btn_help {
    align-items: center;
    background-color: #0000;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 30px;
    padding: 2px 4px
}

.btn_help .svg_question .svg_color {
    stroke: #e8ce3a
}

.btn_help span {
    color: #e8ce3a
}

.btn_help:focus, .btn_help:hover {
    outline: none
}

.btn_help:focus .svg_question .svg_color, .btn_help:hover .svg_question .svg_color {
    stroke: #f5ea1a
}

.btn_help:focus span, .btn_help:hover span {
    color: #f5ea1a
}

.btn_help .img_box {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 10px;
    width: 30px
}

.btn_help .img_box svg {
    height: 24px;
    width: 24px
}

@keyframes hide {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes pending {
    0% {
        background-color: #3e3e50
    }
    50% {
        background-color: #62c23c
    }
    to {
        background-color: #3e3e50
    }
}

header {
    align-items: center;
    background-color: #252536f2;
    box-sizing: border-box;
    display: flex;
    height: 50px;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 90
}

header .header_box {
    align-items: center;
    height: inherit
}

 header .panel_non_authorized {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

 header .panel_non_authorized .btn_help, header .panel_non_authorized > div {
    padding: 0 10px
}

 header .panel_non_authorized .btn_help:last-child, header .panel_non_authorized > div:last-child {
    padding-right: 0
}

header .button_register, header .link_enter {
    font-size: 12px
}

header .link_enter {
    align-items: center;
    background-color: #0000;
    border-bottom: 1px solid #fff;
    color: inherit;
    cursor: pointer;
    display: none;
    height: 20px;
    text-decoration: none;
    text-transform: uppercase
}

header .link_enter.x_login-btn {
    display: flex
}

 header .button_register {
    margin-bottom: 0
}

header .btn_help .img_box {
    margin-right: 5px
}

header .btn_help span {
    position: relative;
    top: 2px
}

.main_logo {
    display: flex
}

.main_logo img {
    height: 100%;
    width: 200px
}

@media (max-width: 668px) {
    header {
        background-color: #161626;
        height: auto;
        max-height: 100px;
        min-height: 50px
    }

    header .header_box {
        flex-direction: column;
        flex-wrap: wrap
    }

    header .main_logo {
        height: 50px
    }

    header .panel_non_authorized {
        border-top: 1px solid #363648;
        box-sizing: border-box;
        display: flex;
        height: 50px;
        justify-content: center;
        width: 100%
    }

    header .panel_non_authorized .button_register {
        padding: 0 12px
    }

    header .link_enter {
        display: flex
    }

    header .link_enter.x_login-btn {
        display: none
    }

    header .btn_help span {
        display: none
    }
}

.layer_games {
    align-items: center;
    background: url(./img/noise.842fbbbae5bd6f37b0268590b6f121ec.avif) repeat, #101226;
    box-shadow: 0 0 30px 0 #00000080;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 415px;
    padding-top: 40px;
    position: relative;
    width: 100%
}

.layer_games:before {
    background-image: url(./img/line_decoration/point_with_large_space.4257ede318a193f6bc607e0a418776b3.svg);
    background-repeat: repeat-x;
    background-size: contain;
    height: 5px;
    top: 2px
}

.layer_games:after, .layer_games:before {
    content: "";
    position: absolute;
    width: 100%;
    z-index: 0
}

.layer_games:after {
    background: url(./img/back_games_wided.227796c41fd586631e9dc8c7af874e66.svg) repeat-y;
    background-size: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.layer_games > * {
    position: relative;
    z-index: 1
}

.layer_games .game-catalog {
    z-index: 2
}

@media (max-width: 668px) {
    .layer_games {
        min-height: auto;
        padding-top: 20px
    }

    .layer_games:after, .layer_games:before {
        display: none
    }
}

footer {
    background: url(./img/noise.842fbbbae5bd6f37b0268590b6f121ec.avif) repeat, #0a0a14;
    flex-direction: column;
    width: 100%
}

.footer_inner_container, footer {
    align-items: center;
    display: flex
}

.footer_inner_container {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
    padding-top: 30px
}

.footer_copyright_lang_container {
    flex-wrap: nowrap
}

.footer_main {
    justify-content: center;
    padding-top: 0
}

.footer_main > :not(:first-child) {
    margin-left: 20px
}

.footer_main > * {
    margin-top: 30px
}

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

.footer_application .btn_application:not(:first-child) {
    margin-left: 10px
}

.footer_social {
    display: flex;
    justify-content: flex-start
}

.footer_help {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: center
}

.footer_help > li:not(:last-child) {
    margin-right: 10px
}

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

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

.footer_second {
    border-top: 1px dashed #303036;
    box-sizing: border-box
}

.footer_second .footer_second_container {
    width: 100%
}

.footer_second .copyright_age_warning {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    max-width: 950px
}

.footer_second .copyright_age_warning_item {
    max-width: 380px
}

.footer_second .warning_item {
    align-items: center;
    display: flex;
    margin-right: 35px
}

 .footer_second .p_warning {
    color: #646a87;
    font-size: 12px;
    margin-left: 20px
}

.footer_second .age_18 {
    height: 40px;
    width: 40px
}

.footer_second .p_warning {
    line-height: 14px
}

.footer_lang_desktop {
    display: flex;
    justify-content: flex-start;
    min-width: 175px;
    width: 175px
}

.footer_lang_mobile {
    display: none
}

@media (max-width: 1024px) {
    .footer_second .footer_copyright_lang_container {
        display: block
    }

    .footer_second .copyright_age_warning {
        display: flex;
        justify-content: space-between;
        max-width: 100%
    }

    .footer_second .warning_item:last-of-type {
        margin-right: 0
    }

    .footer_second .footer_lang_desktop {
        display: none
    }

    .footer_second .footer_lang_mobile {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .footer_help {
        flex-grow: 0
    }
}

@media (max-width: 668px) {
    .footer_inner_container {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .footer_main {
        flex-direction: column;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0
    }

    .footer_main .footer_application {
        margin-left: 0
    }

    .footer_second .copyright_age_warning {
        display: block
    }

    .footer_second .copyright_age_warning_item {
        width: auto
    }

    .footer_second .warning_item:not(last-of-type) {
        margin-bottom: 20px
    }

    .footer_lang_mobile {
        margin-bottom: 10px
    }
}

@keyframes glare {
    0% {
        transform: translateX(-200%)
    }
    50% {
        transform: translateX(1100%)
    }
    52% {
        transform: translateX(1100%)
    }
    98% {
        transform: translateX(-200%)
    }
    to {
        transform: translateX(-200%)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes card_timer_border_spin {
    0% {
        background-position: top
    }
    25% {
        background-position: 100%
    }
    50% {
        background-position: bottom
    }
    75% {
        background-position: 0
    }
    to {
        background-position: top
    }
}

@media (min-width: 420px)and (max-width: 668px) {

    @keyframes progress_bar_animation_1 {
        0% {
            transform: translateY(-100%)
        }
        33%, to {
            transform: translateY(0)
        }
    }@keyframes progress_bar_animation_2 {
         0%, 33% {
             transform: translateY(-100%)
         }
         66%, to {
             transform: translateY(0)
         }
     }@keyframes progress_bar_animation_3 {
          0%, 66% {
              transform: translateY(-100%)
          }
          to {
              transform: translateY(0)
          }
      }

    @keyframes jackpot_item_init_animation {
        0% {
            opacity: 1
        }
        98% {
            opacity: 1;
            transform: translateY(0)
        }
        to {
            opacity: 0;
            transform: translateY(-100%)
        }
    }@keyframes jackpot_item_animation {
         0% {
             opacity: 1;
             transform: translateY(100%)
         }
         3% {
             transform: translateY(0)
         }
         33% {
             opacity: 1;
             transform: translateY(0)
         }
         35% {
             opacity: 0;
             transform: translateY(-100%)
         }
     }
}

@media (max-width: 419px) {

    @keyframes progress_bar_animation_1 {
        0% {
            transform: translateY(-100%)
        }
        33%, to {
            transform: translateY(0)
        }
    }@keyframes progress_bar_animation_2 {
         0%, 33% {
             transform: translateY(-100%)
         }
         66%, to {
             transform: translateY(0)
         }
     }@keyframes progress_bar_animation_3 {
          0%, 66% {
              transform: translateY(-100%)
          }
          to {
              transform: translateY(0)
          }
      }

    @keyframes jackpot_item_init_animation {
        0% {
            opacity: 1
        }
        98% {
            opacity: 1;
            transform: translateY(0)
        }
        to {
            opacity: 0;
            transform: translateY(-100%)
        }
    }@keyframes jackpot_item_animation {
         0% {
             opacity: 1;
             transform: translateY(100%)
         }
         3% {
             transform: translateY(0)
         }
         33% {
             opacity: 1;
             transform: translateY(0)
         }
         35% {
             opacity: 0;
             transform: translateY(-100%)
         }
     }
}

@keyframes scale {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    to {
        transform: scale(1)
    }
}

@keyframes shadow {
    0% {
        box-shadow: 0 8px 10px #000
    }
    50% {
        box-shadow: 0 12px 20px #000
    }
    to {
        box-shadow: 0 8px 10px #000
    }
}

h1 {
    font-size: 26px;
    line-height: 32px;
}

a {
    text-decoration: none;
    color: currentColor;
}


.gamecard.x_show {
    transform: scale(1.1);
    z-index: 4
}

.gamecard.x_show .gamecard_links {
    opacity: 1;
    pointer-events: auto
}

.gamecard.x_show.x_no-animation {
    transform: none
}