@charset "UTF-8";
: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;
    --ff-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --star-size16: 16px;
    --star-size17: 17px;
    --star-size18: 18px;
    --star-size20: 20px;
    --star-size21: 21px;
    --star-size22: 22px;
    --star-size24: 24px;
    --star-size26: 26px;
    --star-size28: 28px;
    --star-color: #bebebe;
    --star-background: #fe7b02;
    --star-rating: 3.8;
    --clr-text: #343E57;
    --clr-title: linear-gradient(90deg, #1E283F 15%, #12192C 85%), #FFFFFF;
    --grad-bg: linear-gradient(90deg, #1E283F 15%, #12192C 85%), #EDF2FF;
    --grad-accent: linear-gradient(90deg, #7A49F3 0%, #B320D1 45%, #E4716C 100%);
    --grad-purple: linear-gradient(180deg, #8019FD 0%, #9020FF 100%);
    --grad-blue: linear-gradient(180deg, #0094FE 0%, #0855C4 100%);
    --grad-green: linear-gradient(180deg, #2CB865 0%, #017537 100%);
    --grad-yellow: linear-gradient(90.29deg, #FFE962 0%, #FFBC08 100%);

    --R: 8px;
}

html {
    font-size: 17px
}


body {
    font-family: var(--ff-primary);
    overflow-x: hidden;
}

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

.onewinsbr-container-full {
    max-width: 100%
}

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

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

.overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .8);
    z-index: 100
}

.overlay._active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ajax-load {
    position: relative
}

.ajax-load::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .7);
    z-index: 100
}

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

p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    margin-top: 1rem
}

a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: var(--color-accent)
}

a:hover {
    text-decoration: none
}

ol, ul {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    padding-left: 25px;
    margin-top: 1rem
}

img {
    max-width: 100%;
    height: auto
}

h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin-bottom: 1rem
}

h2 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.3rem;
    margin-bottom: 1rem
}

h3 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.1rem;
    margin-bottom: 1rem
}

h4 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.9rem;
    margin-bottom: 1rem
}

h5 {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.7rem;
    margin-bottom: 1rem
}

h6 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

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

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

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

.onewinsbr-wrapper:first-child {
    margin-top: 2rem
}

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

.onewinsbr-wrapper + .onewinsbr-wrapper {
    margin-top: 2rem
}

.wp-block-table table th {
    background-color: var(--color-border-table);
    color: var(--color-color-th-table)
}

.wp-block-table table td {
    border: 1px solid var(--color-border-table)
}

table {
    border: 1px solid var(--color-border-table);
    margin-top: 1rem
}

table th {
    padding: .5rem 1rem;
    text-align: center;
    background-color: var(--color-border-table);
    color: var(--color-color-th-table)
}

table td {
    padding: .5rem 1rem;
    border: 1px solid var(--color-border-table)
}

svg {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.onewinsbr-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.footer--enable-mobile-button {
    padding-bottom: 80px
}

.get-image {
    margin: 0
}

body {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body::-webkit-scrollbar {
    width: 10px
}

body::-webkit-scrollbar-track {
    background-color: var(--color-first-header-footer-bg)
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--color-accent);
    border: 1px solid var(--color-first-header-footer-bg);
    height: 20%
}

main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

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

.bookmaker-icon::before {
    content: url(/wp-content/themes/casinov3/build/images/bookmaker.svg);
    margin-right: 10px;
    display: block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.casino-icon::before {
    content: url(/wp-content/themes/casinov3/build/images/casino.svg);
    margin-right: 10px;
    display: block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.freegame-icon::before {
    content: url(/wp-content/themes/casinov3/build/images/freegame.svg);
    margin-right: 10px;
    display: block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.mobile-icon::before {
    content: url(/wp-content/themes/casinov3/build/images/mobile.svg);
    margin-right: 10px;
    display: block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.reviews-icon::before {
    content: url(/wp-content/themes/casinov3/build/images/reviews.svg);
    margin-right: 10px;
    display: block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.gift-icon::before {
    content: url(/wp-content/themes/casinov3/build/images/gift.svg);
    margin-right: 10px;
    display: block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

/* global */

.last-modified-date {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    border-radius: 8px;
    padding: 8px 10px;
    width: 100%;
    max-width: 360px;
    background: rgba(255, 255, 255, .05)
}

.last-modified-date__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: #8b8b8b;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px
}

.last-modified-date__inner:first-child {
    flex-grow: 1
}

.last-modified-date__inner p {
    position: relative;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #abb8c3;
    padding-left: 24px
}

.last-modified-date__inner-date::before,
.last-modified-date__inner-time::before {
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
}

.last-modified-date__inner-date::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><rect x="4" y="4" width="12" height="12" rx="1" stroke="white"/><path d="M6 5V3" stroke="white" stroke-linecap="round"/><path d="M14 5V3" stroke="white" stroke-linecap="round"/><path d="M4 6.5L16 6.5" stroke="white" stroke-linecap="round"/><rect x="5" y="9" width="1" height="1" rx="0.5" fill="white"/><rect x="5" y="7.5" width="1" height="1" rx="0.5" fill="white"/><rect x="5" y="10.5" width="1" height="1" rx="0.5" fill="white"/><rect x="5" y="12" width="1" height="1" rx="0.5" fill="white"/><rect x="5" y="13.5" width="1" height="1" rx="0.5" fill="white"/><path d="M6.5 9.5C6.5 9.22386 6.72386 9 7 9C7.27614 9 7.5 9.22386 7.5 9.5C7.5 9.77614 7.27614 10 7 10C6.72386 10 6.5 9.77614 6.5 9.5Z" fill="white"/><path d="M6.5 8C6.5 7.72386 6.72386 7.5 7 7.5C7.27614 7.5 7.5 7.72386 7.5 8C7.5 8.27614 7.27614 8.5 7 8.5C6.72386 8.5 6.5 8.27614 6.5 8Z" fill="white"/><path d="M6.5 11C6.5 10.7239 6.72386 10.5 7 10.5C7.27614 10.5 7.5 10.7239 7.5 11C7.5 11.2761 7.27614 11.5 7 11.5C6.72386 11.5 6.5 11.2761 6.5 11Z" fill="white"/><path d="M6.5 12.5C6.5 12.2239 6.72386 12 7 12C7.27614 12 7.5 12.2239 7.5 12.5C7.5 12.7761 7.27614 13 7 13C6.72386 13 6.5 12.7761 6.5 12.5Z" fill="white"/><path d="M6.5 14C6.5 13.7239 6.72386 13.5 7 13.5C7.27614 13.5 7.5 13.7239 7.5 14C7.5 14.2761 7.27614 14.5 7 14.5C6.72386 14.5 6.5 14.2761 6.5 14Z" fill="white"/><path d="M8 9.5C8 9.22386 8.22386 9 8.5 9C8.77614 9 9 9.22386 9 9.5C9 9.77614 8.77614 10 8.5 10C8.22386 10 8 9.77614 8 9.5Z" fill="white"/><path d="M8 8C8 7.72386 8.22386 7.5 8.5 7.5C8.77614 7.5 9 7.72386 9 8C9 8.27614 8.77614 8.5 8.5 8.5C8.22386 8.5 8 8.27614 8 8Z" fill="white"/><path d="M8 11C8 10.7239 8.22386 10.5 8.5 10.5C8.77614 10.5 9 10.7239 9 11C9 11.2761 8.77614 11.5 8.5 11.5C8.22386 11.5 8 11.2761 8 11Z" fill="white"/><path d="M8 12.5C8 12.2239 8.22386 12 8.5 12C8.77614 12 9 12.2239 9 12.5C9 12.7761 8.77614 13 8.5 13C8.22386 13 8 12.7761 8 12.5Z" fill="white"/><path d="M8 14C8 13.7239 8.22386 13.5 8.5 13.5C8.77614 13.5 9 13.7239 9 14C9 14.2761 8.77614 14.5 8.5 14.5C8.22386 14.5 8 14.2761 8 14Z" fill="white"/><path d="M9.5 9.5C9.5 9.22386 9.72386 9 10 9C10.2761 9 10.5 9.22386 10.5 9.5C10.5 9.77614 10.2761 10 10 10C9.72386 10 9.5 9.77614 9.5 9.5Z" fill="white"/><path d="M9.5 8C9.5 7.72386 9.72386 7.5 10 7.5C10.2761 7.5 10.5 7.72386 10.5 8C10.5 8.27614 10.2761 8.5 10 8.5C9.72386 8.5 9.5 8.27614 9.5 8Z" fill="white"/><path d="M9.5 11C9.5 10.7239 9.72386 10.5 10 10.5C10.2761 10.5 10.5 10.7239 10.5 11C10.5 11.2761 10.2761 11.5 10 11.5C9.72386 11.5 9.5 11.2761 9.5 11Z" fill="white"/><path d="M9.5 12.5C9.5 12.2239 9.72386 12 10 12C10.2761 12 10.5 12.2239 10.5 12.5C10.5 12.7761 10.2761 13 10 13C9.72386 13 9.5 12.7761 9.5 12.5Z" fill="white"/><path d="M9.5 14C9.5 13.7239 9.72386 13.5 10 13.5C10.2761 13.5 10.5 13.7239 10.5 14C10.5 14.2761 10.2761 14.5 10 14.5C9.72386 14.5 9.5 14.2761 9.5 14Z" fill="white" fill-opacity="0.2"/><path d="M11 9.5C11 9.22386 11.2239 9 11.5 9C11.7761 9 12 9.22386 12 9.5C12 9.77614 11.7761 10 11.5 10C11.2239 10 11 9.77614 11 9.5Z" fill="white"/><path d="M11 8C11 7.72386 11.2239 7.5 11.5 7.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5C11.2239 8.5 11 8.27614 11 8Z" fill="white"/><path d="M11 11C11 10.7239 11.2239 10.5 11.5 10.5C11.7761 10.5 12 10.7239 12 11C12 11.2761 11.7761 11.5 11.5 11.5C11.2239 11.5 11 11.2761 11 11Z" fill="white"/><path d="M11 12.5C11 12.2239 11.2239 12 11.5 12C11.7761 12 12 12.2239 12 12.5C12 12.7761 11.7761 13 11.5 13C11.2239 13 11 12.7761 11 12.5Z" fill="white"/><path d="M11 14C11 13.7239 11.2239 13.5 11.5 13.5C11.7761 13.5 12 13.7239 12 14C12 14.2761 11.7761 14.5 11.5 14.5C11.2239 14.5 11 14.2761 11 14Z" fill="white"/><path d="M12.5 9.5C12.5 9.22386 12.7239 9 13 9C13.2761 9 13.5 9.22386 13.5 9.5C13.5 9.77614 13.2761 10 13 10C12.7239 10 12.5 9.77614 12.5 9.5Z" fill="white"/><path d="M12.5 8C12.5 7.72386 12.7239 7.5 13 7.5C13.2761 7.5 13.5 7.72386 13.5 8C13.5 8.27614 13.2761 8.5 13 8.5C12.7239 8.5 12.5 8.27614 12.5 8Z" fill="white"/><path d="M12.5 11C12.5 10.7239 12.7239 10.5 13 10.5C13.2761 10.5 13.5 10.7239 13.5 11C13.5 11.2761 13.2761 11.5 13 11.5C12.7239 11.5 12.5 11.2761 12.5 11Z" fill="white"/><path d="M12.5 12.5C12.5 12.2239 12.7239 12 13 12C13.2761 12 13.5 12.2239 13.5 12.5C13.5 12.7761 13.2761 13 13 13C12.7239 13 12.5 12.7761 12.5 12.5Z" fill="white"/><path d="M12.5 14C12.5 13.7239 12.7239 13.5 13 13.5C13.2761 13.5 13.5 13.7239 13.5 14C13.5 14.2761 13.2761 14.5 13 14.5C12.7239 14.5 12.5 14.2761 12.5 14Z" fill="white"/></svg>')
}

.last-modified-date__inner-time {
    position: relative;
    padding-left: 24px
}

.last-modified-date__inner-time::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="9.5" cy="10" r="6.5" stroke="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.25 9.29362C8.959 9.39712 8.75 9.67463 8.75 10.0011C8.75 10.4151 9.086 10.7511 9.5 10.7511C9.6575 10.7511 9.804 10.7026 9.925 10.6191L12.103 12.2031C12.2145 12.2846 12.371 12.2596 12.452 12.1481C12.5335 12.0366 12.5085 11.8801 12.397 11.7991L10.219 10.2151C10.239 10.1471 10.25 10.0756 10.25 10.0011C10.25 9.67463 10.041 9.39712 9.75 9.29362V5.32812C9.75 5.19013 9.638 5.07812 9.5 5.07812C9.362 5.07812 9.25 5.19013 9.25 5.32812V9.29362Z" fill="white" stroke="white" stroke-width="0.5"/></svg>')
}

.last-modified-date__inner span {
    font-weight: 400;
    color: #fff;
    margin-left: 3px
}

span.last-modified-date__inner-time {
    margin-left: 0
}

/* global */

/* Buttons */
._button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--R);
    padding: 8px 16px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    transition: opacity 0.2s ease-in-out;
    cursor: pointer;
    gap: 6px;
}

._button--primary {
    background-color: #0a63f6;
}

._button--secondary {
    background: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);
}

._button--third {
    background-image: linear-gradient(255deg, #00b7ff, #8d53e9);
}

._button:active {
    opacity: 0.7;
}

@media (hover: hover) {
    ._button:hover,
    ._button:focus-within {
        opacity: 0.7;
    }
}
/* Button */
/* button-content */
.button-content {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.button-content.align-center {
    display: flex;
    justify-content: center;
}

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

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

.button-content__control {
    padding: 15px 30px;
}


.payments-card--v1 {
    font-family: var(--ff-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 365px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.payments-card--v1 .payments-card__image {
    max-width: 80px
}

.payments-card--v1 .payments-card__image p {
    margin: 0
}

.payments-card--v1 .payments-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.payments-card--v1 .payments-card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 10px
}

.payments-card--v1 .payments-card__number {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #3c3c3c
}

.payments-card--v1 .payments-card__text {
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    color: #797979
}

.payments-card--v2 {
    background-color: #fff;
    font-family: var(--ff-primary)
}

.payments-card--v2 .payments-card__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    min-height: 72px;
    border: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center
}

.payments-card--v2 .payments-card__image p {
    margin: 0
}

.payments-card--v2 .payments-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 25px
}

.payments-card--v2 .payments-card__price {
    list-style: none;
    margin: 0;
    padding: 0;
    font-style: 14px;
    line-height: 16px;
    width: 100%;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

.payments-card--v2 .block__price-item {
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.payments-card--v2 .block__price-item:not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

.payments-card--v2 .payments-card__text {
    color: #797979
}

.payments-card--v2 .payments-card__number {
    text-align: right;
    color: #1e1d2a
}

.payments-card--v2 .payments-card__days {
    border: 1px solid #0386ff;
    background-color: #0386ff
}

.payments-card--v2 .payments-card__days p {
    margin: 14px 0;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 180%;
    text-align: center
}

.gallery--v1 {
    padding: 35px 22px 25px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 10px
}

.gallery--v1 .gallery__title {
    position: relative;
    margin: 0 0 25px;
    padding-bottom: 25px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #3c3c3c;
    font-family: var(--ff-primary);
    border-bottom: 1px solid #e9e9e9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-block;
    width: 100%
}

.gallery--v1 .gallery__title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.gallery--v1 .gallery__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 25px
}

.gallery--v1 .gallery__item {
    max-width: 325px;
    border-radius: 5px;
    overflow: hidden;
    margin: auto
}

.gallery--v1 .gallery__item p {
    margin: 0
}

.gallery--v1 .gallery__item img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.gallery--v2 .gallery__title {
    text-align: center;
    margin: 0 0 25px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #1e1d2a;
    padding: 25px 10px;
    font-family: var(--ff-primary);
    border-bottom: 1px solid #e9e9e9;
    display: inline-block;
    width: 100%
}

.gallery--v2 .gallery__swiper {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e9e9e9
}

.gallery--v2 .gallery__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.gallery--v2 .gallery__item {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border: 1px solid #e9e9e9;
    border-radius: 1px;
    overflow: hidden;
    width: 100%;
    margin: auto
}

.gallery--v2 .gallery__item p {
    margin: 0
}

.gallery--v2 .gallery__item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: content;
    object-fit: content
}

.gallery--v2 .gallery__swiper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gallery--v2 .gallery__swiper-pagination {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #797979;
    letter-spacing: -2px;
    width: 30px;
    margin: 0 18px;
    text-align: center
}

.gallery--v2 .gallery__button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    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;
    outline: 0
}

.gallery--v2 .gallery__button svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    fill: #0386ff
}

.gallery--v2 .gallery__button.swiper-button-disabled svg {
    fill: #797979
}

.gallery--v3 .gallery__title {
    font-family: var(--ff-primary);
    position: relative;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #463f53;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gallery--v3 .gallery__title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.gallery--v3 .gallery__wrapper {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e9e9e9;
    padding: 18px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gallery--v3 .gallery__swiper {
    padding: 12px 0;
    max-height: 412px
}

.gallery--v3 .gallery__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.gallery--v3 .gallery__item {
    border-radius: 10px;
    overflow: hidden;
    margin: auto
}

.gallery--v3 .gallery__item p {
    margin: 0
}

.gallery--v3 .gallery__item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.gallery--v3 .gallery__image-box {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gallery--v3 .gallery__button {
    background: #f5f5f5;
    border: 1px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    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;
    min-width: 69px;
    cursor: pointer
}

.gallery--v3 .gallery__button:focus, .gallery--v3 .gallery__button:focus-visible {
    outline: 0
}

.gallery--v3 .gallery__button--prev {
    margin-right: 45px
}

.gallery--v3 .gallery__button--next {
    margin-left: 45px
}

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

.rating span {
    padding-left: 10px
}

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

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

.feedbacks__list--v1 .feedbacks__item:not(:last-child) {
    margin-bottom: 10px
}

.feedbacks__list--v2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 20px
}

.feedbacks__list--v3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    gap: 20px
}

.feedbacks__list--v4 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 20px
}

.feedback--v1 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 1px
}

.feedback--v1 > :not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

.feedback--v1 .feedback__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.feedback--v1 .feedback__header svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.feedback--v1 .feedback__icon-author {
    margin-right: 5px
}

.feedback--v1 .feedback__author {
    margin: 0;
    font-family: var(--ff-primary);
    font-size: 12px;
    line-height: 14px;
    color: #797979;
    padding-left: 10px
}

.feedback--v1 .feedback__publication-time {
    margin-left: auto;
    color: #777;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.feedback--v1 .feedback__body {
    padding: 15px
}

.feedback--v1 .feedback__body p {
    color: #545454;
    margin: 0;
    font-family: var(--ff-primary);
    font-size: 12px;
    line-height: 200%
}

.feedback--v1 .feedback__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 180%;
    color: #777
}

.feedback--v1 .feedback__footer p {
    margin: 0
}

.feedback--v1 .feedback__icon-reaction {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.feedback--v2 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px
}

.feedback--v2 .feedback__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 15px;
    border-bottom: 1px solid #e9e9e9
}

.feedback--v2 .feedback__icon-reaction {
    margin-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.feedback--v2 .feedback__author {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #1e1d2a;
    padding-left: 10px
}

.feedback--v2 .feedback__publication-time {
    margin-left: auto;
    color: #777;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.feedback--v2 .feedback__body {
    padding: 15px
}

.feedback--v2 .feedback__body p {
    margin: 0;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    color: #777
}

.feedback--v3 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 1px
}

.feedback--v3 .feedback__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    border-bottom: 1px solid #e9e9e9
}

.feedback--v3 .feedback__image {
    overflow: hidden;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#9859ff), to(#0386ff));
    background: -o-linear-gradient(top, #9859ff 0, #0386ff 100%);
    background: linear-gradient(180deg, #9859ff 0, #0386ff 100%);
    font-size: 24px
}

.feedback--v3 .feedback__author {
    margin: 0;
    padding-top: 5px;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #1e1d2a
}

.feedback--v3 .feedback__publication-time {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #777
}

.feedback--v3 .feedback__rating {
    padding-top: 5px;
    margin-left: auto;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #777;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback--v3 .feedback__rating .rating__counter {
    padding-right: 5px
}

.feedback--v3 .feedback__rating svg {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.feedback--v3 .feedback__body {
    padding: 20px
}

.feedback--v3 .feedback__body p {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    color: #777
}

.feedback--v4 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px
}

.feedback--v4 > :not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

.feedback--v4 .feedback__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.feedback--v4 .feedback__author {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #0386ff
}

.feedback--v4 .feedback__publication-time {
    margin-left: auto;
    color: #797979;
    font-family: var(--ff-primary);
    font-style: normal;
    font-size: 14px;
    line-height: 17px
}

.feedback--v4 .feedback__body {
    padding: 15px
}

.feedback--v4 .feedback__body p {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: #1e1d2a
}

.feedback--v4 .feedback__reaction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.feedback--v4 .feedback__reaction p {
    margin: 0;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 180%;
    color: #777
}

.feedback--v4 .feedback__icon-reaction {
    margin-right: 19px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bookmakers--v1 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05)
}

.bookmakers--v1 .bookmakers__title {
    position: relative;
    padding: 25px 25px 25px 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #3c3c3c;
    font-family: var(--ff-primary);
    border-bottom: 1px solid #e9e9e9;
    margin: 0 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmakers--v1 .bookmakers__title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bookmakers--v1 .bookmakers__table-row {
    padding: 25px
}

.bookmakers--v1 .bookmakers__table-row:nth-child(2n+2) {
    background-color: #f5f5f5
}

.bookmakers--v2 .bookmakers__title {
    text-align: center;
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #1e1d2a;
    padding: 25px 10px;
    font-family: var(--ff-primary);
    border-bottom: 1px solid #e9e9e9
}

.bookmakers--v2 .bookmakers__table {
    border-collapse: separate;
    border-spacing: 0 10px
}

.bookmakers--v3 .bookmakers__title {
    font-family: var(--ff-primary);
    position: relative;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #463f53;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmakers--v3 .bookmakers__title svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.bookmakers--v3 .bookmakers__table {
    border-collapse: separate;
    width: 100%
}

.bookmakers--v4 .bookmakers__title {
    position: relative;
    margin: 0;
    padding: 25px 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #3c3c3c;
    font-family: var(--ff-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmakers--v4 .bookmakers__title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bookmakers--v4 .bookmakers__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 25px 20px
}

.bookmakers--v5 .bookmakers__title {
    text-align: center;
    margin: 0 0 25px;
    border-bottom: 1px solid #e9e9e9;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #1e1d2a;
    padding: 25px 10px;
    font-family: var(--ff-primary)
}

.bookmakers--v5 .bookmakers__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.bookmakers--v7 .bookmakers__table {
    width: 100%
}

.bookmakers--v8 .bookmakers__title {
    font-family: var(--ff-primary);
    position: relative;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #463f53;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmakers--v8 .bookmakers__title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bookmakers--v8 .bookmakers__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.bookmakers__table {
    width: 100%;
    margin: 0;
    border: none
}

.bookmakers__table td {
    border: none;
    padding: 0
}

.bookmaker--v1 {
    padding: 25px 25px 19px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 13% 30.5% 30% 1fr;
    grid-template-columns:13% 30.5% 30% 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 12px
}

.bookmaker--v1 .bookmaker__image {
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bookmaker--v1 .bookmaker__image p {
    margin: 0
}

.bookmaker--v1 .bookmaker__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 162px
}

.bookmaker--v1 .bookmaker__name {
    margin: 0 0 7px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #3c3c3c;
    display: inline-block
}

.bookmaker--v1 .bookmaker__rating {
    margin-bottom: 13px
}

.bookmaker--v1 .bookmaker__rating.rating::before {
    font-size: var(--star-size22)
}

.bookmaker--v1 .bookmaker__text {
    margin: 0 0 6px;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;
    color: #797979
}

.bookmaker--v1 .bookmaker__ad {
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc700), to(#fe7b02));
    background: -o-linear-gradient(top, #ffc700, #fe7b02);
    background: linear-gradient(to bottom, #ffc700, #fe7b02);
    -ms-flex-item-align: start;
    align-self: flex-start;
    overflow: hidden;
    height: 100%
}

.bookmaker--v1 .bookmaker__ad-border {
    background-color: #fff;
    margin: 2px;
    padding: 17px 29px;
    border-radius: 5px;
    height: calc(100% - 4px)
}

.bookmaker--v1 .bookmaker__ad-title {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 24px;
    line-height: 155%;
    text-align: center;
    color: #3c3c3c;
    margin: 0 0 7px
}

.bookmaker--v1 .bookmaker__ad-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;
    color: #797979;
    display: inline-block;
    text-align: center
}

.bookmaker--v1 .bookmaker__buttons {
    margin: 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.bookmaker--v1 .bookmaker__button {
    cursor: pointer;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    padding: 19px 30px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid transparent;
    -webkit-transition: border-color .3s, opacity .3s;
    -o-transition: border-color .3s, opacity .3s;
    transition: border-color .3s, opacity .3s;
    text-decoration: none
}

.bookmaker--v1 .bookmaker__button:not(:last-child) {
    margin-bottom: 12px
}

.bookmaker--v1 .bookmaker__button--get {
    background-color: #622cd3;
    border-color: #622cd3;
    color: #fff
}

.bookmaker--v1 .bookmaker__button--get:hover {
    opacity: .7
}

.bookmaker--v1 .bookmaker__button--read {
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    color: #797979
}

.bookmaker--v1 .bookmaker__button--read:hover {
    border-color: #622cd3
}

.bookmaker--v2 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 1px;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 15.2% 17.2% 33.4% 14.6% 1fr;
    grid-template-columns:15.2% 17.2% 33.4% 14.6% 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.bookmaker--v2 .bookmaker__label {
    position: absolute;
    top: 10px;
    left: -1px;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0386ff;
    color: #fff;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    border-radius: 0 1px 1px 0
}

.bookmaker--v2 .bookmaker__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    margin: -1px;
    overflow: hidden
}

.bookmaker--v2 .bookmaker__image p {
    margin: 0
}

.bookmaker--v2 .bookmaker__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.bookmaker--v2 .bookmaker__name {
    font-family: var(--ff-primary);
    font-weight: 500;
    margin: 0 0 7px;
    font-size: 24px;
    line-height: 28px;
    color: #1e1d2a
}

.bookmaker--v2 .bookmaker__content {
    padding: 20px 25px 20px 22px;
    border-right: 1px solid #e9e9e9
}

.bookmaker--v2 .bookmaker__content p {
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker--v2 .bookmaker__content span {
    text-transform: uppercase;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #797979
}

.bookmaker--v2 .bookmaker__content-games {
    margin: 0;
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker--v2 .bookmaker__content-games p {
    margin: 0
}

.bookmaker--v2 .bookmaker__content-games img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 7px;
    max-width: 17px;
    max-height: 17px
}

.bookmaker--v2 .bookmaker__content-games-item {
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker--v2 .bookmaker__content-games-item:not(:last-child) {
    margin-right: 15px
}

.bookmaker--v2 .bookmaker__rating {
    margin-bottom: 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker--v2 .bookmaker__rating span {
    font-size: 18px;
    line-height: 21px;
    padding-left: 10px
}

.bookmaker--v2 .bookmaker__rating.rating::before {
    font-size: var(--star-size28)
}

.bookmaker--v2 .bookmaker__info-wrapper {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 10px 25px;
    border-right: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.bookmaker--v2 .bookmaker__info-list {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    row-gap: 30px;
    list-style: none;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.bookmaker--v2 .bookmaker__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bookmaker--v2 .bookmaker__item svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bookmaker--v2 .bookmaker__item p {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #777;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.bookmaker--v2 .bookmaker__ad {
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bookmaker--v2 .bookmaker__ad svg {
    margin-bottom: 5px
}

.bookmaker--v2 .bookmaker__ad-title {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;
    text-align: center;
    color: #463f53;
    margin: 0
}

.bookmaker--v2 .bookmaker__ad-title span {
    font-weight: 700;
    font-size: 36px;
    line-height: 41px;
    text-align: center;
    letter-spacing: .14em;
    color: #3c3c3c;
    display: block;
    padding-left: 7px
}

.bookmaker--v2 .bookmaker__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-left: 1px solid #e9e9e9;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.bookmaker--v2 .bookmaker__button {
    cursor: pointer;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    padding: 15px 10px;
    width: 100%;
    border-radius: 1px;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    text-decoration: none;
    border: none;
    outline: 0
}

.bookmaker--v2 .bookmaker__button:not(:last-child) {
    margin-bottom: 12px
}

.bookmaker--v2 .bookmaker__button--get {
    background-color: #54bc02;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bookmaker--v2 .bookmaker__button--get svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bookmaker--v2 .bookmaker__button--get:focus, .bookmaker--v2 .bookmaker__button--get:hover {
    opacity: .7
}

.bookmaker--v2 .bookmaker__button--read {
    background-color: #622cd3;
    color: #fff;
    line-height: 21px
}

.bookmaker--v2 .bookmaker__button--read:focus, .bookmaker--v2 .bookmaker__button--read:hover {
    opacity: .7
}

.bookmaker--v3 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 190px 35.5% 1fr 240px;
    grid-template-columns:190px 35.5% 1fr 240px;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.bookmaker--v3:not(:last-child) {
    margin-bottom: 10px
}

.bookmaker--v3 .bookmaker__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.bookmaker--v3 .bookmaker__image p {
    margin: 0
}

.bookmaker--v3 .bookmaker__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.bookmaker--v3 .bookmaker__content {
    padding: 0 20px;
    margin: 20px 0 10px
}

.bookmaker--v3 .bookmaker__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.bookmaker--v3 .bookmaker__name {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

.bookmaker--v3 .bookmaker__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary)
}

.bookmaker--v3 .bookmaker__rating .rating__counter {
    padding: 0 10px 0 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #777
}

.bookmaker--v3 .bookmaker__rating.rating::before {
    font-size: var(--star-size20)
}

.bookmaker--v3 .bookmaker__ad {
    border: 1px solid #fe7b02;
    border-radius: 3px;
    padding: 10px
}

.bookmaker--v3 .bookmaker__ad-title {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bookmaker--v3 .bookmaker__ad-title svg {
    margin-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bookmaker--v3 .bookmaker__ad-text {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 156.5%;
    color: #797979
}

.bookmaker--v3 .bookmaker__info-list {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    row-gap: 30px;
    -ms-flex-preferred-size: 33.4%;
    flex-basis: 33.4%;
    padding: 10px 18px;
    list-style: none;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9
}

.bookmaker--v3 .bookmaker__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 190px;
    -ms-flex-preferred-size: 44%;
    flex-basis: 44%
}

.bookmaker--v3 .bookmaker__item svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bookmaker--v3 .bookmaker__item p {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #797979;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.bookmaker--v3 .bookmaker__buttons {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 248px;
    flex-basis: 248px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bookmaker--v3 .bookmaker__button {
    display: block;
    padding: 22px 30px;
    width: 100%;
    text-align: center;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    outline: 0
}

.bookmaker--v3 .bookmaker__button--get {
    color: #fff;
    background-color: #fe7b02
}

.bookmaker--v3 .bookmaker__button--read {
    color: #797979;
    background-color: #e9e9e9
}

.bookmaker--v3 .bookmaker__button:not(:last-child) {
    margin-bottom: 10px
}

.bookmaker--v3 .bookmaker__button:focus, .bookmaker--v3 .bookmaker__button:hover {
    opacity: .7
}

.bookmaker--v4 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.bookmaker--v4 .bookmaker__header {
    position: relative;
    background-color: #001020;
    padding: 20px 20px 15px
}

.bookmaker--v4 .bookmaker__image {
    border-radius: 10px;
    width: 285px;
    height: 128px;
    margin: 0 auto 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bookmaker--v4 .bookmaker__image p {
    margin: 0
}

.bookmaker--v4 .bookmaker__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.bookmaker--v4 .bookmaker__name {
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.bookmaker--v4 .bookmaker__rating .rating__counter {
    font-family: var(--ff-primary);
    margin-left: auto;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px
}

.bookmaker--v4 .bookmaker__rating.rating::before {
    font-size: var(--star-size22)
}

.bookmaker--v4 .bookmaker__ad {
    padding: 20px 20px 0;
    border-top: 1px solid #e9e9e9
}

.bookmaker--v4 .bookmaker__ad-title {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 24px;
    line-height: 155%;
    color: #3c3c3c;
    margin: 0 0 5px
}

.bookmaker--v4 .bookmaker__ad-text {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;
    color: #797979;
    margin: 0 0 20px
}

.bookmaker--v4 .bookmaker__links {
    margin-top: auto;
    padding: 0 20px 20px
}

.bookmaker--v4 .bookmaker__link {
    display: inline-block;
    text-align: center;
    -webkit-clip-path: polygon(0 0, 0 24%, 2.5% 50%, 0 76%, 0 100%, 100% 100%, 100% 74%, 97.5% 50%, 100% 24%, 100% 0);
    clip-path: polygon(0 0, 0 24%, 2.5% 50%, 0 76%, 0 100%, 100% 100%, 100% 74%, 97.5% 50%, 100% 24%, 100% 0);
    padding: 21px 60px;
    color: #fff;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 5px;
    background-color: #8734f1;
    width: 100%;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
    border: none;
    outline: 0
}

.bookmaker--v4 .bookmaker__link:focus, .bookmaker--v4 .bookmaker__link:hover {
    opacity: .7
}

.bookmaker--v5 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.bookmaker--v5 .bookmaker__header {
    position: relative;
    background-color: #001020;
    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-bottom: 20px;
    height: 103px
}

.bookmaker--v5 .bookmaker__label {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0386ff;
    color: #fff;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    border-radius: 0 1px 1px 0
}

.bookmaker--v5 .bookmaker__image {
    height: 100%;
    margin: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.bookmaker--v5 .bookmaker__image p {
    margin: 0
}

.bookmaker--v5 .bookmaker__image img {
    width: 100%;
    height: 100%;
    max-height: 100px;
    -o-object-fit: contain;
    object-fit: contain
}

.bookmaker--v5 .bookmaker__name {
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #1e1d2a;
    padding: 0 20px
}

.bookmaker--v5 .bookmaker__rating {
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: var(--star-size17);
    color: #777;
    margin-bottom: 20px;
    padding: 0 20px
}

.bookmaker--v5 .bookmaker__rating.rating::before {
    font-size: var(--star-size17)
}

.bookmaker--v5 .bookmaker__ad-title {
    position: relative;
    margin: 0 0 6px;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #1e1d2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker--v5 .bookmaker__ad-title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bookmaker--v5 .bookmaker__ad-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 156.5%;
    color: #777
}

.bookmaker--v5 .bookmaker__ad {
    padding: 20px;
    border-top: 1px solid #e9e9e9
}

.bookmaker--v5 .bookmaker__links {
    margin-top: auto
}

.bookmaker--v5 .bookmaker__link {
    padding: 17px 30px 13px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    background-color: #54bc02;
    border-radius: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    border: none;
    outline: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none
}

.bookmaker--v5 .bookmaker__link svg {
    margin-right: 10px
}

.bookmaker--v5 .bookmaker__link:focus, .bookmaker--v5 .bookmaker__link:hover {
    opacity: .7
}

.bookmaker--v6 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 35% 20% 23% 22%;
    grid-template-columns:35% 20% 23% 22%;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.bookmaker--v6 .bookmaker__header {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-right: 1px solid #e9e9e9
}

.bookmaker--v6 .bookmaker__image {
    border-radius: 15px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px;
    padding: 10px
}

.bookmaker--v6 .bookmaker__image p {
    margin: 0
}

.bookmaker--v6 .bookmaker__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 117px
}

.bookmaker--v6 .bookmaker__header-wrapper {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.bookmaker--v6 .bookmaker__name {
    margin: 0 0 9px;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #1e1d2a
}

.bookmaker--v6 .bookmaker__rating {
    margin-bottom: 25px;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #777
}

.bookmaker--v6 .bookmaker__rating .rating__counter {
    padding: 0;
    margin-left: 5px
}

.bookmaker--v6 .bookmaker__rating.rating::before {
    font-size: var(--star-size28)
}

.bookmaker--v6 .bookmaker__money-list {
    list-style: none;
    margin: auto 0 0;
    padding: 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bookmaker--v6 .bookmaker__money-item p {
    margin: 0
}

.bookmaker--v6 .bookmaker__money-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 15px
}

.bookmaker--v6 .bookmaker__money-item:not(:last-child) {
    margin-right: 20px
}

.bookmaker--v6 .bookmaker__price-list {
    margin: 0;
    list-style: none;
    padding: 20px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.bookmaker--v6 .bookmaker__price-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bookmaker--v6 .bookmaker__price-item:not(:last-child) {
    margin-bottom: 20px
}

.bookmaker--v6 .bookmaker__price-text {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #9e9e9e
}

.bookmaker--v6 .bookmaker__price-number {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #001020
}

.bookmaker--v6 .bookmaker__ad {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 20px;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    height: 100%
}

.bookmaker--v6 .bookmaker__ad-title {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #29273d;
    margin: 0 0 5px
}

.bookmaker--v6 .bookmaker__ad-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 12px;
    line-height: 175%;
    color: #9e9e9e
}

.bookmaker--v6 .bookmaker__links {
    padding: 20px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.bookmaker--v6 .bookmaker__link {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
    width: 100%;
    text-decoration: none;
    border: none;
    outline: 0
}

.bookmaker--v6 .bookmaker__link:hover {
    opacity: .7
}

.bookmaker--v6 .bookmaker__link--get {
    background-color: #29273d;
    padding: 15px
}

.bookmaker--v6 .bookmaker__link--get svg {
    margin-right: 5px
}

.bookmaker--v6 .bookmaker__link--read {
    background-color: #ff8a00;
    padding: 17px
}

.bookmaker--v6 .bookmaker__link:not(:last-child) {
    margin-bottom: 10px
}

.bookmaker--v7 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    margin-bottom: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.3fr 1fr 1fr .7fr;
    grid-template-columns:1.3fr 1fr 1fr .7fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.bookmaker--v7 .bookmaker__header {
    padding: 20px;
    border-right: 1px solid #e9e9e9;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 137px 1fr 1fr;
    grid-template-columns:137px 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.bookmaker--v7 .bookmaker__image {
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.bookmaker--v7 .bookmaker__image p {
    margin: 0
}

.bookmaker--v7 .bookmaker__image img {
    height: 100%;
    width: auto;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.bookmaker--v7 .bookmaker__header-wrapper {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.bookmaker--v7 .bookmaker__name {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001635;
    margin: 10px 0
}

.bookmaker--v7 .bookmaker__rating {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #9e9e9e;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker--v7 .bookmaker__rating .rating__counter {
    padding: 0;
    margin-right: 5px
}

.bookmaker--v7 .bookmaker__rating.rating::before {
    font-size: var(--star-size16)
}

.bookmaker--v7 .bookmaker__platform-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: flex-end
}

.bookmaker--v7 .bookmaker__platform-item p {
    margin: 0
}

.bookmaker--v7 .bookmaker__platform-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 21px;
    max-height: 21px
}

.bookmaker--v7 .bookmaker__platform-item:not(:last-child) {
    margin-right: 20px
}

.bookmaker--v7 .bookmaker__ad {
    padding: 20px;
    border-right: 1px solid #e9e9e9;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.bookmaker--v7 .bookmaker__ad-slogan {
    margin: 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #29273d
}

.bookmaker--v7 .bookmaker__ad-slogan svg {
    margin-right: 10px
}

.bookmaker--v7 .bookmaker__ad-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 175%;
    color: #9e9e9e
}

.bookmaker--v7 .bookmaker__money-list {
    margin: 0;
    list-style: none;
    padding: 20px;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: center;
    justify-self: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px 25px
}

.bookmaker--v7 .bookmaker__money-item {
    -ms-grid-column-align: center;
    justify-self: center
}

.bookmaker--v7 .bookmaker__money-item p {
    margin: 0
}

.bookmaker--v7 .bookmaker__money-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 15px
}

.bookmaker--v7 .bookmaker__links {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 1px solid #e9e9e9;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.bookmaker--v7 .bookmaker__link {
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
    width: 100%;
    outline: 0;
    border: none;
    text-decoration: none
}

.bookmaker--v7 .bookmaker__link:hover {
    opacity: .7
}

.bookmaker--v7 .bookmaker__link--claim {
    background-color: #0386ff
}

.bookmaker--v7 .bookmaker__link--read {
    background-color: #001635
}

.bookmaker--v7 .bookmaker__link:not(:last-child) {
    margin-bottom: 10px
}

.bookmaker--v8 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px
}

.bookmaker--v8 .bookmaker__header {
    padding: 10px 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bookmaker--v8 .bookmaker__image {
    margin-right: 12px;
    border-radius: 10px;
    overflow: hidden
}

.bookmaker--v8 .bookmaker__image p {
    margin: 0
}

.bookmaker--v8 .bookmaker__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 75px;
    max-height: 65px
}

.bookmaker--v8 .bookmaker__name {
    margin: 0 0 13px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #1e1d2a
}

.bookmaker--v8 .bookmaker__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker--v8 .bookmaker__rating .rating__counter {
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 17px;
    color: #463f53;
    padding: 0 8px 0 0
}

.bookmaker--v8 .bookmaker__rating.rating::before {
    font-size: var(--star-size20)
}

.bookmaker--v8 .bookmaker__info-list {
    margin: 0;
    padding: 20px 10px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.bookmaker--v8 .bookmaker__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker--v8 .bookmaker__item:not(:last-child) {
    margin-bottom: 15px
}

.bookmaker--v8 .bookmaker__item svg {
    margin-right: 5px
}

.bookmaker--v8 .bookmaker__item p {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #797979
}

.bookmaker--v8 .bookmaker__ad {
    padding: 15px
}

.bookmaker--v8 .bookmaker__ad-title {
    position: relative;
    margin: 0 0 5px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #1e1d2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker--v8 .bookmaker__ad-title svg {
    margin-right: 5px
}

.bookmaker--v8 .bookmaker__ad-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 156.5%;
    color: #797979
}

.bookmaker--v8 .bookmaker__links {
    padding: 0 15px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bookmaker--v8 .bookmaker__link {
    padding: 15px 30px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    outline: 0;
    text-decoration: none;
    border: none;
    cursor: pointer
}

.bookmaker--v8 .bookmaker__link--claim {
    background-color: #fe7b02;
    color: #fff
}

.bookmaker--v8 .bookmaker__link--read {
    background-color: #ebebeb;
    color: #797979
}

.bookmaker--v8 .bookmaker__link:focus, .bookmaker--v8 .bookmaker__link:hover {
    opacity: .7
}

.bookmaker--v8 .bookmaker__link:not(:last-child) {
    margin-bottom: 10px
}

.blank--v1 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    overflow: hidden;
    font-family: var(--ff-primary);
    max-width: 500px
}

.blank--v1 > :not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

.blank--v1 .blank__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    height: 100px
}

.blank--v1 .blank__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.blank--v1 .blank__body {
    padding: 15px
}

.blank--v1 .blank__name {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020
}

.blank--v1 .blank__body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blank--v1 .blank__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    color: #9e9e9e;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blank--v1 .blank__rating .rating__counter {
    padding: 0;
    margin-right: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.blank--v1 .blank__rating.rating::before {
    font-size: var(--star-size18)
}

.blank--v1 .blank__platform-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.blank--v1 .blank__platform-item:not(:last-child) {
    margin-right: 10px
}

.blank--v1 .blank__money-list {
    list-style: none;
    margin: 0;
    padding: 20px 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 15px
}

.blank--v1 .blank__money-item {
    -ms-grid-column-align: center;
    justify-self: center
}

.blank--v1 .blank__price-list {
    margin: 0;
    padding: 15px;
    list-style: none
}

.blank--v1 .blank__price-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blank--v1 .blank__price-item:not(:last-child) {
    margin-bottom: 15px
}

.blank--v1 .blank__price-text {
    font-weight: 400;
    color: #9e9e9e
}

.blank--v1 .blank__price-number {
    font-weight: 500;
    color: #001020;
    text-align: right
}

.blank--v1 .blank__content {
    padding: 15px
}

.blank--v1 .blank__slogan {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #001020
}

.blank--v1 .blank__text {
    margin: 0;
    font-size: 12px;
    line-height: 175%;
    color: #9e9e9e
}

.blank--v1 .blank__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.blank--v1 .blank__link {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    text-align: center
}

.blank--v1 .blank__link:not(:last-child) {
    margin-right: 15px
}

.blank--v1 .blank__link--claim {
    background-color: #54bc02
}

.blank--v1 .blank__link--review {
    background-color: #0386ff
}

.blank--v2 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    overflow: hidden;
    font-family: var(--ff-primary);
    max-width: 500px
}

.blank--v2 > :not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

.blank--v2 .blank__header {
    padding: 15px
}

.blank--v2 .blank__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    height: 90px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px
}

.blank--v2 .blank__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.blank--v2 .blank__name {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020
}

.blank--v2 .blank__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    color: #9e9e9e;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blank--v2 .blank__rating .rating__counter {
    padding: 0;
    margin-right: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.blank--v2 .blank__rating.rating::before {
    font-size: var(--star-size18)
}

.blank--v2 .blank__content {
    padding: 15px
}

.blank--v2 .blank__slogan {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #001020
}

.blank--v2 .blank__text {
    margin: 0;
    font-size: 12px;
    line-height: 175%;
    color: #9e9e9e
}

.blank--v2 .blank__platform-list {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.blank--v2 .blank__platform-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blank--v2 .blank__platform-item svg:not(:last-child) {
    margin-right: 5px
}

.blank--v2 .blank__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px
}

.blank--v2 .blank__link {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px
}

.blank--v2 .blank__link:hover {
    opacity: .7
}

.blank--v2 .blank__link:not(:last-child) {
    margin-right: 15px
}

.blank--v2 .blank__link--claim {
    background-color: #fe7b02
}

.blank--v2 .blank__link--review {
    background-color: #001020
}

.cards__list--v1 {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.cards__list--v2, .cards__list--v3 {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.card--v1 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    font-family: var(--ff-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.card--v1 .card__header {
    padding: 15px;
    border-bottom: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card--v1 .card__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
    width: 93px;
    height: 79px;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
    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
}

.card--v1 .card__image p {
    margin: 0
}

.card--v1 .card__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.card--v1 .card__name {
    margin: 0 0 11px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #3c3c3c
}

.card--v1 .card__rating {
    margin-left: auto;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    background-color: #ff8a00;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    padding: 9px;
    width: 51px;
    height: 46px
}

.card--v1 .card__body {
    padding: 15px;
    border-bottom: 1px solid #e9e9e9
}

.card--v1 .card__body-slogan {
    margin: 0 0 15px;
    padding: 20px;
    background-image: url(../images/subtrack.svg);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #3c3c3c
}

.card--v1 .card__body-text {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 175%;
    color: #9e9e9e
}

.card--v1 .card__platform-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card--v1 .card__platform-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 37px
}

.card--v1 .card__platform-item svg:not(:last-child) {
    margin-right: 5px
}

.card--v1 .card__platform-item:not(:last-child) {
    margin-right: 15px
}

.card--v1 .card__footer {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto
}

.card--v1 .card__button {
    border: none;
    padding: 13px 5px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: opacity .3s, border-color .3s;
    -o-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s;
    text-decoration: none
}

.card--v1 .card__button svg {
    margin-right: 10px
}

.card--v1 .card__button:not(:last-child) {
    margin-right: 15px
}

.card--v1 .card__button--download {
    background-color: #ff8a00;
    color: #fff
}

.card--v1 .card__button--download:hover {
    opacity: .7
}

.card--v1 .card__button--read {
    background-color: #fff;
    color: #716e6e;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border: 1px dashed #716e6e
}

.card--v1 .card__button--read:hover {
    border-color: #ff8a00
}

.card--v2 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.card--v2 .card__header {
    background-color: #001020;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e9e9e9
}

.card--v2 .card__image-border {
    width: 68px;
    height: 68px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, .46);
    box-shadow: 0 0 15px rgba(255, 255, 255, .46);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px
}

.card--v2 .card__image {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    overflow: hidden;
    padding: 5px;
    border-radius: 10px;
    margin-right: 15px
}

.card--v2 .card__image p {
    margin: 0
}

.card--v2 .card__image p img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.card--v2 .card__name {
    margin: 14px 0 10px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #fff
}

.card--v2 .card__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.card--v2 .card__rating .rating__counter {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #a1bbe1;
    padding: 0;
    margin-right: 5px
}

.card--v2 .card__rating.rating::before {
    font-size: var(--star-size17)
}

.card--v2 .card__body {
    padding: 15px;
    border-bottom: 1px solid #e9e9e9
}

.card--v2 .card__body-slogan {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 8px;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #29273d
}

.card--v2 .card__body-slogan svg {
    margin-left: 10px
}

.card--v2 .card__body-text {
    margin: 0;
    color: #777;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 180%
}

.card--v2 .card__lists {
    padding: 17px 15px 15px
}

.card--v2 .card__platform-list {
    margin: 0;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card--v2 .card__platform-list:not(:last-child) {
    margin-bottom: 15px
}

.card--v2 .card__platform-item {
    list-style-type: disc
}

.card--v2 .card__platform-item:not(:last-child) {
    margin-right: 38px
}

.card--v2 .card__platform-item::marker {
    color: #777;
    font-size: 10px
}

.card--v2 .card__platform-item span {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #777
}

.card--v2 .card__lists-title {
    font-family: var(--ff-primary);
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1e1d2a
}

.card--v2 .card__lists-title svg {
    margin-right: 5px
}

.card--v2 .card__footer {
    margin-top: auto;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #e9e9e9
}

.card--v2 .card__button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: border-color .3s, opacity .3s;
    -o-transition: border-color .3s, opacity .3s;
    transition: border-color .3s, opacity .3s;
    outline: 0;
    text-decoration: none;
    border: none
}

.card--v2 .card__button:not(:last-child) {
    margin-right: 15px
}

.card--v2 .card__button--download {
    background-color: #ff8a00;
    padding: 15px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    border-radius: 10px;
    color: #fff
}

.card--v2 .card__button--download:focus, .card--v2 .card__button--download:hover {
    opacity: .7
}

.card--v2 .card__button--read {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    height: 100%;
    padding: 12px 20px;
    max-width: 75px
}

.card--v2 .card__button--read:focus, .card--v2 .card__button--read:hover {
    border-color: #ff8a00
}

.card--v3 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.card--v3 .card__header {
    padding: 5px;
    background-color: #001020;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card--v3 .card__image {
    max-height: 90px;
    overflow: hidden
}

.card--v3 .card__image p {
    margin: 0
}

.card--v3 .card__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.card--v3 .card__info {
    padding: 16px 15px 11px 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #e9e9e9
}

.card--v3 .card__name {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 7px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020
}

.card--v3 .card__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card--v3 .card__rating .rating__counter {
    padding: 0;
    margin-right: 5px;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #9e9e9e
}

.card--v3 .card__rating.rating::before {
    font-size: var(--star-size18)
}

.card--v3 .card__platform-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card--v3 .card__platform-item:not(:last-child) {
    margin-right: 10px
}

.card--v3 .card__body {
    padding: 11px 16px 14px;
    border-bottom: 1px solid #e9e9e9
}

.card--v3 .card__body-slogan {
    margin: 0 0 5px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #29273d
}

.card--v3 .card__body-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 175%;
    color: #9e9e9e
}

.card--v3 .card__money-list {
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #e9e9e9
}

.card--v3 .card__money-item {
    padding: 5px 10px;
    margin: 0 auto
}

.card--v3 .card__money-item p {
    margin: 0
}

.card--v3 .card__money-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 15px
}

.card--v3 .card__footer {
    margin-top: auto;
    padding: 15px
}

.card--v3 .card__button {
    display: block;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    background-color: #0386ff;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    border: none;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    width: 100%
}

.card--v3 .card__button:hover {
    opacity: .7
}

.steps--v1 .steps__list {
    list-style: none;
    padding-left: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 40px
}

.steps--v1 .steps__item {
    background-color: #fff;
    border: 1px solid #e2e4ef;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    counter-increment: inst;
    padding: 15px 15px 15px 50px;
    display: block;
    position: relative
}

.steps--v1 .steps__item::before {
    content: counter(inst);
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 47px;
    height: 47px;
    border-radius: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#0386ff), to(#073ecd));
    background: -o-linear-gradient(top, #0386ff 0, #073ecd 100%);
    background: linear-gradient(180deg, #0386ff 0, #073ecd 100%);
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    z-index: 5
}

.steps--v1 .steps__item::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 30px;
    left: -2px;
    bottom: calc(100% + 7px);
    background-color: #e2e4ef
}

.steps--v1 .steps__item:first-child::after {
    display: none
}

.steps--v1 .steps__arrow {
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 28px;
    height: 17px;
    background-color: #ff8a00;
    -webkit-clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
    clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
    z-index: 4
}

.steps--v1 .steps__text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3c3c3c
}

.steps--v1 .steps__text span {
    color: #0386ff
}

.steps--v2 .steps__list {
    list-style: none;
    padding-left: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.steps--v2 .steps__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    counter-increment: inst
}

.steps--v2 .steps__item::before {
    content: counter(inst);
    position: absolute;
    top: -7px;
    left: 0;
    width: 47px;
    height: 47px;
    border-radius: 100%;
    border: 1px solid #000;
    background-color: #ff3c3c;
    color: #fff;
    font-family: var(--ff-primary);
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 20
}

.steps--v2 .steps__item:last-child .steps__item-arrow-bottom, .steps--v2 .steps__item:last-child .steps__item-arrow-shevron {
    visibility: hidden
}

.steps--v2 .steps__item-arrow {
    position: relative;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.steps--v2 .steps__item-arrow-circle {
    position: absolute;
    top: -16px;
    left: -19px;
    display: block;
    width: 67px;
    height: 67px;
    border-radius: 100%;
    border: 1px solid #e2e4ef;
    background-color: #fff;
    z-index: 5
}

.steps--v2 .steps__item-arrow-bottom {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 5px
}

.steps--v2 .steps__bottom-arrow {
    width: 14px;
    height: 100%;
    display: inline-block;
    border: 1px solid #e2e4ef;
    background-color: #fff
}

.steps--v2 .steps__bottom-arrow--left {
    border-right: none;
    -webkit-transform: skewY(30deg);
    -ms-transform: skewY(30deg);
    transform: skewY(30deg)
}

.steps--v2 .steps__bottom-arrow--right {
    border-left: none;
    -webkit-transform: skewY(-30deg);
    -ms-transform: skewY(-30deg);
    transform: skewY(-30deg)
}

.steps--v2 .steps__arrow {
    width: 14px;
    height: 14px;
    display: inline-block;
    border: 1px solid #000;
    background-color: #ff3c3c
}

.steps--v2 .steps__arrow--left {
    border-right: none;
    -webkit-transform: skewY(30deg);
    -ms-transform: skewY(30deg);
    transform: skewY(30deg)
}

.steps--v2 .steps__arrow--right {
    border-left: none;
    -webkit-transform: skewY(-30deg);
    -ms-transform: skewY(-30deg);
    transform: skewY(-30deg)
}

.steps--v2 .steps__item-content {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 20px;
    margin: 0 20px 20px
}

.steps--v2 .steps__item-content::after {
    position: absolute;
    content: "";
    top: 40px;
    left: -20px;
    width: 21px;
    height: 30px;
    background-image: url(../img/svg/steps-2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.steps--v2 .steps__item-title {
    margin: 0 0 5px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #3c3c3c
}

.steps--v2 .steps__text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #797979
}

.steps--v3 .steps__list {
    list-style: none;
    padding-left: 22px;
    margin: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 40px
}

.steps--v3 .steps__item {
    position: relative;
    width: 100%;
    counter-increment: inst;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px
}

.steps--v3 .steps__item::before {
    content: counter(inst);
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 63px;
    height: 52px;
    border-radius: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background-image: url(../images/steps-3.svg);
    background-size: cover;
    background-position: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 126.69%;
    font-family: var(--ff-primary);
    z-index: 5
}

.steps--v3 .steps__item::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 28px;
    bottom: -30px;
    left: -2px;
    background-color: #2f206a
}

.steps--v3 .steps__item:last-child::after {
    display: none
}

.steps--v3 .steps__triangle {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 3;
    height: 52px;
    width: 30px;
    margin-right: -1px;
    background-image: url(../images/steps-3-3.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.steps--v3 .steps__text {
    width: 100%;
    margin: 0;
    padding: 18px 40px;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .03em;
    color: #2f206a;
    background-color: #fff;
    border: 1px solid #e2e4ef;
    border-radius: 0 10px 10px 0
}

.pros-cons--v1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 30px
}

.pros-cons--v1 .pros-cons__title {
    position: relative;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    padding: 20px 0;
    border-bottom: 1px solid #e2e4ef;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.pros-cons--v1 .pros-cons__title svg {
    margin-right: 10px
}

.pros-cons--v1 .pros-cons__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 10px
}

.pros-cons--v1 .pros-cons__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e2e4ef;
    border-radius: 55px;
    overflow: hidden
}

.pros-cons--v1 .pros-cons__item svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.pros-cons--v1 .pros-cons__text {
    margin: 0;
    padding: 10px 20px 10px 0
}

.pros-cons--v2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 30px
}

.pros-cons--v2 .pros-cons__wrapper {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    overflow: hidden
}

.pros-cons--v2 .pros-cons__title {
    position: relative;
    margin: 0;
    padding: 20px 15px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    background-color: #001020;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.pros-cons--v2 .pros-cons__title svg {
    margin-right: 10px
}

.pros-cons--v2 .pros-cons__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.pros-cons--v2 .pros-cons__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding: 15px
}

.pros-cons--v2 .pros-cons__item svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.pros-cons--v2 .pros-cons__item:not(:last-child) {
    border-bottom: 1px solid #e2e4ef
}

.pros-cons--v2 .pros-cons__text {
    margin: 0
}

.pros-cons--v3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 40px
}

.pros-cons--v3 .pros-cons__wrapper {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 0
}

.pros-cons--v3 .pros-cons__title {
    position: relative;
    margin: 0 0 15px;
    padding: 20px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #001020;
    border-bottom: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.pros-cons--v3 .pros-cons__title svg {
    margin-right: 10px
}

.pros-cons--v3 .pros-cons__list {
    margin: 0;
    padding: 5px 5px 5px 30px;
    list-style: disc;
    color: #586474
}

.pros-cons--v3 .pros-cons__item {
    margin-bottom: 15px
}

.pros-cons--v3 .pros-cons__item::marker {
    font-size: 10px
}

.pros-cons--v3 .pros-cons__text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 12px;
    line-height: 180%
}

.toc--v1 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    margin: 1rem 0;
    color: #1e1d2a;
    font-family: var(--ff-primary)
}

.toc--v1 .toc__wrapper {
    position: relative
}

.toc--v1 .toc__title {
    position: relative;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    padding: 25px;
    border-bottom: 1px solid #e9e9e9;
    margin: 0;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    display: flex;
    align-items: center
}

.toc--v1 .toc__title svg {
    margin-right: 10px
}

.toc--v1 .toc__title:hover {
    opacity: .7
}

.toc--v1 .toc__nav {
    display: none
}

.toc--v1 .toc__nav.active {
    display: block
}

.toc--v1 .toc__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    margin-left: 15px;
    outline: 0
}

.toc--v1 .toc__toggle svg {
    fill: inherit
}

.toc--v1 .toc__toggle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.toc--v1 .toc__toggle.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.toc--v1 .toc__list {
    margin: 0;
    padding: 20px 50px;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px 90px
}

.toc--v1 .toc__item {
    counter-increment: number;
    position: relative
}

.toc--v1 .toc__item::before {
    content: counter(number);
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 29px;
    height: 29px;
    border-radius: 5px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #0264be;
    background-color: #0386ff;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    line-height: 17px;
    z-index: 5
}

.toc--v1 .toc__text {
    margin: 0;
    padding: 5px 25px 5px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    color: #000;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: inherit
}

.toc--v1 .toc__text svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.toc--v1 .toc__text:hover {
    color: #0386ff
}

.toc--v1 .toc__text:hover svg {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.toc--v2 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 15px;
    margin: 1rem 0;
    padding: 25px;
    font-family: var(--ff-primary)
}

.toc--v2 .toc__title {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
    color: #1e1d2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    display: flex;
    align-items: center
}

.toc--v2 .toc__title svg {
    margin-right: 10px
}

.toc--v2 .toc__title:hover {
    opacity: .7
}

.toc--v2 .toc__nav {
    display: none;
    border-top: 1px solid #e9e9e9;
    margin-top: 15px
}

.toc--v2 .toc__nav.active {
    display: block
}

.toc--v2 .toc__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    margin-left: 15px;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    outline: 0
}

.toc--v2 .toc__toggle svg {
    fill: inherit
}

.toc--v2 .toc__toggle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.toc--v2 .toc__toggle.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.toc--v2 .toc__list {
    margin: 0;
    padding: 15px 0 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 5 ];
    grid-template-columns:repeat(5, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 25px 90px
}

.toc--v2 .toc__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.toc--v2 .toc__text {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    font-family: inherit;
    color: #586474;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: inherit;
    text-decoration: none
}

.toc--v2 .toc__text svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    margin-left: 10px
}

.toc--v2 .toc__text:hover {
    color: #fe7b02
}

.toc--v2 .toc__text:hover svg {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.toc--v3 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    font-family: var(--ff-primary);
    margin: 1rem 0
}

.toc--v3 .toc__title {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    border-bottom: 1px solid #e9e9e9;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
    color: #1e1d2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    display: flex;
    align-items: center
}

.toc--v3 .toc__title svg {
    margin-right: 10px
}

.toc--v3 .toc__title:hover {
    opacity: .7
}

.toc--v3 .toc__nav {
    display: none
}

.toc--v3 .toc__nav.active {
    display: block
}

.toc--v3 .toc__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    margin-left: 15px;
    outline: 0
}

.toc--v3 .toc__toggle svg {
    fill: inherit
}

.toc--v3 .toc__toggle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.toc--v3 .toc__toggle.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.toc--v3 .toc__list {
    margin: 0;
    padding: 20px 25px;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 5 ];
    grid-template-columns:repeat(5, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 25px 90px
}

.toc--v3 .toc__item {
    position: relative
}

.toc--v3 .toc__item::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    background-image: url(../images/icon-more-3.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.toc--v3 a {
    color: #000
}

.toc--v3 .toc__slogan {
    margin: 0 0 5px;
    padding-left: 63px;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    text-decoration: none;
    display: inline-block
}

.toc--v3 .toc__slogan:hover {
    color: #54bc02
}

.toc--v3 .toc__text {
    margin: 0;
    padding-left: 63px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: rgba(0, 0, 0, .4)
}

.downloads--v1 {
    max-width: 910px;
    margin: 0 auto
}

.downloads--v1 .downloads__table {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 100%;
    border: none;
    margin: 0
}

.downloads--v1 .downloads__table td {
    padding: 0;
    border: none
}

.downloads--v2 .downloads__table {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 100%;
    border: none;
    margin: 0
}

.downloads--v2 .downloads__table td {
    padding: 0;
    border: none
}

.downloads--v3 .downloads__table {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 100%;
    border: none;
    margin: 0
}

.downloads--v3 .downloads__table td {
    padding: 0;
    border: none
}

.downloads--v3 .downloads__table-head {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05)
}

.downloads--v3 .downloads__table-head-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    -ms-grid-columns: 45px 1.1fr 1fr 1fr .9fr;
    grid-template-columns:45px 1.1fr 1fr 1fr .9fr;
    background-color: #231832;
    border-radius: 5px
}

.downloads--v3 .downloads__table-head-wrapper p {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: #7d748d;
    margin: 0;
    padding: 12px 15px
}

.downloads--v3 .downloads__table-head-wrapper p:not(:last-child) {
    border-right: 1px solid #7d748d
}

.downloads--v4 .downloads__table {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 100%;
    border: none;
    margin: 0
}

.downloads--v4 .downloads__table td {
    padding: 0;
    border: none
}

.downloads--v5 .downloads__table {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 100%;
    border: none;
    margin: 0
}

.downloads--v5 .downloads__table td {
    padding: 0;
    border: none
}

.app--v1 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    font-family: var(--ff-primary);
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 1fr 260px;
    grid-template-columns:300px 1fr 260px;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.app--v1 .app__header {
    margin: -1px;
    padding: 20px;
    background-color: #132238;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
}

.app--v1 .app__image {
    border: 1px solid #2b4468;
    border-radius: 20px;
    padding: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    max-width: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app--v1 .app__image p {
    margin: 0
}

.app--v1 .app__image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.app--v1 .app__name {
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    display: inline-block
}

.app--v1 .app__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.app--v1 .app__rating .rating__counter {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #a1bbe1;
    margin-right: 5px;
    padding: 0
}

.app--v1 .app__rating.rating::before {
    font-size: var(--star-size17)
}

.app--v1 .app__platform-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.app--v1 .app__platform-item:not(:last-child) {
    margin-right: 20px
}

.app--v1 .app__content {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    padding: 20px;
    border-right: 1px solid #e9e9e9
}

.app--v1 .app__slogan {
    margin: 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #29273d
}

.app--v1 .app__slogan svg {
    margin-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.app--v1 .app__text {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 180%;
    color: #777
}

.app--v1 .app__buttons {
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    padding: 20px
}

.app--v1 .app__link {
    text-align: center;
    font-family: var(--ff-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 17px;
    padding: 19px 10px;
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-transition: opacity .3s, border-color .3s;
    -o-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s;
    text-transform: uppercase;
    border-radius: 5px;
    outline: 0;
    width: 100%;
    text-decoration: none;
    cursor: pointer
}

.app--v1 .app__link svg {
    margin-right: 10px
}

.app--v1 .app__link--download {
    padding: 19px 10px;
    font-weight: 700;
    color: #fff;
    background-color: #54bc02;
    border-color: #54bc02;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

.app--v1 .app__link--download:hover {
    opacity: .7
}

.app--v1 .app__link--read {
    padding: 5px 19px;
    font-weight: 500;
    color: #3c3c3c
}

.app--v1 .app__link--read:hover {
    border-color: #54bc02
}

.app--v1 .app__link:not(:last-child) {
    margin-bottom: 10px
}

.app--v2 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 15px;
    font-family: var(--ff-primary);
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 27% 20% 1fr 22%;
    grid-template-columns:27% 20% 1fr 22%;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.app--v2 .app__header {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #e9e9e9
}

.app--v2 .app__image {
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 114px
}

.app--v2 .app__image p {
    margin: 0
}

.app--v2 .app__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.app--v2 .app__header-wrapper {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.app--v2 .app__name {
    color: #132238;
    margin: 10px 0 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    display: inline-block
}

.app--v2 .app__rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.app--v2 .app__rating .rating__counter {
    margin-top: 10px;
    padding: 0;
    color: #132238;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

.app--v2 .app__rating.rating::before {
    font-size: var(--star-size21)
}

.app--v2 .app__lists {
    padding: 20px;
    margin: 0;
    border-right: 1px solid #e9e9e9
}

.app--v2 .app__platform-list {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}

.app--v2 .app__platform-list:not(:last-child) {
    margin-bottom: 20px
}

.app--v2 .app__platform-item {
    position: relative;
    padding-left: 20px
}

.app--v2 .app__platform-item::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #777
}

.app--v2 .app__platform-item:not(:last-child) {
    margin-right: 20px
}

.app--v2 .app__platform-item span {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #777
}

.app--v2 .app__lists-title {
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #132238
}

.app--v2 .app__lists-title svg {
    margin-right: 5px
}

.app--v2 .app__content {
    padding: 20px;
    border-right: 1px solid #e9e9e9
}

.app--v2 .app__slogan {
    margin: 0 0 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #132238
}

.app--v2 .app__slogan svg {
    width: 19px;
    margin-left: 10px
}

.app--v2 .app__text {
    margin: 0;
    color: #777;
    font-weight: 400;
    font-size: 12px;
    line-height: 180%
}

.app--v2 .app__buttons {
    padding: 35px 20px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.app--v2 .app__link {
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    color: #fff;
    padding: 30px 20px;
    background-color: #8000ff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    border: none;
    cursor: pointer;
    outline: 0;
    text-transform: uppercase;
    text-decoration: none
}

.app--v2 .app__link svg {
    margin-left: 10px
}

.app--v2 .app__link:hover {
    opacity: .7
}

.app--v3 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    font-family: var(--ff-primary);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 45px 1.1fr 1fr 1fr .9fr;
    grid-template-columns:45px 1.1fr 1fr 1fr .9fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.app--v3 .app__number {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #e9e9e9
}

.app--v3 .app__number span {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #132238
}

.app--v3 .app__header {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app--v3 .app__header-wrapper {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.app--v3 .app__image {
    border-radius: 5px;
    overflow: hidden;
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.app--v3 .app__image p {
    margin: 0
}

.app--v3 .app__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 66px
}

.app--v3 .app__name {
    margin: 0 0 5px;
    color: #132238;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    display: inline-block
}

.app--v3 .app__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 10px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.app--v3 .app__rating .rating__counter {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #777;
    margin-right: 5px;
    padding: 0
}

.app--v3 .app__rating.rating::before {
    font-size: var(--star-size18)
}

.app--v3 .app__content {
    padding: 15px;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9
}

.app--v3 .app__slogan {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #132238
}

.app--v3 .app__text {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 165%;
    color: #777
}

.app--v3 .app__platform-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.app--v3 .app__platform-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 37px;
    padding: 5px 0
}

.app--v3 .app__platform-item svg:not(:last-child) {
    margin-right: 5px
}

.app--v3 .app__platform-item:not(:last-child) {
    margin-right: 15px
}

.app--v3 .app__money-list {
    margin: 0;
    list-style: none;
    padding: 15px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.app--v3 .app__money-item {
    padding: 8px;
    margin: 0 auto
}

.app--v3 .app__money-item p {
    margin: 0
}

.app--v3 .app__money-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 16px
}

.app--v3 .app__links {
    padding: 15px;
    border-left: 1px solid #e9e9e9
}

.app--v3 .app__link {
    width: 100%;
    display: inline-block;
    padding: 19px 10px;
    text-align: center;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-transition: opacity .3s, border-color .3s;
    -o-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s;
    text-transform: uppercase;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer
}

.app--v3 .app__link--download {
    padding: 16px;
    color: #fff;
    background-color: #0386ff;
    border-color: #0386ff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

.app--v3 .app__link--download:hover {
    opacity: .7
}

.app--v3 .app__link--read {
    padding: 5px 16px;
    color: #777
}

.app--v3 .app__link--read:hover {
    border-color: #0386ff
}

.app--v3 .app__link:not(:last-child) {
    margin-bottom: 10px
}

.app--v4 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 57% 23% 20%;
    grid-template-columns:57% 23% 20%;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.app--v4 .app__header {
    padding: 15px 20px 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #e9e9e9
}

.app--v4 .app__image {
    border: 1px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    margin-right: 20px;
    max-width: 155px
}

.app--v4 .app__image p {
    margin: 0
}

.app--v4 .app__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.app--v4 .app__header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.app--v4 .app__header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.app--v4 .app__name {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020;
    display: inline-block;
    margin: 0 0 18px
}

.app--v4 .app__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020
}

.app--v4 .app__rating .rating__counter {
    padding: 0;
    margin-right: 10px
}

.app--v4 .app__rating.rating::before {
    font-size: var(--star-size21)
}

.app--v4 .app__slogan {
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #8000ff
}

.app--v4 .app__slogan svg {
    margin-right: 10px
}

.app--v4 .app__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.app--v4 .app__lists-wrapper:not(:last-child) {
    margin-right: 20px
}

.app--v4 .app__lists-title {
    margin: 0 0 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary);
    color: #001020
}

.app--v4 .app__lists-title svg {
    margin-right: 5px
}

.app--v4 .app__platform-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app--v4 .app__platform-item {
    position: relative;
    padding-left: 20px
}

.app--v4 .app__platform-item::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #777
}

.app--v4 .app__platform-item:not(:last-child) {
    margin-right: 15px
}

.app--v4 .app__platform-item span {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #777
}

.app--v4 .app__plus {
    margin: 0;
    padding: 20px;
    list-style: none;
    border-right: 1px solid #e9e9e9;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.app--v4 .app__plus-item:not(:last-child) {
    margin-bottom: 20px
}

.app--v4 .app__plus-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #797979
}

.app--v4 .app__plus-text svg {
    margin-right: 5px
}

.app--v4 .app__links {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.app--v4 .app__link {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    padding: 20px;
    width: 100%;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    outline: 0;
    text-decoration: none
}

.app--v4 .app__link:hover {
    opacity: .7
}

.app--v4 .app__link--download {
    background-color: #8000ff
}

.app--v4 .app__link--read {
    background-color: #001020
}

.app--v4 .app__link:not(:last-child) {
    margin-bottom: 10px
}

.app--v5 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    font-family: var(--ff-primary);
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 32.15% 30% 182px 1fr;
    grid-template-columns:32.15% 30% 182px 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.app--v5 .app__header {
    margin: -1px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #e9e9e9
}

.app--v5 .app__header-wrapper {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.app--v5 .app__image {
    border: 1px solid #2b4468;
    border-radius: 3px;
    overflow: hidden;
    padding: 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 185px;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app--v5 .app__image p {
    margin: 0
}

.app--v5 .app__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.app--v5 .app__name {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020
}

.app--v5 .app__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.app--v5 .app__rating .rating__counter {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #9e9e9e;
    margin-right: 5px;
    padding: 0
}

.app--v5 .app__rating.rating::before {
    font-size: var(--star-size16)
}

.app--v5 .app__platform-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.app--v5 .app__platform-item:not(:last-child) {
    margin-right: 20px
}

.app--v5 .app__content {
    padding: 20px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border-right: 1px solid #e9e9e9;
    height: 100%
}

.app--v5 .app__slogan {
    margin: 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #29273d
}

.app--v5 .app__text {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 175%;
    color: #9e9e9e
}

.app--v5 .app__money-list {
    list-style: none;
    margin: 0;
    padding: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border-right: 1px solid #e9e9e9;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.app--v5 .app__money-item {
    padding: 10px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app--v5 .app__money-item p {
    margin: 0
}

.app--v5 .app__money-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 15px
}

.app--v5 .app__buttons {
    padding: 20px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.app--v5 .app__link {
    text-align: center;
    font-family: var(--ff-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 17px;
    padding: 19px 10px;
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-transition: opacity .3s, border-color .3s;
    -o-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    width: 100%
}

.app--v5 .app__link svg {
    margin-right: 10px
}

.app--v5 .app__link--download {
    padding: 19px 10px;
    font-weight: 700;
    color: #fff;
    background-color: #54bc02;
    border-color: #54bc02;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

.app--v5 .app__link--download:hover {
    opacity: .7
}

.app--v5 .app__link--read {
    padding: 10px;
    font-weight: 500;
    color: #3c3c3c
}

.app--v5 .app__link--read:hover {
    border-color: #54bc02
}

.app--v5 .app__link:not(:last-child) {
    margin-bottom: 10px
}

.paper--v1 {
    position: relative
}

.paper--v1 .paper__image {
    border-radius: 5px;
    overflow: hidden
}

.paper--v1 .paper__image p {
    margin: 0
}

.paper--v1 .paper__image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.paper--v1 .paper__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.paper--v1 .paper__title {
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #3c3c3c;
    max-width: 90%;
    margin: 0 0 5px
}

.paper--v1 .paper__preview {
    margin: auto 0 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 170%;
    color: #9e9e9e
}

.paper--v1 .paper__publication-time {
    margin-bottom: 10px;
    display: block;
    position: relative;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #9e9e9e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.paper--v1 .paper__publication-time svg {
    margin-right: 10px
}

.paper--v1 .paper__link::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.paper--v1 .paper__link:hover::after {
    background-color: rgba(0, 0, 0, .1)
}

.paper--v1.paper--lg {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    gap: 20px
}

.paper--v1.paper--lg .paper__image {
    max-height: 160px;
    overflow: hidden
}

.paper--v1.paper--lg .paper__preview, .paper--v1.paper--lg .paper__title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none
}

.paper--v1.paper--md {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 258px 1fr;
    grid-template-columns:258px 1fr;
    gap: 20px
}

.paper--v1.paper--md .paper__image {
    max-height: 135px;
    overflow: hidden
}

.paper--v1.paper--md .paper__title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none
}

.paper--v1.paper--md .paper__preview {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-decoration: none
}

.paper--v1.paper--sm {
    -ms-grid-column-span: 3;
    grid-column: span 3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    gap: 15px;
    border-bottom: 1px solid #e9e9e9
}

.paper--v1.paper--sm .paper__image {
    max-height: 120px
}

.paper--v1.paper--sm .paper__preview {
    display: none
}

.paper--v2 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.paper--v2 .paper__image {
    width: 100%;
    height: 163px;
    overflow: hidden
}

.paper--v2 .paper__image p {
    margin: 0
}

.paper--v2 .paper__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.paper--v2 .paper__content {
    padding: 15px 10px
}

.paper--v2 .paper__content p {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    color: #464646;
    overflow: hidden
}

.paper--v2 .paper__footer {
    margin-top: auto;
    border-top: 1px solid #e9e9e9;
    padding: 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.paper--v2 .paper__grade-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.paper--v2 .paper__grade-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.paper--v2 .paper__grade-item svg {
    margin-right: 5px
}

.paper--v2 .paper__grade-item:not(:last-child) {
    margin-right: 20px
}

.paper--v2 .paper__grade-item--like {
    color: #3a8202
}

.paper--v2 .paper__grade-item--dislike {
    color: #ff3c3c
}

.paper--v2 .paper__publication-time {
    position: relative;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #3c3c3c;
    padding-left: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.paper--v2 .paper__publication-time svg {
    margin-right: 5px
}

.paper--v2 .paper__link::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.paper--v2 .paper__link:hover::after {
    background-color: rgba(0, 0, 0, .1)
}

.paper--v2.paper--lg {
    -ms-grid-column-span: 6;
    grid-column: span 6
}

.paper--v2.paper--lg .paper__content p {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none
}

.paper--v2.paper--md {
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.paper--v2.paper--md .paper__content p {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none
}

.paper--v2.paper--sm {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.paper--v2.paper--sm .paper__content p {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-decoration: none
}

.paper--v3 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.paper--v3 .paper__content {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.paper--v3 .paper__publication-time {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #586474;
    margin: 5px 0 15px
}

.paper--v3 .paper__title {
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #001020;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.paper--v3 .paper__preview p {
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 175%;
    color: #797979;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.paper--v3 .paper__link {
    margin-top: auto;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 14px 30px;
    border-radius: 10px;
    background-color: #0386ff;
    color: #fff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none
}

.paper--v3 .paper__link:hover {
    opacity: .7
}

.paper--v3 .paper__image {
    -ms-flex-preferred-size: 58%;
    flex-basis: 58%;
    border-radius: 8px;
    overflow: hidden
}

.paper--v3 .paper__image p {
    margin: 0;
    height: 100%
}

.paper--v3 .paper__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 230px
}

.paper--v3.paper--lg {
    -ms-grid-column-span: 12;
    grid-column: span 12
}

.paper--v3.paper--md {
    -ms-grid-column-span: 6;
    grid-column: span 6
}

.paper--v3.paper--md .paper__content {
    -ms-flex-preferred-size: 64%;
    flex-basis: 64%
}

.paper--v3.paper--md .paper__preview {
    display: none
}

.paper--v3.paper--md .paper__image {
    -ms-flex-preferred-size: 34%;
    flex-basis: 34%;
    height: 166px
}

.paper--v3.paper--md .paper__link {
    padding: 0;
    color: #586474;
    background-color: transparent;
    text-transform: none;
    text-align: left
}

.paper--v3.paper--sm {
    position: relative;
    -ms-grid-column-span: 12;
    grid-column: span 12;
    height: 90px
}

.paper--v3.paper--sm .paper__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.paper--v3.paper--sm .paper__title {
    margin: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.paper--v3.paper--sm .paper__preview {
    display: none
}

.paper--v3.paper--sm .paper__image {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.paper--v3.paper--sm .paper__link {
    background-color: transparent;
    width: 0;
    height: 0;
    padding: 0
}

.paper--v3.paper--sm .paper__link:hover::after {
    background-color: rgba(0, 0, 0, .1)
}

.paper--v3.paper--sm .paper__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.paper--v4 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    padding: 15px
}

.paper--v4 .paper__image {
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px
}

.paper--v4 .paper__image p {
    margin: 0
}

.paper--v4 .paper__image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.paper--v4 .paper__link {
    font-family: var(--ff-primary);
    color: #3c3c3c;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.paper--v4 .paper__link:hover {
    color: #8941ff
}

.paper--v4 .paper__publication-time {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #797979
}

.bookmaker-item--v1 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    overflow: hidden;
    font-family: var(--ff-primary);
    max-width: 500px
}

.bookmaker-item--v1 > :not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

.bookmaker-item--v1 .bookmaker-item__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    height: 100px;
    background-color: #001020;
    display: flex;
    align-items: center;
    overflow: hidden
}

.bookmaker-item--v1 .bookmaker-item__image p {
    margin: 0
}

.bookmaker-item--v1 .bookmaker-item__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.bookmaker-item--v1 .bookmaker-item__body {
    padding: 15px
}

.bookmaker-item--v1 .bookmaker-item__name {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020;
    display: inline-block
}

.bookmaker-item--v1 .bookmaker-item__body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker-item--v1 .bookmaker-item__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    color: #9e9e9e;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker-item--v1 .bookmaker-item__rating .rating__counter {
    padding: 0;
    margin-right: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.bookmaker-item--v1 .bookmaker-item__rating.rating::before {
    font-size: var(--star-size18)
}

.bookmaker-item--v1 .bookmaker-item__platform-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bookmaker-item--v1 .bookmaker-item__platform-item:not(:last-child) {
    margin-right: 10px
}

.bookmaker-item--v1 .bookmaker-item__money-list {
    list-style: none;
    margin: 0;
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bookmaker-item--v1 .bookmaker-item__money-item {
    margin: 0 auto;
    padding: 5px 10px
}

.bookmaker-item--v1 .bookmaker-item__money-item p {
    margin: 0
}

.bookmaker-item--v1 .bookmaker-item__money-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 15px
}

.bookmaker-item--v1 .bookmaker-item__price-list {
    margin: 0;
    padding: 15px;
    list-style: none
}

.bookmaker-item--v1 .bookmaker-item__price-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bookmaker-item--v1 .bookmaker-item__price-item:not(:last-child) {
    margin-bottom: 15px
}

.bookmaker-item--v1 .bookmaker-item__price-text {
    font-weight: 400;
    color: #9e9e9e
}

.bookmaker-item--v1 .bookmaker-item__price-number {
    font-weight: 500;
    color: #001020;
    text-align: right
}

.bookmaker-item--v1 .bookmaker-item__content {
    padding: 15px
}

.bookmaker-item--v1 .bookmaker-item__slogan {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #001020
}

.bookmaker-item--v1 .bookmaker-item__text {
    margin: 0;
    font-size: 14px;
    line-height: 165%;
    color: #9e9e9e
}

.bookmaker-item--v1 .bookmaker-item__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.bookmaker-item--v1 .bookmaker-item__link {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    text-align: center;
    border: none;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.bookmaker-item--v1 .bookmaker-item__link:not(:last-child) {
    margin-right: 15px
}

.bookmaker-item--v1 .bookmaker-item__link--claim {
    background-color: #54bc02
}

.bookmaker-item--v1 .bookmaker-item__link--review {
    background-color: #0386ff
}

.bookmaker-item--v1 .bookmaker-item__link:hover {
    opacity: .7
}

.bookmaker-item--v2 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    overflow: hidden;
    font-family: var(--ff-primary);
    max-width: 500px
}

.bookmaker-item--v2 > :not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

.bookmaker-item--v2 .bookmaker-item__header {
    padding: 15px
}

.bookmaker-item--v2 .bookmaker-item__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    height: 90px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px
}

.bookmaker-item--v2 .bookmaker-item__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.bookmaker-item--v2 .bookmaker-item__name {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020
}

.bookmaker-item--v2 .bookmaker-item__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    color: #9e9e9e;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker-item--v2 .bookmaker-item__rating .rating__counter {
    padding: 0;
    margin-right: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.bookmaker-item--v2 .bookmaker-item__rating.rating::before {
    font-size: var(--star-size18)
}

.bookmaker-item--v2 .bookmaker-item__content {
    padding: 15px
}

.bookmaker-item--v2 .bookmaker-item__slogan {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #001020
}

.bookmaker-item--v2 .bookmaker-item__text {
    margin: 0;
    font-size: 12px;
    line-height: 175%;
    color: #9e9e9e
}

.bookmaker-item--v2 .bookmaker-item__platform-list {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.bookmaker-item--v2 .bookmaker-item__platform-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmaker-item--v2 .bookmaker-item__platform-item svg:not(:last-child) {
    margin-right: 5px
}

.bookmaker-item--v2 .bookmaker-item__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px
}

.bookmaker-item--v2 .bookmaker-item__link {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    outline: 0;
    border: none;
    cursor: pointer;
    text-decoration: none
}

.bookmaker-item--v2 .bookmaker-item__link:hover {
    opacity: .7
}

.bookmaker-item--v2 .bookmaker-item__link:not(:last-child) {
    margin-right: 15px
}

.bookmaker-item--v2 .bookmaker-item__link--claim {
    background-color: #fe7b02
}

.bookmaker-item--v2 .bookmaker-item__link--review {
    background-color: #001020
}

.header-app {
    margin: 2rem 0
}

.header-app--v1 {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    background-color: #fff;
    border: 1px solid #e9e9e9;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 68.5% 31.5%;
    grid-template-columns:68.5% 31.5%;
    -ms-grid-rows: -webkit-min-content -webkit-min-content;
    -ms-grid-rows: min-content min-content;
    grid-template-rows:-webkit-min-content -webkit-min-content;
    grid-template-rows:min-content min-content
}

.header-app--v1 .header-app__main {
    padding: 20px;
    border-bottom: 1px solid #e9e9e9;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 282px 1fr;
    grid-template-columns:282px 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.header-app--v1 .header-app__image {
    border-radius: 3px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 282px;
    padding: 20px
}

.header-app--v1 .header-app__image p {
    margin: 0
}

.header-app--v1 .header-app__image img {
    width: auto;
    height: 100%;
    display: header-app;
    -o-object-fit: contain;
    object-fit: contain
}

.header-app--v1 .header-app__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    color: #fff;
    border-radius: 3px;
    background-color: #54bc02;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    border: none;
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.header-app--v1 .header-app__link svg {
    margin-left: 10px
}

.header-app--v1 .header-app__link:hover {
    opacity: .7
}

.header-app--v1 .header-app__main-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 7px
}

.header-app--v1 .header-app__name {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #464646
}

.header-app--v1 .header-app__platform-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header-app--v1 .header-app__platform-item:not(:last-child) {
    margin-right: 15px
}

.header-app--v1 .header-app__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 10px
}

.header-app--v1 .header-app__rating .rating__counter {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #9e9e9e;
    margin-right: 5px;
    padding: 0
}

.header-app--v1 .header-app__rating.rating::before {
    font-size: var(--star-size16)
}

.header-app--v1 .header-app__main-description {
    margin: 0;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 140%;
    color: #777
}

.header-app--v1 .header-app__bet-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app--v1 .header-app__bet-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app--v1 .header-app__bet-item svg {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-app--v1 .header-app__bet-item:not(:last-child) {
    margin-right: 25px
}

.header-app--v1 .header-app__bet-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #464646
}

.header-app--v1 .header-app__aside {
    padding: 20px;
    border-left: 1px solid #e9e9e9;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 15px
}

.header-app--v1 .header-app__slogan {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #464646
}

.header-app--v1 .header-app__slogan svg {
    margin-right: 10px
}

.header-app--v1 .header-app__aside-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 180%;
    color: #797979
}

.header-app--v1 .header-app__price-list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.header-app--v1 .header-app__price-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-app--v1 .header-app__price-item:not(:last-child) {
    margin-bottom: 15px
}

.header-app--v1 .header-app__price-text {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #9e9e9e
}

.header-app--v1 .header-app__price-number {
    text-align: right;
    font-family: var(--ff-primary);
    font-weight: 500px;
    font-size: 14px;
    line-height: 17px;
    color: #001635
}

.header-app--v1 .header-app__money-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app--v1 .header-app__money-item {
    padding: 5px 12px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto
}

.header-app--v1 .header-app__money-item p {
    margin: 0
}

.header-app--v1 .header-app__money-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 18px
}

.header-app--v1 .header-app__footer {
    padding: 10px 20px;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3
}

.header-app--v1 .header-app__info-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-app--v1 .header-app__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 10px
}

.header-app--v1 .header-app__item svg {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-app--v1 .header-app__info-text {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #797979;
    margin: 0
}

.header-app--v2 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20% 35.8% 17.9% 26.3%;
    grid-template-columns:20% 35.8% 17.9% 26.3%;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.header-app--v2 .header-app__logo {
    padding: 20px;
    border-right: 1px solid #e9e9e9
}

.header-app--v2 .header-app__image {
    border-radius: 3px;
    overflow: hidden;
    max-height: 155px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px;
    margin-bottom: 20px
}

.header-app--v2 .header-app__image p {
    margin: 0
}

.header-app--v2 .header-app__image img {
    display: header-app;
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.header-app--v2 .header-app__logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app--v2 .header-app__progress {
    position: relative;
    width: 44px;
    height: 44px
}

.header-app--v2 .header-app__ring {
    width: 44px;
    height: 44px
}

.header-app--v2 .header-app__circle {
    stroke: #fe7b02;
    stroke-width: 3;
    fill: transparent;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    stroke-dasharray: 119;
    stroke-dashoffset: calc(119 - (119 * (var(--star-rating) / 5 * 100)) / 100)
}

.header-app--v2 .header-app__progress-value {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    color: #001635
}

.header-app--v2 .header-app__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 5px
}

.header-app--v2 .header-app__rating .rating__counter {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    color: #001635;
    margin-right: 5px;
    padding: 0
}

.header-app--v2 .header-app__rating.rating::before {
    font-size: var(--star-size28);
    letter-spacing: 10px
}

.header-app--v2 .header-app__main {
    padding: 20px;
    border-right: 1px solid #e9e9e9
}

.header-app--v2 .header-app__name {
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #001635
}

.header-app--v2 .header-app__main-description {
    margin: 0 0 20px;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 160%;
    color: #797979
}

.header-app--v2 .header-app__bet-list {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header-app--v2 .header-app__bet-list svg {
    margin-right: 10px
}

.header-app--v2 .header-app__bet-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app--v2 .header-app__bet-text {
    margin: 0;
    color: #001635;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase
}

.header-app--v2 .header-app__money-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app--v2 .header-app__money-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding: 5px 12px
}

.header-app--v2 .header-app__money-item p {
    margin: 0
}

.header-app--v2 .header-app__money-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 20px
}

.header-app--v2 .header-app__plus-list {
    margin: 0;
    padding: 20px;
    list-style: none;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.header-app--v2 .header-app__plus-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app--v2 .header-app__plus-item svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5px
}

.header-app--v2 .header-app__plus-item:not(:last-child) {
    margin-bottom: 25px
}

.header-app--v2 .header-app__plus-text {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 16px;
    color: #797979
}

.header-app--v2 .header-app__contnent {
    background-color: #001635;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-app--v2 .header-app__slogan {
    margin: 0 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #fff
}

.header-app--v2 .header-app__slogan svg {
    margin-right: 10px
}

.header-app--v2 .header-app__content-text {
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 180%;
    color: #9392c9
}

.header-app--v2 .header-app__link {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    border-radius: 3px;
    color: #fff;
    background-color: #fe7b02;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
    outline: 0;
    border: none;
    font-family: inherit;
    text-decoration: none
}

.header-app--v2 .header-app__link:hover {
    opacity: .7
}

.header-app--v2 .header-app__link svg {
    margin-left: 10px
}

.header-app--v3 {
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    border: 1px solid #e9e9e9;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33.7% 25.1% 41.2%;
    grid-template-columns:33.7% 25.1% 41.2%;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.header-app--v3 .header-app__main {
    padding: 20px;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 67px 1fr;
    grid-template-columns:67px 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    gap: 20px
}

.header-app--v3 .header-app__image {
    min-width: 67px;
    height: 67px;
    border-radius: 5px;
    overflow: hidden;
    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;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.header-app--v3 .header-app__image p {
    margin: 0
}

.header-app--v3 .header-app__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.header-app--v3 .header-app__main-wrapper {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.header-app--v3 .header-app__main-inner {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-app--v3 .header-app__name {
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #464646
}

.header-app--v3 .header-app__platform-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app--v3 .header-app__platform-item:not(:last-child) {
    margin-right: 20px
}

.header-app--v3 .header-app__rating {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3
}

.header-app--v3 .header-app__rating .rating__counter {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #9e9e9e;
    margin-right: 5px;
    padding: 0
}

.header-app--v3 .header-app__rating.rating::before {
    --star-background: #fe7b02;
    font-size: var(--star-size17)
}

.header-app--v3 .header-app__main-description {
    margin: 0;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 140%;
    color: #797979;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3
}

.header-app--v3 .header-app__button {
    padding: 20px;
    border-right: 1px solid #e9e9e9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4
}

.header-app--v3 .header-app__link {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    background-color: #0386ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 18px 20px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
    outline: 0;
    border: none;
    width: 100%;
    text-decoration: none
}

.header-app--v3 .header-app__link:hover {
    opacity: .7
}

.header-app--v3 .header-app__link svg {
    margin-left: 10px
}

.header-app--v3 .header-app__bet-list {
    margin: 0;
    padding: 20px;
    list-style: none;
    border-right: 1px solid #e9e9e9;
    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;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4
}

.header-app--v3 .header-app__bet-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 45%;
    flex: 0 1 45%
}

.header-app--v3 .header-app__bet-item svg {
    margin-right: 5px
}

.header-app--v3 .header-app__bet-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #464646
}

.header-app--v3 .header-app__content {
    padding: 20px;
    border-bottom: 1px solid #e9e9e9;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.header-app--v3 .header-app__slogan {
    margin: 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #464646
}

.header-app--v3 .header-app__slogan svg {
    margin-right: 10px
}

.header-app--v3 .header-app__content-text {
    font-family: var(--ff-primary);
    margin: 0;
    font-size: 14px;
    line-height: 125%;
    color: #777
}

.header-app--v3 .header-app__price-list {
    margin: 0;
    padding: 20px;
    list-style: none;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3
}

.header-app--v3 .header-app__price-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-app--v3 .header-app__price-item:not(:last-child) {
    margin-bottom: 15px
}

.header-app--v3 .header-app__price-text {
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 17px;
    color: #9e9e9e
}

.header-app--v3 .header-app__price-number {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #464646
}

.header-app--v3 .header-app__money-list {
    margin: 0;
    padding: 10px;
    list-style: none;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    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;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.header-app--v3 .header-app__money-item {
    padding: 10px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app--v3 .header-app__money-item p {
    margin: 0
}

.header-app--v3 .header-app__money-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 18px
}

.header-app--v3 .header-app__plus-list {
    margin: 0;
    padding: 20px;
    list-style: none;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4
}

.header-app--v3 .header-app__plus-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app--v3 .header-app__plus-item svg {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-app--v3 .header-app__plus-item:not(:last-child) {
    margin-bottom: 15px
}

.header-app--v3 .header-app__plus-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #464646
}

.header--v1 {
    background-color: var(--color-first-header-footer-bg);
    font-family: var(--ff-primary);
    padding: 15px 0;
    position: relative
}

.header--v1 .header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px 24px;
}

.header--v1 .header__logo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8%;
    z-index: 30
}

.header--v1 .header__logo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 30px
}

.header--v1 .header__logo:hover {
    -webkit-animation: 1s ease-in-out infinite logo;
    animation: 1s ease-in-out infinite logo
}

@-webkit-keyframes logo {
    0%, 100%, 40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20%, 66% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.header--v1 .header__nav {
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s
}

.header--v1 .header__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header--v1 .header__nav-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header--v1 .header__nav-item .icon-arrow {
    display: none
}

.header--v1 .header__nav-item::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    top: 50%;
    right: -18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--color-second-header-footer-bg)
}

.header--v1 .header__nav-item:not(:last-child) {
    margin-right: 30px
}

.header--v1 .header__nav-item:last-child::after {
    display: none
}

.header--v1 .header__nav-item--has-children .icon-arrow {
    display: block
}

.header--v1 .header__nav-item--has-children .icon-arrow svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header--v1 .header__nav-item--has-children._active .icon-arrow svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header--v1 .header__nav-item .link {
    position: relative;
    padding: 13px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    color: var(--color-nav-items);
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none
}

.header--v1 .header__nav-item .get-image {
    line-height: 1;
    margin-right: 10px
}

.header--v1 .header__nav-item img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.header--v1 .header__nav-sublist {
    position: absolute;
    top: 170%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--color-first-header-footer-bg);
    min-width: 300px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .3s, height .5s;
    -o-transition: .3s, height .5s;
    transition: .3s, height .5s;
    z-index: 10;
    display: none
}

.header--v1 .header__nav-sublist::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(255, 255, 255, 0)
}

.header--v1 .header__nav-sublist::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 6px;
    border-color: transparent transparent var(--color-first-header-footer-bg) transparent
}

.header--v1 .header__nav-subitem {
    padding: 10px 25px
}

.header--v1 .header__nav-subitem .icon-arrow {
    display: none
}

.header--v1 .header__nav-subitem:nth-child(even) {
    background-color: var(--color-second-header-footer-bg)
}

.header--v1 .header__nav-subitem:last-child {
    border-radius: 0 0 8px 8px
}

.header--v1 .header__nav-subitem.header__nav-item:not(:last-child) {
    margin-right: 0
}

.header--v1 .header__nav-subitem.header__nav-item:last-child {
    margin: 0
}

.header--v1 .header__nav-subitem.header__nav-item::after {
    display: none
}

.header--v1 .header__nav-subitem .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-nav-items);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none;
    font-size: 14px;
    line-height: 17px
}

.header--v1 .header__nav-subitem .link svg {
    -webkit-transition: fill .3s, -webkit-transform .3s;
    transition: transform .3s, fill .3s, -webkit-transform .3s;
    -o-transition: transform .3s, fill .3s;
    margin-right: 10px;
    fill: var(--color-accent)
}

.header--v1 .header__nav-subitem .link .get-image {
    margin-right: 10px
}

.header--v1 .header__nav-subitem .link img {
    width: 17px;
    height: 17px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.header--v1 .header__nav-subitem .link::after {
    display: none
}

.header--v1 .header__buttons {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--color-second-header-footer-bg);
    border-radius: 5px;
    padding: 3px;
    max-width: 250px;
    z-index: 14
}

.header--v1 .header__link {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    padding: 12px;
    -webkit-transition: opacity .3s, border-color .3s;
    -o-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s;
    border-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    border: none;
    cursor: pointer
}

.header--v1 .header__link .get-image {
    margin-right: 10px
}

.header--v1 .header__link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 25px
}

.header--v1 .header__link--in {
    background-color: var(--bg-color-first-button);
    color: var(--color-first-button)
}

.header--v1 .header__link--in:hover {
    opacity: .7
}

.header--v1 .header__link--up {
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: var(--color-second-header-footer-bg);
    color: var(--color-first-button)
}

.header--v1 .header__link--up:hover {
    border: 1px solid var(--bg-color-first-button)
}

.header--v1 .header__link:not(:last-child) {
    margin-right: 5px
}

.header--v1 .header__toggle-menu {
    display: none;
    border: 1px solid var(--color-accent);
    border-radius: 5px;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 15px;
    z-index: 20
}

.header--v1 .header__toggle-menu svg {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    fill: #6944ff
}

.header--v2 {
    background-color: var(--color-first-header-footer-bg)
}

.header--v2 .header__top {
    padding: 20px;
    border-bottom: 1px solid var(--color-header-footer-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header--v2 .header__top-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.header--v2 .header__logo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8%;
    z-index: 10
}

.header--v2 .header__logo p {
    margin: 0
}

.header--v2 .header__logo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 30px
}

.header--v2 .header__logo:hover {
    -webkit-animation: 1s ease-in-out infinite logo;
    animation: 1s ease-in-out infinite logo
}

@keyframes logo {
    0%, 100%, 40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20%, 66% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.header--v2 .header__page-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header--v2 .header__page-list-item:not(:last-child) {
    margin-right: 10px
}

.header--v2 .header__page-list-item .icon-arrow {
    display: none
}

.header--v2 .header__page-list-item .link {
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: var(--color-nav-items);
    padding: 15px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header--v2 .header__page-list-item--current .link {
    color: var(--color-accent)
}

.header--v2 .header__page-list-item .get-image {
    margin-right: 10px
}

.header--v2 .header__page-list-item img {
    width: 17px;
    height: 17px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.header--v2 .header__buttons {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 14
}

.header--v2 .header__button {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    border-radius: 5px;
    text-decoration: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 14;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header--v2 .header__button .get-image {
    margin-right: 10px
}

.header--v2 .header__button img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 25px
}

.header--v2 .header__button:hover {
    opacity: .7
}

.header--v2 .header__button--reg {
    padding: 15px 44px;
    background-color: var(--bg-color-first-button);
    color: var(--color-first-button)
}

.header--v2 .header__button--download {
    padding: 15px 33px;
    background-color: var(--bg-color-second-button);
    color: var(--color-second-button)
}

.header--v2 .header__button:not(:last-child) {
    margin-right: 15px
}

.header--v2 .header__toggle-menu {
    display: none;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    margin-left: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header--v2 .header__toggle-menu svg {
    fill: var(--color-accent);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.header--v2 .header__toggle-menu._active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header--v2 .header__bottom {
    padding: 10px;
    position: relative;
    z-index: 100
}

.header--v2 .header__nav {
    background-color: var(--color-first-header-footer-bg);
    -webkit-transition: top .3s, opacity .3s;
    -o-transition: top .3s, opacity .3s;
    transition: top .3s, opacity .3s
}

.header--v2 .header__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header--v2 .header__nav-item {
    position: relative;
    padding: 0 25px;
    margin: 0 auto
}

.header--v2 .header__nav-item .icon-arrow {
    display: none
}

.header--v2 .header__nav-item--has-children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header--v2 .header__nav-item--has-children .icon-arrow {
    display: block;
    margin-left: 5px
}

.header--v2 .header__nav-item--has-children .icon-arrow svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header--v2 .header__nav-item._active .header__nav-sublist {
    height: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: all
}

.header--v2 .header__nav-item .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: var(--color-nav-items);
    padding: 10px 0;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header--v2 .header__nav-item .get-image {
    line-height: 1
}

.header--v2 .header__nav-item img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 10px
}

.header--v2 .header__nav-item--current .link {
    color: var(--color-accent)
}

.header--v2 .header__nav-sublist {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid var(--color-header-footer-border);
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    background-color: var(--color-first-header-footer-bg);
    min-width: 230px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    height: 0;
    top: calc(100% + 34px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.header--v2 .header__nav-sublist::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 6px;
    border-color: transparent transparent var(--color-first-header-footer-bg) transparent
}

.header--v2 .header__nav-sublist::before {
    content: "";
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 35px;
    background-color: rgba(255, 255, 255, 0)
}

.header--v2 .header__nav-subitem:not(:last-child) {
    border-bottom: 1px solid var(--color-header-footer-border)
}

.header--v2 .header__nav-subitem .icon-arrow {
    display: none
}

.header--v2 .header__nav-subitem .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-nav-items);
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    padding: 18px;
    text-decoration: none
}

.header--v2 .header__nav-subitem .link img {
    width: 17px;
    height: 17px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.news-block {
    margin: 2rem 0
}

.news-block--v1 .news-block__title {
    position: relative;
    text-transform: uppercase;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-block--v1 .news-block__title svg {
    margin-right: 10px
}

.news-block--v1 .news-block__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 12 ];
    grid-template-columns:repeat(12, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px;
    padding-bottom: 20px
}

.news-block--v1 .news-block__list + .news-block__list {
    border-top: 1px solid #e9e9e9;
    margin-bottom: 10px
}

.news-block--v2 .news-block__title {
    position: relative;
    color: #464646;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    padding: 14px;
    border-bottom: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-block--v2 .news-block__title svg {
    margin-right: 10px
}

.news-block--v2 .news-block__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 10 ];
    grid-template-columns:repeat(10, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.news-block--v2 .news-block__list--most {
    -ms-grid-columns:(1fr) [ 12 ];
    grid-template-columns:repeat(12, 1fr)
}

.news-block--v3 .news-block__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    gap: 20px
}

.news-block--v3 .news-block__title {
    position: relative;
    color: #464646;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    margin-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-block--v3 .news-block__title svg {
    margin-right: 10px
}

.news-block--v3 .news-block__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 12 ];
    grid-template-columns:repeat(12, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.news-block--v3 .news-block__list--stretch {
    grid-column: 1/-1
}

.news-block--v3 .news-block__list--stretch .paper--v3.paper--sm {
    -ms-grid-column-span: 6;
    grid-column: span 6
}

.scroll-top {
    position: fixed;
    bottom: 60px;
    right: 15px;
    z-index: 14
}

.scroll-top__button {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.scroll-top__button .get-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile-button {
    position: fixed;
    bottom: 10px;
    left: 15px;
    right: 15px;
    display: none
}

.mobile-button__link {
    color: inherit;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    padding: 10px;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.mobile-button__link .get-image {
    margin-right: 10px
}

.mobile-button__link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 25px
}

.video {
    max-width: 650px
}

.video.align-center {
    margin: 0 auto
}

.video.align-right {
    margin-left: auto
}

.video__container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000
}

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

.video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: 0 0;
    border: none
}

.video__button-shape {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    fill: #212121;
    fill-opacity: .8
}

.video__button-icon {
    fill: #fff
}

.video__button:focus {
    outline: 0
}

.video__button:focus .video__button-shape, .video__button:hover .video__button-shape {
    fill: red;
    fill-opacity: 1
}

.video__button:hover {
    cursor: pointer
}

.video .video__preview p {
    margin: 0
}

.video .video__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.breadcrumbs {
    background-color: var(--color-first-header-footer-bg);
    margin-top: -1px
}

.breadcrumbs__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs__list_item:not(:last-child) {
    margin-right: 14px
}

.breadcrumbs__list-link {
    font-family: inherit;
    font-weight: 400px;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    text-transform: capitalize;
    color: var(--color-nav-items);
    padding: 5px 0;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs__list-link svg {
    margin-left: 14px;
    fill: var(--color-accent)
}

.breadcrumbs__list-link--no-active {
    color: var(--color-accent)
}

.breadcrumbs__list-link--no-active svg {
    display: none
}

.breadcrumbs__list-link--no-active:hover {
    color: var(--color-accent)
}

.onewinsbr-columns {
    padding: 2rem 0
}

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

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

.onewinsbr-columns__item {
    margin: 1rem
}

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

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

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

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

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

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

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

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

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

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

.wp-block-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    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
}

.wp-block-column .row {
    padding: 0
}

.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
    margin-left: 0
}

.comment-form {
    position: relative
}

.comment-form__title {
    margin: 0 0 15px;
    font-family: inherit;
    font-weight: 800;
    font-size: 32px;
    line-height: 38px;
    font-style: normal;
    color: #001020
}

.comment-form__form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: .4fr 1fr;
    grid-template-columns:.4fr 1fr;
    row-gap: 10px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

.comment-form__textarea {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    resize: none
}

.comment-form__field {
    background-color: #f1f5ff;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid transparent;
    outline: 0;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.comment-form__field.error {
    border-color: #ff3c3c
}

.comment-form__button {
    border-radius: 10px;
    padding: 16px 18px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #009dde;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.comment-form__button svg {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.comment-form__alert {
    display: block;
    grid-column: 1/-1;
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: inherit;
    font-size: 14px;
    line-height: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.comment-form__alert.success {
    color: #3a8202;
    opacity: 1;
    visibility: visible
}

.comment-form__alert.error {
    color: #ff3c3c;
    opacity: 1;
    visibility: visible
}

.comment {
    margin-top: 30px;
    padding: 20px;
    background: #f1f5ff;
    border: 1px solid #d6ddf0;
    border-radius: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-min-content 1fr;
    -ms-grid-columns: min-content 1fr;
    grid-template-columns:-webkit-min-content 1fr;
    grid-template-columns:min-content 1fr;
    gap: 10px
}

.comment__author {
    font-family: inherit;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-font-darkgray);
    white-space: nowrap;
    margin: 0
}

.comment__date {
    background: -webkit-gradient(linear, left top, left bottom, from(#4eb3ff), to(#1995f3)), #495062;
    background: -o-linear-gradient(top, #4eb3ff 0, #1995f3 100%), #495062;
    background: linear-gradient(180deg, #4eb3ff 0, #1995f3 100%), #495062;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 16px
}

.comment__content {
    margin: 0;
    font-family: inherit;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    grid-column: 1/-1
}

.comment__reply {
    display: none
}

.comments-container {
    margin-top: 2rem
}

.page-404 .onewinsbr-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-404__title {
    font-size: 160px;
    line-height: 170px
}

.footer {
    position: relative;
    padding: 30px 0;
    background-color: var(--color-first-header-footer-bg)
}

.footer__container {
    position: relative
}

.footer__logo {
    padding-bottom: 20px
}

.footer__logo p {
    margin: 0
}

.footer__logo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 50px
}

.footer__hr {
    border: none;
    height: 1px;
    background-color: var(--color-header-footer-border)
}

.footer__nav {
    padding: 10px 0
}

.footer__nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    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
}

.footer__nav-item {
    padding: 10px 0;
    margin: 0 20px
}

.footer__nav-item a {
    font-family: inherit;
    color: var(--color-nav-items);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__nav-item a p {
    margin: 0
}

.footer__nav-item a img {
    margin-right: 10px;
    width: 17px;
    height: 17px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

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

.footer__social-item {
    margin: 0 20px
}

.footer__social-link {
    display: block;
    border-radius: 100%;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer__social-link p {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__social-link img {
    padding: 2px;
    display: block;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer__payments-systems {
    padding: 20px 0
}

.footer__links-list {
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0
}

.footer__links-link {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer__links-link p {
    margin: 0
}

.footer__links-link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 50px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer__links-link:not(:last-child) {
    margin-right: 40px
}

.footer__copyright {
    color: var(--color-nav-items);
    font-size: 14px;
    line-height: 17px;
    text-align: center
}

.payments-systems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.payments-systems__item {
    padding: 8px 15px;
    margin: 0 auto
}

.payments-systems__item p {
    margin: 0
}

.payments-systems__item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 18px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (hover: hover), screen and (min-width: 0\0
) {


    .header--v1 .header__nav-item a.link:hover {
        color: var(--color-accent)
    }

    .header--v1 .header__nav-item a.link:hover svg {
        fill: var(--color-accent)
    }

    .header--v1 .header__nav-subitem .link a.link:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .header--v2 .header__nav-subitem .link a.link:hover {
        color: var(--color-accent)
    }

    .scroll-top__button:hover {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .7
    }

    .breadcrumbs__list-link:hover {
        color: var(--color-accent)
    }

    .comment-form__button:focus, .comment-form__button:hover {
        background-color: #7abbec
    }

    .footer__nav-item a:focus, .footer__nav-item a:hover {
        color: var(--color-accent)
    }

    .footer__social-link:focus img, .footer__social-link:hover img {
        -webkit-transform: scale(1.2) translateZ(0);
        transform: scale(1.2) translateZ(0)
    }

    .footer__links-link:focus img, .footer__links-link:hover img {
        -webkit-transform: scale(1.1) translateZ(0);
        transform: scale(1.1) translateZ(0)
    }

    .payments-systems__item:focus img, .payments-systems__item:hover img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
}

@media (min-wisth: 1024px) and (hover: hover), screen and (min-wisth: 1024px) and (min-width: 0\0
) {
    .header--v2 .header__nav-item--has-children:hover .icon-arrow svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media (min-width: 1024px) and (hover: hover), screen and (min-width: 1024px) and (min-width: 0\0
) {
    .header--v1 .header__nav-item:hover .header__nav-sublist {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }

    .header--v1 .header__nav-item--has-children:hover .icon-arrow svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header--v2 .header__page-list-item a.link:hover {
        color: var(--color-accent)
    }

    .header--v2 .header__nav-item--has-children:hover .header__nav-sublist {
        height: auto;
        visibility: visible;
        opacity: 1;
        pointer-events: all
    }

    .header--v2 .header__nav-item a.link:hover {
        color: var(--color-accent)
    }
}

@media (max-width: 1439px) {
    .bookmaker--v2 {
        -ms-grid-columns: .75fr 2fr .3fr .75fr;
        grid-template-columns:.75fr 2fr .3fr .75fr;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .bookmaker--v2 .bookmaker__label {
        left: 0
    }

    .bookmaker--v2 .bookmaker__image img {
        height: 100%
    }

    .bookmaker--v2 .bookmaker__image {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        max-height: 80px;
        margin: 0
    }

    .bookmaker--v2 .bookmaker__content {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        padding: 5px 20px;
        -ms-grid-row-align: center;
        align-self: center;
        border: none
    }

    .bookmaker--v2 .bookmaker__info-wrapper {
        border-left: 1px solid #e9e9e9
    }

    .bookmaker--v2 .bookmaker__info-list {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        padding: 10px;
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bookmaker--v2 .bookmaker__item {
        padding: 10px 5px
    }

    .bookmaker--v2 .bookmaker__ad {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .bookmaker--v2 .bookmaker__buttons {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .toc--v3 .toc__list {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 1279px) {
    .gallery--v1 .gallery__list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .bookmakers--v4 .bookmakers__body, .bookmakers--v5 .bookmakers__body, .bookmakers--v8 .bookmakers__body {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr);
        gap: 10px
    }

    .bookmaker--v3 {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr);
        gap: 15px
    }

    .bookmaker--v3 .bookmaker__image img {
        height: 80px
    }

    .bookmaker--v3 .bookmaker__image {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .bookmaker--v3 .bookmaker__content {
        grid-column: 2/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .bookmaker--v3 .bookmaker__info-list {
        border-left: none;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        margin: 0
    }

    .bookmaker--v3 .bookmaker__item {
        max-width: 40%
    }

    .bookmaker--v3 .bookmaker__buttons {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .bookmaker--v3 .bookmaker__button {
        padding: 15px 30px
    }

    .bookmaker--v6 {
        -ms-grid-columns:(1fr) [ 6 ];
        grid-template-columns:repeat(6, 1fr)
    }

    .bookmaker--v6 .bookmaker__header {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    .bookmaker--v6 .bookmaker__price-list {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        border-right: none
    }

    .bookmaker--v6 .bookmaker__ad {
        -ms-grid-column-span: 4;
        grid-column: span 4;
        border-top: 1px solid #e9e9e9
    }

    .bookmaker--v6 .bookmaker__links {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        border-top: 1px solid #e9e9e9
    }

    .bookmaker--v7 {
        -ms-grid-columns: 1.2fr 1fr;
        grid-template-columns:1.2fr 1fr
    }

    .bookmaker--v7 .bookmaker__header {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        border-bottom: 1px solid #e9e9e9
    }

    .bookmaker--v7 .bookmaker__ad {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .bookmaker--v7 .bookmaker__money-list {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .bookmaker--v7 .bookmaker__links {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        border: none;
        border-bottom: 1px solid #e9e9e9
    }

    .toc--v1 .toc__list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .toc--v2 .toc__list {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr)
    }

    .toc--v3 .toc__list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .app--v1 .app__header-wrapper {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .app--v2 {
        -ms-grid-columns: 27% 22% 1fr 17%;
        grid-template-columns:27% 22% 1fr 17%
    }

    .app--v2 .app__link {
        padding: 30px 10px
    }


    .paper--v2.paper--sm {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }

    .paper--v3 .paper__image {
        max-height: 250px
    }

    .paper--v3.paper--md .paper__title {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .paper--v3.paper--sm .paper__title {
        margin-bottom: 10px;
        -webkit-line-clamp: 3
    }

    .paper--v3.paper--sm .paper__image {
        -ms-flex-preferred-size: 34%;
        flex-basis: 34%;
        margin-left: 10px
    }

    .paper--v3.paper--sm .paper__link {
        width: auto;
        height: auto;
        text-transform: none;
        color: #586474;
        text-align: left
    }

    .paper--v3.paper--sm .paper__link::after {
        display: none
    }

    .paper--v3.paper--sm {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        height: auto
    }

    .header-app--v1 .header-app__bet-item:not(:last-child) {
        margin-right: 20px
    }

    .header-app--v1 .header-app__money-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v2 {
        -ms-grid-columns: 1.2fr 1fr 1fr;
        grid-template-columns:1.2fr 1fr 1fr
    }

    .header-app--v2 .header-app__logo {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        border-bottom: 1px solid #e9e9e9
    }

    .header-app--v2 .header-app__logo-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v2 .header-app__main {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        -ms-grid-row-align: center;
        align-self: center;
        border-bottom: 1px solid #e9e9e9
    }

    .header-app--v2 .header-app__plus-list {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .header-app--v2 .header-app__contnent {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .header-app--v2 .header-app__link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v3 .header-app__bet-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .header--v1 .header__nav-item::after {
        right: -12px
    }

    .header--v1 .header__nav-item:not(:last-child) {
        margin-right: 20px
    }

    .news-block--v2 .news-block__list {
        -ms-grid-columns:(1fr) [ 12 ];
        grid-template-columns:repeat(12, 1fr)
    }

    .news-block--v3 .news-block__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

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

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

@media (max-width: 1023px) {

    .gallery--v1 .gallery__list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .gallery--v3 .gallery__button--prev {
        margin-right: 15px
    }

    .gallery--v3 .gallery__button--next {
        margin-left: 15px
    }


    .feedbacks__list--v2 {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr)
    }

    .feedbacks__list--v3 {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .feedbacks__list--v4 {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr)
    }

    .bookmakers--v4 .bookmakers__body, .bookmakers--v5 .bookmakers__body, .bookmakers--v8 .bookmakers__body {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .bookmaker--v1 {
        -ms-grid-columns: 105px 1fr 1fr 250px;
        grid-template-columns:105px 1fr 1fr 250px
    }

    .bookmaker--v1 .bookmaker__image {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .bookmaker--v1 .bookmaker__content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 3;
        grid-column: 2/5;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .bookmaker--v1 .bookmaker__ad {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        -ms-grid-row-align: auto;
        align-self: auto
    }

    .bookmaker--v1 .bookmaker__buttons {
        margin: 0;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .bookmaker--v2 {
        -ms-grid-columns: .5fr 1.5fr;
        grid-template-columns:.5fr 1.5fr
    }

    .bookmaker--v2 .bookmaker__content {
        border-right: none
    }

    .bookmaker--v2 .bookmaker__info-list {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        padding-left: 20px;
        border: none
    }

    .bookmaker--v2 .bookmaker__ad {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .bookmaker--v2 .bookmaker__buttons {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .cards__list--v1, .cards__list--v2, .cards__list--v3 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

    .pros-cons--v1 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 20px
    }

    .pros-cons--v1 .pros-cons__item svg {
        width: 40px;
        height: 40px;
        margin-left: 7px
    }

    .pros-cons--v2 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 20px
    }

    .pros-cons--v2 .pros-cons__item svg {
        width: 30px;
        height: 30px
    }

    .pros-cons--v3 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 20px
    }

    .toc--v1 .toc__list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .toc--v2 .toc__list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .downloads--v3 .downloads__table-head {
        display: none
    }

    .app--v2 {
        -ms-grid-columns: 2fr 1.5fr 1.5fr;
        grid-template-columns:2fr 1.5fr 1.5fr
    }

    .app--v2 .app__header {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }

    .app--v2 .app__lists {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3
    }

    .app--v2 .app__content {
        grid-column: 1/-1;
        border-top: 1px solid #e9e9e9;
        border-right: none
    }

    .app--v2 .app__buttons {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .app--v3 {
        -ms-grid-columns: 45px 1fr 230px;
        grid-template-columns:45px 1fr 230px
    }

    .app--v3 .app__number {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .app--v3 .app__header {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .app--v3 .app__content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        margin-left: -1px;
        border-right: none
    }

    .app--v3 .app__money-list {
        border: 1px solid #e9e9e9;
        margin-left: -1px
    }

    .app--v3 .app__links {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .app--v4 {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .app--v4 .app__header {
        grid-column: 1/-1;
        border-bottom: 1px solid #e9e9e9;
        border-right: none
    }

    .app--v4 .app__plus {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3
    }

    .app--v4 .app__links {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4
    }

    .app--v5 {
        -ms-grid-columns:(1fr) [ 5 ];
        grid-template-columns:repeat(5, 1fr)
    }

    .app--v5 .app__header {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4
    }

    .app--v5 .app__content {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        border: none;
        border-top: 1px solid #e9e9e9
    }

    .app--v5 .app__money-list {
        -ms-grid-column: 4;
        -ms-grid-column-span: 2;
        grid-column: 4/6;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        border: none
    }

    .app--v5 .app__money-list svg {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }

    .app--v5 .app__money-item {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }

    .app--v5 .app__buttons {
        -ms-grid-column: 4;
        -ms-grid-column-span: 2;
        grid-column: 4/6;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        border-left: 1px solid #e9e9e9;
        border-top: 1px solid #e9e9e9
    }

    .paper--v1.paper--lg .paper__image {
        max-height: 135px
    }

    .paper--v1.paper--lg .paper__preview {
        -webkit-line-clamp: 3
    }

    .paper--v1.paper--lg {
        -ms-grid-column-span: 12;
        grid-column: span 12;
        grid-row: auto;
        -ms-grid-columns: 258px 1fr;
        grid-template-columns:258px 1fr
    }

    .paper--v1.paper--md {
        -ms-grid-column-span: 12;
        grid-column: span 12;
        grid-row: auto
    }

    .paper--v1.paper--sm {
        padding: 10px 0 5px;
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    .paper--v2.paper--lg .paper__content p {
        -webkit-line-clamp: 3
    }

    .paper--v2.paper--lg {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    .paper--v2.paper--md .paper__content p {
        -webkit-line-clamp: 3
    }

    .paper--v2.paper--md, .paper--v2.paper--sm {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    .paper--v3.paper--sm .paper__content {
        -ms-flex-preferred-size: 64%;
        flex-basis: 64%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .paper--v3.paper--sm {
        height: auto
    }

    .header-app--v1 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .header-app--v1 .header-app__main {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .header-app--v1 .header-app__aside {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr);
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        border: none
    }

    .header-app--v1 .header-app__slogan {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .header-app--v1 .header-app__aside-text {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .header-app--v1 .header-app__price-list {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .header-app--v1 .header-app__money-list {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .header-app--v1 .header-app__footer {
        border-top: 1px solid #e9e9e9;
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .header-app--v3 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

    .header-app--v3 .header-app__main {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        border-right: none;
        gap: 10px 20px
    }

    .header-app--v3 .header-app__button {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        border: none;
        border-bottom: 1px solid #e9e9e9
    }

    .header-app--v3 .header-app__link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v3 .header-app__bet-list {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        border-right: none;
        padding: 10px;
        border-bottom: 1px solid #e9e9e9;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v3 .header-app__bet-item {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        padding: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v3 .header-app__content {
        grid-column: 1/-1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5
    }

    .header-app--v3 .header-app__slogan {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v3 .header-app__content-text {
        text-align: center
    }

    .header-app--v3 .header-app__price-list {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5/6
    }

    .header-app--v3 .header-app__money-list {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5/6;
        border-right: none
    }

    .header-app--v3 .header-app__plus-list {
        grid-column: 1/-1;
        -ms-grid-row: 6;
        -ms-grid-row-span: 1;
        grid-row: 6/7;
        margin: 0 auto
    }

    .header--v1 .header__nav {
        padding-top: 110px;
        position: absolute;
        top: 0;
        right: -100%;
        overflow-y: auto;
        overflow-x: hidden;
        height: 0;
        width: 0;
        z-index: 15
    }

    .header--v1 .header__nav._active {
        position: fixed;
        right: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, .9)
    }

    .header--v1 .header__nav._active::after {
        display: none;
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        height: 72px;
        width: 100%;
        background-color: #000
    }

    .header--v1 .header__nav-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-right: 16px
    }

    .header--v1 .header__nav-item::after {
        display: none
    }

    .header--v1 .header__nav-item:last-child, .header--v1 .header__nav-item:not(:last-child) {
        margin-right: 0
    }

    .header--v1 .header__nav-item {
        width: calc(100% - 15px)
    }

    .header--v1 .header__nav-item._active .header__nav-sublist {
        visibility: visible;
        opacity: 1;
        pointer-events: all;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 100%
    }

    .header--v1 .header__nav-item._active .header__nav-item a::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header--v1 .header__nav-item--has-children {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header--v1 .header__nav-item .link {
        padding-left: 30px;
        font-size: 22px
    }

    .header--v1 .header__nav-sublist::after, .header--v1 .header__nav-sublist::before {
        display: none
    }

    .header--v1 .header__nav-sublist {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        max-width: 100%;
        top: 0;
        right: 0;
        left: auto;
        background-color: #00000063;
        height: 0;
        position: relative;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .header--v1 .header__nav-subitem:nth-child(even) {
        background-color: transparent
    }

    .header--v1 .header__nav-subitem {
        padding: 0
    }

    .header--v1 .header__nav-subitem .link {
        padding: 10px 25px;
        width: 100%
    }

    .header--v1 .header__link {
        padding: 8px
    }

    .header--v1 .header__toggle-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header--v1 .header__toggle-menu._active svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header--v2 .header__button {
        padding: 15px;
        font-size: 12px
    }

    .header--v2 .header__toggle-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header--v2 .header__bottom {
        padding: 0
    }

    .header--v2 .header__nav {
        position: absolute;
        opacity: 0;
        overflow-x: hidden;
        overflow-y: auto;
        top: 1000px;
        right: 0;
        padding-bottom: 150px;
        width: 100%;
        pointer-events: none
    }

    .header--v2 .header__nav._active {
        top: 0;
        right: 0;
        height: 100vh;
        opacity: 1;
        pointer-events: all
    }

    .header--v2 .header__nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header--v2 .header__nav-item--has-children._active .icon-arrow svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header--v2 .header__nav-item--has-children {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header--v2 .header__nav-item {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .header--v2 .header__nav-item .link {
        padding: 15px;
        font-size: 20px
    }

    .header--v2 .header__nav-sublist::after, .header--v2 .header__nav-sublist::before {
        display: none
    }

    .header--v2 .header__nav-sublist {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .header--v2 .header__nav-subitem .link {
        padding: 10px 10px 10px 30px
    }

    .comment {
        margin-top: 20px
    }

    .comment:first-child {
        margin-top: 30px
    }

    .footer {
        padding: 45px 0 20px
    }

    .footer--enable-mobile-button {
        padding-bottom: 90px
    }

    .footer__logo img {
        max-height: 32px
    }

    .footer__links-link img {
        max-height: 35px
    }

    .footer__links-link:not(:last-child) {
        margin-right: 30px
    }

    .payments-systems__item img {
        max-height: 15px
    }

    .payments-systems__item {
        padding: 8px 12px
    }
}

@media (max-width: 1023px) and (max-width: 575px) {
    .header--v1 .header__nav._active::after {
        height: 90px
    }
}

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

@media (max-width: 850px) {
    .video__container {
        padding-bottom: 308px
    }
}

@media (max-width: 767px) {
    .onewinsbr-wrapper:first-child {
        margin-top: 1rem
    }

    .onewinsbr-wrapper:last-child {
        margin-bottom: 1rem
    }

    .onewinsbr-wrapper + .onewinsbr-wrapper {
        margin-top: 1rem
    }

    .gallery--v1 .gallery__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .gallery--v1 .gallery__item {
        -ms-grid-column-align: center;
        justify-self: center
    }

    .gallery--v2 .gallery__item {
        max-height: 350px
    }

    .gallery--v3 .gallery__button {
        min-width: 50px
    }


    .feedbacks__list--v2, .feedbacks__list--v3, .feedbacks__list--v4 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .bookmakers--v1 .bookmakers__table-row {
        padding: 10px
    }

    .bookmakers--v4 .bookmakers__body, .bookmakers--v5 .bookmakers__body, .bookmakers--v8 .bookmakers__body {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr)
    }

    .bookmaker--v1 .bookmaker__button {
        padding: 15px
    }

    .bookmaker--v2 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .bookmaker--v2 .bookmaker__content {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        margin-bottom: 15px;
        -ms-grid-column-align: center;
        justify-self: center;
        padding: 10px
    }

    .bookmaker--v2 .bookmaker__info-wrapper {
        border-right: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px
    }

    .bookmaker--v2 .bookmaker__info-list {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 0
    }

    .bookmaker--v2 .bookmaker__item {
        max-width: 100%;
        padding: 5px
    }

    .bookmaker--v2 .bookmaker__ad {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .bookmaker--v2 .bookmaker__buttons {
        border-left: none;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5/6;
        padding: 10px
    }

    .bookmaker--v3 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .bookmaker--v3 .bookmaker__image img {
        height: 100%;
        max-height: 100px
    }

    .bookmaker--v3 .bookmaker__content {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        margin: 0;
        padding: 0 15px
    }

    .bookmaker--v3 .bookmaker__info-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-right: none;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        padding: 0 18px
    }

    .bookmaker--v3 .bookmaker__buttons {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5;
        padding-top: 0
    }

    .bookmaker--v6 .bookmaker__header {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        border-right: none
    }

    .bookmaker--v6 .bookmaker__price-list {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }

    .bookmaker--v6 .bookmaker__ad {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        border-right: none;
        border-bottom: 1px solid #e9e9e9
    }

    .bookmaker--v6 .bookmaker__links {
        -ms-grid-column-span: 3;
        grid-column: span 3;
        border: none
    }

    .bookmaker--v7 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .bookmaker--v7 .bookmaker__header {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        border-right: none
    }

    .bookmaker--v7 .bookmaker__ad {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        border-right: none;
        border-bottom: 1px solid #e9e9e9
    }

    .bookmaker--v7 .bookmaker__money-list {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        border-right: none;
        gap: 15px
    }

    .bookmaker--v7 .bookmaker__links {
        grid-column: 1/-1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5;
        border: none;
        border-top: 1px solid #e9e9e9
    }

    .cards__list--v1, .cards__list--v2, .cards__list--v3 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .steps--v2 .steps__list {
        padding: 0
    }

    .steps--v2 .steps__item::before {
        width: 25px;
        height: 25px;
        top: -10px;
        left: 6px
    }

    .steps--v2 .steps__item-arrow-shevron {
        margin-top: auto
    }

    .steps--v2 .steps__item-arrow-circle {
        width: 36px;
        height: 36px;
        left: -9px
    }

    .steps--v2 .steps__item-arrow-bottom {
        display: none
    }

    .steps--v2 .steps__arrow, .steps--v2 .steps__bottom-arrow {
        width: 10px
    }

    .steps--v2 .steps__item-content::after {
        width: 10px;
        height: 23px;
        top: 15px;
        left: -9px
    }

    .steps--v2 .steps__item-content {
        margin: 0
    }

    .steps--v3 .steps__list {
        gap: 15px
    }

    .steps--v3 .steps__item::before {
        width: 50px;
        height: 40px
    }

    .steps--v3 .steps__item {
        padding-left: 22px
    }

    .steps--v3 .steps__triangle {
        width: 15px;
        background-size: contain
    }

    .toc--v1 .toc__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        padding: 20px
    }

    .toc--v2 .toc__list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .toc--v3 .toc__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .app--v1 {
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns:2fr 1fr
    }

    .app--v1 .app__header {
        grid-column: 1/-1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .app--v1 .app__content {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row-align: center;
        align-self: center
    }

    .app--v1 .app__buttons {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3
    }

    .app--v2 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

    .app--v2 .app__header {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        padding: 10px
    }

    .app--v2 .app__lists {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        border-right: none
    }

    .app--v2 .app__content {
        grid-column: 1/-1;
        padding: 10px
    }

    .app--v2 .app__buttons {
        grid-column: 1/-1;
        grid-row: auto;
        padding: 10px
    }

    .app--v2 .app__link {
        padding: 10px
    }

    .app--v3 {
        -ms-grid-columns: 30px 1fr;
        grid-template-columns:30px 1fr
    }

    .app--v3 .app__header, .app--v3 .app__number {
        border-bottom: 1px solid #e9e9e9
    }

    .app--v3 .app__content {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        margin: 0;
        border: none
    }

    .app--v3 .app__money-list {
        border-left: none;
        border-right: none
    }

    .app--v3 .app__links {
        grid-column: 1/-1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5;
        border: none
    }

    .app--v4 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .app--v4 .app__header {
        grid-column: 1/-1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .app--v4 .app__image {
        margin: 0 auto
    }

    .app--v4 .app__plus {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        border-right: none;
        border-bottom: 1px solid #e9e9e9
    }

    .app--v4 .app__links {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .app--v5 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .app--v5 .app__header {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .app--v5 .app__content {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .app--v5 .app__money-list {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        border-top: 1px solid #e9e9e9;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        gap: 20px
    }

    .app--v5 .app__money-item, .app--v5 .app__money-list svg {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .app--v5 .app__buttons {
        grid-column: 1/-1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5;
        border-left: none
    }

    .paper--v1.paper--sm {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }

    .paper--v2.paper--lg {
        -ms-grid-column-span: 12;
        grid-column: span 12
    }

    .paper--v2.paper--md, .paper--v2.paper--sm {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }

    .paper--v3.paper--lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .paper--v3.paper--md .paper__image {
        max-height: 100px;
        height: 100%
    }

    .paper--v3.paper--md .paper__link {
        margin-top: auto
    }

    .paper--v3.paper--md {
        -ms-grid-column-span: 12;
        grid-column: span 12
    }

    .paper--v3.paper--md .paper__image, .paper--v3.paper--sm .paper__image {
        max-height: 100px
    }

    .paper--v3.paper--sm {
        -ms-grid-column-span: 12;
        grid-column: span 12
    }

    .header-app--v1 .header-app__main {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .header-app--v1 .header-app__image {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        max-width: 100%;
        max-height: 100px;
        padding: 10px
    }

    .header-app--v1 .header-app__link {
        grid-column: 1/-1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v1 .header-app__main-wrapper {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .header-app--v1 .header-app__platform-list {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .header-app--v1 .header-app__main-description {
        text-align: center
    }

    .header-app--v1 .header-app__bet-list {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v1 .header-app__aside {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .header-app--v1 .header-app__slogan {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v1 .header-app__aside-text {
        text-align: center
    }

    .header-app--v1 .header-app__price-list {
        grid-column: 1/-1
    }

    .header-app--v1 .header-app__money-list {
        grid-column: 1/-1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5
    }

    .header-app--v1 .header-app__item {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 0 5px
    }

    .header-app--v2 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .header-app--v2 .header-app__logo {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        border-right: none
    }

    .header-app--v2 .header-app__image {
        max-height: 90px
    }

    .header-app--v2 .header-app__rating {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v2 .header-app__main {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        border: none
    }

    .header-app--v2 .header-app__main-description, .header-app--v2 .header-app__name {
        text-align: center
    }

    .header-app--v2 .header-app__bet-list {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-bottom: 10px
    }

    .header-app--v2 .header-app__bet-item {
        padding: 10px
    }

    .header-app--v2 .header-app__money-list {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .header-app--v2 .header-app__plus-list {
        grid-column: 1/-1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5;
        margin: 0 auto
    }

    .header-app--v2 .header-app__contnent {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .header-app--v2 .header-app__slogan {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v2 .header-app__content-text {
        text-align: center
    }

    .header-app--v3 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .header-app--v3 .header-app__main {
        -ms-grid-columns: 100px 1fr;
        grid-template-columns:100px 1fr
    }

    .header-app--v3 .header-app__price-list {
        grid-column: 1/-1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5/6;
        border-right: none
    }

    .header-app--v3 .header-app__money-list {
        grid-column: 1/-1;
        -ms-grid-row: 6;
        -ms-grid-row-span: 1;
        grid-row: 6/7
    }

    .header-app--v3 .header-app__plus-list {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        grid-row: 7/8
    }

    .header--v2 .header__top-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 90px 1fr 90px;
        grid-template-columns:90px 1fr 90px;
        gap: 10px
    }

    .header--v2 .header__logo {
        -ms-grid-column: 1;
        grid-column: 1/1;
        -ms-grid-row: 1;
        grid-row: 1/1;
        margin: 0
    }

    .header--v2 .header__page-nav {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .header--v2 .header__page-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header--v2 .header__buttons {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        margin: 0 auto
    }

    .header--v2 .header__toggle-menu {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 1;
        grid-row: 1/1
    }

    .news-block--v1 .news-block__list {
        gap: 10px;
        padding-bottom: 5px
    }

    .news-block--v3 .news-block__list--stretch .paper--v3.paper--sm {
        -ms-grid-column-span: 12;
        grid-column: span 12
    }

    .breadcrumbs__list_item:not(:last-child) {
        margin-right: 7px
    }

    .breadcrumbs__list-link svg {
        margin-left: 7px
    }

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

    .button-content {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .button-content__control {
        font-size: 14px;
        line-height: 16px
    }

    .comment-form {
        border-radius: 5px;
        background-color: #f1f5ff;
        padding: 10px
    }

    .comment-form__title {
        font-size: 14px;
        line-height: 17px
    }

    .comment-form__form {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .comment-form__textarea {
        -ms-grid-column: 1;
        grid-column: 1/1;
        grid-row: auto
    }

    .comment-form__field {
        border-radius: 5px;
        padding: 13px;
        font-size: 14px;
        line-height: 16px;
        background-color: #e5eaf7
    }

    .comment-form__button {
        border-radius: 5px;
        padding: 13px;
        font-size: 14px;
        line-height: 16px
    }

    .comment-form__button svg {
        width: 19px;
        height: 19px
    }

    .comment {
        margin-top: 10px
    }

    .comment__author {
        font-size: 16px;
        line-height: 18px
    }

    .comment__content {
        font-size: 14px;
        line-height: 16px
    }

    .footer__social-list {
        padding: 15px 0
    }

    .footer__social-item {
        margin: 0 15px
    }

    .footer__links-list, .footer__payments-systems {
        padding: 15px 0
    }
}


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

@media (max-width: 575px) {

    .gallery--v3 .gallery__wrapper {
        padding: 18px 10px
    }

    .gallery--v3 .gallery__button {
        min-width: 30px
    }

    .bookmaker--v1 {
        padding: 10px;
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .bookmaker--v1 .bookmaker__image {
        -ms-grid-column-align: center;
        justify-self: center;
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .bookmaker--v1 .bookmaker__content {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .bookmaker--v1 .bookmaker__ad {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .bookmaker--v1 .bookmaker__buttons {
        grid-column: 1/-1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5
    }

    .bookmaker--v1 .bookmaker__button:not(:last-child) {
        margin-bottom: 5px
    }

    .bookmaker--v1 .bookmaker__button {
        width: 100%
    }

    .bookmaker--v3 .bookmaker__info-list {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        row-gap: 10px
    }

    .bookmaker--v3 .bookmaker__item {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .bookmaker--v6 .bookmaker__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bookmaker--v6 .bookmaker__image {
        margin-bottom: 15px;
        margin-right: 0
    }

    .bookmaker--v6 .bookmaker__price-list {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        border-right: none
    }

    .bookmaker--v6 .bookmaker__links {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }

    .bookmaker--v7 .bookmaker__header {
        -ms-grid-columns: 137px 1fr;
        grid-template-columns:137px 1fr;
        padding: 20px 10px;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .bookmaker--v7 .bookmaker__image {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3
    }

    .bookmaker--v7 .bookmaker__header-wrapper {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        gap: 20px 10px
    }

    .bookmaker--v7 .bookmaker__platform-list {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        -ms-grid-column-align: start;
        justify-self: start
    }

    .bookmaker--v7 .bookmaker__ad {
        padding: 20px 10px
    }

    .bookmaker--v7 .bookmaker__money-list {
        gap: 10px;
        padding: 20px 10px
    }

    .bookmaker--v7 .bookmaker__links {
        padding: 20px 10px
    }


    .toc--v2 .toc__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .app--v1 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .app--v1 .app__header {
        padding: 10px
    }

    .app--v1 .app__content {
        grid-column: 1/-1;
        padding: 20px 10px 10px
    }

    .app--v1 .app__buttons {
        grid-column: 1/-1;
        padding: 10px
    }

    .app--v2 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .app--v2 .app__header {
        grid-column: 1/-1;
        -ms-grid-column-align: center;
        justify-self: center;
        border-right: none
    }

    .app--v2 .app__lists {
        -ms-grid-column-align: center;
        justify-self: center;
        grid-column: 1/-1
    }

    .app--v4 .app__image {
        margin-bottom: 8px
    }

    .app--v4 .app__header-wrapper {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 100%
    }

    .app--v4 .app__name {
        margin: 0
    }

    .app--v4 .app__slogan {
        margin-top: 8px
    }

    .app--v4 .app__lists {
        -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
    }

    .app--v4 .app__lists-wrapper:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px
    }


    .paper--v1.paper--lg {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        -ms-grid-rows: 150px -webkit-min-content;
        -ms-grid-rows: 150px min-content;
        grid-template-rows:150px -webkit-min-content;
        grid-template-rows:150px min-content;
        -ms-grid-column-span: 12;
        grid-column: span 12;
        padding: 20px 10px 10px;
        gap: 10px
    }

    .paper--v1.paper--lg .paper__content {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .paper--v1.paper--lg .paper__preview {
        display: none
    }

    .paper--v1.paper--md {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        -ms-grid-rows: 150px -webkit-min-content;
        -ms-grid-rows: 150px min-content;
        grid-template-rows:150px -webkit-min-content;
        grid-template-rows:150px min-content;
        -ms-grid-column-span: 12;
        grid-column: span 12;
        padding: 20px 10px 10px;
        gap: 10px
    }

    .paper--v1.paper--md .paper__content {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .paper--v1.paper--md .paper__preview {
        display: none
    }

    .paper--v1.paper--sm {
        -ms-grid-rows: 150px -webkit-min-content;
        -ms-grid-rows: 150px min-content;
        grid-template-rows:150px -webkit-min-content;
        grid-template-rows:150px min-content;
        -ms-grid-column-span: 12;
        grid-column: span 12;
        padding: 20px 10px 10px
    }

    .paper--v2.paper--md, .paper--v2.paper--sm {
        -ms-grid-column-span: 12;
        grid-column: span 12
    }

    .header-app--v1 .header-app__main-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v1 .header-app__name {
        margin-bottom: 10px
    }

    .header-app--v1 .header-app__platform-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header-app--v1 .header-app__rating {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v1 .header-app__bet-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px
    }

    .header-app--v1 .header-app__bet-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v1 .header-app__info-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
    }

    .header-app--v1 .header-app__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0
    }

    .header-app--v3 .header-app__main {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .header-app--v3 .header-app__image {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .header-app--v3 .header-app__main-wrapper {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .header-app--v3 .header-app__main-inner {
        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: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 10px
    }

    .header-app--v3 .header-app__rating {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app--v3 .header-app__main-description {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .header-app--v3 .header-app__bet-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .header--v2 .header__top-container {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        padding: 0
    }

    .header--v2 .header__page-nav {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .header--v2 .header__page-list-item .link {
        padding: 7px
    }

    .header--v2 .header__buttons {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        width: 100%
    }

    .header--v2 .header__toggle-menu {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        grid-row: 1/1
    }

    .page-404__title {
        font-size: 100px;
        line-height: 110px
    }
}

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

@media (max-width: 449px) {

    .gallery--v1 {
        padding: 20px 10px
    }

    .header-app--v1 .header-app__aside, .header-app--v1 .header-app__footer, .header-app--v1 .header-app__main, .header-app--v3 .header-app__button, .header-app--v3 .header-app__content, .header-app--v3 .header-app__main, .header-app--v3 .header-app__plus-list, .header-app--v3 .header-app__price-list {
        padding: 10px
    }

    .header--v2 .header__top {
        padding: 20px 10px
    }
}



@media (max-width: 374px) {

    .header--v1 .header__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header--v1 .header__link:not(:last-child) {
        margin-right: 0
    }
}

/* fix */
.custom-table, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem
}

.mobile-button__link, .promo, .promo__button, .scroll-lock, .toc-auto {
    overflow: hidden
}

.bonus-block__bonus p .green, .bonus-block__bonus p .purple {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

.faq__question, .how-to__subtitle, .how-to__title, .screenshot-gallery__title {
    -webkit-text-fill-color: inherit
}

.toc-auto {
    width: 100%;
    max-width: 100%;
    padding: 0;
    border-radius: 12px 0 0
}

.autoToc__navigation {
    padding: 12px 48px;
    width: fit-content;
    background-image: linear-gradient(-45deg, #0855c4, #0095ff);
    transform: translateX(-25px) skewX(30deg);
    border-radius: 0 12px 0 0
}

.autoToc__navigation-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-start;
    transform: skewX(-30deg)
}

.toc-auto .toc-hide-block {
    display: block;
    position: relative;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    border: none;
    color: #fff;
    cursor: pointer
}

.toc-auto button {
    background: 0 0
}

.toc-auto h3 {
    font-size: 20px;
    text-transform: none;
    margin: 0 20px 0 0;
    padding: 0;
    color: #fff
}

.toc-auto ol, .toc-auto ul {
    display: none;
    margin: 0;
    border-radius: 0 12px 12px;
    padding: 12px 16px 12px 48px;
    background-color: #edf2ff;
    color: #000
}

.toc-auto.tocOpen ol, .toc-auto.tocOpen ul {
    display: block
}

.toc-auto li {
    margin: 10px 0;
    padding: 0
}

.toc-auto a {
    text-decoration: none;
    color: #000;
    font-weight: 400
}

.header--v1 .header__container {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px
}

.header--v1 .header__container::after {
    position: absolute;
    content: "";
    top: 0;
    right: calc(var(--offsets) - 10px);
    bottom: 0;
    left: calc(var(--offsets) - 10px);
    border-radius: 10px;
    background-image: linear-gradient(92deg, #1e283f, rgba(20, 27, 46, .6));
    background-color: #090f1e
}

.header--v1 .header__logo img {
    width: 96px
}

.header--v1 .header__nav {
    position: relative
}

.header--v1 .header__nav-item::after {
    display: none
}

.header--v1 .header__nav-item--current > .link, .promo__container {
    position: relative
}

.header--v1 .header__nav-item--current > .link::after {
    position: absolute;
    content: "";
    left: 10px;
    right: 10px;
    bottom: 0;
    border-radius: 3px 3px 0 0;
    height: 4px;
    background-image: linear-gradient(332deg, #0855c4, #108de7)
}

@media (min-width: 1023px) {
    .header--v1 .header__nav-item a.link:hover {
        color: var(--color-nav-items);
        transform: scale(1.05);
        transition: .3s
    }
}

@media (max-width: 1023px) {
    .header--v1 .header__nav {
        position: absolute;
        padding-top: 125px
    }

    .header--v1 .header__nav-item--current > .link::after {
        display: none
    }

    .header--v1 .header__nav-item--current > .link {
        color: var(--color-accent)
    }

    .header--v1 .header__nav-item .link {
        font-size: 16px;
        line-height: 18px;
        font-weight: 700
    }
}

.header--v1 .header__buttons {
    background-color: transparent;
    margin-left: auto
}

.header--v1 .header__link {
    border-radius: 8px;
    padding: 8px 16px;
    color: #fff
}

.steps--v1 .steps__text, body {
    color: #abb8c3
}

.comment-form__button, .header--v1 .header__link--up {
    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%)
}

.header--v1 .header__link--up:hover {
    border: 1px solid transparent;
    opacity: .9
}

@media (max-width: 450px) {
    .header--v1 .header__link + .header__link {
        margin-top: 5px
    }

    .header--v1 .header__buttons {
        flex-direction: column
    }
}

.header--v1 .header__toggle-menu {
    position: relative;
    border-radius: 8px;
    border: none;
    width: 34px;
    height: 34px;
    cursor: pointer;
    margin-left: auto
}

.header--v1 .header__buttons ~ .header__toggle-menu {
    margin-left: 20px
}

.header--v1 .header__toggle-menu span {
    position: absolute;
    display: inline-block;
    border-radius: 6px;
    width: 100%;
    height: 3px;
    background-color: var(--color-nav-items);
    transition: .3s ease-in-out
}

.header--v1 .header__toggle-menu span:first-child {
    top: 7px
}

.header--v1 .header__toggle-menu span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%)
}

.header--v1 .header__toggle-menu span:nth-child(3) {
    bottom: 7px
}

.header--v1 .header__toggle-menu._active span:first-child {
    transform: translate(0, 8px) rotate(45deg)
}

.header--v1 .header__toggle-menu._active span:nth-child(2) {
    opacity: 0
}

.header--v1 .header__toggle-menu._active span:nth-child(3) {
    transform: translate(0, -8px) rotate(-45deg)
}


.mobile-button__link {
    position: relative;
    border-radius: 8px;
    font-weight: 700;
    background-image: linear-gradient(255deg, #00b7ff, #8d53e9)
}

body {
    background-color: #151b29
}

h1, h2, h3, h4, h5, h6 {
    color: #0a63f6
}

.wp-block-table table th {
    border-color: #0a63f6
}

.wp-block-table table th:not(:last-child) {
    border-right-color: #4179d7
}

.steps--v1 .steps__item {
    background-color: transparent;
    border: 1px solid #0a63f6
}

.steps--v1 .steps__item::after {
    background-color: #0a63f6
}

.onewinsbr-faq--v1 {
    background-color: transparent;
    border-color: #0a63f6
}

.onewinsbr-faq--v1 .onewinsbr-faq__title svg {
    display: none
}

.onewinsbr-faq--v1 .onewinsbr-faq__item[open] .onewinsbr-faq__item-title {
    background-color: transparent;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 700
}

.onewinsbr-faq--v1 .onewinsbr-faq__item:focus .onewinsbr-faq__item-title, .onewinsbr-faq--v1 .onewinsbr-faq__item:hover .onewinsbr-faq__item-title {
    color: #0a63f6
}

.onewinsbr-faq--v1 .onewinsbr-faq__item .onewinsbr-faq__item-title {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    background-color: transparent
}

.onewinsbr-faq--v1 .onewinsbr-faq__item[open] .onewinsbr-faq__item-description {
    background-color: transparent;
    padding: 0 25px 10px
}

.first-screen .text-image__container, .onewinsbr-faq--v1 .onewinsbr-faq__item .onewinsbr-faq__item-description {
    background-color: transparent
}

.onewinsbr-faq--v1 .onewinsbr-faq__item .onewinsbr-faq__item-title svg, .onewinsbr-faq--v1 .onewinsbr-faq__item[open] .onewinsbr-faq__item-title svg {
    fill: #0A63F6
}

.onewinsbr-faq--v1 .onewinsbr-faq__item::after {
    background-color: #0a63f6
}

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

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

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

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

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

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

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

.header__nav-item:nth-child(3) > .link {
    color: #e50539;
    text-shadow: 0 0 8px #e50539
}

.header__nav-item:nth-child(4) > .link {
    color: #ffbc08;
    text-shadow: 0 0 8px #ffbc08
}

.header--v1 .header__logo {
    margin-right: 0
}

.onewinsbr-wrapper blockquote, blockquote {
    background-color: #090f1e94;
    border-color: #089e4e
}

.onewinsbr-wrapper blockquote > :first-child, blockquote > :first-child {
    margin-top: 0
}

.mobile-button._active {
    opacity: 1;
    visibility: visible
}

.screenshot-gallery.container, .text-image {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.text-image h2, .text-image h3 {
    position: relative;
    padding-bottom: 15px;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 10px
}

.text-image h2::after, .text-image h3::after {
    content: "";
    position: absolute;
    height: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--grad-purple);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: none
}

@media (max-width: 1023px) {
    .text-image h2, .text-image h3 {
        padding-bottom: 12px;
        margin-bottom: 15px
    }
}

.reversed .text-image__item-image-block {
    order: -1
}

.comment-form__title, .first-screen h1, .first-screen h2, .first-screen h3, .first-screen h4, .first-screen h5, .first-screen h6 {
    color: #fff
}

.first-screen ol, .first-screen p, .first-screen ul, .promo__description {
    color: #ccd2e3
}

.text-image__container {
    border-radius: 3px;
    background-color: var(--crl-bg-container);
    display: grid;
    grid-template-columns:repeat(10, 1fr);
    gap: 20px
}

.text-image__item-inner-block {
    grid-column: span 6
}

.text-image__item-image-block {
    grid-column: span 4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}




@media (max-width: 1023px) {
    .text-image__item-inner-block {
        grid-column: -1
    }

    .text-image__item-image-block {
        align-items: center;
        grid-column: -1
    }

    .text-image__container {
        grid-template-columns:1fr;
        gap: 15px 0
    }

    .text-image__item-image-block, .text-image__item-inner-block {
        grid-column: auto
    }

}

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

.button-content__control, .faq__question {
    position: relative;
    color: #fff;
    cursor: pointer
}

.faq__question {
    padding: 0 20px 0 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    font-style: normal;
    font-size: 20px;
    line-height: 24px
}

.faq__question::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    background-image: url('../images/arrow-down.svg');
    transition: .3s ease-in-out
}

.faq__question.active::before {
    transform: translateY(-50%) rotate(0)
}

.faq__answer {
    height: auto;
    max-height: 0;
    margin: 0;
    font-weight: 500
}

.faq__answer.active {
    padding-top: 12px;
    max-height: 100%
}

@media (max-width: 1023px) {
    .faq__question::before {
        width: 17px;
        height: 17px
    }

    .faq__answer.active {
        padding: 20px
    }

    .promo--v1 .promo__container.container::after, .promo--v1 .promo__container.container::before {
        display: none
    }
}



.promo {
    background: url('../images/promo-bg.webp') 0 0/cover no-repeat #060a15;
    border-top: 1px solid #1e283f;
    margin-bottom: 1rem
}

.promo__container::after, .promo__container::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.promo__container::after {
    background-image: url('../images/promo-1.webp');
    top: 50%;
    transform: translateY(-50%);
    left: -340px;
    width: 404px;
    height: 478px;
    transform-origin: center top;
    animation-name: after-image;
    animation-duration: 10s;
    animation-iteration-count: infinite
}

.promo__container::before {
    background-image: url('../images/promo-2.webp');
    top: 50%;
    transform: translateY(-50%);
    right: -260px;
    width: 550px;
    height: 375px
}

.promo__title {
    color: #fff;
    text-align: center
}

.promo--v1 .promo__container.container {
    padding-top: 60px;
    padding-bottom: 60px
}

.promo .promo__container.container {
    padding-top: 115px;
    padding-bottom: 160px;
    max-width: 1440px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .header--v1 .header__nav-item .link {
        padding: 13px 10px
    }

    .text-image h2, .text-image h3 {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .faq, .faq__answer.active {
        padding: 10px
    }

    .promo {
        background-position: right;
        background-image: none
    }

    .promo--v1 .promo__container.container::after, .promo--v1 .promo__container.container::before {
        display: block;
        top: auto
    }

    .promo--v1 .promo__container.container::after {
        left: 60px;
        width: 250px;
        height: 234px;
        bottom: -150px
    }

    .promo--v1 .promo__container.container::before {
        right: 60px;
        width: 230px;
        height: 230px;
        bottom: -160px
    }
}

@media (max-width: 767px) and (max-width: 575px) {
    .promo--v1 .promo__container.container::after {
        left: -12px
    }

    .promo--v1 .promo__container.container::before {
        right: 0
    }
}

@media (max-width: 1023px) {
    .promo--v1 .promo__container.container {
        padding: 15px var(--offsets) 175px
    }
}

.promo--v1 .promo__title {
    max-width: 800px;
    margin: 0 auto 10px;
    text-align: center
}

.promo--v1 .promo__description {
    max-width: 800px;
    margin: 0 auto;
    text-align: center
}

.promo--v1 .promo__description p, .screenshot-gallery__item p, .wp-block-columns .wp-block-column {
    margin: 0
}

.advantages__title, .promo--v1 .promo__description p + p, .promo--v2 .promo__description p + p, .wp-block-table + h3 {
    margin-top: 1rem
}

.promo--v2 .promo__container.container {
    padding-top: 115px;
    padding-bottom: 225px
}

@media (max-width: 1280px) {
    .lang-switch {
        margin: 0 15px
    }

    .promo--v2 .promo__container.container {
        padding-top: 85px
    }
}

@media (max-width: 1023px) {
    .promo--v2 .promo__container.container {
        padding-top: 50px;
        padding-bottom: 25px
    }

    .promo--v2 .promo__container.container::after, .promo--v2 .promo__container.container::before {
        display: none
    }
}

.promo--v2 .promo__title {
    margin: 0 auto 30px;
    max-width: 610px
}

.promo--v2 .promo__description {
    margin-left: 70px;
    margin-right: 70px;
    padding: 30px;
    background: linear-gradient(130deg, rgba(34, 45, 70, .6) -1%, rgba(34, 46, 71, .6) 70%);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.promo--v2 .promo__description p {
    max-width: 610px;
    text-align: center;
    margin: 0
}

@media (max-width: 1280px) {
    .promo--v2 .promo__description p, .promo--v2 .promo__title {
        max-width: calc(100vw / 2)
    }
}

@media (max-width: 1023px) {
    .promo--v2 .promo__title {
        max-width: 90%
    }

    .promo--v2 .promo__description p {
        max-width: 100%
    }

    .promo--v2 .promo__description {
        padding: 20px;
        margin-right: 0;
        margin-left: 0
    }
}

.promo__buttons {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.promo__button {
    outline: 0;
    border: none;
    border-radius: 10px;
    padding: 22px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    font-style: italic;
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    transform: skewX(-15deg);
    transition: .3s;
    background-size: 100% 120px;
    background-position: 0 -40px;
    cursor: pointer
}

.gbtn, .promocode-v2__tooltip, .promocode__input {
    transition: .3s ease-in-out
}

.promo__button--first {
    background-image: var(--grad-purple)
}

.promo__button--second {
    background-image: var(--grad-green)
}

.promo__button:hover {
    background-position: 0 0
}

.promo__button + .promo__button {
    margin-left: 20px
}

.promo__button-inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.promo__button-inner p.get-image {
    margin-right: 5px;
    flex-shrink: 0
}

.promo__button-inner img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block
}

.promo__btn {
    padding-top: 12px;
    padding-bottom: 12px;
}

.promo__btn + .promo__btn {
    margin-left: 12px
}

.promo__btn .get-image {
    margin-right: 4px !important;
    transform: translateY(-2px) !important
}

.promo__images {
    position: absolute;
    top: 12%;
    right: 5%;
    bottom: 0;
    left: 5%;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    pointer-events: none
}

@media (max-width: 1023px) {
    .promo__button {
        font-size: 14px;
        line-height: 17px;
        padding: 15px 25px
    }

    .promo__images {
        position: static;
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 15px;
        margin-top: 25px
    }
}

@media (max-width: 1280px) {
    .promo__images {
        right: 1%;
        left: 1%;
        top: 10%
    }

    .promo__images-left, .promo__images-right {
        width: calc(100vw / 100 * 20)
    }
}

.bonus-block {
    max-width: 1140px;
    margin: 1rem auto 0;
    background: linear-gradient(130deg, rgba(34, 45, 70, .6) -1%, rgba(34, 46, 71, .6) 70%);
    border-radius: 3px;
    display: grid;
    grid-template-columns:0.3fr 1.1fr 1fr 380px
}

@media (max-width: 1023px) {
    .promo__images-left, .promo__images-right {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .bonus-block {
        grid-template-columns:repeat(2, 1fr);
        margin-right: auto;
        margin-left: auto;
        max-width: 800px
    }
}

.bonus-block__bonus, .bonus-block__deposit, .bonus-block__icon {
    padding: 20px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid;
    border-image: linear-gradient(130deg, rgba(34, 45, 70, 0.45) -1%, rgba(70, 88, 129, 0.45) 34.82%, rgba(24, 34, 54, 0.45) 70%) 1 100%
}

.bonus-block__icon img {
    width: 48px;
    height: 48px;
    object-fit: contain
}

@media (max-width: 1023px) {
    .bonus-block__icon {
        display: none
    }

    .bonus-block__bonus {
        padding: 15px
    }
}

.bonus-block__bonus p {
    margin: 0;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    color: #fff;
    font-style: italic
}

@media (max-width: 1280px) {
    .bonus-block__bonus p {
        text-align: center;
        font-size: 21px;
        line-height: 25px
    }
}

@media (max-width: 1023px) {
    .bonus-block__bonus p {
        font-size: 18px;
        line-height: 22px
    }
}

.bonus-block__bonus p .green {
    background: linear-gradient(180deg, #2cb865 0, #017537 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 40px;
    line-height: 48px;
    font-weight: 800;
    text-transform: uppercase
}

@media (max-width: 1280px) {
    .bonus-block__bonus p .green {
        font-size: 36px;
        line-height: 42px
    }

    .bonus-block__bonus p .big-font {
        font-size: 32px
    }
}

@media (max-width: 1023px) {
    .bonus-block__bonus p .green {
        font-size: 30px;
        line-height: 35px
    }
}

.bonus-block__bonus p .big-font {
    line-height: 97%;
    text-transform: uppercase;
    font-weight: 800
}

@media (max-width: 1023px) {
    .bonus-block__bonus p .big-font {
        font-size: 28px
    }

    .bonus-block__deposit {
        border-right: none;
        padding: 15px
    }
}

.bonus-block__bonus p .purple {
    background: linear-gradient(180deg, #8019fd 0, #425175 100%), #fff;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 800;
    padding-right: 4px
}

.bonus-block__deposit p {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #fff
}

@media (max-width: 1023px) {
    .bonus-block__deposit p {
        font-size: 17px;
        line-height: 21px
    }
}

.bonus-block__deposit p .big-font {
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase
}

@media (max-width: 1280px) {
    .bonus-block__deposit p {
        text-align: center
    }

    .bonus-block__deposit p .big-font {
        text-align: center;
        font-size: 22px;
        line-height: 27px
    }
}

@media (max-width: 1023px) {
    .bonus-block__deposit p .big-font {
        font-size: 18px;
        line-height: 22px
    }
}

.bonus-block__deposit p .number {
    font-style: italic;
    font-weight: 800;
    font-size: 48px;
    line-height: 57px
}

@media (max-width: 1280px) {
    .bonus-block__deposit p .number {
        text-align: center;
        font-size: 40px;
        line-height: 48px
    }
}

@media (max-width: 1023px) {
    .bonus-block__deposit p .number {
        font-size: 34px;
        line-height: 40px
    }
}

.bonus-block__promocode {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bonus-block__promocode .promocode-v2__title {
    margin-top: 0;
    color: #fff
}

.bonus-block__promocode .promocode-v2__body-inner {
    width: 100%
}

.bonus-block__promocode .promocode__input {
    background-image: repeating-linear-gradient(-3deg, #425175, #425175 5px, #090f1e 5px, #090f1e 10px, #425175 10px), repeating-linear-gradient(87deg, #425175, #425175 5px, #090f1e 5px, #090f1e 10px, #425175 10px), repeating-linear-gradient(177deg, #425175, #425175 5px, #090f1e 5px, #090f1e 10px, #425175 10px), repeating-linear-gradient(267deg, #425175, #425175 5px, #090f1e 5px, #090f1e 10px, #425175 10px);
    font-size: 32px;
    line-height: 39px;
    letter-spacing: .2em;
    text-align: center;
    width: 335px
}

@media (max-width: 1280px) {
    .bonus-block__promocode .promocode__input {
        font-size: 28px;
        line-height: 35px
    }
}

@media (max-width: 1023px) {
    .bonus-block__promocode .promocode__input {
        font-size: 24px;
        line-height: 30px;
        width: 100%
    }

    .bonus-block__promocode {
        grid-column: -1;
        border-top: 1px solid;
        border-image: linear-gradient(130deg, rgba(34, 45, 70, 0.45) -1%, rgba(70, 88, 129, 0.45) 35%, rgba(24, 34, 54, 0.45) 70%) 100% 1;
        padding: 15px
    }
}

@media (max-width: 767px) {
    .promo--v2 .promo__container.container {
        padding-bottom: 15px;
        padding: 30px var(--offsets) 15px
    }

    .promo--v2 .promo__title {
        margin-bottom: 10px
    }

    .promo--v2 .promo__description {
        padding: 0;
        background: 0 0
    }

    .promo__buttons, .promo__images {
        margin-top: 15px
    }

    .bonus-block__bonus p {
        font-size: 16px;
        line-height: 19px
    }

    .bonus-block__bonus p .big-font, .bonus-block__bonus p .green {
        font-size: 24px;
        line-height: 29px
    }

    .bonus-block__deposit p {
        font-size: 14px;
        line-height: 17px
    }

    .bonus-block__deposit p .big-font {
        font-weight: 800;
        font-size: 16px;
        line-height: 19px
    }

    .bonus-block__deposit p .number {
        font-size: 28px;
        line-height: 33px
    }

    .bonus-block__promocode .promocode__input {
        font-size: 20px;
        line-height: 24px
    }
}

.bonus-block__bonus p .big-font {
    font-size: 34px
}

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

.promocode-v2__body, .promocode-v2__body-icon {
    align-items: center;
    position: relative;
    display: flex
}

.promocode-v2__title {
    font-weight: 700;
    margin-bottom: 15px
}

.promocode-v2__body-icon {
    justify-content: center;
    background: var(--grad-purple);
    padding: 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    align-self: stretch;
    flex-shrink: 0
}

.promocode-v2__body-icon::before {
    content: "";
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 0;
    width: 4px;
    background: var(--grad-purple);
    z-index: 5
}

.promocode-v2__body-icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: block
}

.promocode-v2__body-inner {
    width: 100%;
    position: relative
}

.promocode-v2__body-inner.active .promocode__input {
    color: #090f1e
}

.promocode__input {
    padding: 14px 75px 14px 20px;
    background-color: #090f1e;
    color: #fff;
    font-style: italic;
    font-weight: 900;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: .3em;
    border: none;
    background-image: repeating-linear-gradient(-3deg, #9020ff, #9020ff 5px, #090f1e 5px, #090f1e 10px, #9020ff 10px), repeating-linear-gradient(87deg, #9020ff, #9020ff 5px, #090f1e 5px, #090f1e 10px, #9020ff 10px), repeating-linear-gradient(177deg, #9020ff, #9020ff 5px, #090f1e 5px, #090f1e 10px, #9020ff 10px), repeating-linear-gradient(267deg, #9020ff, #9020ff 5px, #090f1e 5px, #090f1e 10px, #9020ff 10px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    outline: 0;
    width: 100%
}

.promocode-v2__copy-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    outline: 0
}

.promocode-v2__copy-button svg {
    width: 27px;
    height: 27px;
    fill: #6a789d;
    transition: .3s ease-in-out
}

.promocode-v2__copy-button .check, .promocode-v2__copy-button.active .copy {
    display: none
}

.columns__item img, .page-footer__dmca a, .promocode-v2__copy-button.active .check {
    display: block
}

.promocode-v2__copy-button:hover svg {
    fill: #fff
}

.promocode-v2__label {
    position: absolute;
    right: 0;
    bottom: 100%;
    display: flex;
    align-items: center;
    background: var(--grad-purple);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    padding: 8px 8px 8px 20px;
    border-top-right-radius: 3px
}

.promocode-v2__label svg {
    margin-right: 5px;
    width: 25px;
    height: 21px
}

.promocode-v2__tooltip {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    color: #fff;
    font-size: 2rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.comment {
    background: #090f1e6e;
    border: 1px solid #090f1e1a
}

.advantages {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%
}

.advantages__image {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center
}

.columns {
    padding: 2rem 0
}

.columns__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: var(--crl-bg-container);
    border-radius: 3px
}

.columns__container.reversed {
    flex-direction: row-reverse
}

.columns__item {
    margin: 1rem
}

.columns__item img {
    margin: 0 auto
}

.columns.align-center .columns__container {
    align-items: center
}

.columns.align-top .columns__container {
    align-items: flex-start
}

.columns.align-bottom .columns__container {
    align-items: flex-end
}

.columns.align-stretch .columns__container {
    align-items: stretch
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1300px) {
    .wp-block-columns.col-6 {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (max-width: 1200px) {
    .wp-block-columns.col-5, .wp-block-columns.col-6 {
        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 {
        grid-template-columns:repeat(3, 1fr)
    }
}

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

@media (max-width: 750px) {
    .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 {
        grid-template-columns:1fr
    }
}

.wp-block-column > * {
    flex: 1 1
}

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

.header--v1 .header__logo, .wp-block-column .row {
    padding: 0
}

.screenshot-gallery__wrapper {
    padding: 20px 20px 35px;
    background: var(--grad-bg);
    border-radius: 3px;
    position: relative
}

.screenshot-gallery__wrapper::after {
    content: "";
    position: absolute;
    height: 4px;
    top: 0;
    left: 20px;
    right: 20px;
    background: var(--grad-accent);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

@media (max-width: 1023px) {
    .bonus-block__promocode {
        padding: 10px 10px 5px
    }

    .promocode__input {
        text-align: center
    }

    .screenshot-gallery__wrapper {
        padding: 20px 15px 15px
    }

    .how-to__item::after {
        display: none
    }
}

.screenshot-gallery__title {
    color: #fff;
    margin-bottom: 15px
}

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

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

.gbtn {
    background-color: rgba(144, 32, 255, .3) !important
}

@media (hover: hover), screen and (min-width: 0\0
) {

    .gbtn:focus, .gbtn:hover {
        background-color: #9020ff !important
    }
}

.scroll-top {
    position: fixed;
    bottom: 70px;
    right: 15px
}

.scroll-top__button {
    appearance: none;
    border: none;
    outline: 0;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    background: var(--grad-purple);
    animation-name: transform;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    box-shadow: 0 0 12px 0 rgba(255, 255, 255, .5)
}

.scroll-top__button svg {
    width: 35px;
    height: 35px
}

@keyframes transform {
    0%, 100% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-10px)
    }
}

.header--v1 .header__buttons {
    max-width: max-content;
    flex-shrink: 0
}

.header--v1 .header__nav {
    z-index: 20
}

.page-footer__dmca {
    margin-top: 1rem;
    width: 100%;
    text-align: center
}

.mobile-button {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@media (max-width: 700px) {
    .mobile-button {
        display: block
    }
}

.mobile-button._active {
    pointer-events: all
}

.mobile-button__container {
    padding: 10px
}

.mobile-button__control {
    font-weight: 700;
    font-size: 16px;
    line-height: 110%;
    color: #090f1e;
    text-transform: uppercase;
    padding: 15px;
    border-radius: 10px;
    transition: .3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: var(--grad-yellow);
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    position: relative;
    box-shadow: 0 -3px 13px rgba(0, 0, 0, .24)
}

.mobile-button__control::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 60px;
    background-image: url("../images/mobile-button-bg.webp")
}

.mobile-button__control svg {
    width: 18px;
    height: 18px;
    margin-left: 5px;
    flex-shrink: 0;
    fill: #b2850a
}

.how-to, .how-to__item-content p {
    margin: 0
}

.how-to {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column
}

.how-to.container {
    margin: 1rem auto
}

.how-to__title {
    margin-bottom: 10px;
    color: #0a63f6
}

.how-to__subtitle {
    margin: 0 0 10px;
    color: #fff
}

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

.how-to__item:nth-child(4n+1) .how-to__item-content::after, .how-to__item:nth-child(4n+1) .how-to__item-label, .how-to__item:nth-child(4n+1) .how-to__item-title::after, .how-to__item:nth-child(4n+1)::after {
    background: var(--grad-purple)
}

.how-to__item:nth-child(4n+2) .how-to__item-content::after, .how-to__item:nth-child(4n+2) .how-to__item-label, .how-to__item:nth-child(4n+2) .how-to__item-title::after, .how-to__item:nth-child(4n+2)::after {
    background: var(--grad-blue)
}

.how-to__item:nth-child(4n+3) .how-to__item-content::after, .how-to__item:nth-child(4n+3) .how-to__item-label, .how-to__item:nth-child(4n+3) .how-to__item-title::after, .how-to__item:nth-child(4n+3)::after {
    background: var(--grad-green)
}

.how-to__item:nth-child(3n+4) .how-to__item-content::after, .how-to__item:nth-child(3n+4) .how-to__item-label, .how-to__item:nth-child(3n+4) .how-to__item-title::after, .how-to__item:nth-child(3n+4)::after {
    background: var(--grad-yellow)
}

.how-to__item {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-radius: 3px;
    background-color: var(--crl-bg-container);
    padding: 20px 20px 20px 30px
}

.how-to__item::after {
    content: "";
    position: absolute;
    left: 32px;
    top: 75px;
    bottom: 20px;
    width: 4px
}

.how-to__item-label {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: #3486e3
}

.how-to__item-label-counter {
    padding: 7px 20px 7px 15px;
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;
    color: #fff;
    font-style: italic
}

@media (max-width: 1280px) {
    .how-to__item::after {
        left: 22px;
        top: 60px
    }

    .how-to__item {
        padding: 20px
    }

    .how-to__item-label-counter {
        font-size: 30px;
        line-height: 36px;
        padding: 5px 15px 5px 10px
    }
}

@media (max-width: 1023px) {
    .how-to__item {
        flex-direction: column
    }

    .how-to__item-label-counter {
        font-size: 25px;
        line-height: 30px
    }
}

.how-to__item-content {
    margin-top: auto;
    margin-bottom: auto;
    flex-basis: 40%;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: 35px
}

@media (max-width: 1280px) {
    .how-to__item-content {
        margin-left: 25px;
        flex-basis: 45%
    }
}

@media (max-width: 1023px) {
    .how-to__item-content {
        padding-top: 40px;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .comment-form__title {
        font-size: 1.8rem;
        line-height: 2.3rem;
        color: #001020
    }

    .columns {
        padding: 1rem 0
    }

    .columns__item {
        padding: .5rem 1rem
    }

    .screenshot-gallery__wrapper {
        padding: 15px 0
    }

    .screenshot-gallery__title {
        padding-right: 10px;
        padding-left: 10px
    }

    .screenshot-gallery__list {
        width: 100%;
        max-width: 980px;
        overflow-x: auto;
        padding-left: 10px;
        padding-right: 10px
    }

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

    .how-to__item {
        padding: 15px
    }

    .how-to__item-label-counter {
        font-size: 20px;
        line-height: 24px;
        padding: 5px 11px 5px 8px
    }

    .how-to__item-content {
        padding-top: 30px;
        padding-bottom: 0
    }
}

@media (max-width: 575px) {
    .text-image h2, .text-image h3 {
        padding-bottom: 8px
    }

    .promo__buttons {
        flex-direction: column;
        width: 100%
    }

    .promo__button {
        flex-grow: 1;
        width: 100%
    }

    .promo__button + .promo__button {
        margin: 10px 0 0
    }

    .promo__button-inner img {
        width: 17px;
        height: 17px
    }

    .promo__btn + .promo__btn {
        margin: 12px 0 0
    }

    .bonus-block {
        grid-template-columns:1fr
    }

    .bonus-block__bonus {
        padding: 5px 10px
    }

    .bonus-block__deposit {
        padding: 5px 10px;
        border-right: none;
        border-top: 1px solid;
        border-image: linear-gradient(130deg, rgba(34, 45, 70, 0.45) -1%, rgba(70, 88, 129, 0.45) 35%, rgba(24, 34, 54, 0.45) 70%) 100% 1;
        position: relative;
        justify-content: flex-start
    }

    .bonus-block__deposit p {
        text-align: left
    }

    .bonus-block__deposit p .number {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px
    }

    .bonus-block__promocode {
        grid-column: auto
    }

    .bonus-block__promocode .promocode-v2 {
        width: 100%
    }

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

    .promocode-v2__copy-button {
        right: 5px
    }

    .header--v1 .header__container {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .lang-switch {
        margin-right: auto;
        z-index: 15
    }

    .header--v1 .header__buttons {
        flex-basis: 100%;
        margin: 8px 0 0;
        order: 4;
        max-width: 100%
    }

    .header--v1 .header__link {
        flex-grow: 1
    }

    .header--v1 .header__logo {
        padding-bottom: 0
    }

    .how-to__item {
        padding: 10px
    }

    .how-to__item-label-counter {
        font-size: 14px;
        line-height: 17px
    }

    .how-to__item-content {
        padding-bottom: 0;
        margin-bottom: 10px
    }
}

@media (max-width: 1023px) {
    .how-to__item-content {
        padding-bottom: 5px;
        position: relative;
        margin-left: 20px
    }

    .how-to__item-content::after {
        content: "";
        position: absolute;
        left: -15px;
        top: 45px;
        bottom: -5px;
        width: 4px
    }
}

@media (max-width: 1023px) and (max-width: 1023px) {
    .how-to__item-content::after {
        left: -19px;
        top: 30px
    }
}

@media (max-width: 1023px) and (max-width: 767px) {
    .how-to__item-content::after {
        left: -15px;
        top: 30px;
        bottom: 0
    }
}

.how-to__item-title {
    position: relative;
    display: inline-block;
    padding-bottom: 18px;
    margin: 0 0 15px;
    color: #fff
}

.how-to__item-title::after {
    content: "";
    position: absolute;
    height: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

@media (max-width: 767px) {
    .how-to__item-content {
        margin-left: 15px
    }

    .how-to__item-content::after {
        width: 3px
    }

    .how-to__item-title {
        margin-bottom: 10px;
        padding-bottom: 12px
    }

    .how-to__item-title::after {
        height: 3px
    }
}

@media (max-width: 575px) {
    .how-to__item-content {
        margin-left: 10px
    }

    .how-to__item-content::after {
        left: -10px;
        width: 2px
    }

    .how-to__item-title::after {
        height: 2px
    }
}

.how-to__item-image {
    flex-basis: 50%;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.how-to__item-image p {
    margin: 0;
    height: 100%
}

.how-to__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.header--v1 .header__link, .header--v1 .header__nav-item .link {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700
}

@media (max-width: 450px) {
    .header--v1 .header__buttons {
        flex-direction: row
    }

    .header--v1 .header__link + .header__link {
        margin-top: 0
    }
}

.header--v1 .header__nav-item:not(:last-child) {
    margin-right: 12px
}

@media (max-width: 1023px) {
    .header--v1 .header__nav-item:not(:last-child) {
        margin-right: 0
    }

    .header--v1 .header__nav-sublist {
        margin-left: 16px
    }
}

@media (max-width: 374px) {
    .header--v1 .header__link:not(:last-child) {
        margin-right: 8px
    }
}

.header__logo {
    position: relative
}

.header__logo-lang {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 7px;
    height: fit-content;
    position: absolute;
    right: -3px;
    top: 50%;
    transform: translateY(-50%);
    clip-path: ellipse(25% 40% at 50% 50%)
}

table {
    border-collapse: collapse;
    width: 100%
}

.text-image__item-inner-block, .wp-block-table {
    overflow: auto
}

/* fix */

.lang-switch {
    margin: 0 0 0 12px;
    border-radius: 4px;
    padding: 5px;
    position: relative;
    background-color: #090f1e;
    display: flex;
    z-index: 200;
}

.lang-switch__list {
    margin-top: 0;
    padding-top: 8px;
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    padding: 5px;
    border-radius: 0 0 4px 4px;
    background-color: #090f1e;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.lang-switch__item, .lang-switch__link {
    display: flex;
}

.lang-switch:hover {
    border-radius: 4px 4px 0 0;
}

.lang-switch:hover .lang-switch__list {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

* + .wp-block-heading {
    margin-top: 1rem;
}

.dmca-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0 0;
}


/* button-content */
/* game-full */
* + .game-demo-full {
    margin-top: 1rem;
}

.game-demo-full {
    border-radius: 4px;
}

.game-demo-full__description {
    margin: 0 0 20px;
}

.game-demo-full__box {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: 500px;
}

.game-demo-full__box > img {
    width: 100%;
    height: auto;
    object-fit: cover;
    filter: grayscale(0.5);
}

.game-demo-full__box iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: none;
    width: 100%;
    height: 100%;
}


.game-demo-full__buttons {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    width: 100%;
    max-width: 340px;
    transform: translate(-50%, -50%);
    gap: 12px;
}

.game-demo-full__demo-link {
    background: #2b3653;
}

@media (max-width: 550px) {
    .game-demo-full__box {
        min-height: 300px;
        height: auto;
        display: flex;
    }

    .game-demo-full__box .get-image {
        height: auto;
    }

    .game-demo-full__box img {
        object-fit: cover;
    }
}

/* game-full */
/* game-small */
.game-demo-small {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #2b3653;
    padding: 28px 16px;
    background-position: center;
    background-size: cover;
}

.game-demo-small .get-image,
.game-demo-small img {
    margin: 0 0 8px;
}

.game-demo-small img {
    max-height: 40px;
    width: fit-content;
    object-fit: contain;
}

.game-demo-small__title {
    margin: 0 0 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
}

.game-demo-small__affiliate-link + .game-demo-small__demo-link {
    margin-top: 16px;
}

.game-demo-small__demo-link {
    background-color: #2b3653;
}

.game-demo-small__box {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1200px;
    padding: 10px;
    z-index: 1210;
}

.game-demo-small__box-header {
    margin-bottom: -1px;
    padding: 8px 8px 8px 16px;
    background: #151b29;
    border-radius: 3px 3px 0px 0px;
    display: flex;
    align-items: center;
}

.game-demo-small__box-title {
    margin: 0 24px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}

.game-demo-small__box-close {
    display: flex;
    margin-left: auto;
    border: none;
    border-radius: 3px;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.game-demo-small__box-close:hover {
    background-color: rgba(255,255,255, 0.2);
}

.game-demo-small__iframe {
    border-radius: 0 0 3px 3px;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
    overflow: hidden;
    background-color: #D9D9D9;
}

@media (max-width: 767px) {
    .game-demo-small__box-header {
        flex-wrap: wrap;
    }

    .game-demo-small__box-title {
        width: calc(100% - 56px);
    }

    .game-demo-small__box .game-demo-small__affiliate-link {
        order: 3;
        margin: 4px auto 0;
    }

    .game-demo-small__box {
        top: 30px;
        left: 12px;
        bottom: 30px;
        right: 12px;
        transform: none;
        padding: 0;
        width: calc(100% - 24px);
        overflow: hidden;
    }

    .game-demo-small__iframe {
        height: 100%;
        aspect-ratio: auto;
    }
}

.page.scroll-lock-modal {
    overflow: hidden;
    position: relative;
}

.page.scroll-lock-modal:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1200;
}
/* game-small */

/* Languages switcher */
.languages-switcher {
    position: relative;
    flex-shrink: 0;
    margin: 0 30px;
    border-radius: 4px;
    padding: 5px;
    background-color: #2C323E;
    display: flex;
    z-index: 200;
    min-width: 40px;
    width: fit-content;
    color: #ccc;
    z-index: 15;
}

.languages-switcher__list-wrapper {
    position: absolute;
    left: 0;
    top: 100%;
    border-radius: 0px 0px 4px 4px;
    padding: 10px 0;
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: max-content;
}

.languages-switcher__list-title {
    margin: 0 0 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    white-space: nowrap;
}

.languages-switcher__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 5px;
    background: #2C323E;
}

.languages-switcher__item {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    flex-shrink: 0;
    gap: 6px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    padding: 0 8px;
}

.languages-switcher__lang {
    display: flex;
    align-items: center;
    gap: 5px;
}

.languages-switcher__lang:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.languages-switcher._show .languages-switcher__list-wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

@media (max-width: 1023px) {
    .languages-switcher__list {
        max-height: 380px;
        overflow-y: auto;
        justify-content: flex-start;
        padding-bottom: 16px;
    }

    .languages-switcher__list-wrapper:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 10px;
        left: 0;
        height: 24px;
        background: linear-gradient(0deg, #2c323e 30%, transparent);
        z-index: 10;
        pointer-events: none;
    }
}


@media (max-width: 575px) {
    .languages-switcher {
        margin: 0px auto 0 10px;
    }
}

/* Languages switcher */
/* Slots */
.slots {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.slots__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    padding: 8px;
    border-radius: var(--R);
    border: none;
    background: none;
    background-image: linear-gradient(110deg, #1e283f, rgba(20, 27, 46, .6) 100%);
}

.slots__image {
    border-radius: calc(var(--R) / 2)
}

.slots__name {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    text-align: center;
}

.slots__button {
    margin-top: auto;
    font-size: 14px;
}

@media (max-width: 575px) {
    .slots {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
}
/* Slots */
/* promo-code-block */
.promo-code-block {
    position: relative;
    width: 100%;
    padding: 12px;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(21, 27, 41, 0.4);
    backdrop-filter: blur(10px);
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 700px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.promo-code-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    padding: 2px;
    border-radius: 8px;
    background: linear-gradient(255deg, #00b7ff, #8d53e9);
    background-size: 250% 100%;
    background-position: 100% 0;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
}

.promo-code-block__description {
    margin: 0;
    color: #fff;
    font-style: normal;
    flex-grow: 1;
    text-align: center;
}

.promo-code {
    overflow: hidden;
    z-index: 2;
    height: fit-content;
    min-width: 220px;
    flex-basis: 100%;
}

.promo-code__input {
    padding: 2px 4px 2px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    border: 1px dashed rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.01);
    height: 54px;
}

.promo-code__value {
    border: none;
    flex-grow: 1;
    padding: 0 20px;
    background: transparent;
    color: #fff;
    font-family: var(--ff-primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.promo-code__copy-btn {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    padding: 0;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease 0s;
    border: none;
}

.promo-code__copy-btn._active {
    background: #10ba00;
}

/* promo-code-block */
/* faq */

.faq__item {
    position: relative;
    border-radius: 12px;
    border: 1px solid #0a63f6;
    padding: 12px;
}

.faq__item + .faq__item {
    margin-top: 24px
}

.faq__question {
    padding: 0 20px 0 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    font-style: normal;
    font-size: 20px;
    line-height: 24px
}

.faq__question::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    background-image: url('../images/arrow-down.svg');
    transition: .3s ease-in-out
}

.faq__question.active::before {
    transform: translateY(-50%) rotate(0)
}

.faq__answer {
    height: auto;
    max-height: 0;
    margin: 0;
    display: none;
}

.faq__answer.active {
    padding-top: 12px;
    max-height: 100%;
    display: inline-block;
}

@media (max-width: 1023px) {
    .faq__question::before {
        width: 17px;
        height: 17px
    }
}
/* faq */
/* calculate */

.calculate {
    display: flex;
    border-radius: 12px;
    width: 100%;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    border: 1px solid #2b3653;
}

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

.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 #0a63f6;
    background: rgba(255, 255, 255, .05);
    box-shadow: 0 0 8px 0 #00b7ff63;
    color: #fff;
    font-family: var(--ff-primary);
    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, .05);
    color: #31bc69;
    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: #31bc69;
    text-align: center;
    font-size: 24px;
    line-height: 40px
}

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

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

.calculate__link {
    min-width: 260px;
    gap: 8px;
}

@keyframes flicker {
    0%, 100% {
        box-shadow: 0 0 8px 0 #00b7ff63
    }
    50% {
        box-shadow: 0 0 8px 2px #00b7ffbd
    }
}

@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%
    }
}
/* calculate */
/* bonuses-block */
.has-title-link-wrapper > .wp-block-heading {
    margin: 0;
}

.has-title-link-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.bonuses-block__all-link {
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    background: #ffffff1f;
}

.bonuses-block__list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 0;
    gap: 20px;
    overflow-x: auto;
    transition: all 0.2s ease-in-out;
}

.bonuses-block__list {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color .3s;

    &:hover {
        scrollbar-color: rgba(255,255,255,.2) transparent;
    }

    &:not(:hover)::-webkit-scrollbar-thumb {
        background: transparent;
    }

    &::-webkit-scrollbar {
        width: 8px;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 5px;
        transition: background 0.3s;
        background: rgba(0, 0, 0, .75);
    }
}

.bonuses-block__item {
    position: relative;
    overflow: hidden;
    font-family: var(--ff-primary);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 10px;
    background-color: #090f1e;
    border: 1px solid #2b3653;
    min-height: 180px;
    width: calc((100% - 40px) / 3);
    flex-shrink: 0;
}

.bonuses-block__title {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}

.bonuses-block__text {
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-size: 17px;
    line-height: 21px;
}

.bonuses-block__button {
    margin-top: auto;
    width: fit-content;
}

@media (max-width: 1023px) {
    .bonuses-block__item {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 767px) {
    .bonuses-block__item {
        width: 85%;
    }
}
/* bonuses-block */