.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%
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
    flex-direction: row-reverse
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
    flex-wrap: wrap
}

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

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

[hidden] {
    display: none
}

body {
    line-height: 1
}

ul {
    list-style: none
}

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

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

button:focus {
    outline: 0
}

@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: Museo Sans Cyrl\ 500;
    font-style: normal;
    font-weight: 500;
    src: local("MuseoSansCyrl-500"), local("Museo Sans Cyrl 500"), url(../font/MuseoSansCyrl-500.09e3e4f9f0ed50d4f3454fee78fb12ac.woff2) format("woff2"), url(../font/MuseoSansCyrl-500.ee9aee2b3f0229eefc9ee630791bb57c.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")
}

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: Muller, 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%
}

.layer_content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-bottom: 50px
}

.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,
h2,
h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: left;
    text-transform: none
}

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

h2 {
    font-size: 28px;
    line-height: 30px
}

h3 {
    font-size: 16px
}

.content p,
h3 {
    line-height: 23px
}

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

.content .p_main {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 50px
}

.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
}

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

.box_btn>* {
    margin-bottom: 0
}

.text_slots {
    color: #17eada
}

.text_live {
    color: #de593e
}

.text_casino {
    color: #6ef770
}

.text_tournament {
    color: #e8ce3a
}

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

.blur {
    filter: blur(5px)
}

@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
    }
}

.icon_tournament {
    background-repeat: no-repeat;
    background-size: contain
}

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

.btn,
.btn_approve,
.btn_approve_small,
.btn_icon,
.btn_primary,
.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: Muller, sans-serif;
    font-size: 16px;
    font-weight: 800;
    height: 40px;
    justify-content: center;
    letter-spacing: 1px;
    line-height: 22px;
    outline: 0;
    overflow: hidden;
    padding: 0 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.btn:focus,
.btn_approve:focus,
.btn_approve_small:focus,
.btn_icon:focus,
.btn_primary:focus,
.btn_primary_small:focus,
.btn_small:focus {
    outline: 0
}

[disabled].btn,
[disabled].btn_approve,
[disabled].btn_approve_small,
[disabled].btn_icon,
[disabled].btn_primary,
[disabled].btn_primary_small,
[disabled].btn_small {
    background-color: #39384a;
    color: #706f91;
    cursor: default
}

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

.btn {
    box-shadow: 0 4px 0 0 #2c3552, 0 5px 5px 0 #000
}

.btn:focus,
.btn:hover {
    box-shadow: 0 4px 0 0 #2c3552, 0 5px 5px 0 #000, inset 0 20px 20px -4px #fff6
}

.btn:active {
    box-shadow: inset 0 2px 0 0 #2c3552, inset 0 0 0 20px #0003;
    transform: translateY(4px)
}

.btn[disabled] {
    box-shadow: 0 4px 0 0 #252536
}

.btn[disabled]:active,
.btn[disabled]:focus,
.btn[disabled]:hover {
    box-shadow: 0 4px 0 0 #252536;
    transform: none
}

.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_small[disabled] {
    box-shadow: 0 3px 0 0 #252536
}

.btn_small[disabled]:active,
.btn_small[disabled]:focus,
.btn_small[disabled]:hover {
    box-shadow: 0 3px 0 0 #252536;
    transform: none
}

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

.btn_primary:focus,
.btn_primary:hover {
    box-shadow: 0 4px 0 0 #871628, 0 5px 5px 0 #000, inset 0 20px 20px -4px #fff6
}

.btn_primary:active {
    box-shadow: inset 0 2px 0 0 #871628, inset 0 0 0 20px #0003;
    transform: translateY(4px)
}

.btn_primary[disabled] {
    box-shadow: 0 4px 0 0 #252536
}

.btn_primary[disabled]:active,
.btn_primary[disabled]:focus,
.btn_primary[disabled]:hover {
    box-shadow: 0 4px 0 0 #252536;
    transform: none
}

.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_primary_small[disabled] {
    box-shadow: 0 3px 0 0 #252536
}

.btn_primary_small[disabled]:active,
.btn_primary_small[disabled]:focus,
.btn_primary_small[disabled]:hover {
    box-shadow: 0 3px 0 0 #252536;
    transform: none
}

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

.btn_approve:focus,
.btn_approve:hover {
    box-shadow: 0 4px 0 0 #3c7028, 0 5px 5px 0 #000, inset 0 20px 20px -4px #fff6
}

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

.btn_approve[disabled] {
    box-shadow: 0 4px 0 0 #252536
}

.btn_approve[disabled]:active,
.btn_approve[disabled]:focus,
.btn_approve[disabled]:hover {
    box-shadow: 0 4px 0 0 #252536;
    transform: none
}

.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_approve_small[disabled] {
    box-shadow: 0 3px 0 0 #252536
}

.btn_approve_small[disabled]:active,
.btn_approve_small[disabled]:focus,
.btn_approve_small[disabled]:hover {
    box-shadow: 0 3px 0 0 #252536;
    transform: none
}

.btn_icon {
    border-radius: 100%;
    box-shadow: 0 3px 0 0 #2c3552, 0 4px 4px 0 #000;
    padding: 5px;
    width: 30px
}

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

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

.btn_icon[disabled] {
    box-shadow: 0 3px 0 0 #252536
}

.btn_icon[disabled]:active,
.btn_icon[disabled]:focus,
.btn_icon[disabled]:hover {
    box-shadow: 0 3px 0 0 #252536;
    transform: none
}

[type=range] {
    -webkit-appearance: none;
    border-radius: 10px;
    margin: 12px 0;
    width: 100%
}

[type=range]:focus {
    outline: 0
}

[type=range]:focus::-webkit-slider-runnable-track {
    background: #ffde26
}

[type=range]:focus::-ms-fill-lower {
    background: #ffde26
}

[type=range]:focus::-ms-fill-upper {
    background: #191929
}

[type=range]::-webkit-slider-runnable-track {
    background: #ffde26;
    border: 0 solid #ffde26;
    border-radius: 10px;
    cursor: pointer;
    height: 4px;
    transition: all .2s ease;
    width: 100%
}

[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-image: linear-gradient(180deg, #a3aac0 0, #4d5a85);
    border: 0 solid #a3aac0;
    border-radius: 50%;
    box-shadow: 0 4px 0 0 #2c3552, 0 4px 10px 2px #000;
    cursor: pointer;
    height: 24px;
    margin-top: -10px;
    width: 24px
}

[type=range]::-moz-range-track {
    background: #ffde26;
    border: 0 solid #ffde26;
    border-radius: 10px;
    cursor: pointer;
    height: 4px;
    transition: all .2s ease;
    width: 100%
}

[type=range]::-moz-range-thumb {
    background-image: linear-gradient(180deg, #a3aac0 0, #4d5a85);
    border: 0 solid #a3aac0;
    border-radius: 50%;
    box-shadow: 0 4px 0 0 #2c3552, 0 4px 10px 2px #000;
    cursor: pointer;
    height: 24px;
    width: 24px
}

[type=range]::-ms-track {
    background: #0000;
    border-color: #0000;
    border-width: 12px 0;
    color: #0000;
    cursor: pointer;
    height: 4px;
    transition: all .2s ease;
    width: 100%
}

[type=range]::-ms-fill-lower {
    background: #ffde26;
    border: 0 solid #ffde26;
    border-radius: 20px
}

[type=range]::-ms-fill-upper {
    background: #191929;
    border: 0 solid #ffde26;
    border-radius: 20px
}

[type=range]::-ms-thumb {
    background-image: linear-gradient(180deg, #a3aac0 0, #4d5a85);
    border: 0 solid #a3aac0;
    border-radius: 50%;
    box-shadow: 0 4px 0 0 #2c3552, 0 4px 10px 2px #000;
    cursor: pointer;
    height: 24px;
    margin-top: 0;
    width: 24px
}

.box_slider {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    max-width: 100%
}

.box_slider,
.box_slider .box_slider_body {
    align-items: center;
    display: flex
}

.box_slider .box_slider_head {
    margin-right: 10px
}

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

form .box_btn {
    padding: 20px 0
}

@media (max-width:668px) {
    form .box_btn {
        align-items: center
    }
}

.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.975c7b7d830201139a49de8357c8d8df.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_link {
    cursor: pointer;
    display: block;
    font-family: Muller, 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;
    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 {
    flex-wrap: wrap
}

.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: none;
    height: 30px;
    position: absolute;
    top: 5px;
    width: 1px
}

.beam-categories .nav-categories_list>:before {
    left: 0
}

.beam-categories .nav-categories_list>:after {
    right: 0
}

.beam-categories .nav-categories_list>:nth-child(odd):after {
    display: block
}

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

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

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

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

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

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

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

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

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

.beam-categories .nav-categories_content {
    border-radius: 8px;
    height: 40px;
    justify-content: flex-start;
    max-height: 40px;
    padding-left: 4px
}

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

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

.beam-categories .nav-categories_text {
    overflow: hidden;
    text-overflow: ellipsis
}

.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 {
        display: block;
        height: 34px;
        top: 10.5px
    }

    .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 {
        width: 52px
    }

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

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

    .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: 55px;
        justify-content: center;
        max-height: 55px;
        padding: 0 5px
    }

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

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

@media (min-width:780px) {
    .beam-categories .nav-categories_text {
        overflow: visible
    }
}

@media (min-width:1025px) {
    .beam-categories .nav-categories_item.x_slots .nav-categories_img {
        width: 60px
    }

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

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

    .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_img-wrapper {
        margin-right: 15px;
        width: 50px
    }
}

.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
}

.user_name {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 800;
    max-width: 100%;
    white-space: nowrap
}

.user_name .user_status {
    height: 35px;
    margin-right: 10px;
    width: 35px
}

.user_name .user_status img,
.user_name .user_status picture {
    height: inherit;
    width: inherit
}

@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
    }
}

.carousel {
    box-shadow: 0 6px 30px 0 #000c;
    font-family: Sochi2014, 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
}

.carousel_text {
    bottom: 40px;
    position: absolute;
    text-shadow: 0 1px 0 #aaa, 0 2px 0 #aaa, 0 3px 0 #aaa, 1px 0 0 #aaa, 1px 1px 0 #aaa, 1px 2px 0 #aaa, 1px 3px 0 #aaa, 0 6px 25px #0009;
    text-transform: uppercase
}

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

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

.carousel_megawin-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_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%
}

.banner_maxwin .carousel_megawin-wrapper {
    background: 0 0
}

.banner_maxwin .carousel_megawin-text {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(180deg, #ffee5b 0, #ffee5b 40%, #ffd303 45%, #f4b001 50%, #ffd303 55%, #ffee5b 60%, #ffee5b);
    -webkit-background-clip: text;
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase
}

.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
    }

    .banner_maxwin .carousel_megawin-text,
    .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_maxwin .carousel_megawin-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
    }

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

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

@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.favorite .gamecard_favorite {
    display: none
}

.gamecard a {
    display: flex
}

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

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

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

.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: Museo Sans Cyrl\ 500, 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_favorite {
    align-items: center;
    display: flex
}

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

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

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

@media (max-width:668px) {
    .gamecard.x_show {
        transform: scale(1.35)
    }

    .gamecard_links {
        padding: 5px 0
    }

    .gamecard_demo,
    .gamecard_favorite,
    .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 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 45px;
    overflow-anchor: none
}

.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_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:nth-child(odd) .gamecard.x_show {
        transform: scale(1.35) translateX(10%);
        transition-delay: 7ms
    }

    .game-catalog_list-item:nth-child(2n) .gamecard.x_show {
        transform: scale(1.35) translateX(-10%);
        transition-delay: 15ms
    }
}

.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)
    }
}

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

.btn_help span {
    color: #e8ce3a
}

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

.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_authorized,
header .panel_non_authorized {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

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

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

header .panel_authorized>div.header-login,
header .panel_non_authorized>div.header-login {
    padding: 20px
}

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 .panel_authorized .user_name {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis
}

header .panel_authorized a {
    color: #fff
}

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:1024px) {

    header .panel_authorized,
    header .panel_authorized .btn_help {
        display: none
    }
}

@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
    }
}

.header-login {
    background-color: #252536f2;
    border-bottom: 3px solid #fe284a;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-sizing: border-box;
    max-width: 335px;
    padding: 20px;
    position: absolute;
    transform: translateX(-40px) translateY(50px);
    width: 100%;
    z-index: 100
}

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

.header-login .login>* {
    margin-bottom: 20px
}

.header-login .login>.box_btn,
.header-login .login>:last-child {
    margin-bottom: 0
}

.header-login .box_btn {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 0
}

.header-login .box_btn>* {
    margin: 0
}

.header-login_form>* {
    margin-bottom: 20px
}

.header-login_form>:last-child {
    margin-bottom: 0
}

.header-login_description {
    align-items: center;
    color: #646a87;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    width: 100%
}

.layer_games {
    align-items: center;
    background: url(../img/noise.842fbbbae5bd6f37b0268590b6f121ec.png) 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.category_casino:before,
.layer_games.category_live:before,
.layer_games.category_slots:before,
.layer_games.category_tournament:before {
    background: 0 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.png) repeat, #0a0a14;
    flex-direction: column;
    width: 100%
}

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

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

.footer_help {
    display: flex;
    flex-wrap: wrap
}

.footer_help>li {
    margin-right: 8px
}

.footer_help a {
    align-items: center;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 36px;
    padding: 0 8px;
    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 .license_wrapper {
    min-width: 40px
}

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

.footer_second .p_copyright {
    word-wrap: normal;
    line-height: 16px;
    min-width: 230px;
    word-break: normal
}

.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
}

@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
    }
}

@media (max-width:668px) {
    .footer_main {
        flex-direction: column;
        padding-left: 10px;
        padding-right: 10px
    }

    .footer_main .footer_help {
        justify-content: center;
        margin-bottom: 20px
    }

    .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_inner_container {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.security_pages {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-bottom: 30px
}

.block_security_header,
.security_pages .show_more {
    align-items: center;
    max-width: 740px;
    width: 100%
}

.block_security_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px
}

.block_security_header h1 {
    margin: 0
}

.block_security {
    align-items: flex-start;
    background: url(../img/noise.842fbbbae5bd6f37b0268590b6f121ec.png) repeat, linear-gradient(#1c2240, #1c2240) padding-box, linear-gradient(180deg, #4d5a85, #46527900) border-box;
    border: 1px solid #0000;
    border-radius: 10px;
    box-shadow: 0 8px 10px #000;
    justify-content: flex-start;
    margin-bottom: 30px;
    max-width: 740px;
    padding: 30px
}

.block_security,
.block_security>li {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%
}

.block_security>li {
    padding: 20px 0;
    position: relative
}

.block_security>li:before {
    background-image: url(../img/line_decoration/point_with_space.ea8a8e6927fee4981df591242b4acce4.svg);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    filter: drop-shadow(0 -1.5px 0 #000);
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%
}

.block_security>li:last-child:before {
    display: none
}

.block_security>li:first-child {
    padding-top: 0
}

.block_security>li:last-child {
    padding-bottom: 0
}

.block_security .box_btn .button {
    margin-bottom: 0
}

.block_security h2 {
    border-bottom: 1px solid #40445a;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    min-height: 40px;
    text-transform: uppercase;
    width: 100%
}

@media (max-width:668px) {
    .security_pages {
        align-items: center;
        padding-top: 30px
    }

    .security_pages h1 {
        font-size: 24px;
        line-height: 30px;
        text-align: center
    }

    .block_security_header .desktop {
        display: none
    }

    .block_security {
        padding: 20px 10px
    }

    .block_security>li {
        padding: 20px 0
    }

    .block_security>li:first-child {
        padding-top: 0
    }

    .block_security>li:last-child {
        padding-bottom: 0
    }
}

.page-login .block_security {
    border: 2px solid #55586c;
    border-bottom-color: #fe284a;
    max-width: 500px;
    overflow: hidden;
    padding: 30px 2px 0;
    position: relative
}

.page-login .btn_small {
    padding: 0 25px
}

.page-login_form {
    align-items: center;
    display: flex;
    flex-direction: column
}

.page-login_form form {
    align-items: center;
    max-width: 430px;
    position: relative;
    z-index: 1
}

.page-login_form form>* {
    margin-bottom: 20px
}

.page-login_form form>:last-child {
    margin-bottom: 0
}

.page-login_form .box_btn {
    align-items: center;
    padding: 10px 0
}

@media (max-width:668px) {
    .page-login .block_security {
        padding: 0 5px
    }

    .page-login .block_security:before {
        background-position: 0 0;
        background-size: cover;
        height: 380px
    }

    .page-login .block_security>li:last-child {
        padding: 25px 5px 10px
    }

    .page-login_form form {
        max-width: 100%
    }

    .page-login_form form>* {
        margin-bottom: 15px
    }

    .page-login_form form>:last-child {
        margin-bottom: 0
    }

    .page-login_form .box_btn {
        padding: 0
    }
}

@media (max-width:480px) {
    .page-login .block_security>li:last-child {
        padding-right: 2%
    }

    .page-login .block_security>li:last-child:after {
        left: calc(50% - 150px)
    }
}

@media (max-width:320px) {
    .page-login .block_security>li:last-child:after {
        left: calc(50% - 135px)
    }

    .page-login .btn_small {
        padding: 0 20px
    }
}

.page-register .block_security {
    border: 2px solid #55586c;
    border-bottom-color: #fe284a;
    max-width: 500px;
    padding: 30px 2px 0
}

.page-register .block_security>li:last-child {
    padding: 50px 0 40px;
    position: relative
}

.page-register .block_security>li:last-child>* {
    margin-bottom: 15px;
    position: relative;
    z-index: 5
}

.page-register .block_security>li:last-child>:last-child {
    margin-bottom: 0
}

.page-register .button_register {
    padding: 0 38px
}

.page-register_form {
    align-items: center;
    display: flex;
    flex-direction: column
}

.page-register_form form {
    max-width: 430px
}

.page-register_form .box_btn {
    align-items: center;
    padding: 35px 0 10px
}

@media (max-width:668px) {
    .page-register .block_security {
        padding: 20px 5px 0
    }

    .page-register .block_security>li:last-child {
        padding: 20px 5px
    }

    .page-register .button_register {
        font-size: 18px;
        height: 50px;
        padding: 0 30px
    }

    .page-register_form .box_btn {
        align-items: center;
        padding: 15px 0 10px
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.game_play_page {
    box-sizing: border-box;
    max-height: 100vh;
    max-width: 100vw;
    opacity: 0;
    overflow: hidden;
    padding: 10px 20px 30px;
    position: relative;
    visibility: hidden
}

.game_play_page:before {
    display: none
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.game_play_main_logo {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 50px;
    justify-content: center;
    padding-bottom: 10px;
    width: 100%
}

.game_play {
    border: 1px solid #313047;
    box-shadow: 0 8px 10px #000;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    position: relative;
    width: auto
}

@media (max-width:1024px) {
    .game_play_main_logo {
        display: none;
        height: 0
    }

    .game_play {
        align-items: center;
        border: none;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        min-height: 0
    }
}

@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 (max-width:668px) {
    .btn_approve {
        font-size: 12px;
        height: 30px;
        padding: 0 30px
    }
}

.tournament_list_page {
    align-items: center;
    display: flex;
    flex-direction: column
}

.tournament_list_page .tournament_list {
    margin-bottom: 50px
}

.tournament_list_page .tournament_list {
    width: 100%
}

.tournament_list_page .tournament_list>li {
    margin-bottom: 20px;
    width: 100%
}

.tournament_list_page .tournament_list a {
    text-decoration: none
}

@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
    }
}

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

.status_page .block_security {
    max-width: 100%
}

.status_page .content {
    width: 100%
}

.status_page .content h2,
.status_page .content p {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.status_page .content p {
    margin-bottom: 0
}

@media (max-width:1200px) {
    .status_page .block_security {
        max-width: 600px
    }
}