ol, p, ul {
    line-height: 1.5rem;
    margin-top: 1rem
}

a, ol, p, ul {
    font-size: 1rem;
    font-weight: 400
}

ol, p, table, ul {
    margin-top: 1rem
}

.melbetappbd-main-nav .sub-menu:hover, a {
    color: var(--main-accent-bg-color)
}

#cookie-law-div button, .comment-form__alert {
    -ms-grid-row-align: center;
    align-self: center
}

body, button, input {
    font-family: Raleway, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif
}

:root {
    --main-accent-bg-color: #2ecc71;
    --main-nav-color: #ffffff;
    --header-bg-color: #000000;
    --footer-bg-color: #000000;
    --content-button-bg-color: #2ecc71;
    --content-button-color: #ffffff;
    --offsets: 30px
}

.container {
    max-width: 1480px;
    padding: 0 var(--offsets);
    margin: 0 auto
}

.container-full, img {
    max-width: 100%
}

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

a:hover {
    text-decoration: none
}

ol, ul {
    padding-left: 25px
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin-bottom: 1rem
}

img {
    height: auto
}

h1 {
    font-size: 2rem;
    line-height: 2.5rem
}

h2 {
    font-size: 1.8rem;
    line-height: 2.3rem
}

h3 {
    font-size: 1.6rem;
    line-height: 2.1rem
}

h4 {
    font-size: 1.4rem;
    line-height: 1.9rem
}

h5 {
    font-size: 1.2rem;
    line-height: 1.7rem
}

h6 {
    font-size: 1rem;
    line-height: 1.5rem
}

.melbetappbd-wrapper > .wp-block-table, .melbetappbd-wrapper > blockquote, .melbetappbd-wrapper > h1, .melbetappbd-wrapper > h2, .melbetappbd-wrapper > h3, .melbetappbd-wrapper > h4, .melbetappbd-wrapper > h5, .melbetappbd-wrapper > h6, .melbetappbd-wrapper > ol, .melbetappbd-wrapper > p, .melbetappbd-wrapper > ul {
    padding: 0 var(--offsets);
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto
}

table td, table th {
    padding: .5rem 1rem
}

.melbetappbd-wrapper > ol, .melbetappbd-wrapper > ul {
    padding-left: 50px
}

.melbetappbd-wrapper blockquote, blockquote {
    padding: 1rem var(--offsets) 1rem 2rem;
    border-left: 5px solid var(--main-accent-bg-color);
    background-color: #f0f8ff;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    margin-top: 1rem
}

table, table td {
    border: 1px solid var(--main-accent-bg-color)
}

.melbetappbd-wrapper > :last-child {
    margin-bottom: 2rem
}

table th {
    text-align: center;
    background-color: var(--main-accent-bg-color);
    color: #fff
}

.background-block, .melbetappbd-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

html {
    font-size: 17px
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 300;
    src: local(''), url('../fonts/raleway-v28-latin_cyrillic-300.woff2') format('woff2'), url('../fonts/raleway-v28-latin_cyrillic-300.woff') format('woff')
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    src: local(''), url('../fonts/raleway-v28-latin_cyrillic-regular.woff2') format('woff2'), url('../fonts/raleway-v28-latin_cyrillic-regular.woff') format('woff')
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    src: local(''), url('../fonts/raleway-v28-latin_cyrillic-500.woff2') format('woff2'), url('../fonts/raleway-v28-latin_cyrillic-500.woff') format('woff')
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    src: local(''), url('../fonts/raleway-v28-latin_cyrillic-600.woff2') format('woff2'), url('../fonts/raleway-v28-latin_cyrillic-600.woff') format('woff')
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    src: local(''), url('../fonts/raleway-v28-latin_cyrillic-700.woff2') format('woff2'), url('../fonts/raleway-v28-latin_cyrillic-700.woff') format('woff')
}

body {
    overflow-x: hidden;
    font-variant-numeric: lining-nums proportional-nums;
}

.calculate__input {
    font-variant-numeric: lining-nums proportional-nums;
}

.accent-button {
    display: inline-block;
    text-decoration: none;
    border: none;
    outline: 0;
    background: 0 0;
    padding: .6rem 1.2rem;
    font-size: 1.2rem;
    font-weight: 300;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms
}

.accent-button.fill-button {
    background: var(--main-accent-bg-color);
    border: 2px solid var(--main-accent-bg-color)
}

.accent-button.fill-button:hover {
    -webkit-filter: brightness(105%);
    filter: brightness(105%)
}

.accent-button.outline-button {
    color: rgba(255, 255, 255, .5);
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, .5)
}

.melbetappbd-main-nav .sub-menu, .melbetappbd-page-footer, .melbetappbd-page-header {
    background-color: var(--header-bg-color)
}

.accent-button.outline-button:hover {
    background-color: rgba(255, 255, 255, .1)
}

.comment-footer, .melbetappbd-content-button {
    margin-top: 2rem
}

.melbetappbd-content-button.alight-left {
    text-align: left
}

.melbetappbd-content-button.align-right {
    text-align: right
}

.advantages, .comment-form__alert, .comment-form__title, .icon-blocks__image, .melbetappbd-content-button.align-center, .page-404__subtitle, .page-404__title, .promocode__title {
    text-align: center
}

.melbetappbd-content-button a, .melbetappbd-content-button button {
    background: var(--content-button-bg-color);
    display: inline-block;
    border: 2px solid var(--content-button-bg-color);
    color: var(--content-button-color);
    -webkit-transition: 150ms;
    -o-transition: 150ms;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    text-decoration: none
}

.melbetappbd-content-button a:hover, .melbetappbd-content-button button:hover {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    opacity: .7
}

.melbetappbd-page-header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 0
}

.melbetappbd-main-nav__list {
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.melbetappbd-columns__container, .melbetappbd-main-nav__list > li, .wp-block-column {
    display: -webkit-box;
    display: -ms-flexbox
}

.melbetappbd-main-nav__list > li {
    height: 100%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.melbetappbd-main-nav__list > li:hover > a::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.melbetappbd-main-nav__list > li:hover .sub-menu {
    opacity: 1;
    pointer-events: auto
}

.melbetappbd-main-nav__list > li > span.active__link {
    color: grey
}

.melbetappbd-main-nav__list > li > a, .melbetappbd-main-nav__list > li > span {
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: var(--main-nav-color)
}

.melbetappbd-main-nav__list > li > a::after, .melbetappbd-main-nav__list > li > span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--main-accent-bg-color);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
    display: none
}

.melbetappbd-main-nav .menu-item-has-children {
    position: relative
}

.melbetappbd-main-nav .menu-item-has-children .sub-menu__arrow {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    right: -11px;
    padding: 0 0 0 40px;
    text-align: right
}

.melbetappbd-main-nav .menu-item-has-children .sub-menu__arrow svg {
    max-width: 15px;
    width: 100%;
    height: auto;
    fill: var(--main-accent-bg-color);
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms
}

.melbetappbd-main-nav .menu-item-has-children.active .sub-menu__arrow svg {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.melbetappbd-main-nav .menu-item-has-children.active .sub-menu {
    display: block;
    position: relative;
    opacity: 1;
    pointer-events: auto;
    top: 0;
    margin-top: 0;
    padding: 0 1rem
}

.melbetappbd-main-nav .menu-item-has-children.active .sub-menu::before {
    display: none
}

.melbetappbd-main-nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: .5rem;
    padding: .5rem 1rem;
    list-style: none;
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
    z-index: 100
}

.melbetappbd-main-nav .sub-menu::before {
    content: "";
    position: absolute;
    top: -.5rem;
    left: 0;
    height: .5rem;
    width: 100%;
    background-color: transparent
}

.melbetappbd-main-nav .sub-menu a {
    display: block;
    font-size: 1rem;
    text-decoration: none;
    color: var(--main-nav-color);
    margin: .5rem 0;
    white-space: nowrap
}

.icon-blocks, .melbetappbd-columns {
    padding: 2rem 0
}

.melbetappbd-columns__container {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: -1rem
}

.melbetappbd-columns__container.reversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.melbetappbd-columns__item {
    margin: 1rem
}

.melbetappbd-columns__item img {
    display: block;
    margin: 0 auto
}

.melbetappbd-columns.align-center .melbetappbd-columns__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.melbetappbd-columns.align-top .melbetappbd-columns__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.melbetappbd-columns.align-bottom .melbetappbd-columns__container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.melbetappbd-columns.align-stretch .melbetappbd-columns__container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.wp-block-column {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.melbetappbd-columns.col-1 .melbetappbd-columns__item {
    width: calc(100% - 2rem)
}

.melbetappbd-columns.col-2 .melbetappbd-columns__item {
    width: calc(100% / 2 - 2rem)
}

.melbetappbd-columns.col-3 .melbetappbd-columns__item {
    width: calc(100% / 3 - 2rem)
}

.melbetappbd-columns.col-4 .melbetappbd-columns__item {
    width: calc(100% / 4 - 2rem)
}

.melbetappbd-columns.col-5 .melbetappbd-columns__item {
    width: calc(100% / 5 - 2rem)
}

.melbetappbd-columns.col-6 .melbetappbd-columns__item {
    width: calc(100% / 6 - 2rem)
}

.wp-block-columns {
    max-width: calc(1380px + var(--offsets) + var(--offsets));
    padding: 2rem var(--offsets);
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    grid-gap: 30px
}

.wp-block-columns .wp-block-column {
    margin: 0
}

.wp-block-columns.col-1 {
    -ms-grid-columns:(1fr) [ 1 ];
    grid-template-columns:repeat(1, 1fr)
}

.wp-block-columns.col-2 {
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr)
}

.wp-block-columns.col-3 {
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr)
}

.wp-block-columns.col-4 {
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr)
}

.wp-block-columns.col-5 {
    -ms-grid-columns:(1fr) [ 5 ];
    grid-template-columns:repeat(5, 1fr)
}

.wp-block-columns.col-6 {
    -ms-grid-columns:(1fr) [ 6 ];
    grid-template-columns:repeat(6, 1fr)
}

.wp-block-column {
    display: flex;
    flex-direction: column
}

.wp-block-column > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.wp-block-column > :not(:first-child) {
    margin-top: 30px
}

.mobile-button__rating, .wp-block-column .row {
    padding: 0
}

.icon-blocks__container {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.icon-blocks__item {
    width: calc(100% / 6);
    box-sizing: border-box;
    border: 1px solid #fff
}

.icon-blocks__item:hover .icon-blocks__image {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.icon-blocks__image {
    margin-top: 2rem;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms
}

.show-posts__item {
    -webkit-transition: 250ms;
    -o-transition: 250ms
}

.icon-blocks__image img {
    max-width: 100px
}

.icon-blocks__content {
    text-align: center;
    margin: 1rem 0 0;
    color: #fff;
    font-size: .9rem
}

.review, .review__user {
    display: -webkit-box;
    display: -ms-flexbox
}

.review, .small-icons__image {
    -webkit-box-sizing: border-box
}

.melbetappbd-toc__link:hover, .show-posts__link {
    text-decoration: underline
}

.breadcrumbs__separator, .melbetappbd-page-footer__list a:hover, .show-posts__link, .show-posts__title {
    color: var(--main-accent-bg-color)
}

.melbetappbd-page-footer__list {
    margin-top: 0
}

.melbetappbd-page-footer__list a {
    font-size: 1.1rem;
    font-weight: 300;
    color: var(--main-nav-color);
    text-decoration: none
}

.melbetappbd-page-footer__list .sub-menu {
    margin: .2rem 0
}

.melbetappbd-page-footer__text {
    color: var(--main-nav-color);
    font-weight: 300;
    font-size: .9rem;
    line-height: 1.4rem
}

.melbetappbd-page-footer .melbetappbd-columns__item > * {
    margin-bottom: 1rem
}

.melbetappbd-page-footer .melbetappbd-columns__item * {
    color: var(--main-nav-color)
}

.melbetappbd-faq__item {
    position: relative;
    padding: 1rem;
    background-color: #f9f9f9;
    border-radius: 10px
}

.melbetappbd-faq__toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.melbetappbd-faq__question {
    margin: 0;
    cursor: pointer
}

.melbetappbd-faq__answer {
    height: auto;
    max-height: 0;
    overflow: hidden;
    margin: 0
}

.melbetappbd-faq__answer.active {
    max-height: 1000px;
    margin-top: 1rem
}

.melbetappbd-toc {
    display: inline-block;
    background-color: #f3f4f4;
    border-radius: 10px
}

.melbetappbd-toc.active .melbetappbd-toc__title::after {
    -webkit-transform: translateY(-30%) rotateZ(180deg);
    -ms-transform: translateY(-30%) rotate(180deg);
    transform: translateY(-30%) rotateZ(180deg);
    display: none
}

.melbetappbd-toc__title {
    line-height: 1.5rem;
    margin-bottom: 0;
    color: #333;
    display: inline-block;
    padding-right: 15px;
    position: relative;
    cursor: pointer
}

.melbetappbd-toc__title::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.7px 5px 0;
    border-color: var(--main-accent-bg-color) transparent transparent transparent;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms
}

.melbetappbd-toc__list {
    margin-top: 0;
    height: auto;
    max-height: 0;
    overflow: hidden
}

.melbetappbd-toc__link {
    display: inline-block;
    color: var(--main-accent-bg-color);
    padding: .3rem 0
}

.breadcrumbs__list, .promocode__controls {
    display: -webkit-box;
    display: -ms-flexbox
}

.page-single {
    max-width: 1480px;
    margin: 0 auto 3rem;
    padding: 0 10px
}

.breadcrumbs {
    padding: .5rem 0
}

.breadcrumbs__list {
    list-style: none;
    margin-top: 0;
    padding: 0 30px;
    display: flex
}

.breadcrumbs__item, .screenshotGalleryImages__item {
    margin-right: 10px
}

.breadcrumbs__current, .breadcrumbs__link {
    font-size: .9rem;
    font-weight: 300;
    text-decoration: none;
    color: var(--main-accent-bg-color)
}

.promocode, .rating {
    padding: 1rem 0
}

.rating__items {
    display: -webkit-box;
    display: -ms-flexbox
}

.comments {
    margin: 2rem -10px -10px
}

.comment-form__button, .comments .comment {
    margin: 10px
}

.comments .comment__author {
    font-size: 1.2rem;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 0
}

.comments .comment__date {
    font-size: .9rem;
    margin-left: 15px;
    color: #a2a2a2
}

.comments .comment__content {
    padding: 10px 0 0 10px;
    margin-left: 10px;
    border-left: 1px solid var(--main-accent-bg-color);
    margin-top: 0;
    font-size: 1rem;
    font-weight: 300
}

.comments .comment__karma {
    margin-left: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comments .comment__karma .karma__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px;
    cursor: pointer;
    outline: 0;
    border: none;
    width: 15px;
    height: 15px;
    line-height: 16px;
    border-radius: 50%;
    color: #fff;
    opacity: .1
}

.comments .comment__karma .karma__control.decrease {
    background-color: #dc3545
}

.comments .comment__karma .karma__control.increase {
    background-color: #28a745
}

#cookie-law-div button:hover, .comments .comment__karma .karma__control:hover {
    opacity: 1
}

.comments .comment__karma .value {
    font-size: 1rem;
    font-weight: 300;
    color: #a2a2a2
}

.comments .comment__reply {
    background-color: transparent;
    border: none;
    outline: 0;
    cursor: pointer;
    color: #888
}

.comments .comment__child {
    padding-left: 20px;
    position: relative
}

.comment-form-footer {
    margin: 3rem 0
}

.comment-form__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px auto 0
}

.comment-form__field {
    padding: 10px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    outline: 0;
    font-size: 1rem;
    font-weight: 300;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms
}

.comment-form__field:active, .comment-form__field:focus, .comment-form__field:hover, .wp-block-table td, .wp-block-table th {
    border: 1px solid var(--main-accent-bg-color)
}

.comment-form__field.error {
    border: 1px solid #dc3545;
    background-color: rgba(220, 53, 69, .05)
}

.comment-form__input {
    width: calc(100% / 2 - 20px);
    margin: 10px
}

.comment-form__textarea {
    width: calc(100% - 20px);
    margin: 10px;
    min-height: 100px
}

.comment-form__alert {
    -ms-flex-item-align: center;
    font-size: .8rem;
    font-weight: 300;
    color: #000;
    opacity: 0;
    -webkit-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;
    display: block;
    width: calc(100% - 20px)
}

.scroll-top__button, .slider__content {
    display: -webkit-box;
    display: -ms-flexbox
}

.comment-form__alert.error {
    opacity: 1;
    color: #dc3545
}

.comment-form__alert.success {
    opacity: 1;
    color: #28a745
}

.page-404__title {
    font-size: 5rem;
    margin-top: 2rem
}

.page-404__subtitle {
    font-size: 2rem;
    font-weight: 300;
    margin-top: 2rem
}

.page-404__link {
    margin: 2rem 0;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.scroll-top {
    position: fixed;
    bottom: 84px;
    right: 12px;
    z-index: 80;
}

.scroll-top__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    text-shadow: 1px 1px 2px #000;
    font-size: 20px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.80);
}

#cookie-law-div a:hover {
    opacity: .7
}

#cookie-law-div {
    z-index: 10000000;
    position: fixed;
    bottom: 3%;
    right: 2%;
    padding: 1em;
    max-width: 400px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    font-size: 15px;
    -webkit-box-shadow: rgba(23, 43, 99, .4) 0 7px 28px;
    box-shadow: rgba(23, 43, 99, .4) 0 7px 28px
}

#cookie-law-div a {
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, .5)
}

#cookie-law-div p {
    margin: 0;
    color: #000;
    padding-right: 50px
}

#cookie-law-div button {
    height: 20px;
    width: 20px;
    position: absolute;
    right: .5em;
    top: 20px;
    -ms-flex-item-align: center;
    line-height: 1;
    color: #fff;
    background-color: #000;
    border: none;
    opacity: .6;
    font-size: 12px;
    cursor: pointer;
    border-radius: 50px
}

.acceptButton {
    width: 113px !important;
    background-color: green !important;
    top: 124px !important
}

@media (min-width: 1024px) {
    .melbetappbd-main-nav .menu-item-has-children .sub-menu__arrow {
        pointer-events: none
    }
}

@media (max-width: 1300px) {
    .melbetappbd-columns.col-6 .melbetappbd-columns__item {
        width: calc(100% / 5 - 2rem)
    }

    .wp-block-columns.col-6 {
        -ms-grid-columns:(1fr) [ 5 ];
        grid-template-columns:repeat(5, 1fr)
    }
}

@media screen and (max-width: 1200px) {
    :root {
        --offsets: 20px
    }
}

@media (max-width: 1200px) {
    .melbetappbd-columns.col-5 .melbetappbd-columns__item, .melbetappbd-columns.col-6 .melbetappbd-columns__item {
        width: calc(100% / 4 - 2rem)
    }

    .wp-block-columns.col-5, .wp-block-columns.col-6 {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 1050px) {
    .wp-block-columns.col-4, .wp-block-columns.col-5, .wp-block-columns.col-6 {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 1024px) {
    html {
        font-size: 16px
    }

    .melbetappbd-page-header__container {
        padding: var(--offsets) 0;
        position: relative
    }

    .melbetappbd-page-header__nav {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .melbetappbd-page-header__buttons {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .melbetappbd-main-nav {
        margin-left: calc(-100vw / 2 + 100% / 2) !important;
        margin-right: calc(-100vw / 2 + 100% / 2) !important;
        max-width: 100vw !important;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: var(--header-bg-color);
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 250ms;
        -o-transition: opacity 250ms;
        transition: opacity 250ms
    }

    .melbetappbd-main-nav.active {
        opacity: 1;
        pointer-events: auto;
        z-index: 9999
    }

    .melbetappbd-main-nav__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 1rem
    }

    .melbetappbd-main-nav__list > li {
        width: 100%
    }

    .melbetappbd-main-nav__list > li > a, .melbetappbd-main-nav__list > li > span {
        display: block;
        width: 100%;
        padding: .5rem 0;
        margin: 0
    }

    .melbetappbd-main-nav .sub-menu, .melbetappbd-main-nav__list > li > a::after, .melbetappbd-main-nav__list > li > span::after {
        display: none
    }

    .melbetappbd-main-nav .menu-item-has-children {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .melbetappbd-main-nav .menu-item-has-children .sub-menu__arrow {
        right: 0;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        pointer-events: auto
    }

    .melbetappbd-main-nav .sub-menu a {
        font-size: 1.2rem;
        font-weight: 300
    }
}

.footer__social-link, .video-v2__button, .video-v2__button svg path {
    transition: .3s ease-in-out
}

.melbetappbd-toc__title::after, .mobile-button__promocode-button span, .mobile-button__promocode-button svg, .popup, .promocode__button span, .promocode__button svg, .select-lang__option span {
    pointer-events: none
}

@media (max-width: 1000px) {
    .melbetappbd-columns.col-3 .melbetappbd-columns__item {
        width: calc(100% / 2 - 2rem)
    }

    .melbetappbd-columns.col-4 .melbetappbd-columns__item, .melbetappbd-columns.col-5 .melbetappbd-columns__item, .melbetappbd-columns.col-6 .melbetappbd-columns__item {
        width: calc(100% / 3 - 2rem)
    }

    .icon-blocks__item {
        width: calc(100% / 3)
    }
}

@media screen and (max-width: 900px) {
    :root {
        --offsets: 16px
    }
}

@media (max-width: 900px) {
    .wp-block-columns.col-3, .wp-block-columns.col-4, .wp-block-columns.col-5, .wp-block-columns.col-6 {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 800px) {
    .melbetappbd-columns.col-2 .melbetappbd-columns__item {
        width: calc(100% - 2rem)
    }
}

@media (max-width: 750px) {
    .melbetappbd-columns.col-3 .melbetappbd-columns__item {
        width: calc(100% - 2rem)
    }

    .melbetappbd-columns.col-4 .melbetappbd-columns__item, .melbetappbd-columns.col-5 .melbetappbd-columns__item, .melbetappbd-columns.col-6 .melbetappbd-columns__item {
        width: calc(100% / 2 - 2rem)
    }

    .wp-block-columns.col-2, .wp-block-columns.col-3, .wp-block-columns.col-4, .wp-block-columns.col-5, .wp-block-columns.col-6 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

@media (max-width: 767px) {
    html {
        font-size: 15px
    }

    .slider__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .slider__title {
        text-align: center
    }

    .slider__button {
        margin-left: 0;
        margin-top: 1rem
    }
}

@media screen and (max-width: 700px) {
    #cookie-law-div p {
        padding-bottom: 36px
    }

    .acceptButton {
        left: calc(50% - 60px)
    }
}

@media (max-width: 650px) {
    .melbetappbd-main-nav .sub-menu {
        max-width: 100%
    }

    .melbetappbd-main-nav .sub-menu a {
        font-size: 1rem
    }

    .icon-blocks__item {
        width: calc(100% / 2)
    }
}

@media (max-width: 600px) {
    #cookie-law-div {
        border-radius: 0;
        max-width: 100%;
        right: 0;
        bottom: 0
    }
}

@media screen and (max-width: 600px) {
    .acceptButton {
        top: 100px !important
    }

    #cookie-law-div p {
        padding-bottom: 50px
    }
}

@media (max-width: 550px) {
    .melbetappbd-page-header__buttons {
        margin: 0 -.2rem
    }

    .melbetappbd-page-header__buttons a, .melbetappbd-page-header__buttons button {
        margin: 0 .2rem;
    }

    .melbetappbd-columns.col-4 .melbetappbd-columns__item, .melbetappbd-columns.col-5 .melbetappbd-columns__item, .melbetappbd-columns.col-6 .melbetappbd-columns__item {
        width: calc(100% - 2rem)
    }

    .melbetappbd-page-footer__logo {
        text-align: center
    }
}

@media (max-width: 500px) {
    html {
        font-size: 14px
    }

    .melbetappbd-page-header__buttons {
        width: 100%;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        text-align: center;
        margin-top: 1rem
    }

    .comment-form__button, .comment-form__input {
        width: calc(100% - 20px)
    }
}

@media screen and (max-width: 400px) {
    .acceptButton {
        top: 127px !important
    }
}

.melbetappbd-toc {
    width: 100%;
    margin: 0;
    padding: 10px
}

.melbetappbd-main-nav, .melbetappbd-toc__nav, .mobile-button__header, .video-v2 {
    display: flex;
    align-items: center
}

.video-v2 {
    margin-top: 1rem;
}

.melbetappbd-toc.active .melbetappbd-toc__list {
    max-height: 1000px;
    list-style: none;
    margin-top: 0
}

.melbetappbd-toc__link {
    font-size: 14px;
    text-decoration: none
}

.melbetappbd-toc__list {
    flex-wrap: wrap;
    display: flex
}

.melbetappbd-toc__item {
    padding: 0 5px
}

p.melbetappbd-toc__title {
    text-transform: uppercase;
    margin-top: 0 !important
}

.screenshotGalleryImages {
    display: flex
}

.screenshotGalleryImages__item:last-child {
    margin-right: 0
}

.wp-block-table thead {
    border: none
}

.accent-button.fill-button {
    border-radius: 5px;
    border: 1px solid red
}

.accent-button.outline-button {
    border-radius: 5px
}

@media only screen and (max-width: 750px) {
    .melbetappbd-toc {
        display: flex;
        justify-content: center;
        padding: 18px 0 39px
    }

    .melbetappbd-toc__nav {
        position: relative;
        justify-content: center
    }

    .melbetappbd-toc.active .melbetappbd-toc__list {
        margin-top: 40px
    }

    p.melbetappbd-toc__title {
        position: absolute;
        left: 0;
        top: 0
    }

    .melbetappbd-toc.active .melbetappbd-toc__title::after, .melbetappbd-toc__list {
        display: block
    }

    .melbetappbd-toc__item {
        text-align: center
    }

    .melbetappbd-main-nav {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.footer__social-list {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.footer__social-list p, .get-image {
    margin: 0
}

.mobile-button__control {
    gap: 4px;
}

.promocode__bottom svg {
    margin-right: 4px
}

.footer__social-item {
    margin: 5px 10px
}

.footer__social-link {
    display: block;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 100%;
    overflow: hidden;
    padding: 5px;
    background-color: transparent;
    cursor: pointer
}

.comment-footer, .melbetappbd-faq__item, .melbetappbd-toc {
    background-color: var(--header-bg-color)
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .footer__social-link:focus, .footer__social-link:hover {
        transform: scale(1.1) translateZ(0)
    }
}

.footer__social-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.comment-form__title, .comment__author, .melbetappbd-faq__question, .melbetappbd-page-footer .columns__item p, .melbetappbd-page-footer .columns__item p a, .melbetappbd-toc__title {
    color: var(--main-nav-color)
}

.melbetappbd-faq__answer, .melbetappbd-toc__link {
    color: #fff
}

.melbetappbd-toc__title {
    font-weight: 700;
    font-size: 13px;
    min-width: auto
}

@media (max-width: 750px) {
    .melbetappbd-toc__title {
        min-width: 150px
    }
}

.melbetappbd-toc__title::after {
    border-color: var(--main-nav-color) transparent transparent transparent
}

.comment-footer {
    padding-top: 20px;
    padding-bottom: 20px
}

.comment__reply {
    display: none
}

.comments .comment__content {
    color: #fff;
    border-left: 1px solid #fff
}

.accent-button.fill-button.comment-form__button {
    border-color: var(--main-nav-color)
}

.comment-form__field {
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit
}

.comment-form__form {
    max-width: 100%
}

.video-v2__container {
    position: relative;
    width: 100%;
    max-width: 800px
}

.video-v2.align-left {
    justify-content: flex-start
}

.video-v2.align-center {
    justify-content: center
}

.video-v2.align-right {
    justify-content: flex-end
}

.video-v2__player {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    aspect-ratio: 16/9
}

.video-v2__button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0;
    cursor: pointer
}

.video-v2._active .video-v2__button {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.video-v2._active .video-v2__player {
    cursor: pointer
}

.video-v2__button-shape {
    fill: rgba(0, 0, 0, 0.6)
}

.video-v2__button-icon {
    fill: #ffffff
}

.video-v2__button:hover .video-v2__button-shape {
    fill: #ff0000
}

.container .container {
    padding-left: 0;
    padding-right: 0
}

.mobile-button {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin: 0 auto;
    border-radius: 12px 12px 0 0;
    padding: 18px 12px 12px;
    background: #fff;
    box-shadow: 0 2px 17px 0 rgba(0, 0, 0, .15)
}

.mobile-button::after {
    /*content: "";*/
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
    background: #d9d9d9;
    width: 64px;
    height: 4px
}

.mobile-button__header .get-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}

.mobile-button__info {
    margin-right: 8px
}

.mobile-button__name {
    margin: 0 0 8px;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.rating {
    --percent: calc(var(--star-rating) / 5 * 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 1
}

.rating::before {
    content: "★★★★★";
    font-family: Times, serif;
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#ffbc00), to(#d9d9d9));
    background: -o-linear-gradient(left, #ffbc00 var(--percent), #d9d9d9 var(--percent));
    background: linear-gradient(90deg, #ffbc00 var(--percent), #d9d9d9 var(--percent));
    -webkit-background-clip: text
}

.rating__counter {
    margin-left: 4px;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.mobile-button__header .mobile-button__control {
    margin-left: auto
}

.mobile-button__header .mobile-button__control:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mobile-button__control--show .open, .mobile-button__control--show.open .close, .mobile-button__header .mobile-button__control.mobile-button__control--show.open:before {
    display: none
}

.mobile-button__control--show.open .open {
    display: block
}

.mobile-button__control {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: none;
    padding: 12px 16px;
    min-width: 80px;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    background: #ffbb01
}

.mobile-button__footer {
    position: absolute;
    margin-top: 20px;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.calculate__body label, .select-lang {
    position: relative
}

.mobile-button.open .mobile-button__footer {
    position: static;
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible
}

.mobile-button__bonus {
    margin: 0;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.mobile-button__bonus span {
    color: #ff9901;
    font-weight: 600
}

.mobile-button__bonus b, .mobile-button__bonus strong {
    font-weight: 700
}

.mobile-button__promocode-controls {
    display: flex;
    align-items: center;
    margin-top: 12px
}

.mobile-button__promocode-value {
    display: flex;
    flex: 1 0 0;
    align-items: flex-start;
    margin-right: 8px;
    border-radius: 6px;
    border: 1px solid #bdbdbd;
    padding: 12px;
    background: rgba(0, 0, 0, .05);
    gap: 10px;
    color: #ff9901;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.mobile-button__promocode-button, .promocode__button {
    justify-content: center;
    border-radius: 8px;
    min-width: 116px;
    gap: 4px;
    line-height: 20px
}

.mobile-button__promocode-button {
    display: flex;
    align-items: center;
    border: none;
    padding: 11px 8px;
    background: rgba(187, 187, 187, .39);
    color: #000;
    font-size: 15px;
    font-weight: 700
}

.mobile-button__promocode-button .copied, .mobile-button__promocode-button.open .copy {
    display: none
}

.mobile-button__promocode-button.open .copied {
    display: block
}

.calculate__body .calculate__title, .promocode__button .copied, .promocode__button.open .copy {
    display: none
}


.mobile-button__footer .mobile-button__control {
    margin-top: 12px;
    width: 100%
}

.promocode__container {
    position: relative;
    display: flex;
    margin: 0;
    border-radius: 0;
    padding: 20px;
    max-width: 460px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
}


.promocode__text {
    margin: 0 0 18px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.promocode__text span {
    color: #ffbb01;
    font-weight: 600
}

.promocode__text b, .promocode__text strong {
    font-weight: 700
}

.promocode__value {
    display: flex;
    margin: 0;
    color: #ffbb01;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.promocode__bottom, .promocode__button {
    display: flex;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer
}

.promocode__button.open .copied {
    display: block
}

.promocode__bottom {
    justify-content: center;
    align-items: center;
    margin: 12px 0 0;
    border-radius: 8px;
    border: none;
    padding: 12px 24px;
    min-width: 80px;
    line-height: 20px;
    background: #ffbb01
}

.calculate__bonus, .calculate__input {
    font-size: 16px;
    line-height: 20px;
    display: flex
}

.calculate, .content-popup-button div {
    background-position: center;
    background-repeat: no-repeat
}

.calculate {
    display: flex;
    border-radius: 6px;
    width: 100%;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    background-color: #1a1a1a;
    background-size: cover
}

.calculate__title {
    margin: 0;
    color: #fff
}

.calculate__body {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .1)
}

.calculate__body label::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    content: url("data:image/svg+xml;charset=UTF-8,<svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M22 10V16C22 16.7956 21.6839 17.5587 21.1213 18.1213C20.5587 18.6839 19.7956 19 19 19H9M9 19L13 15M9 19L13 23' stroke='%23D79E03' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    display: inline-block
}

.calculate__input {
    outline: 0;
    width: 320px;
    padding: 12px;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    border: 2px solid #d79e03;
    background: rgba(255, 255, 255, .05);
    box-shadow: 0 0 8px 0 rgba(215, 158, 3, .5);
    color: #fff;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    animation: 4s infinite alternate flicker;
    -moz-appearance: textfield
}

.calculate__input:placeholder {
    color: silver
}

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

.calculate__bonus {
    margin: 0;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: rgba(255, 255, 255, .24);
    color: #ffbb01;
    text-align: center;
    font-weight: 900
}

.calculate__output {
    display: flex;
    align-items: center;
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.calculate__output-text {
    text-align: center
}

.calculate__output-currency, .calculate__output-summa {
    color: #ffbb01;
    text-align: center;
    font-size: 24px;
    line-height: 40px
}

.calculate__output-currency {
    margin-left: 16px
}

.calculate__output-summa {
    margin-left: 4px
}

.calculate__link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 8px;
    border: none;
    padding: 12px 24px;
    min-width: 280px;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    background: #ffbb01;
    gap: 4px;
    cursor: pointer
}

@keyframes flicker {
    0%, 100% {
        box-shadow: 0 0 8px 0 rgba(215, 158, 3, .5)
    }
    50% {
        box-shadow: 0 0 8px 2px rgba(215, 158, 3, .7)
    }
}

@media (max-width: 1023px) {
    .calculate__body {
        flex-direction: column;
        width: 80%;
        gap: 14px
    }
}

@media (max-width: 475px) {
    .calculate__body label, .calculate__bonus, .calculate__input, .promocode__bottom {
        width: 100%
    }
}

.select-lang {
    z-index: 11;
    margin-left: 12px;
    border-radius: 6px;
    min-width: fit-content;
    background-color: #393939;
    cursor: pointer
}

.popup, .select-lang__options-list {
    position: absolute;
    left: 0;
    display: flex
}

.select-lang._active, .select-lang > .select-lang__option {
    border-radius: 6px 6px 0 0
}

.select-lang._active .select-lang__options-list {
    max-height: 100%
}

.select-lang__options-list {
    right: 0;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0 0 6px 6px;
    max-height: 0;
    background-color: #393939
}

.select-lang__options-list .select-lang__option {
    padding: 0
}

.select-lang__option, .select-lang__selected {
    display: flex;
    align-items: center;
    color: #fff
}

.select-lang__option {
    padding: 4px 8px;
    transition: background-color .3s ease-in-out
}

.select-lang__option span {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    user-select: none
}

.melbetappbd-main-nav__list > li > a:hover, .melbetappbd-main-nav__list > li > span:hover, .popup__text span {
    color: #ffbb01
}

.select-lang__image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    margin-left: 8px;
    border-radius: 100%;
    width: 24px;
    height: 24px
}

.select-lang__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px;
    width: 100%;
    text-decoration: none
}

.list-reset {
    margin: 0;
    padding: 0;
    list-style: none
}

.popup {
    bottom: 0;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    background-color: #ffffffd4
}

.ball, .content-popup-button, .wheel {
    width: 96px;
    height: 96px
}

.popup--content._active, .popup--header._active {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.header__popup-button:hover, .melbetappbd-page-header__button:hover {
    opacity: .7
}

.popup__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px;
    max-width: 332px;
    padding: 24px 12px 12px;
    background: #212121;
    gap: 20px
}

.popup__content img {
    border-radius: 4px
}

.popup__close {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    border-radius: 0 0 0 6px;
    padding: 4px;
    background-color: transparent;
    cursor: pointer;
    transition: .3s ease-in-out
}

.popup__close:hover {
    background-color: #ffffff3d
}

.popup__text {
    margin: 0 48px 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.melbetappbd-content-button a, .melbetappbd-content-button button, .melbetappbd-page-header__button {
    padding: 12px 24px;
    color: #232323;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    gap: 4px;
    cursor: pointer;
    transition: .3s ease-in-out
}

.melbetappbd-page-header__button {
    padding: 10px 24px;
}

.popup .promocode {
    padding: 0;
    width: 100%
}

.popup .promocode__text {
    text-align: center;
    margin-bottom: 12px
}

.popup .promocode__bottom {
    width: 100%
}

body._scroll-lock {
    overflow: hidden
}

.content-popup-button {
    position: fixed;
    bottom: 84px;
    left: 12px;
    border: none;
    background-color: transparent;
    user-select: none;
    cursor: pointer
}

.content-popup-button div {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain
}

.wheel {
    background-image: url('../img/wheel.png');
    animation: 16s linear infinite clockwise-rotation
}

.ball {
    background-image: url('../img/ball.png');
    animation: 8s linear infinite counterclockwise-rotation
}

.gift {
    width: 64px;
    height: 64px;
    background-image: url('../img/gift.png');
    animation: 2.9s linear infinite gift
}

.content-popup-button .gift {
    top: 6%;
    left: 18%
}

@keyframes counterclockwise-rotation {
    0% {
        transform: rotate(0);
        animation-timing-function: linear
    }
    100% {
        transform: rotate(-1080deg)
    }
}

@keyframes clockwise-rotation {
    0% {
        transform: rotate(0);
        animation-timing-function: linear
    }
    100% {
        transform: rotate(1080deg)
    }
}

@keyframes gift {
    0% {
        transform: translateY(0);
        animation-timing-function: linear
    }
    17% {
        transform: translateY(3px);
        animation-timing-function: linear
    }
    34% {
        transform: translateY(-3px);
        animation-timing-function: linear
    }
    51% {
        transform: translateY(2px);
        animation-timing-function: linear
    }
    68% {
        transform: translateY(-2px);
        animation-timing-function: ease-out
    }
    85% {
        transform: translateY(-16px);
        animation-timing-function: ease-out
    }
    100% {
        transform: translateY(0)
    }
}

.melbetappbd-page-header__logo {
    margin-right: 40px
}

.melbetappbd-page-header__logo .get-image {
    display: flex
}

.melbetappbd-page-header__logo img {
    max-width: 150px
}

.melbetappbd-page-header__container {
    justify-content: flex-start;
    flex-wrap: nowrap
}

.melbetappbd-main-nav {
    margin-right: 12px
}

.melbetappbd-main-nav__list {
    flex-wrap: wrap
}

.melbetappbd-main-nav__list > li > a, .melbetappbd-main-nav__list > li > span {
    margin: 0;
    padding: 8px;
    color: #fff;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.melbetappbd-main-nav__list > li:not(:last-child) {
    margin-right: 16px
}

.melbetappbd-page-header__buttons {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-left: auto
}

.melbetappbd-page-header__button {
    display: flex;
    flex-shrink: 0;
    border-radius: 8px;
    border: none;
    justify-content: center;
    align-items: center
}

.melbetappbd-page-header__button + .melbetappbd-page-header__button {
    margin-left: 10px
}

.melbetappbd-page-header__button--first {
    background-color: #ffbb01
}

.melbetappbd-page-header__button--second {
    background-color: #fff
}

.melbetappbd-page-header__burger {
    display: none;
    padding: 4px;
    width: 40px;
    height: 40px
}

.melbetappbd-page-header__burger .close, .melbetappbd-page-header__burger.active .open {
    display: none
}

.melbetappbd-page-header__burger.active .close {
    display: block
}

.header__popup-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 32px;
    border-radius: 6px;
    border: none;
    padding: 8px;
    width: 40px;
    height: 40px;
    background: #ffbb01;
    transition: .3s ease-in-out;
    cursor: pointer
}

@media (max-width: 1024px) {
    .melbetappbd-page-header__logo {
        order: 1;
        margin-right: 8px
    }

    .melbetappbd-page-header__logo img {
        max-width: 114px
    }

    .header__select-lang {
        order: 2;
        margin: 0
    }

    .melbetappbd-page-header__buttons {
        order: 3
    }

    .header__popup-button {
        order: 4
    }

    .melbetappbd-page-header__burger {
        order: 5;
        display: flex;
        margin-left: 12px
    }
}

@media (max-width: 767px) {
    .footer__social-list {
        margin: 0 0 20px
    }

    .mobile-button {
        display: block
    }

    .calculate {
        padding: 12px;
        gap: 16px
    }

    .calculate__body {
        padding: 12px;
        width: 100%
    }

    .calculate__output {
        flex-wrap: wrap;
        justify-content: center
    }

    .calculate__output-text {
        flex-basis: 100%
    }

    .calculate__output-currency {
        margin-left: 0
    }

    .calculate__title {
        display: none
    }

    .calculate__body .calculate__title {
        display: inline-block;
        margin-bottom: 2px
    }

    .calculate__link {
        margin-top: 0
    }

    .ball, .content-popup-button, .wheel {
        width: 72px;
        height: 72px
    }

    .gift {
        width: 44px;
        height: 44px
    }

    .melbetappbd-page-header__container {
        flex-wrap: wrap;
        padding: 4px 0;
        justify-content: space-between
    }

    .melbetappbd-page-header__logo {
        position: relative
    }

    .melbetappbd-page-header__logo::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -4px;
        height: 7px;
        background-color: #01694f
    }

    .header__select-lang {
        margin-right: auto
    }

    .header__popup-button {
        margin-left: auto
    }

    .melbetappbd-page-header__buttons {
        order: 6;
        flex-basis: 100%;
        margin-top: 12px
    }

    .melbetappbd-page-header__button {
        padding: 10px;
        flex-grow: 1
    }
}

.melbetappbd-content-button a, .melbetappbd-content-button button {
    flex-shrink: 0;
    border-radius: 8px;
    border: none;
    justify-content: center;
    align-items: center;
    background-color: #ffbb01
}

/* FIX */

@media (max-width: 767px) {
    .header__popup-button {
        margin-left: 8px;
    }

    .header__select-lang {
        margin: 0 auto;
    }
}

.mobile-button__header img {
    height: 100%;
    max-height: 64px;
    object-fit: contain;
    width: fit-content;
}

.mobile-button__rating {
    padding: 0;
}

.mobile-button__control {
    color: #232323;
}

.promocode__container {
    background-color: #2E2E2E;
}

.breadcrumbs {
    background-color: var(--header-bg-color);
}

.breadcrumbs__current,
.breadcrumbs__link,
.breadcrumbs__separator {
    color: #ffb905;
    transition: all 0.3s ease-in-out;
}

.breadcrumbs__link:hover {
    color: #fff;
}


.promocode__container {
    background-image: repeating-linear-gradient(3deg, #909090, #909090 10px, transparent 10px, transparent 20px, #909090 20px),
    repeating-linear-gradient(93deg, #909090, #909090 10px, transparent 10px, transparent 20px, #909090 20px),
    repeating-linear-gradient(183deg, #909090, #909090 10px, transparent 10px, transparent 20px, #909090 20px),
    repeating-linear-gradient(273deg, #909090, #909090 10px, transparent 10px, transparent 20px, #909090 20px);
    background-size: 2px calc(100% + 20.03px), calc(100% + 20.03px) 2px, 2px calc(100% + 20.03px), calc(100% + 20.03px) 2px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    animation: borderAnimation 0.6s infinite linear;
}

@keyframes borderAnimation {
    from {
        background-position: 0 0, -20px 0, 100% -20px, 0 100%;
    }
    to {
        background-position: 0 -20px, 0 0, 100% 0, -20px 100%;
    }
}

.promocode__bottom {
    color: #232323;
}

@media (max-width: 1024px) {
    .melbetappbd-page-header__logo img {
        max-width: 114px;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.mobile-button__control--show {
    border: 1px solid #ffbb01;
    transition: all 0.3s ease-in-out;
}


.mobile-button__control--show.open {
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.melbetappbd-main-nav__list > li > a, .melbetappbd-main-nav__list > li > span {
    font-family: inherit;
}

h3 {
    margin-top: 1rem;
}

p + .get-image {
    margin-top: 1rem;
}

body {
    background-color: #F5F5F5;
    font-variant-numeric: lining-nums proportional-nums;
}

.get-image {
    display: flex;
}

img {
    height: auto;
    width: 100%;
    object-fit: contain;
}
* + .slots__wrapper {
    margin-top: 1rem;
}

.page .melbetappbd-wrapper:first-child,
.post .melbetappbd-wrapper:first-child{
    background-color: var(--header-bg-color);
}

.page-footer__dmca img {
    width: fit-content;
}

.melbetappbd-content-button a:hover,
.melbetappbd-content-button button:hover {
    transform: none;
    opacity: .7;
}

/* tabs */
.tabs {
    overflow: hidden;
    border-radius: 4px;
    padding: 24px;
    background: #2E2E2E;
}

.tabs__container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}


.tabs__container:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 44px;
    background: linear-gradient(270deg, #2E2E2E 0%, rgba(46, 46, 46, 0.00) 100%);
}

.tabs__container .background-block {
    padding: 0;
}

.tabs__header {
    position: relative;
    display: flex;
    align-items: center;
    list-style: none;
    overflow: auto;
    margin: 0;
    padding: 0;
    gap: 8px;
}

.tabs__header-button {
    border-radius: 3px;
    border: none;
    padding: 12px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 0.10);
    text-transform: capitalize;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.tabs__header-button.active {
    color: #FFBB01;
}

.tabs__header-button:hover {
    color: #FFBB01;
}

.tabs__list {
    list-style: none;
    margin: 0;
    border-style: solid;
    border-width: 0 2px 2px;
    border-color: #232323;
    border-radius: 0 0 20px 20px;
    padding: 24px 16px;
    background-color: #fff
}

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

.tabs__item > :last-child {
    margin-bottom: 0
}

.tabs__item .melbetappbd-text-image__item--text h1,
.tabs__item .melbetappbd-text-image__item--text h2,
.tabs__item .melbetappbd-text-image__item--text h3,
.tabs__item .melbetappbd-text-image__item--text h4,
.tabs__item .melbetappbd-text-image__item--text h5,
.tabs__item .melbetappbd-text-image__item--text h6,
.tabs__item .melbetappbd-text-image__item--text a {
    color: #fff;
}

.tabs__item .melbetappbd-text-image__item--text p,
.tabs__item .melbetappbd-text-image__item--text ul,
.tabs__item .melbetappbd-text-image__item--text ol {
    color: #ABB8C3;
}

.tabs--horizontal .tabs__header-button {
    flex: 1 1 50%;
    align-self: stretch;
}

.tabs--horizontal .tabs__header-button svg {
    flex-shrink: 0;
}

.tabs--horizontal .tabs__header-item .tabs__header-button {
    width: 100%;
}

.visually-hidden {
    position: absolute;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    overflow: hidden;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    clip: rect(0 0 0 0)
}

@media (max-width: 767px) {
    .tabs {
        padding: 12px;
    }
}
/* tabs */
/* text-image */
.get-image {
    display: flex;
}

.background-block {
    padding: 2rem 0;
}

.background-block + .tabs {
    margin-top: 32px;
}

.background-block > p + .tabs {
    margin-top: 24px;
}

.melbetappbd-text-image__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.melbetappbd-text-image.align-center .melbetappbd-text-image__item--text {
    margin: auto 0;
}

.melbetappbd-text-image.reversed .melbetappbd-text-image__item--image {
    order: -1;
}

.melbetappbd-text-image__item--image {
    display: flex;
}


@media (max-width: 1024px) {
    .melbetappbd-text-image__container {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .melbetappbd-text-image.reversed .melbetappbd-text-image__item--image {
        order: 0;
    }
}
/* text-image */
/* slots */
.slots__wrapper--image {
    display: grid;
    grid-template-columns: 460px 1fr;
    gap: 20px;
}

.slots__image-block {
    display: flex;
    justify-content: center;
}

.slots__wrapper--image .slots__list {
    grid-template-columns: repeat(4, 1fr);
}

.slots__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.slots__item {
    overflow: hidden;
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.slots__item-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    flex-grow: 1;
}

.slots__item-title {
    margin: 0;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

.slots__button {
    padding: 8px 8px;
    flex-grow: 1;
}

@media (max-width: 1280px) {
    .slots__wrapper--image .slots__list {
        grid-template-columns: repeat(3, 1fr);
    }

    .slots__list {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 1023px) {
    .slots__wrapper--image {
        grid-template-columns: 1fr;
    }

    .slots__wrapper--image .slots__list {
        grid-template-columns: repeat(4, 1fr);
    }

    .slots__list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .slots__wrapper--image {
        gap: 12px;
    }

    .slots__wrapper--image .slots__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }

    .slots__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
}

@media (max-width: 550px) {
    .slots__wrapper--image .slots__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .slots__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* slots */
/* how-to */
.how-to {
    margin: 2.5rem 0 0;
    padding: 0;
    list-style: none;
}

.how-to__label {
    position: absolute;
    left: -2px;
    bottom: 100%;
    padding: 4px 48px 4px 16px;
    border-radius: 4px 0px 0px 0px;
    background-color: #FFB805;
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    clip-path: polygon(0 0, calc(100% - 32px) 0, 100% 100%, 0% 100%);
}

.how-to__item {
    position: relative;
    border-radius: 0px 4px 4px 4px;
    border: 2px solid #FFB805;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.how-to__item:not(:last-child) {
    margin-bottom: 52px;
}

.how-to__content {
    margin: auto 0;
}

.how-to__name {
    margin-top: 0;
}

.how-to__button {
    margin-top: 12px;
    min-width: 280px;
}

@media (max-width: 1024px) {
    .how-to__item {
        grid-template-columns: 1fr;
    }

    .how-to__item > .get-image {
        order: -1;
    }
}

@media (max-width: 767px) {
    .how-to__item {
        padding: 12px;
        gap: 16px;
    }

    .how-to__button {
        width: 100%;
    }
}
/* how-to */
/* button */
.button {
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    background-color: #FFBB01;
    color: #232323;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
}

.button:hover {
    opacity: 0.7;
}
/* button */
/* bonus */
.bonus {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.bonus__item {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    min-height: 124px;
    background-color: #2E2E2E;
}

.bonus__item-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    height: 100%;
}

.bonus__title {
    margin: 0;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.bonus__text {
    margin: 0;
    max-width: 212px;
    overflow: hidden;
    color: #ABB8C3;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
}

.bonus__button {
    margin-top: auto;
    width: fit-content;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.bonus__item .get-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

@media (max-width: 1024px) {
    .bonus {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .bonus {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
/* bonus */
/* relink */
.relink {
    padding-bottom: 32px;
}

.relink__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.relink__item {
    border-radius: 4px;
    padding: 12px;
    background: #2E2E2E;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.relink__item:hover {
    opacity: 0.7;
}

.relink .get-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.relink img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.relink__title {
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    flex-grow: 1;
}

.relink__text {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 1;
    color: #9aa2af;
}

@media (max-width: 1023px) {
    .relink__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .relink {
        padding-bottom: 20px;
    }
}

@media (max-width: 550px) {
    .relink .get-image {
        margin-right: auto;
    }

    .relink__item {
        display: grid;
        grid-template-columns: 1fr 24px;
    }

    .relink__item svg {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }
}
/* relink */
/* promocode */
.promocode {}
.promocode__container {
    margin: 0 auto;
    animation: none;
    border-radius: 8px;
    padding: 12px;
    background: #2E2E2E;
    gap: 12px;
    max-width: 328px;
}

.promocode__text {
    margin: 0;
    font-weight: 700;
}

.promocode__controls {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.promocode__value {
    flex: 1 1 100%;
    border-radius: 6px;
    border: 1px solid #3f3f3f;
    padding: 12px;
    background: rgba(255, 255, 255, .05);
}

.promocode__hr {
    width: 100%;
    border: none;
    height: 1px;
    background: #3F3F3F;
}

.promocode__button {
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    min-width: 114px;
    border-radius: 6px;
    border: 1px solid #3f3f3f;
    padding: 10px 5px;
    background: rgba(255, 255, 255, .05);
    color: #fff;
}

.download-buttons .promocode {
    padding: 0;
}

.promocode__button {
    align-self: stretch;
}

.promocode__button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.promocode__bottom {
    margin: 0;
    justify-content: space-between;
    width: 100%;
    padding: 12px 8px 12px 12px;
    transition: .3s ease-in-out;
}

.promocode__bottom:hover {
    opacity: 0.7;
}

.promocode__description {
    margin: 0;
    color: #ABB8C3;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.promocode--description {
    display: grid;
    grid-template-columns: 328px 1fr;
    gap: 24px;
}

@media (max-width: 767px) {
    .promocode--description {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
/* promocode */
/* downlaod-buttons */
.download-buttons {
    margin: 0 auto;
}

* + .download-buttons {
    margin-top: 1rem;
}

.download-buttons__container {
    animation: none;
    margin: 0 auto;
    border-radius: 8px;
    padding: 12px;
    background: #2E2E2E;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 328px;
}

.download-buttons__title-wrapper {
    display: flex;
    align-items: center;
}

.download-buttons__title-wrapper svg {
    flex-shrink: 0;
}


.download-buttons__title {
    margin: 0;
    color: #ABB8C3;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.download-buttons__title span,
.download-buttons__title b {
    color: #fff;
    font-weight: 700;
}

.download-buttons__button {
    outline: none;
    border: none;
    padding: 10px 12px;
    border-radius: 8px;
    background-color: #FFBB01;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #232323;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    width: 100%;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.download-buttons__button:hover {
    opacity: 0.7;
}

.download-buttons__button-text {
    display: flex;
    flex-direction: column;
    color: #232323;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
}

.download-buttons__button-text span {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

.download-buttons__button-info {
    margin-left: auto;
    color: #675A36;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-variant-numeric: lining-nums proportional-nums;
    user-select: none;
}

.download-buttons__information {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.download-buttons__rating {
    display: flex;
    align-items: center;
    gap: 4px;
}

.download-buttons__rating-counter {
    margin: 0;
    color: #fff;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.download-buttons__rating-counter span {
    color: #ABB8C3;
}

.download-buttons__numbers {
    display: flex;
    align-items: center;
    gap: 4px;
}

.download-buttons__numbers-text {
    margin: 0;
    color: #ABB8C3;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.download-buttons__numbers-text span {
    font-weight: 700;
    color: #fff;
}

.download-buttons__hr {
    width: 100%;
    border: none;
    height: 1px;
    background: #3F3F3F;
}

.promocode__bonus {
    display: flex;
    align-items: center;
    gap: 4px;
}

.promocode__bonus-text {
    margin: 0;
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.promocode__bonus-text span {
    color: #fff;
}

.download-buttons__information .promocode__controls {
    width: initial;
    flex-grow: 1;
    min-width: 120px;
}

.download-buttons__info {
    display: flex;
    align-items: center;
    gap: 8px;

}

.download-buttons__info span {
    font-weight: 700;
    color: #fff;
}

.download-buttons__info p {
    margin: 0;
    color: #ABB8C3;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.download-buttons__description {
    margin: 0;
    color: #ABB8C3;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.download-buttons--description {
    display: grid;
    grid-template-columns: 328px 1fr;
    gap: 24px;
}

@media (max-width: 767px) {
    .download-buttons--description {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
/* download-buttons */
/* slots-sport */
.slots-sport .slots__list {
    height: fit-content;
}

.slots-sport .slots__item {
    display: grid;
    grid-template-columns: 1fr 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px;
    border-radius: 4px;
    background: #FFF;
    padding: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.slots-sport .slots__item:hover {
    background-color: #dadada;
}

.slots-sport .slots__item img {
    max-width: 36px;
    max-height: 36px;
}

.slots-sport .slots__item-title {
    text-align: left;
    grid-column: 1 / -1;
}
/* slots-sport */
@media (max-width: 767px) {
    .promocode__container,
    .download-buttons__container {
        max-width: 100%;
        width: 100%;
    }
}

.mobile-button,
.scroll-top {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

.mobile-button.show,
.scroll-top.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

#eVgi9XhYfO43_to {
    animation: eVgi9XhYfO43_to__to 10000ms linear infinite normal forwards
}

@keyframes eVgi9XhYfO43_to__to {
    0% {
        transform: translate(14px, 14px)
    }
    53% {
        transform: translate(14px, 14px);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
    }
    56% {
        transform: translate(46px, 14px)
    }
    59% {
        transform: translate(42px, 38px)
    }
    61% {
        transform: translate(-10px, 38px)
    }
    65% {
        transform: translate(-10px, 14px);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
    }
    68% {
        transform: translate(14px, 14px)
    }
    100% {
        transform: translate(14px, 14px)
    }
}

#eVgi9XhYfO43_tr {
    animation: eVgi9XhYfO43_tr__tr 10000ms linear infinite normal forwards
}

@keyframes eVgi9XhYfO43_tr__tr {
    0% {
        transform: rotate(0deg)
    }
    20% {
        transform: rotate(0deg);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
    }
    25% {
        transform: rotate(720deg)
    }
    45% {
        transform: rotate(720deg)
    }
    50% {
        transform: rotate(1440deg)
    }
    100% {
        transform: rotate(1440deg)
    }
}

#eVgi9XhYfO45 {
    animation: eVgi9XhYfO45__m 10000ms linear infinite normal forwards
}

@keyframes eVgi9XhYfO45__m {
    0% {
        d: path('M16,20L22,14C22,14,16,8,16,8')
    }
    20% {
        d: path('M16,20L22,14C22,14,16,8,16,8');
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
    }
    25% {
        d: path('M14,21.898016L14,13.949253C14,13.949253,14,5.898016,14,5.898016')
    }
    45% {
        d: path('M14,21.898016L14,13.949253C14,13.949253,14,5.898016,14,5.898016')
    }
    50% {
        d: path('M16,20L22,14C22,14,16,8,16,8')
    }
    100% {
        d: path('M16,20L22,14C22,14,16,8,16,8')
    }
}


#eYdm8rcu04h3_to {
    animation: eYdm8rcu04h3_to__to 8000ms linear infinite normal forwards
}

@keyframes eYdm8rcu04h3_to__to {
    0% {
        transform: translate(14px, 12.5px)
    }
    37.5% {
        transform: translate(14px, 12.5px);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
    }
    41.25% {
        transform: translate(14px, 38.5px)
    }
    45% {
        transform: translate(28px, 38.5px)
    }
    47.5% {
        transform: translate(28px, -8.5px);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
    }
    50% {
        transform: translate(14px, -8.5px)
    }
    53.75% {
        transform: translate(14px, 12.5px)
    }
    100% {
        transform: translate(14px, 12.5px)
    }
}

.slots__image-block img {
	border-radius: 4px;
}

/* .relink {
	padding-bottom: 0;
} */



.wp-admin .editor-styles-wrapper .has-white-color {
	color: #000 !important;
}

.wp-admin .tabs__item .melbetappbd-text-image__item--text a {
	color: var(--main-accent-bg-color);
}

.dmca-badge img {
	width: fit-content;
}

@media (max-width: 767px) {
	.calculate__title {
		display: block
	}	
	
	.calculate__body {
		padding: 20px 12px 12px;
		width: 100%;
	}
}

* + .screenshot-gallery {
    margin-top: 1rem;
}

.screenshot-gallery + * {
    margin-bottom: 1rem;
}

.melbetappbd-screenshot-gallery__wrapper {
    position: relative;
    overflow-x: auto;
    margin-top: 1rem;
    max-width: 100vw;
    -ms-overflow-style: none;
    scrollbar-color: #ffbb01;
    scrollbar-width: thin;
}

.melbetappbd-screenshot-gallery__pseudo-track {
    position: relative;
    top: -3px;
    z-index: -10;
    display: none;
    width: 100%;
    height: 2px;
    background-color: #ffbb01;
    opacity: 0.4;
}

@media (any-hover: none) {
    .melbetappbd-screenshot-gallery__pseudo-track {
        display: none;
    }
}

.melbetappbd-screenshot-gallery__wrapper::-webkit-scrollbar {
    height: 5px;
}

.melbetappbd-screenshot-gallery__wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 #0000;
}

.melbetappbd-screenshot-gallery__wrapper::-webkit-scrollbar-thumb {
    height: 5px;
    background-color: #ffbb01;
}

.melbetappbd-screenshot-gallery__wrapper::-webkit-scrollbar:vertical {
    display: none;
}

.melbetappbd-screenshot-gallery__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
}

.melbetappbd-screenshot-gallery--pc {
    .melbetappbd-screenshot-gallery__pseudo-track {
        display: block;
    }

    .melbetappbd-screenshot-gallery__item {
        flex: 1 0 33%;

        @media (max-width: 1023px) {
            flex-basis: 50%;
        }

        @media (max-width: 767px) {
            flex-basis: 85%;
        }
    }
}

.melbetappbd-screenshot-gallery__item:not(:last-child) {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .melbetappbd-screenshot-gallery--mob {
        .melbetappbd-screenshot-gallery__list {
            max-width: 980px;
        }

        .melbetappbd-screenshot-gallery__item {
            min-width: 300px;
            max-width: 325px;
        }

        .melbetappbd-screenshot-gallery__pseudo-track {
            display: block;
        }
    }
}

.gbtn {
    background-color: #ffbb01 !important;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

@media (hover: hover),
screen and (min-width: 0 \0
) {
    .gbtn:hover,
    .gbtn:focus {
        background-color: #ffbb01 !important;
        opacity: 1;
    }
}

.mobile-button {
    padding: 8px 12px 0 8px;
}

.mobile-button__control {
    gap: 6px;
}

.mobile-button__control:has(svg) {
    padding: 8px 8px 8px 12px;
}

.mobile-button__control svg {
    flex-shrink: 0;
}

.mobile-button__control--show.open svg {
    display: none;
}

.mobile-button.open {
    padding: 4px 12px 12px 8px;
}

.mobile-button.open .mobile-button__header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-button {
    padding: 4px 12px 0 8px;
}

.mobile-button__short-bonus {
    position: relative;
    margin: 5px 0 0;
    padding-left: 20px;
    color: #333;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.mobile-button__short-bonus:before {
    content: "";
    background-image: url(../img/gift-small.png);
    height: 16px;
    display: block;
    width: 16px;
    position: absolute;
    top: -2px;
    left: 0;
}

.mobile-button__short-bonus span {
    color: #FF9901;
    font-weight: 800;
}

.wp-admin * {
    font-variant-numeric: lining-nums proportional-nums !important;
}

#e5r8yKn64Nt3_ts {animation: e5r8yKn64Nt3_ts__ts 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt3_ts__ts { 0% {transform: translate(27px,49.967152px) scale(1,1)} 50% {transform: translate(27px,49.967152px) scale(1,1);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 62.5% {transform: translate(27px,49.967152px) scale(1,0.747947)} 68.75% {transform: translate(27px,49.967152px) scale(1,0.747947);animation-timing-function: cubic-bezier(0,0,0.58,1)} 72.5% {transform: translate(27px,49.967152px) scale(1,1.096112);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 76.25% {transform: translate(27px,49.967152px) scale(1,0.997946)} 100% {transform: translate(27px,49.967152px) scale(1,0.997946)}} #e5r8yKn64Nt4_ts {animation: e5r8yKn64Nt4_ts__ts 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt4_ts__ts { 0% {transform: translate(27px,50.001107px) scale(1,1.032493)} 50% {transform: translate(27px,50.001107px) scale(1,1.032493);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 62.5% {transform: translate(27px,50.001107px) scale(1,0.774388)} 68.75% {transform: translate(27px,50.001107px) scale(1,0.774388);animation-timing-function: cubic-bezier(0,0,0.58,1)} 72.5% {transform: translate(27px,50.001107px) scale(1,1.133841);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 76.25% {transform: translate(27px,50.001107px) scale(1,1.032492)} 100% {transform: translate(27px,50.001107px) scale(1,1.032492)}} #e5r8yKn64Nt5_to {animation: e5r8yKn64Nt5_to__to 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt5_to__to { 0% {offset-distance: 0%} 68.75% {offset-distance: 0%;animation-timing-function: cubic-bezier(0,0,0.58,1)} 76.25% {offset-distance: 100%} 100% {offset-distance: 100%}} #e5r8yKn64Nt5 {animation: e5r8yKn64Nt5_c_o 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt5_c_o { 0% {opacity: 0} 68.75% {opacity: 0} 70% {opacity: 1} 73.75% {opacity: 1} 76.25% {opacity: 0} 100% {opacity: 0}} #e5r8yKn64Nt6_to {animation: e5r8yKn64Nt6_to__to 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt6_to__to { 0% {offset-distance: 0%} 68.75% {offset-distance: 0%;animation-timing-function: cubic-bezier(0,0,0.58,1)} 76.25% {offset-distance: 100%} 100% {offset-distance: 100%}} #e5r8yKn64Nt6 {animation: e5r8yKn64Nt6_c_o 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt6_c_o { 0% {opacity: 0} 68.75% {opacity: 0} 70% {opacity: 1} 73.75% {opacity: 1} 76.25% {opacity: 0} 100% {opacity: 0}} #e5r8yKn64Nt7_to {animation: e5r8yKn64Nt7_to__to 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt7_to__to { 0% {offset-distance: 0%} 68.75% {offset-distance: 0%;animation-timing-function: cubic-bezier(0,0,0.58,1)} 76.25% {offset-distance: 100%} 100% {offset-distance: 100%}} #e5r8yKn64Nt7 {animation: e5r8yKn64Nt7_c_o 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt7_c_o { 0% {opacity: 0} 68.75% {opacity: 0} 70% {opacity: 1} 73.75% {opacity: 1} 76.25% {opacity: 0} 100% {opacity: 0}} #e5r8yKn64Nt8_to {animation: e5r8yKn64Nt8_to__to 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt8_to__to { 0% {offset-distance: 0%} 68.75% {offset-distance: 0%;animation-timing-function: cubic-bezier(0,0,0.58,1)} 76.25% {offset-distance: 100%} 100% {offset-distance: 100%}} #e5r8yKn64Nt8 {animation: e5r8yKn64Nt8_c_o 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt8_c_o { 0% {opacity: 0} 68.75% {opacity: 0} 70% {opacity: 1} 73.75% {opacity: 1} 76.25% {opacity: 0} 100% {opacity: 0}} #e5r8yKn64Nt9_to {animation: e5r8yKn64Nt9_to__to 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt9_to__to { 0% {offset-distance: 0%} 68.75% {offset-distance: 0%;animation-timing-function: cubic-bezier(0,0,0.58,1)} 76.25% {offset-distance: 100%} 100% {offset-distance: 100%}} #e5r8yKn64Nt9 {animation: e5r8yKn64Nt9_c_o 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt9_c_o { 0% {opacity: 0} 68.75% {opacity: 0} 70% {opacity: 1} 73.75% {opacity: 1} 76.25% {opacity: 0} 100% {opacity: 0}} #e5r8yKn64Nt10_to {animation: e5r8yKn64Nt10_to__to 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt10_to__to { 0% {offset-distance: 0%} 68.75% {offset-distance: 0%;animation-timing-function: cubic-bezier(0,0,0.58,1)} 76.25% {offset-distance: 100%} 100% {offset-distance: 100%}} #e5r8yKn64Nt10 {animation: e5r8yKn64Nt10_c_o 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt10_c_o { 0% {opacity: 0} 68.75% {opacity: 0} 70% {opacity: 1} 73.75% {opacity: 1} 76.25% {opacity: 0} 100% {opacity: 0}} #e5r8yKn64Nt11_to {animation: e5r8yKn64Nt11_to__to 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt11_to__to { 0% {offset-distance: 0%} 68.75% {offset-distance: 0%;animation-timing-function: cubic-bezier(0,0,0.58,1)} 76.25% {offset-distance: 100%} 100% {offset-distance: 100%}} #e5r8yKn64Nt11 {animation: e5r8yKn64Nt11_c_o 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt11_c_o { 0% {opacity: 0} 68.75% {opacity: 0} 70% {opacity: 1} 73.75% {opacity: 1} 76.25% {opacity: 0} 100% {opacity: 0}} #e5r8yKn64Nt12_to {animation: e5r8yKn64Nt12_to__to 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt12_to__to { 0% {offset-distance: 0%} 68.75% {offset-distance: 0%;animation-timing-function: cubic-bezier(0,0,0.58,1)} 76.25% {offset-distance: 100%} 100% {offset-distance: 100%}} #e5r8yKn64Nt12 {animation: e5r8yKn64Nt12_c_o 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt12_c_o { 0% {opacity: 0} 68.75% {opacity: 0} 70% {opacity: 1} 73.75% {opacity: 1} 76.25% {opacity: 0} 100% {opacity: 0}} #e5r8yKn64Nt13_to {animation: e5r8yKn64Nt13_to__to 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt13_to__to { 0% {transform: translate(27px,23.499988px)} 50% {transform: translate(27px,23.499988px);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 62.5% {transform: translate(27px,27.499984px)} 68.75% {transform: translate(27px,27.499984px)} 72.5% {transform: translate(27px,14.499984px);animation-timing-function: cubic-bezier(0.42,0,1,1)} 76.25% {transform: translate(27px,23.500012px)} 100% {transform: translate(27px,23.500012px)}} #e5r8yKn64Nt13_tr {animation: e5r8yKn64Nt13_tr__tr 8000ms linear infinite normal forwards}@keyframes e5r8yKn64Nt13_tr__tr { 0% {transform: rotate(0deg)} 68.75% {transform: rotate(0deg);animation-timing-function: cubic-bezier(0,0,0.58,1)} 71.25% {transform: rotate(-5deg);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 73.75% {transform: rotate(5deg);animation-timing-function: cubic-bezier(0,0,0.58,1)} 76.25% {transform: rotate(0deg)} 100% {transform: rotate(0deg)}}

#eYdm8rcu04h3_to {animation: eYdm8rcu04h3_to__to 8000ms linear infinite normal forwards}@keyframes eYdm8rcu04h3_to__to { 0% {transform: translate(14px,12.5px)} 37.5% {transform: translate(14px,12.5px);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 41.25% {transform: translate(14px,38.5px)} 45% {transform: translate(28px,38.5px)} 47.5% {transform: translate(28px,-8.5px);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 50% {transform: translate(14px,-8.5px)} 53.75% {transform: translate(14px,12.5px)} 100% {transform: translate(14px,12.5px)}}

.select-lang._active .select-lang__options-list {
	overflow: initial;
}
.select-lang__link {
    background: #393939;
}

.select-lang {
	border-radius: 0;
}

.select-lang._active, .select-lang > .select-lang__option {
	border-radius: 0;
}



.events-list {
    margin-top: 16px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
       padding: 0 var(--offsets) !important;
}

.events-list__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border-radius: 5px;
    background: #212121;
}

.events-list__item-head {
    position: relative;
    margin-top: 0;
    text-align: center;
    color: var(--text, #e2e2e2);
    font-family: var(--ff-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding-bottom: 16px
}

.events-list__item-head::after {
    position: absolute;
    content: "";
    bottom: 0
}

.events-list__item-main {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 1.2fr 1fr 1.2fr;
    align-items: center
}

.events-list__item-date, .events-list__item-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.events-list__item-team img {
    max-width: 66px;
    object-fit: contain
}

.events-list__item-date img {
    max-width: 45px;
    object-fit: contain
}

.events-list__item-date-time {
    margin-top: 10px;
    color: var(--title, #fff);
    text-align: center;
    font-family: var(--ff-primary);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.events-list__item-date-day {
    margin-top: 6px;
    color: var(--text, #e2e2e2);
    text-align: center;
    font-family: var(--ff-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    word-break: break-all
}

.events-list__item .btn, .sports-block__banner-btn {
    grid-column: 1/-1;
/*     display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 5px;
    padding: 15px 30px;
    font-family: inherit;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none;
    color: var(--color-content-button);
    background: var(--color-content-button-bg);
    transform-origin: center;
    transition: .3s; */
    cursor: pointer;
    border: 1px solid #ffbb00;
	
	color: #232323;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    gap: 4px;
	 padding: 15px 30px;
    cursor: pointer;
    transition: .3s ease-in-out;
    background: #ffbb00;
    border-radius: 8px;
}

.events-list__item .btn::after {
    position: absolute;
    content: "";
    top: -16px
}

.events-list__item-team-name {
    color: #fff;
}

.events-list__item .btn::after, .events-list__item-head::after {
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    width: 100%;
}

@media (max-width: 1460px) {
    .events-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .events-list {
        grid-template-columns: 1fr;
    }
}

.events-list__item .btn:hover, .sports-block__banner-btn:hover {
    background: #212121;
    color: #fff;
}


.title_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
        gap: 10px;
}

.sports-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    border-radius: 5px;
    background: #212121;
    padding: 16px;
}

.sports-block_wrapper {
    display: flex
}

.sports-block > :nth-of-type(n) {
    margin-top: 0
}

.sports-block .sports-block__banner {
    max-width: 50%
}

.sports-block__list {
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

.sports-block li > a.sports-block__item {
    height: 100%
}

.sports-block__item {
    width: 100%;
    max-width: calc((100% - 60px) / 3);
    border: 1px solid var(--outline);
    background: var(--surf-cont-h);
    border-radius: 8px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: border-color
}

.sports-block__item img {
    max-width: 54px;
    max-height: 54px;
    -o-object-fit: contain;
    object-fit: contain
}

.sports-block__item-title {
    margin-top: 16px;
    text-align: center;
    font-size: 20px;
    line-height: 136%;
    font-weight: 500;
    color: #fff
}

.sports-block a.sports-block__item:active {
    border-color: var(--primary-simple)
}

.sports-block__item {
    display: block
}

.sports-block li.sports-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
/*     cursor: pointer; */
}

.sports-block__banner {
    position: relative;
    padding: 24px;
    border-radius: 8px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.sports-block__banner > * {
    position: relative
}

.sports-block__banner-info {
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.sports-block__banner-title {
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}

.sports-block__banner-title b, .sports-block__banner-title span, .sports-block__banner-title strong {
    color: var(--primary-simple)
}

.sports-block__banner-btn {
    margin-top: 16px
}

.sports-block__banner img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 200px;
    max-height: 278px
}

.sports-block__banner.sports-block__banner--no-descr img {
    max-width: 100%;
    max-height: 100%;
    z-index: 0;
    height: 100%;
    border-radius: 8px;
}

.sports-block__banner.sports-block__banner--no-descr .sports-block__banner-title {
    z-index: 1;
}

.sports-block__banner.sports-block__banner--no-descr .sports-block__banner-btn {
    z-index: 1;
}


@media (max-width: 768px) {
    .sports-block_wrapper {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .sports-block .sports-block__banner {
        max-width: 100%;
        aspect-ratio: 850 / 671;
        min-height: auto;
		background-size: contain;
    }

    .sports-block__list {
        justify-content: space-between;
    }
}


@media (max-width: 600px) {
    .sports-block .sports-block__banner {
/*         max-width: 100%;
        min-height: 280px; */
/*         height: 200px; */
		
    }

    .sports-block__item-title {
        font-size: 16px;
        line-height: 116%;
    }

    .sports-block__item {
        padding: 8px;
    }
}

.events-list__item .btn::after {
    position: absolute;
    content: "";
    top: -16px;
}

.events-list__item .btn{
    margin-top: 10px;
    position: relative;
}

.sports-block__banner-button {
    min-width: fit-content;
    color: #ffbb00;
}
.sports-block__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
	background: transparent;
	height: 100%;
}
.sports-block__banner-button.button.hide-button {
    font-weight: 400;
    background: transparent;
    text-decoration: underline;
}

.sports-block__button.button:hover {
    background: #313131ab;
	opacity: 1
}

.events-list__item-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    height: 100%;
}