@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,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
    --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
}

@media (max-width: 1024px) {
    :root{
        --offsets: 16px;
    }
}

html {
    font-size: 17px
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar:horizontal {
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #fe7b02;
}

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

.online-pokies-wrapper > *,
.container{
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1500px) {
    .online-pokies-wrapper > *,
    .container{
        margin-left: var(--offsets);
        margin-right: var(--offsets);
    }
}

.online-pokies-wrapper > :not(:first-child) {
    margin-top: 32px;
}


.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: 1rem;
    font-weight: 400;
    color: inherit
}

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: 600;
    line-height: 2.5rem;
    margin-bottom: 1rem
}

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

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

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

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

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

.online-pokies-wrapper > ol:not([class]),
.online-pokies-wrapper > ul:not([class]),
.online-pokies-wrapper > .wp-block-list {
    padding-left: 50px
}

@media (max-width: 767px) {
    .online-pokies-wrapper > ol:not([class]),
    .online-pokies-wrapper > ul:not([class]),
    .online-pokies-wrapper > .wp-block-list {
        padding-left: 28px
    }
}

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

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

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

.online-pokies-wrapper + .online-pokies-wrapper {
    margin-top: 2rem
}

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

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

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

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

.online-pokies-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

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

body {
    font-family: -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ececec;
}

body.scroll-lock {
    overflow: hidden;
}

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

.page-archive {
    background-image: url(../images/pattern.svg);
    background-position: -25px -30px
}

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

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

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

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

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

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

.faq--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;
    overflow: hidden
}

.faq--v1 .faq__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    padding: 34px 25px 24px;
    font-family: var(--ff-primary)
}

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

.faq--v1 .faq__item {
    position: relative
}

.faq--v1 .faq__item::after {
    position: absolute;
    content: "";
    top: 0;
    left: 25px;
    right: 25px;
    height: 1px;
    border-radius: 3px;
    background-color: #e9e9e9
}

.faq--v1 .faq__item:focus .faq__item-title, .faq--v1 .faq__item:hover .faq__item-title {
    color: #000
}

.faq--v1 .faq__item-title {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    padding: 22px 25px 24px
}

.faq--v1 .faq__item-title svg {
    fill: #009dde;
    width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.faq--v1 .faq__item-description {
    margin: 0;
    padding: 0 25px;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 16px;
    line-height: 180%
}

.faq--v1 .faq__item[open]::after {
    display: none
}

.faq--v1 .faq__item[open] + .faq__item::after {
    top: -1px
}

.faq--v1 .faq__item[open] .faq__item-title {
    background-color: #f5f5f5;
    font-weight: 600;
    color: #3c3c3c;
    padding: 22px 25px 25px 50px
}

.faq--v1 .faq__item[open] .faq__item-title svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #3c3c3c
}

.faq--v1 .faq__item[open] .faq__item-description {
    background-color: #f5f5f5;
    padding: 0 10% 10px 50px
}

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

.faq--v2 .faq__item:not(:last-child) {
    margin-bottom: 10px
}

.faq--v2 .faq__item-title {
    position: relative;
    border: 1px solid #e9e9e9;
    border-radius: 1px;
    border-left: 2px solid #0386ff;
    padding: 18px 50px 20px 18px;
    background-color: #fff;
    font-family: var(--ff-primary);
    font-size: 16px;
    line-height: 18px;
    color: #363640
}

.faq--v2 .faq__item-title::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    width: 22px;
    height: 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/icon-plus.svg)
}

.faq--v2 .faq__item-title:hover {
    color: #333
}

.faq--v2 .faq__item-description {
    margin: 0;
    padding: 20px 18px;
    border: 1px solid #e9e9e9;
    border-top: none;
    border-radius: 0 0 1px 1px;
    font-size: 16px;
    line-height: 18px;
    color: #777;
    background-color: #fff
}

.faq--v2 .faq__item[open] .faq__item-title {
    background-color: #0386ff;
    color: #fff;
    margin-bottom: 0
}

.faq--v2 .faq__item[open] .faq__item-title::before {
    background-image: url(../images/icon-minus.svg)
}

.faq--v3 {
    background-color: transparent
}

.faq--v3 .faq__title {
    position: relative;
    margin: 20px 0;
    font-size: 24px;
    line-height: 29px;
    font-family: var(--ff-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.faq--v3 .faq__item {
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden
}

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

.faq--v3 .faq__item:hover .faq__item-title {
    color: #333
}

.faq--v3 .faq__item-title {
    padding: 20px 23px 16px;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #463f53
}

.faq--v3 .faq__item-title svg {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    fill: #463f53;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.faq--v3 .faq__item-title:focus, .faq--v3 .faq__item-title:focus-within {
    outline: 0
}

.faq--v3 .faq__item-description {
    margin: 0;
    padding: 22px 20px 20px;
    outline: 0
}

.faq--v3 .faq__item[open] .faq__item-title {
    background-color: var(--color-first-header-footer-bg);
    color: #fff;
    border-radius: 8px 8px 0 0
}

.faq--v3 .faq__item[open] .faq__item-title svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #fff
}

.faq__item-title {
    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;
    list-style: none;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.faq__item-title svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.faq__item-title::-webkit-details-marker {
    display: none
}

.faq__item-title:focus, .faq__item-title:focus-within {
    outline: 0
}

.faq__item-description {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-animation: .3s ease-in sweep;
    animation: .3s ease-in sweep
}

.author {
    position: relative
}

.author--v1 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    padding: 25px;
    border-radius: 10px
}

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

.author--v1 .author__title svg {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.author--v1 .author__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 25px
}

.author--v1 .author__body-wrapper {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 25px
}

.author--v1 .author__body-wrapper > p {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 0 20px
}

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

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

.author--v1 .author__list-link {
    width: 24px;
    height: 24px;
    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;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer
}

.author--v1 .author__list-link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author--v1 .author__list-link svg {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.author--v1 .author__list-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
}

.author--v1 .author__list-link:hover img, .author--v1 .author__list-link:hover svg {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.author--v1 .author__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.author--v1 .author__author {
    display: inline-block;
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #3c3c3c;
    text-decoration: none
}

.author--v1 .author__text {
    margin: 0;
    font-family: var(--ff-primary);
    font-size: 16px;
    line-height: 180%;
    color: #333
}

.author--v2 {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 10px;
    border: 1px solid #e9e9e9;
    margin-top: 110px
}

.author--v2 .author__image-box {
    position: absolute;
    left: 50%;
    top: -92px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    width: 180px;
    height: 180px;
    overflow: hidden;
    border: 18px solid #f5f5f5;
    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
}

.author--v2 .author__image-box p {
    margin: 0
}

.author--v2 .author__image-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author--v2 .author__header {
    padding: 43px 25px 0;
    border-bottom: none
}

.author--v2 .author__title {
    font-family: var(--ff-primary);
    position: relative;
    margin: 0 0 20px;
    padding: 43px 50px 0 25px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #3c3c3c;
    max-width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.author--v2 .author__title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.author--v2 .author__body {
    padding: 0 25px;
    margin-bottom: 13px
}

.author--v2 .author__body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 7px
}

.author--v2 .author__author {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #3c3c3c;
    margin: 0;
    text-decoration: none
}

.author--v2 .author__list {
    margin: 0;
    padding: 10px 0 0;
    max-width: 100%;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.author--v2 .author__list-item:not(:first-child) {
    margin-left: 15px
}

.author--v2 .author__list-link {
    width: 24px;
    height: 24px;
    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: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer
}

.author--v2 .author__list-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
}

.author--v2 .author__list-link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author--v2 .author__list-link svg {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.author--v2 .author__list-link:hover img, .author--v2 .author__list-link:hover svg {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.author--v2 .author__text {
    margin: 0;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 180%;
    color: #001020
}

.author--v2 .author__footer {
    padding: 20px 25px;
    background-color: #001020;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 0 0 10px 10px
}

.author--v2 .author__datetime {
    margin: 0;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 180%;
    color: #607993
}

.author--v2 .author__views {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.author--v2 .author__views svg {
    margin-right: 10px
}

.author--v2 .author__views-counter {
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 180%;
    color: #607993
}

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

.author--v3 .author__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

.author--v3 .author__body-wrapper {
    -ms-flex-preferred-size: 224px;
    flex-basis: 224px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #0386ff;
    padding: 10px 10px 15px;
    border-radius: 1px
}

.author--v3 .author__image-box {
    margin-bottom: 15px
}

.author--v3 .author__image-box 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
}

.author--v3 .author__image-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.author--v3 .author__list {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.author--v3 .author__list-link {
    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: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    width: 28px;
    height: 28px
}

.author--v3 .author__list-link p {
    margin: 0
}

.author--v3 .author__list-link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author--v3 .author__list-link svg {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.author--v3 .author__list-link:hover img, .author--v3 .author__list-link:hover svg {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.author--v3 .author__content {
    padding: 20px;
    border: 1px solid #e9e9e9;
    border-left: none
}

.author--v3 .author__author {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #1e1d2a;
    margin: 0 0 10px;
    text-decoration: none
}

.author--v3 .author__text {
    font-family: var(--ff-primary);
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    color: #777;
    margin: 0
}

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

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

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

.author--v4 .author__body-wrapper {
    padding: 20px;
    border-bottom: 1px solid #e9e9e9;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70px 1fr 100px;
    grid-template-columns:70px 1fr 100px;
    -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;
    gap: 5px 20px
}

.author--v4 .author__image-box {
    -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;
    border-radius: 100%;
    overflow: hidden;
    width: 70px;
    height: 70px
}

.author--v4 .author__image-box 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
}

.author--v4 .author__image-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author--v4 .author__author {
    -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;
    margin: 0;
    padding: 5px 0;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    color: #464646
}

.author--v4 .author__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;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}

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

.author--v4 .author__list-link {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    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: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    width: 25px;
    height: 25px
}

.author--v4 .author__list-link p {
    margin: 0
}

.author--v4 .author__list-link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author--v4 .author__list-link svg {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.author--v4 .author__list-link:hover img, .author--v4 .author__list-link:hover svg {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.author--v4 .author__datetime {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    margin: 0;
    padding: 10px 0;
    text-align: right;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: #333
}

.author--v4 .author__content {
    padding: 20px 20px 18px
}

.author--v4 .author__text {
    margin: 0;
    font-size: 16px;
    line-height: 180%;
    font-family: var(--ff-primary);
    color: #6b6476
}

.author--v5 {
    max-width: 450px;
    margin: 0 auto;
    overflow: hidden
}

.author--v5 .author__title {
    font-family: var(--ff-primary);
    position: relative;
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #463f53;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.author--v5 .author__title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.author--v5 .author__image-box {
    position: absolute;
    left: 50%;
    top: -30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    border-radius: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 20px
}

.author--v5 .author__image-box 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
}

.author--v5 .author__image-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author--v5 .author__image-box-inner {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    border: 1px solid #e9e9e9;
    overflow: hidden
}

.author--v5 .author__body {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 113px 28px 28px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05)
}

.author--v5 .author__author {
    display: block;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #463f53;
    margin: 0 0 15px;
    text-align: center;
    text-decoration: none
}

.author--v5 .author__list {
    margin: 0 auto 12px;
    max-width: 141px;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.author--v5 .author__list-item:not(:last-child) {
    margin-right: 15px
}

.author--v5 .author__list-link {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    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: 24px;
    height: 24px;
    cursor: pointer;
    outline: 0;
    border: none;
    background-color: transparent
}

.author--v5 .author__list-link p {
    margin: 0
}

.author--v5 .author__list-link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author--v5 .author__list-link svg {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.author--v5 .author__list-link:hover img, .author--v5 .author__list-link:hover svg {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.author--v5 .author__datetime {
    text-align: center;
    margin: 0;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 180%;
    color: #7d748d
}

.author--v1 .facebook-icon .contour, .author--v2 .facebook-icon .contour, .author--v5 .facebook-icon .contour {
    fill: #3b5998
}

.author--v1 .facebook-icon .pin, .author--v2 .facebook-icon .pin, .author--v5 .facebook-icon .pin {
    fill: #fff
}

.author--v1 .twitter-icon .contour, .author--v2 .twitter-icon .contour, .author--v5 .twitter-icon .contour {
    fill: #55acee
}

.author--v1 .twitter-icon .pin, .author--v2 .twitter-icon .pin, .author--v5 .twitter-icon .pin {
    fill: #fff
}

.author--v1 .linkedin-icon .contour, .author--v2 .linkedin-icon .contour, .author--v5 .linkedin-icon .contour {
    fill: #0077b5
}

.author--v1 .linkedin-icon .pin, .author--v2 .linkedin-icon .pin, .author--v5 .linkedin-icon .pin {
    fill: #fff
}

.author--v1 .instagram-icon .contour, .author--v2 .instagram-icon .contour, .author--v5 .instagram-icon .contour {
    fill: #ff710b
}

.author--v1 .instagram-icon .pin, .author--v2 .instagram-icon .pin, .author--v3 .facebook-icon .contour, .author--v3 .instagram-icon .contour, .author--v3 .linkedin-icon .contour, .author--v3 .twitter-icon .contour, .author--v5 .instagram-icon .pin {
    fill: #fff
}

.author--v3 .facebook-icon .pin, .author--v3 .instagram-icon .pin, .author--v3 .linkedin-icon .pin, .author--v3 .twitter-icon .pin {
    fill: #0386ff
}

.author--v4 .facebook-icon .contour, .author--v4 .instagram-icon .contour, .author--v4 .linkedin-icon .contour, .author--v4 .twitter-icon .contour {
    fill: #fe7b02
}

.author--v4 .facebook-icon .pin, .author--v4 .instagram-icon .pin, .author--v4 .linkedin-icon .pin, .author--v4 .twitter-icon .pin {
    fill: #fff
}

.author--v1 .facebook-icon, .author--v1 .instagram-icon, .author--v1 .linkedin-icon, .author--v1 .twitter-icon, .author--v2 .facebook-icon, .author--v2 .instagram-icon, .author--v2 .linkedin-icon, .author--v2 .twitter-icon, .author--v5 .facebook-icon, .author--v5 .instagram-icon, .author--v5 .linkedin-icon, .author--v5 .twitter-icon {
    width: 24px;
    height: 24px
}

.author--v3 .facebook-icon, .author--v3 .instagram-icon, .author--v3 .linkedin-icon, .author--v3 .twitter-icon {
    width: 28px;
    height: 28px
}

.author--v4 .facebook-icon, .author--v4 .instagram-icon, .author--v4 .linkedin-icon, .author--v4 .twitter-icon {
    width: 25px;
    height: 25px
}

.confirm-age--v1 {
    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;
    max-width: 673px;
    width: 100%;
    padding: 25px;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    background-color: #fff
}

.confirm-age--v1 .confirm-age__image {
    margin-bottom: 20px
}

.confirm-age--v1 .confirm-age__title {
    margin: 0 0 20px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #3c3c3c
}

.confirm-age--v1 .confirm-age__description {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 180%;
    font-family: var(--ff-primary);
    text-align: center;
    color: #333
}

.confirm-age--v1 .confirm-age__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #e9e9e9;
    padding-top: 25px
}

.confirm-age--v1 .confirm-age__button {
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    border: 1px solid transparent;
    cursor: pointer;
    -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: 25px;
    -ms-flex-preferred-size: 48.2%;
    flex-basis: 48.2%;
    -webkit-transition: opacity .3s, border-color .3s;
    -o-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s;
    text-align: center;
    text-decoration: none
}

.confirm-age--v1 .confirm-age__button--success {
    background-color: #622cd3;
    color: #fff;
    border-color: #622cd3
}

.confirm-age--v1 .confirm-age__button--success:focus, .confirm-age--v1 .confirm-age__button--success:hover {
    opacity: .7
}

.confirm-age--v1 .confirm-age__button--fail {
    background-color: #e9e9e9;
    border-color: #e9e9e9;
    color: #000
}

.confirm-age--v1 .confirm-age__button--fail:focus, .confirm-age--v1 .confirm-age__button--fail:hover {
    border-color: #622cd3
}

.confirm-age--v2 {
    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;
    max-width: 502px;
    width: 100%
}

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

.confirm-age--v2 .confirm-age__wrapper {
    background-color: #fff;
    padding-bottom: 25px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    width: 100%
}

.confirm-age--v2 .confirm-age__title {
    margin: 0;
    color: #3c3c3c;
    text-align: center;
    font-weight: 700;
    font-family: var(--ff-primary);
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    padding: 25px;
    border-bottom: 1px solid #e9e9e9;
    display: inline-block;
    width: 100%
}

.confirm-age--v2 .confirm-age__description {
    margin: 25px 0 18px;
    font-size: 14px;
    line-height: 180%;
    text-align: center;
    color: #777;
    padding: 0 28px;
    font-family: var(--ff-primary)
}

.confirm-age--v2 .confirm-age__buttons {
    padding: 0 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.confirm-age--v2 .confirm-age__button {
    border: 1px solid transparent;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 25px;
    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;
    text-align: center
}

.confirm-age--v2 .confirm-age__button:not(:last-child) {
    margin-bottom: 14px
}

.confirm-age--v2 .confirm-age__button--success {
    background-color: #0386ff;
    border-color: #0386ff;
    color: #fff
}

.confirm-age--v2 .confirm-age__button--success:focus, .confirm-age--v2 .confirm-age__button--success:hover {
    opacity: .7
}

.confirm-age--v2 .confirm-age__button--fail {
    background-color: #fff;
    border-color: #e9e9e9;
    color: #777
}

.confirm-age--v2 .confirm-age__button--fail:focus, .confirm-age--v2 .confirm-age__button--fail:hover {
    border-color: #0386ff
}

.confirm-age--v3 {
    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;
    max-width: 477px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05)
}

.confirm-age--v3 > p {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    padding: 20px 10px;
    border-bottom: 1px solid #e9e9e9;
    font-family: var(--ff-primary);
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #463f53
}

.confirm-age--v3 .confirm-age__wrapper {
    padding-bottom: 19px;
    width: 100%
}

.confirm-age--v3 .confirm-age__image {
    margin: 0 auto 15px;
    display: block
}

.confirm-age--v3 .confirm-age__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 10px;
    padding: 0 25px;
    color: #3c3c3c;
    text-align: center;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.confirm-age--v3 .confirm-age__description {
    margin: 0 0 25px;
    padding: 0 15px;
    text-align: center;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 17px;
    color: #333
}

.confirm-age--v3 .confirm-age__buttons {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.confirm-age--v3 .confirm-age__button {
    border: 1px solid transparent;
    cursor: pointer;
    font-family: var(--ff-primary);
    -webkit-transition: opacity .3s, border-color .3s;
    -o-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s;
    text-decoration: none;
    text-align: center
}

.confirm-age--v3 .confirm-age__button:not(:last-child) {
    margin-bottom: 19px
}

.confirm-age--v3 .confirm-age__button--success {
    padding: 24px;
    background-color: #fe7b02;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.confirm-age--v3 .confirm-age__button--success:focus, .confirm-age--v3 .confirm-age__button--success:hover {
    opacity: .7
}

.confirm-age--v3 .confirm-age__button--fail {
    padding: 5px;
    color: #333;
    background-color: #fff;
    border-radius: 5px
}

.confirm-age--v3 .confirm-age__button--fail:focus, .confirm-age--v3 .confirm-age__button--fail:hover {
    border-color: #fe7b02
}

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

.payments-method--v1 .payments-method__title {
    margin: 0 0 25px;
    position: relative;
    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
}

.payments-method--v1 .payments-method__title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

.payments-method--v1 .payments-method__item {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    padding: 30px 0 31px;
    border: 1px solid #e9e9e9
}

.payments-method--v1 .payments-method__item:nth-child(3n+3) {
    border-right: none
}

.payments-method--v1 .payments-method__item:nth-child(3n+3) .payments-card--v1 {
    margin-left: auto
}

.payments-method--v1 .payments-method__item:nth-child(3n+1) {
    border-left: none
}

.payments-method--v1 .payments-method__item:nth-child(3n+2) .payments-card--v1 {
    margin-left: auto;
    margin-right: auto
}

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

.payments-method--v2 .payments-method__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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.payments-method--v2 .payments-method__item {
    -ms-flex-preferred-size: 260px;
    flex-basis: 260px;
    padding: 0 5px;
    margin: 10px auto
}

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

.payments-method--v3 .payments-method__title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.payments-method--v3 .payments-method__table td {
    border: none
}

.payments-method--v3 .payments-method__table-row {
    border-collapse: collapse;
    border-bottom: 1px solid #e9e9e9;
    color: #463f53;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.payments-method--v3 .payments-method__table-row td {
    padding: 25px 10px 20px
}

.payments-method--v3 .payments-method__table-row td:first-child {
    padding-left: 30px;
    padding-right: 5px;
    width: 15.4%
}

.payments-method--v3 .payments-method__image-box p {
    margin: 0
}

.payments-method--v3 .payments-method__image-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-height: 22px
}

.payments-method--v3 .payments-method__table-head-row {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    font-family: var(--ff-primary);
    color: #333
}

.payments-method--v3 .payments-method__table-head-row td {
    padding: 20px 0
}

.payments-method--v3 .payments-method__table-head-row td:first-child {
    padding-left: 30px
}

.payments-method--v3 .payments-method__table {
    margin: 0;
    background-color: #fff;
    border-radius: 10px;
    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);
    width: 100%;
    border-collapse: collapse
}

.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: 300;
    font-size: 10px;
    line-height: 11px;
    color: #333
}

.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-size: 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: #333
}

.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: contain;
    object-fit: contain
}

.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: #333;
    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: #333
}

.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: 600;
    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
}

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

.slots--v1 .slots__title {
    position: relative;
    margin: 0 0 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;
    padding-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.slots--v1 .slots__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr;
    gap: 25px
}

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

.slots--v2 .slots__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 5 ];
    grid-template-columns:repeat(5, 1fr);
    grid-row: auto;
    gap: 20px
}

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

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

.slots--v3 .slots__body {
    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: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 5 ];
    grid-template-columns:repeat(5, 1fr);
    grid-row: auto;
    gap: 40px 20px
}

.slot--v1 {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slot--v1 .slot__image {
    margin: -1px;
    border-radius: 5px;
    overflow: hidden;
    max-width: 231px;
    max-height: 127px;
    width: 100%;
    height: 100%
}

.slot--v1 .slot__image p {
    margin: 0;
    display: block
}

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

.slot--v1 .slot__content-list {
    list-style: none;
    margin: 0;
    padding: 7px 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.slot--v1 .slot__content-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.slot--v1 .slot__content-item:not(:last-child) {
    margin-bottom: 10px
}

.slot--v1 .slot__coontent-title {
    margin: 0 0 2px;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #3c3c3c
}

.slot--v1 .slot__coontent-title--large {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0
}

.slot--v1 .slot__content-descr {
    font-family: var(--ff-primary);
    font-weight: 300;
    font-size: 10px;
    line-height: 11px;
    color: #333
}

.slot--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;
    padding: 20px
}

.slot--v2 .slot__image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 112px;
    margin-bottom: 20px;
    overflow: hidden
}

.slot--v2 .slot__image p {
    margin: 0
}

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

.slot--v2 .slot__descr {
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 16px;
    color: #333
}

.slot--v2 .slot__link {
    margin-top: 17px;
    display: block;
    padding: 11px 30px;
    width: 100%;
    text-align: center;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 180%;
    color: #fff;
    background-color: #0386ff;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    cursor: pointer;
    border: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    outline: 0;
    text-decoration: none
}

.slot--v3 .slot__image {
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    max-height: 112px
}

.slot--v3 .slot__image p {
    margin: 0
}

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

.slot--v3 .slot__title {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #1e1d2a;
    margin: 0
}

.slot--v3 .slot__link {
    margin-top: 17px;
    display: block;
    padding: 15px 30px;
    width: 100%;
    text-align: center;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    background-color: #fe7b02;
    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;
    border: none;
    outline: 0;
    text-decoration: none
}

.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: #333;
    padding-left: 10px
}

.feedback--v1 .feedback__publication-time {
    margin-left: auto;
    color: #777;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 300;
    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: 300;
    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: 300;
    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: 300;
    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: 300;
    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: #333;
    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
}

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

.listings--v1 .listings__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
}

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

.listings--v1 .listings__table-row {
    padding: 25px
}

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

.listings--v2 .listings__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
}

.listings--v2 .listings__table {
    border-collapse: separate;
    border-spacing: 0 10px
}

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

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

.listings--v3 .listings__table {
    border-collapse: separate;
    width: 100%
}

.listings--v4 .listings__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
}

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

.listings--v4 .listings__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
}

.listings--v5 .listings__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)
}

.listings--v5 .listings__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
}

.listings--v7 .listings__table {
    width: 100%
}

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

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

.listings--v8 .listings__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
}

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

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

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

.litem--v1 .litem__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
}

.litem--v1 .litem__image p {
    margin: 0
}

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

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

.litem--v1 .litem__rating {
    margin-bottom: 13px
}

.litem--v1 .litem__rating.rating::before {
    font-size: var(--star-size22)
}

.litem--v1 .litem__text {
    margin: 0 0 6px;
    font-family: var(--ff-primary);
    font-weight: 300;
    font-size: 14px;
    line-height: 155%
}

.litem--v1 .litem__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%
}

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

.litem--v1 .litem__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
}

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

.litem--v1 .litem__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
}

.litem--v1 .litem__button {
    cursor: pointer;
    font-family: var(--ff-primary);
    font-weight: 600;
    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
}

.litem--v1 .litem__button:not(:last-child) {
    margin-bottom: 12px
}

.litem--v1 .litem__button--get {
    background-color: #622cd3;
    border-color: #622cd3;
    color: #fff
}

.litem--v1 .litem__button--get:hover {
    opacity: .7
}

.litem--v1 .litem__button--read {
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    color: #333
}

.litem--v1 .litem__button--read:hover {
    border-color: #622cd3
}

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

.litem--v2 .litem__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: 600;
    font-size: 14px;
    line-height: 17px;
    border-radius: 0 1px 1px 0
}

.litem--v2 .litem__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
}

.litem--v2 .litem__image p {
    margin: 0
}

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

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

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

.litem--v2 .litem__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
}

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

.litem--v2 .litem__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
}

.litem--v2 .litem__content-games p {
    margin: 0
}

.litem--v2 .litem__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
}

.litem--v2 .litem__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
}

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

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

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

.litem--v2 .litem__rating.rating::before {
    font-size: var(--star-size28)
}

.litem--v2 .litem__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%
}

.litem--v2 .litem__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%
}

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

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

.litem--v2 .litem__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
}

.litem--v2 .litem__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
}

.litem--v2 .litem__ad svg {
    margin-bottom: 5px
}

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

.litem--v2 .litem__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
}

.litem--v2 .litem__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
}

.litem--v2 .litem__button {
    cursor: pointer;
    font-family: var(--ff-primary);
    font-weight: 600;
    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
}

.litem--v2 .litem__button:not(:last-child) {
    margin-bottom: 12px
}

.litem--v2 .litem__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
}

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

.litem--v2 .litem__button--get:focus, .litem--v2 .litem__button--get:hover {
    opacity: .7
}

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

.litem--v2 .litem__button--read:focus, .litem--v2 .litem__button--read:hover {
    opacity: .7
}

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

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

.litem--v3 .litem__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
}

.litem--v3 .litem__image p {
    margin: 0
}

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

.litem--v3 .litem__content {
    padding: 0 20px;
    margin: 20px 0 10px
}

.litem--v3 .litem__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
}

.litem--v3 .litem__name {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 20px;
    line-height: 24px
}

.litem--v3 .litem__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)
}

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

.litem--v3 .litem__rating.rating::before {
    font-size: var(--star-size20)
}

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

.litem--v3 .litem__ad-title {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 600;
    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
}

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

.litem--v3 .litem__ad-text {
    font-family: var(--ff-primary);
    font-weight: 300;
    font-size: 12px;
    line-height: 156.5%;
    color: #333
}

.litem--v3 .litem__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
}

.litem--v3 .litem__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%
}

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

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

.litem--v3 .litem__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
}

.litem--v3 .litem__button {
    display: block;
    padding: 22px 30px;
    width: 100%;
    text-align: center;
    font-family: var(--ff-primary);
    font-weight: 600;
    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
}

.litem--v3 .litem__button--get {
    color: #fff;
    background-color: #fe7b02
}

.litem--v3 .litem__button--read {
    color: #333;
    background-color: #e9e9e9
}

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

.litem--v3 .litem__button:focus, .litem--v3 .litem__button:hover {
    opacity: .7
}

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

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

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

.litem--v4 .litem__image p {
    margin: 0
}

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

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

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

.litem--v4 .litem__rating.rating::before {
    font-size: var(--star-size22)
}

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

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

.litem--v4 .litem__ad-text {
    font-family: var(--ff-primary);
    font-weight: 300;
    font-size: 14px;
    line-height: 155%;
    color: #333;
    margin: 0 0 20px
}

.litem--v4 .litem__links {
    margin-top: auto;
    padding: 0 20px 20px
}

.litem--v4 .litem__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: 600;
    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
}

.litem--v4 .litem__link:focus, .litem--v4 .litem__link:hover {
    opacity: .7
}

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

.litem--v5 .litem__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
}

.litem--v5 .litem__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: 600;
    font-size: 14px;
    line-height: 17px;
    border-radius: 0 1px 1px 0
}

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

.litem--v5 .litem__image p {
    margin: 0
}

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

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

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

.litem--v5 .litem__rating.rating::before {
    font-size: var(--star-size17)
}

.litem--v5 .litem__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
}

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

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

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

.litem--v5 .litem__links {
    margin-top: auto
}

.litem--v5 .litem__link {
    padding: 17px 30px 13px;
    font-family: var(--ff-primary);
    font-weight: 600;
    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
}

.litem--v5 .litem__link svg {
    margin-right: 10px
}

.litem--v5 .litem__link:focus, .litem--v5 .litem__link:hover {
    opacity: .7
}

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

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

.litem--v6 .litem__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
}

.litem--v6 .litem__image p {
    margin: 0
}

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

.litem--v6 .litem__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
}

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

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

.litem--v6 .litem__rating .rating__counter {
    padding: 0;
    margin-left: 5px
}

.litem--v6 .litem__rating.rating::before {
    font-size: var(--star-size28)
}

.litem--v6 .litem__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
}

.litem--v6 .litem__money-item p {
    margin: 0
}

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

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

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

.litem--v6 .litem__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
}

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

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

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

.litem--v6 .litem__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%
}

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

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

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

.litem--v6 .litem__link {
    font-family: var(--ff-primary);
    font-weight: 600;
    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
}

.litem--v6 .litem__link:hover {
    opacity: .7
}

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

.litem--v6 .litem__link--get svg {
    margin-right: 5px
}

.litem--v6 .litem__link--read {
    background-color: #ff8a00;
    padding: 17px
}

.litem--v6 .litem__link:not(:last-child) {
    margin-bottom: 10px
}

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

.litem--v7 .litem__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
}

.litem--v7 .litem__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
}

.litem--v7 .litem__image p {
    margin: 0
}

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

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

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

.litem--v7 .litem__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
}

.litem--v7 .litem__rating .rating__counter {
    padding: 0;
    margin-right: 5px
}

.litem--v7 .litem__rating.rating::before {
    font-size: var(--star-size16)
}

.litem--v7 .litem__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
}

.litem--v7 .litem__platform-item p {
    margin: 0
}

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

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

.litem--v7 .litem__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%
}

.litem--v7 .litem__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
}

.litem--v7 .litem__ad-slogan svg {
    margin-right: 10px
}

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

.litem--v7 .litem__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
}

.litem--v7 .litem__money-item {
    -ms-grid-column-align: center;
    justify-self: center
}

.litem--v7 .litem__money-item p {
    margin: 0
}

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

.litem--v7 .litem__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
}

.litem--v7 .litem__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
}

.litem--v7 .litem__link:hover {
    opacity: .7
}

.litem--v7 .litem__link--claim {
    background-color: #0386ff
}

.litem--v7 .litem__link--read {
    background-color: #001635
}

.litem--v7 .litem__link:not(:last-child) {
    margin-bottom: 10px
}

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

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

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

.litem--v8 .litem__image p {
    margin: 0
}

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

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

.litem--v8 .litem__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
}

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

.litem--v8 .litem__rating.rating::before {
    font-size: var(--star-size20)
}

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

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

.litem--v8 .litem__item:not(:last-child) {
    margin-bottom: 15px
}

.litem--v8 .litem__item svg {
    margin-right: 5px
}

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

.litem--v8 .litem__ad {
    padding: 15px
}

.litem--v8 .litem__ad-title {
    position: relative;
    margin: 0 0 5px;
    font-family: var(--ff-primary);
    font-weight: 600;
    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
}

.litem--v8 .litem__ad-title svg {
    margin-right: 5px
}

.litem--v8 .litem__ad-text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 300;
    font-size: 12px;
    line-height: 156.5%;
    color: #333
}

.litem--v8 .litem__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
}

.litem--v8 .litem__link {
    padding: 15px 30px;
    font-family: var(--ff-primary);
    font-weight: 600;
    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
}

.litem--v8 .litem__link--claim {
    background-color: #fe7b02;
    color: #fff
}

.litem--v8 .litem__link--read {
    background-color: #ebebeb;
    color: #333
}

.litem--v8 .litem__link:focus, .litem--v8 .litem__link:hover {
    opacity: .7
}

.litem--v8 .litem__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: 600;
    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: 600;
    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: 300;
    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: 600;
    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: 600;
    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 35px;
    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(../images/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: #333
}

.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: 600;
    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;
    background-color: #FFF;
    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: 600;
    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: 600;
    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%
}

.bonuses .bonuses__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.bonuses .bonuses__table {
    border-collapse: separate;
    border: none;
    margin-top: 0
}

.bonuses .bonuses__table td {
    border: none;
    padding: 0
}

.bonuses--v4 .bonuses__list {
    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
}

.bonus--v1 {
    position: relative;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    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%
}

.bonus--v1 .bonus__label {
    position: absolute;
    left: -1px;
    top: 15px;
    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;
    padding: 15px 30px 15px 15px;
    font-weight: 600;
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%)
}

.bonus--v1 .bonus__label p {
    margin: 0
}

.bonus--v1 .bonus__label img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: 10px;
    max-width: 15px;
    max-height: 15px
}

.bonus--v1 .bonus__header {
    padding: 15px 0;
    height: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bonus--v1 .bonus__header p {
    margin: 0
}

.bonus--v1 .bonus__header img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding-right: 30px;
    max-height: 45px
}

.bonus--v1 .bonus__title {
    margin: 0;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #001020;
    border-bottom: 1px solid #e9e9e9
}

.bonus--v1 .bonus__title svg {
    margin-right: 10px
}

.bonus--v1 .bonus__content {
    padding: 15px
}

.bonus--v1 .bonus__text {
    margin: 0;
    font-weight: 400;
    line-height: 180%;
    color: #777
}

.bonus--v1 .bonus__link-wrapper {
    padding: 0 15px 15px;
    margin-top: auto
}

.bonus--v1 .bonus__link {
    font-family: inherit;
    border: 1px solid;
    background: transparent;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 19px 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .14em;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.bonus--v1 .bonus__link:hover {
    opacity: .7
}

.bonus--v2 {
    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);
    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%
}

.bonus--v2 .bonus__image {
    max-height: 165px;
    overflow: hidden
}

.bonus--v2 .bonus__image p {
    margin: 0
}

.bonus--v2 .bonus__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 165px
}

.bonus--v2 .bonus__content {
    padding: 15px 15px 0
}

.bonus--v2 .bonus__title {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #19173c;
    text-transform: uppercase
}

.bonus--v2 .bonus__subtitle {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #716e6e;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px
}

.bonus--v2 .bonus__text {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 180%;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;
    color: #586474
}

.bonus--v2 .bonus__link-wrapper {
    padding: 15px;
    margin-top: auto
}

.bonus--v2 .bonus__link {
    position: relative;
    font-family: inherit;
    background-color: #19173c;
    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;
    padding: 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    border: none
}

.bonus--v2 .bonus__link svg {
    margin-right: 5px;
    width: 17px
}

.bonus--v2 .bonus__link:hover {
    opacity: .7
}

.bonus--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: 3px;
    font-family: var(--ff-primary);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24% 1fr;
    grid-template-columns:24% 1fr;
    margin-bottom: 20px
}

.bonus--v3 .bonus__image {
    overflow: hidden
}

.bonus--v3 .bonus__image p {
    margin: 0;
    height: 100%
}

.bonus--v3 .bonus__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.bonus--v3 .bonus__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bonus--v3 .bonus__content-wrapper {
    margin-right: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bonus--v3 .bonus__title {
    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: 600;
    font-size: 14px;
    line-height: 17px;
    color: #19173c
}

.bonus--v3 .bonus__title svg {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bonus--v3 .bonus__subtitle {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #54bc02
}

.bonus--v3 .bonus__text {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 180%;
    color: #586474
}

.bonus--v3 .bonus__link {
    min-width: 240px;
    border-radius: 3px;
    font-family: inherit;
    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-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    background-color: #54bc02;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    padding: 15px;
    color: #fff;
    outline: 0;
    cursor: pointer;
    border: none;
    text-decoration: none
}

.bonus--v3 .bonus__link svg {
    margin-right: 5px;
    width: 17px
}

.bonus--v3 .bonus__link:hover {
    opacity: .7
}

.bonus--v4 {
    font-family: var(--ff-primary);
    -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-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%
}

.bonus--v4 .bonus__header {
    padding: 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e9e9e9
}

.bonus--v4 .bonus__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 77px;
    height: 77px;
    border-radius: 100px;
    padding: 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;
    margin: auto 20px auto 0
}

.bonus--v4 .bonus__image p {
    margin: 0
}

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

.bonus--v4 .bonus__title {
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #586474;
    text-transform: uppercase
}

.bonus--v4 .bonus__subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #001020;
    display: inline-block;
    margin: 0 0 10px;
    text-transform: uppercase
}

.bonus--v4 .bonus__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;
    font-weight: 400;
    font-size: 12px;
    line-height: 165%;
    font-family: var(--ff-primary)
}

.bonus--v4 .bonus__rating .rating__counter {
    padding: 0;
    margin-right: 5px
}

.bonus--v4 .bonus__rating.rating::before {
    font-size: var(--star-size18)
}

.bonus--v4 .bonus__content {
    padding: 15px
}

.bonus--v4 .bonus__text {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 200%;
    color: #586474
}

.bonus--v4 .bonus__link-wrapper {
    position: relative;
    padding: 15px;
    border-top: 1px solid #e9e9e9;
    margin-top: auto
}

.bonus--v4 .bonus__link-wrapper::after {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 62px;
    height: 71px;
    border-radius: 98px/175px;
    background-color: #fff;
    background-image: url(../images/icon-gift-card.svg);
    background-size: 37px 37px;
    background-repeat: no-repeat;
    background-position: center
}

.bonus--v4 .bonus__link {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    background-color: #0386ff;
    padding: 20px 30px;
    width: 100%;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    border: none;
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.bonus--v4 .bonus__link:hover {
    opacity: .7
}

.warning--v1 {
    position: relative;
    background-color: #f5f5f5;
    border-radius: 15px;
    border: 1px solid #fe7b02;
    padding: 20px 20px 20px 120px;
    max-width: 840px;
    margin: 1rem 0
}

.warning--v1::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 79px;
    height: 79px;
    border-radius: 100%;
    background-color: #1e1d2a
}

.warning--v1::before {
    position: absolute;
    content: "";
    top: 48%;
    left: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 37px;
    height: 37px;
    background-image: url(../images/icon-sign.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2
}

.warning--v1 .warning__title {
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    color: #1e1d2a
}

.warning--v1 .warning__text {
    margin: 0;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #777
}

.warning--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;
    padding: 25px 35px 25px 65px;
    border-left: 10px solid #ff3c3c;
    max-width: 840px;
    margin: 1rem auto
}

.warning--v2::before {
    position: absolute;
    content: "";
    top: 35px;
    left: 17px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-image: url(../images/icon-danger-sign.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2
}

.warning--v2 .warning__title {
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    color: #1e1d2a
}

.warning--v2 .warning__text {
    margin: 0;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #777
}

.warning--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;
    position: relative;
    padding: 20px;
    border-left: 131px solid #1e1d2a;
    max-width: 840px;
    margin: 1rem auto
}

.warning--v3::before {
    position: absolute;
    content: "";
    top: 50%;
    left: -92px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    background-image: url(../images/icon-danger-sign-blue.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2
}

.warning--v3 .warning__title {
    margin: 0 0 10px;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #1e1d2a
}

.warning--v3 .warning__text {
    margin: 0;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 175%;
    color: #777
}

.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;
    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 {
    margin-left: 10px;
    -webkit-transition: -webkit-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;
    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: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: auto;
    -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:has(.toc__nav.active) .toc__toggle {
    -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
}

.toc--v2 .toc__text {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    font-family: inherit;
    -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 {
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

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

.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: 600;
    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)
}

.promocode--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: 3px;
    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%
}

.promocode--v1 .promocode__header {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3.42%, #32283c), to(#0c090f));
    background: -o-linear-gradient(top, #32283c 3.42%, #0c090f 100%);
    background: linear-gradient(180deg, #32283c 3.42%, #0c090f 100%);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    padding: 25px
}

.promocode--v1 .promocode__title {
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ff3c3c;
    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;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 24px;
    line-height: 29px
}

.promocode--v1 .promocode__header-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
}

.promocode--v1 .promocode__image p {
    margin: 0
}

.promocode--v1 .promocode__image img {
    display: block;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: 40px
}

.promocode--v1 .promocode__counter {
    margin: 0;
    color: #574a65;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px
}

.promocode--v1 .promocode__content {
    padding: 20px 15px;
    border-bottom: 1px solid #e9e9e9
}

.promocode--v1 .promocode__slogan {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #001020
}

.promocode--v1 .promocode__text {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #545454
}

.promocode--v1 .promocode__links {
    margin-top: auto;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.promocode--v1 .promocode__copy {
    position: relative;
    -ms-flex-preferred-size: 57%;
    flex-basis: 57%;
    min-width: 190px;
    margin-right: 10px
}

.promocode--v1 .promocode__input {
    border: none;
    background-color: rgba(255, 255, 255, 0);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    max-width: 150px
}

.promocode--v1 .promocode__input:active, .promocode--v1 .promocode__input:focus-within {
    outline: 0
}

.promocode--v1 .promocode__tooltip-text {
    visibility: hidden;
    width: 140px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.promocode--v1 .promocode__tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent
}

.promocode--v1 .promocode__tooltip {
    position: relative;
    height: 100%
}

.promocode--v1 ._active .promocode__tooltip-text {
    visibility: visible;
    opacity: 1
}

.promocode--v1 .promocode__link {
    position: relative;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid rgba(255, 255, 255, 0);
    padding: 14px;
    border-radius: 5px;
    text-transform: uppercase;
    -webkit-transition: opacity .3s, border-color .3s;
    -o-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s;
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.promocode--v1 .promocode__link--copy {
    border-color: #bebebe;
    background-color: #e9e9e9;
    color: #545454;
    padding-right: 40px;
    width: 100%;
    height: 100%;
    text-align: left
}

.promocode--v1 .promocode__link--copy::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 19px;
    height: 19px;
    background-image: url(../images/icon-file-copy.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.promocode--v1 .promocode__link--copy:hover {
    border-color: #ff3c3c
}

.promocode--v1 .promocode__link--visit {
    background-color: #ff3c3c;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    text-decoration: none
}

.promocode--v1 .promocode__link--visit:hover {
    opacity: .7
}

.promocode--v2 {
    background-color: #fff;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    max-width: 695px;
    margin: 1rem auto
}

.promocode--v2 .promocode__title {
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #001020;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.promocode--v2 .promocode__title svg {
    margin-right: 10px
}

.promocode--v2 .promocode__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 25px 25px
}

.promocode--v2 .promocode__content {
    margin-right: 35px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.promocode--v2 .promocode__slogan {
    margin: 0 0 6px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020
}

.promocode--v2 .promocode__text {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    font-family: var(--ff-primary);
    color: #333
}

.promocode--v2 .promocode__copy {
    position: relative;
    -ms-flex-preferred-size: 57%;
    flex-basis: 57%;
    min-width: 190px;
    margin-bottom: 10px
}

.promocode--v2 .promocode__input {
    border: none;
    background-color: rgba(255, 255, 255, 0);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    width: 170px
}

.promocode--v2 .promocode__input:active, .promocode--v2 .promocode__input:focus-within {
    outline: 0
}

.promocode--v2 .promocode__tooltip-text {
    visibility: hidden;
    width: 140px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.promocode--v2 .promocode__tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent
}

.promocode--v2 .promocode__tooltip {
    position: relative;
    height: 100%;
    width: 100%
}

.promocode--v2 ._active .promocode__tooltip-text {
    visibility: visible;
    opacity: 1
}

.promocode--v2 .promocode__links {
    min-width: 234px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.promocode--v2 .promocode__link {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0);
    font-family: var(--ff-primary);
    padding: 19px;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    -webkit-transition: opacity .3s, border-color .3s;
    -o-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s;
    cursor: pointer
}

.promocode--v2 .promocode__link--copy {
    border-style: dashed;
    background-color: #fff;
    border-color: #5a5a5a;
    -moz-text-align-last: left;
    text-align-last: left;
    min-height: 57px
}

.promocode--v2 .promocode__link--copy::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-file-copy-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.promocode--v2 .promocode__link--copy:hover {
    border-color: #54bc02
}

.promocode--v2 .promocode__link--visit {
    color: #fff;
    background-color: #54bc02;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-decoration: none
}

.promocode--v2 .promocode__link:hover {
    opacity: .7
}

.promocode--v3 {
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 770px;
    margin: 1rem auto
}

.promocode--v3 .promocode__image {
    position: relative;
    background-color: #001020;
    padding: 50px 30px;
    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;
    min-width: 194px
}

.promocode--v3 .promocode__image p {
    margin: 0
}

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

.promocode--v3 .promocode__image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/promocode-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.promocode--v3 .promocode__content {
    width: 100%;
    padding: 20px
}

.promocode--v3 .promocode__title {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020;
    margin: 0 0 6px;
    text-transform: uppercase
}

.promocode--v3 .promocode__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #5a5a5a;
    margin: 0
}

.promocode--v3 .promocode__copy {
    position: relative;
    -ms-flex-preferred-size: 57%;
    flex-basis: 57%;
    min-width: 190px;
    margin-right: 10px;
    width: 100%
}

.promocode--v3 .promocode__input {
    border: none;
    background-color: rgba(255, 255, 255, 0);
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020;
    z-index: 5;
    width: 170px;
    pointer-events: all
}

.promocode--v3 .promocode__input:active, .promocode--v3 .promocode__input:focus-within {
    outline: 0
}

.promocode--v3 .promocode__tooltip-text {
    visibility: hidden;
    width: 140px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.promocode--v3 .promocode__tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent
}

.promocode--v3 .promocode__tooltip {
    position: relative;
    height: 100%;
    width: 100%
}

.promocode--v3 ._active .promocode__tooltip-text {
    visibility: visible;
    opacity: 1
}

.promocode--v3 .promocode__links {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.promocode--v3 .promocode__link {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 5px;
    -webkit-transition: opacity .3s, border-color .3s;
    -o-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s;
    cursor: pointer
}

.promocode--v3 .promocode__link--copy {
    font-family: var(--ff-primary);
    border-color: #bebebe;
    background-color: #e9e9e9;
    color: #545454;
    width: 100%;
    min-width: 294px;
    min-height: 51px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 14px 40px 14px 14px;
    text-align: left
}

.promocode--v3 .promocode__link--copy::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 19px;
    height: 19px;
    background-image: url(../images/icon-file-copy.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.promocode--v3 .promocode__link--copy:hover {
    border-color: #0386ff
}

.promocode--v3 .promocode__link--visit {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    border-color: #0386ff;
    background-color: #0386ff;
    min-width: 180px;
    text-align: center;
    text-decoration: none
}

.promocode--v3 .promocode__link--visit:hover {
    opacity: .7
}

.promocode--v3 .promocode__label {
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    color: #a6a6a6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    pointer-events: none
}

.promocode--v4 {
    max-width: 400px;
    background-color: #47475a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.promocode--v4 .promocode__left {
    padding: 17px 19px;
    min-width: 210px;
    background-color: #000;
    border: 1px dashed #47475a;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.promocode--v4 .promocode__left._active .promocode__tooltip {
    display: block
}

.promocode--v4 .promocode__input {
    background-color: transparent;
    color: #fff;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    border: none;
    max-width: 110px;
    outline: 0
}

.promocode--v4 .promocode__link--copy {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    padding: 5px;
    border: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer
}

.promocode--v4 .promocode__tooltip {
    display: none;
    position: absolute;
    color: #fff;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #333
}

.promocode--v4 .promocode__right {
    padding: 7px 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.promocode--v4 .promocode__right p {
    margin: 0;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.promocode--v4 .promocode__right p span {
    display: inline-block;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    font-weight: 800;
    font-size: 28px;
    line-height: 28px;
    font-family: var(--ff-primary);
    color: #fff
}

.promocode--v4 .promocode__right._active .promocode__link-wrapper {
    height: 100%;
    visibility: visible;
    opacity: 1
}

.promocode--v4 .promocode__link-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 0;
    visibility: hidden;
    opacity: 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;
    background-color: #ff3c3c
}

.promocode--v4 .promocode__link {
    border: none;
    background-color: transparent;
    font-family: var(--ff-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    outline: 0
}

.promocodes--v1 .promocodes__list {
    list-style: none;
    padding: 0;
    margin: 0;
    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
}

.promocodes--v2 .promocodes__list, .promocodes--v3 .promocodes__list, .promocodes--v4 .promocodes__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.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: 600;
    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: 600;
    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: 300;
    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: 600;
    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: #333
}

.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: 600;
    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: 600;
    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
}

.author-page {
    margin: 2rem 0
}

.author-page--v1 {
    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
}

.author-page--v1 .author-page__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: 10px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.author-page--v1 .author-page__content.span-4 {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.author-page--v1 .author-page__image {
    width: 108px;
    height: 108px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 20px
}

.author-page--v1 .author-page__image p {
    margin: 0
}

.author-page--v1 .author-page__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author-page--v1 .author-page__name {
    margin: 0 0 15px;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #1e1d2a
}

.author-page--v1 .author-page__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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.author-page--v1 .author-page__list-item:not(:last-child) {
    margin-right: 25px
}

.author-page--v1 .author-page__list-link {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.author-page--v1 .author-page__text {
    margin: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-family: var(--ff-primary);
    font-size: 17px;
    line-height: 150%;
    color: #5a5a5a
}

.author-page--v1 .author-page__bet {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-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: 10px
}

.author-page--v1 .author-page__bet-title {
    margin: 0;
    display: inline-block;
    padding: 20px 20px 16px;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 17px;
    line-height: 150%;
    color: #000
}

.author-page--v1 .author-page__bet-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.author-page--v1 .author-page__bet-item {
    padding: 15px 20px;
    border-top: 1px solid #e9e9e9;
    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
}

.author-page--v1 .author-page__bet-image {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    overflow: hidden;
    background-color: #161229;
    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: 13px
}

.author-page--v1 .author-page__bet-image p {
    margin: 0
}

.author-page--v1 .author-page__bet-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author-page--v1 .author-page__bet-name {
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #3c3c3c;
    margin: 0 0 5px
}

.author-page--v1 .author-page__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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.author-page--v1 .author-page__rating.rating::before {
    font-size: var(--star-size17)
}

.author-page--v1 .author-page__list-title {
    grid-column: 1/-1;
    position: relative;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.author-page--v1 .author-page__list-title svg {
    margin-right: 10px
}

.author-page--v1 .author-page__article-list {
    grid-column: 1/-1;
    padding: 0 0 20px;
    margin: 0;
    list-style: none;
    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
}

.author-page--v1 .paper {
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.author-page--v1 .author-page__load-more {
    grid-column: 1/-1;
    width: 350px;
    padding: 10px;
    text-transform: uppercase;
    margin: 0 auto;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    outline: 0
}

.author-page--v1 .author-page__load-more:hover {
    border-color: #8734f1
}

.author-page--v1 .page-numbers {
    color: #8734f1
}

.author-page--v1 .page-numbers.current {
    background-color: #8734f1
}

.author-page--v2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 334px 1fr;
    grid-template-columns:334px 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    gap: 20px
}

.author-page--v2.author-page--no-bet-on .author-page__text {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.author-page--v2 .author-page__photo {
    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;
    padding: 30px;
    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;
    -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
}

.author-page--v2 .author-page__image {
    width: 209px;
    height: 209px;
    border-radius: 100%
}

.author-page--v2 .author-page__image p {
    margin: 0
}

.author-page--v2 .author-page__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author-page--v2 .author-page__info {
    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;
    -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
}

.author-page--v2 .author-page__name {
    padding: 20px;
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #001020;
    border-bottom: 1px solid #e9e9e9
}

.author-page--v2 .author-page__list {
    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: 0;
    list-style: none;
    padding: 25px
}

.author-page--v2 .author-page__list-link {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.author-page--v2 .author-page__list-link:hover {
    opacity: .7
}

.author-page--v2 .author-page__bet {
    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;
    padding: 20px;
    -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
}

.author-page--v2 .author-page__bet-title {
    margin: 0 0 25px;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 17px;
    line-height: 150%;
    text-transform: uppercase
}

.author-page--v2 .author-page__bet-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.author-page--v2 .author-page__bet-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.author-page--v2 .author-page__bet-item:not(:last-child) {
    margin-bottom: 15px
}

.author-page--v2 .author-page__bet-image {
    width: 65px;
    height: 65px;
    overflow: hidden;
    margin-right: 10px;
    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
}

.author-page--v2 .author-page__bet-image p {
    margin: 0
}

.author-page--v2 .author-page__bet-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author-page--v2 .author-page__bet-name {
    margin: 0 0 5px;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #1e1d2a
}

.author-page--v2 .author-page__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
}

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

.author-page--v2 .author-page__rating.rating::before {
    font-size: var(--star-size17)
}

.author-page--v2 .author-page__text {
    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;
    -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;
    padding: 30px;
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: inline-block;
    color: #333
}

.author-page--v2 .author-page__article-list {
    grid-column: 1/-1;
    padding: 0 0 20px;
    margin: 0;
    list-style: none;
    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
}

.author-page--v2 .author-page__article-list .paper {
    padding-top: 0;
    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
}

.author-page--v2 .author-page__article-list .paper__title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.author-page--v2 .author-page__article-list .paper__content {
    padding: 5px
}

.author-page--v2 .author-page__article-list .paper__publication-time {
    margin: 0
}

.author-page--v2 .author-page__load-more {
    grid-column: 1/-1;
    width: 350px;
    padding: 10px;
    text-transform: uppercase;
    margin: 0 auto;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    outline: 0
}

.author-page--v2 .author-page__load-more:hover {
    border-color: #0386ff
}

.author-page--v2 .page-numbers {
    color: #0386ff
}

.author-page--v2 .page-numbers.current {
    background-color: #0386ff
}

.author-page--v3 .author-page__content {
    margin-bottom: 30px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 18% 1fr;
    grid-template-columns:18% 1fr;
    -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;
    gap: 20px 35px
}

.author-page--v3 .author-page__image {
    width: 206px;
    height: 206px;
    border-radius: 100%;
    overflow: hidden;
    -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
}

.author-page--v3 .author-page__image p {
    margin: 0
}

.author-page--v3 .author-page__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author-page--v3 .author-page__name {
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-family: var(--ff-primary);
    color: #132238;
    -ms-grid-row-align: center;
    align-self: 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
}

.author-page--v3 .author-page__list {
    -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;
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.author-page--v3 .author-page__list-item:not(:last-child) {
    margin-right: 25px
}

.author-page--v3 .author-page__list-link {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.author-page--v3 .author-page__list-link:hover {
    opacity: .7
}

.author-page--v3 .author-page__text {
    margin: 0;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    font-family: var(--ff-primary);
    font-size: 14px;
    line-height: 170%;
    color: #3c3c3c
}

.author-page--v3 .author-page__list-title {
    position: relative;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 25px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.author-page--v3 .author-page__list-title svg {
    margin-right: 10px
}

.author-page--v3 .author-page__article-list {
    padding: 0 0 20px;
    margin: 0;
    list-style: none;
    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
}

.author-page--v3 .author-page__article-list .paper {
    padding-top: 0
}

.author-page--v3 .author-page__article-list .paper__title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.author-page--v3 .author-page__load-more {
    grid-column: 1/-1;
    width: 350px;
    padding: 10px;
    text-transform: uppercase;
    margin: 0 auto;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    outline: 0
}

.author-page--v3 .author-page__load-more:hover {
    border-color: #fe7b02
}

.author-page--v3 .page-numbers {
    color: #fe7b02
}

.author-page--v3 .page-numbers.current {
    background-color: #fe7b02
}

.author-page .pagination {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.author-page .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: .25rem
}

.author-page .page-numbers {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.author-page .page-numbers:not(:first-child) {
    margin-left: -1px
}

.author-page .page-numbers:first-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.author-page .page-numbers:last-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.author-page .page-numbers.current {
    color: #fff
}

.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: #333;
    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: #333
}

.paper--v5 {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    overflow: hidden
}

.paper--v5.paper--lg {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 24px
}

.paper--v5.paper--lg .get-image {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.paper--v5.paper--lg .paper__link {
    margin: auto 0;
    padding: 16px 16px 16px 0
}

.paper--v5 .get-image {
    height: 220px;
    line-height: 0;
    width: 100%
}

.paper--v5 .get-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.paper--v5 .paper__link {
    display: inline-block;
    padding: 16px 16px 24px;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #000;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-decoration: none
}

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

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

.listing-item--v1 .listing-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
}

.listing-item--v1 .listing-item__image p {
    margin: 0
}

.listing-item--v1 .listing-item__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.listing-item--v1 .listing-item__body {
    padding: 15px
}

.listing-item--v1 .listing-item__name {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #001020;
    display: inline-block
}

.listing-item--v1 .listing-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
}

.listing-item--v1 .listing-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
}

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

.listing-item--v1 .listing-item__rating.rating::before {
    font-size: var(--star-size18)
}

.listing-item--v1 .listing-item__platform-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.listing-item--v1 .listing-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
}

.listing-item--v1 .listing-item__money-item {
    margin: 0 auto;
    padding: 5px 10px
}

.listing-item--v1 .listing-item__money-item p {
    margin: 0
}

.listing-item--v1 .listing-item__money-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 15px
}

.listing-item--v1 .listing-item__price-list {
    margin: 0;
    padding: 15px;
    list-style: none
}

.listing-item--v1 .listing-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
}

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

.listing-item--v1 .listing-item__price-text {
    font-weight: 400;
    color: #9e9e9e
}

.listing-item--v1 .listing-item__price-number {
    font-weight: 500;
    color: #001020;
    text-align: right
}

.listing-item--v1 .listing-item__content {
    padding: 15px
}

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

.listing-item--v1 .listing-item__text {
    margin: 0;
    font-size: 14px;
    line-height: 165%;
    color: #9e9e9e
}

.listing-item--v1 .listing-item__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.listing-item--v1 .listing-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
}

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

.listing-item--v1 .listing-item__link--claim {
    background-color: #54bc02
}

.listing-item--v1 .listing-item__link--review {
    background-color: #0386ff
}

.listing-item--v1 .listing-item__link:hover {
    opacity: .7
}

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

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

.listing-item--v2 .listing-item__header {
    padding: 15px
}

.listing-item--v2 .listing-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
}

.listing-item--v2 .listing-item__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

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

.listing-item--v2 .listing-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
}

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

.listing-item--v2 .listing-item__rating.rating::before {
    font-size: var(--star-size18)
}

.listing-item--v2 .listing-item__content {
    padding: 15px
}

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

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

.listing-item--v2 .listing-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
}

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

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

.listing-item--v2 .listing-item__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px
}

.listing-item--v2 .listing-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
}

.listing-item--v2 .listing-item__link:hover {
    opacity: .7
}

.listing-item--v2 .listing-item__link:not(:last-child) {
    margin-right: 15px
}

.listing-item--v2 .listing-item__link--claim {
    background-color: #fe7b02
}

.listing-item--v2 .listing-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: block;
    -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: 600;
    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: 600;
    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: #333
}

.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: 500;
    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: #333;
    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: block;
    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: #333
}

.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: #333
}

.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: 600;
    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: 600;
    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: #333;
    -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: 600;
    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: 600;
    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
}

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

.header--v1 .header__logo p {
    margin: 0
}

.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;
    margin-left: 0
}

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

.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::before {
    display: none;
    content: "";
    position: absolute;
    right: -13px;
    top: 12px;
    width: 22px;
    height: 22px;
    background-image: url(../images/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    z-index: 50
}

.header--v1 .header__nav-item--has-children._active::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header--v1 .header__nav-item a, .header--v1 .header__nav-item span {
    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
}

@media (hover: hover), screen and (min-width: 0\0 ) {
    .header--v1 .header__nav-item span {
        color: var(--color-accent);
    }
}

.header--v1 .header__nav-sublist {
    position: absolute;
    top: 100%;
    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: 1px solid rgba(255,255,255,.3);
    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;
    overflow: auto;
    max-height: 535px;
}

.header--v1 .header__nav-subitem {
    padding: 10px 25px
}

.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 a, .header--v1 .header__nav-subitem span {
    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
}

@media (hover: hover), screen and (min-width: 0\0 ) {
    .header--v1 .header__nav-subitem span {
        color: var(--color-accent);
    }
}

.header--v1 .header__nav-subitem a svg, .header--v1 .header__nav-subitem span 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 a p, .header--v1 .header__nav-subitem span p {
    margin: 0 10px 0 0
}

.header--v1 .header__nav-subitem a img, .header--v1 .header__nav-subitem span img {
    width: 17px;
    height: 17px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.header--v1 .header__nav-subitem a::after, .header--v1 .header__nav-subitem span::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: 600;
    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-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;
    text-decoration: none;
    cursor: pointer
}

.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 a, .header--v2 .header__page-list-item span {
    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 p {
    margin: 0 10px 0 0
}

.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 {
    display: inline-block;
    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
}

.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--has-children::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.header--v2 .header__nav-item._active .header__nav-sublist {
    height: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: all
}

.header--v2 .header__nav-item a, .header--v2 .header__nav-item span {
    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-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 a, .header--v2 .header__nav-subitem span {
    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 a p, .header--v2 .header__nav-subitem span p {
    margin: 0 10px 0 0
}

.header--v2 .header__nav-subitem a img, .header--v2 .header__nav-subitem span img {
    width: 17px;
    height: 17px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.header--v2 .header__nav-subitem a:hover, .header--v2 .header__nav-subitem span:hover {
    color: var(--color-accent)
}

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

.news-block--v4 .news-block__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 24px
}

.scroll-top {
    position: fixed;
    bottom: 60px;
    right: 15px;
    z-index: 14
}

.scroll-top__button {
    border: none;
    width: 40px;
    height: 40px;
    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
}

.mobile-button {
    position: fixed;
    bottom: 10px;
    left: 15px;
    right: 15px;
    display: none
}

.mobile-button._active {
    display: block
}

.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%;
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.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;
    margin-top: 0;
    padding: 0;
}

.breadcrumbs__list_item:not(:last-child) {
    margin-right: 14px
}

.breadcrumbs__list-link {
    font-family: inherit;
    font-weight: 400;
    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)
}

.columns {
    padding: 2rem 0
}

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

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

.columns__item {
    margin: 1rem
}

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

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

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

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

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

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

.columns.col-2 .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;
    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
}

/*.button-content {*/
/*    margin-top: 2rem;*/
/*    margin-bottom: 2rem*/
/*}*/

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

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

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

.button-content a, .button-content button {
    padding: 15px 30px;
    background: var(--content-button-bg-color);
    display: inline-block;
    border: none;
    border-radius: 5px;
    -webkit-transition: 150ms;
    -o-transition: 150ms;
    transition: 150ms;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    font-size: 17px;
    line-height: 20px;
    font-weight: 500
}

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

.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 {
    background-image: url(../images/404.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.page-404 .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-weight: 900;
    font-size: 100px;
    line-height: 121px;
    color: #df7604
}

.content-404 {
    margin-left: 30%;
    position: relative
}

.content-404:after {
    position: absolute;
    top: 0;
    left: -75%;
    content: url("data:image/svg+xml;charset=UTF-8,<svg viewBox='0 0 246 272' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M137.929 1.31488C125.014 4.19922 113.581 10.1426 109.263 16.2217C105.57 21.4166 79.2765 25.644 76.6719 21.4609C74.4405 17.8777 65.7723 18.8895 64.2164 22.9135C63.4226 24.966 66.5924 30.4843 71.3706 35.3663C88.7988 53.1731 97.5195 109.021 87.5293 138.864C83.6211 150.539 83.4423 153.215 86.4491 155.106C93.0303 159.244 95.7585 157.539 98.831 147.365C104.95 127.094 102.101 88.3772 92.2208 57.5257C84.9405 34.803 92.3891 37.4683 117.006 66.403C134.794 87.3079 151.531 116.762 157.967 138.483L162.007 152.12L146.637 150.524C133.425 149.154 130.116 149.744 123.08 154.712C102.779 169.055 96.9833 203.331 110.451 229.4C122.646 253.012 146.716 269.152 173.298 271.543C186.747 272.753 190.645 271.916 205.592 264.617C235.247 250.13 248.706 225.723 245.55 192.169C243.145 166.609 232.085 149.864 211.256 140.241C198.843 134.506 183.507 132.086 180.224 135.343C177.393 138.149 181.446 149.381 185.601 150.252C189.11 150.985 188.8 151.77 183.953 154.422C176.358 158.582 173.682 156.85 171.453 146.335C168.546 132.628 150.196 95.6245 137.659 78.1907C131.259 69.2925 118.225 54.7743 108.692 45.9257C99.1595 37.0771 91.3614 29.2116 91.3614 28.4449C91.3614 27.6782 94.7729 27.0523 98.944 27.0523C104.122 27.0523 107.885 29.1099 110.811 33.5382C117.048 42.984 133.722 50.5208 148.422 50.5391C164.244 50.5573 212.263 40.1101 212.263 36.6494C212.263 31.5874 189.996 13.1626 176.931 7.41216C160.146 0.0265706 150.477 -1.48601 137.929 1.31488ZM34.7217 129.822C16.8546 137.544 3.02487 157.27 0.48234 179.649C-2.06019 202.027 5.71258 224.152 17.5898 237.541C32.6841 254.555 51.3877 260.082 72.9555 258.551C86.5332 257.586 103.115 252.508 109.168 247.457C109.568 247.126 106.642 240.637 102.671 233.038C96.9675 222.131 95.4326 215.604 95.3748 202.027C95.3354 192.568 96.229 181.271 97.3591 176.918C99.3566 169.227 99.0754 168.915 87.3532 165.806C74.6717 162.439 61.3279 151.694 63.1151 146.291C63.696 144.538 67.231 142.742 70.9711 142.301C79.563 141.284 82.7406 133.976 76.5457 129.48C70.5979 125.167 45.0141 125.373 34.7217 129.822ZM108.926 146.103C107.941 147.084 107.131 150.119 107.131 152.852C107.131 157.45 107.449 157.502 111.431 153.554C114.154 150.852 114.811 148.377 113.226 146.805C111.849 145.438 109.914 145.123 108.926 146.103Z' fill='%23ffffff'/> </svg>");
    display: inline-block;
    width: 246px;
    height: 272px
}

.page-404__subtitle {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
    color: #fff;
    max-width: 375px
}

.page-404__link {
    margin-top: 64px;
    padding: 16px 70px;
    background: #fe7b02;
    border-radius: 4px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-align: center
}

.page-404__link:hover {
    background-color: rgba(254, 123, 2, .8)
}

.contacts__list {
    margin-top: 10px;
    border: none;
    border-spacing: 0 20px;
    border-collapse: separate
}

table.contacts__list {
    margin-top: 0
}

.contacts__list-row {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 0 1px #e2e2e2;
    box-shadow: inset 0 0 0 1px #e2e2e2
}

.contacts__item-title {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #001e45;
    border-radius: 6px;
    font-weight: 700;
    font-size: 17px;
    line-height: 24px;
    color: #fff
}

.contacts__item-title .get-image {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts__item-title img {
    width: 28px;
    height: 28px;
    -o-object-fit: contain;
    object-fit: contain
}

.contacts__item-description {
    padding: 20px 20px 20px 25px;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #000;
    border: none
}

td.contacts__item-description {
    border: none
}

.how-to__list {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px;
    width: calc(100% + 24px)
}

.how-to__item {
    padding: 16px;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    width: calc((100% / 2) - 48px);
    max-width: calc((100% / 2) - 24px);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 12px 24px
}

.how-to__item .get-image {
    border-radius: 2px;
    overflow: hidden;
    line-height: 1;
    margin-bottom: 8px
}

.how-to__item--cta {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.how-to__item--cta .how-to__item-title {
    font-weight: 900;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    color: #000;
    margin-bottom: 20px
}

.how-to__item-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000;
    margin: 0 0 8px
}

.how-to__item-counter {
    font-size: 32px;
    line-height: 32px;
    color: #fe7b02
}

.how-to__item-description {
    font-size: 17px;
    line-height: 24px;
    color: #333
}

.how-to__item-description :first-child {
    margin-top: 0
}

.how-to__button {
    background-color: #fe7b02;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    padding: 16px 50px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.how-to.v2 .how-to__title {
    margin-bottom: 2rem
}

.how-to.v2 .how-to__list {
    display: block
}

.how-to.v2 .how-to__item {
    position: relative;
    padding-top: 24px;
    width: 100%;
    max-width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns:2fr 1fr;
    gap: 0 40px;
    background-color: #fff;
}

.how-to.v2 .how-to__item--no-image {
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr
}

.how-to.v2 .how-to__item:not(:last-child) {
    margin-bottom: 40px
}

.how-to.v2 .how-to__item .get-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3
}

.how-to.v2 .how-to__item-label {
    position: absolute;
    top: 0;
    left: 6px;
    -webkit-transform: translateY(-50%) skewX(15deg);
    -ms-transform: translateY(-50%) skewX(15deg);
    transform: translateY(-50%) skewX(15deg);
    background: #fe7b02;
    border-radius: 6px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    padding: 4px 36px
}

.how-to.v2 .how-to__item-counter {
    color: #fff;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    display: inline-block;
    font-size: 24px;
    line-height: 32px
}

.how-to.v2 .how-to__item-title {
    margin-top: auto
}

.how-to.v2 .how-to__item-description {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.symbols-table__header {
    padding: 16px;
    background: #001e45;
    border-radius: 6px;
    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
}

.symbols-table__header-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.symbols-table__header-left .get-image {
    border-radius: 4px;
    overflow: hidden;
    margin-right: 16px
}

.symbols-table__header-left .get-image img {
    height: 44px;
    width: 100%
}

.symbols-table__button {
    background-color: #fe7b02;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    padding: 14px 36px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.symbols-table__button:hover {
    background-color: rgba(254, 123, 2, .8)
}

.symbols-table__header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.symbols-table__header-text {
    margin: 0 24px 0 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    max-width: 160px
}

.symbols-table__bet-amount {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.symbols-table__bet-amount:before {
    content: "A$";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    padding: 5px 10px 5px 0;
    border-right: 1px solid #e2e2e2
}

.symbols-table__bet-amount input {
    background: #fff;
    border-radius: 4px;
    padding: 14px 10px 10px 56px;
    border: none;
    outline: 0;
    max-width: 140px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000
}

.symbols-table__bet-amount input::-webkit-inner-spin-button, .symbols-table__bet-amount input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.symbols-table__bet-amount input::-webkit-input-placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #9c9c9c
}

.symbols-table__bet-amount input::-moz-placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #9c9c9c
}

.symbols-table__bet-amount input:-ms-input-placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #9c9c9c
}

.symbols-table__bet-amount input::-ms-input-placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #9c9c9c
}

.symbols-table__bet-amount input::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #9c9c9c
}

.symbols-table__wrapper {
    position: relative
}

.have-scroll:before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 0;
    width: 20px;
    background-color: red
}

.left.have-scroll:before {
    left: -16px;
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(60%, rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, #fff 0, rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, 0) 100%)
}

.right.have-scroll:before {
    right: -16px;
    background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(60%, rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(right, #fff 0, rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, 0) 100%)
}

.symbols-table__body {
    overflow-x: auto
}

.symbols-table__table {
    width: 100%;
    margin: 10px 1px 1px;
    overflow: hidden;
    border-radius: 6px;
    border: none;
    border-collapse: collapse;
    -webkit-box-shadow: 0 0 0 1px #e2e2e2;
    box-shadow: 0 0 0 1px #e2e2e2;
    width: calc(100% - 2px);
    min-width: auto
}

.symbols-table__table th {
    background-color: #f8f8f8;
    white-space: nowrap
}

.symbols-table__table th:not(:last-child) {
    border-right: 1px solid #e2e2e2
}

.symbols-table__table td {
    border: none;
    padding: 0
}

.symbols-table__body-row:not(:last-child) {
    border-bottom: 1px solid #e2e2e2
}

.symbols-table__body-row:first-child {
    border-bottom: 2px solid #fe7b02
}

.symbols-table__body-row th {
    padding: 20px;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    color: #333
}

td.symbols-table__body-td {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    padding: 16px
}

td.symbols-table__body-td--accent {
    padding: 16px 16px 16px 40px;
    background-color: #f8f8f8;
    border-right: 1px solid #e2e2e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

td.symbols-table__body-td--accent .get-image {
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

td.symbols-table__body-td--accent img {
    width: 100%;
    height: 64px
}

.social {
    margin: 0 0 0 auto;
    padding: 15px 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.social__item:not(:last-child) {
    margin-right: 25px
}

.social__link img {
    width: 25px;
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slot-page {
    max-width: 1056px;
}

.slot-page__title {
    margin-bottom: 32px;
    font-weight: 600;
    font-size: 34px;
    line-height: 42px
}

.slot-page__info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 340px;
    grid-template-columns:1fr 340px;
    gap: 24px;
    margin-bottom: 32px
}

.slot-page__info .get-image {
    border-radius: 4px;
    overflow: hidden
}

.slot-page__description {
    font-size: 17px;
    line-height: 22px;
    color: #000
}

.slot-page__game {
    border-radius: 6px;
    overflow: hidden
}

.slot-page__game.full-screen {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
    overflow: visible
}

.slot-page__game-statistics {
    padding: 16px;
    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;
    background-color: #001e45
}

.slot-page__game-statistics .get-image {
    margin-right: 5px;
    max-height: 40px
}

.slot-page__game-statistics img {
    width: auto
}

.slot-page__game-statistics.game-running .slot-page__game-statistics-info {
    margin-right: auto
}

.slot-page__game-statistics.game-running .slot-page__link--affiliate {
    margin-right: 24px
}

.slot-page__game-statistics.game-running .slot-page__fullscreen-button {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.slot-page__game-statistics-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slot-page__game-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 24px
}

.slot-page__game-rating.rating {
    font-size: 24px
}

.slot-page__game-rating .rating__counter {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 12px
}

.slot-page__game-rating .rating__counter span {
    margin-left: 4px;
    padding: 0;
    font-size: 17px;
    line-height: 17px;
    color: #333
}

.slot-page__game-label {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fe7b02;
    max-width: 60px
}

.slot-page__fullscreen-button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slot-page__fullscreen-button.full-screen .exit-full {
    display: block
}

.slot-page__fullscreen-button .exit-full, .slot-page__fullscreen-button.full-screen .full {
    display: none
}

.slot-page__fullscreen-button svg {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slot-page__game-display {
    position: relative
}

.slot-page__game-display:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 30, 69, .75);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 2;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slot-page__game-display .get-image {
    line-height: 0
}

.slot-page__game-display img {
    width: 100%
}

.slot-page__game-display.game-running:after {
    opacity: 0;
    z-index: -10
}

.slot-page__game-iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.slot-page__game-display-buttons {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.slot-page__game-display-buttons.add-animation {
    -webkit-animation: 1s forwards replaceAffiliateButton;
    animation: 1s forwards replaceAffiliateButton
}

.slot-page__game-display-buttons.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.slot-page__link {
    border: 2px solid transparent;
    border-radius: 4px;
    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: 16px;
    line-height: 18px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding: 12px;
    min-width: 224px;
    cursor: pointer;
    text-decoration: none
}

.slot-page__link--affiliate {
    background-color: #fe7b02;
    border-color: #fe7b02;
    font-weight: 700;
    color: #fff
}

.slot-page__link--demo {
    background-color: #fff;
    border-color: #ecd1b9;
    font-weight: 600;
    color: #000
}

.slot-page__link--affiliate + .slot-page__link--demo {
    margin-top: 16px
}

@-webkit-keyframes replaceAffiliateButton {
    100% {
        top: -100px;
        left: -100px;
        -webkit-transform: translate(0, 0) scale(0);
        transform: translate(0, 0) scale(0)
    }
}

@keyframes replaceAffiliateButton {
    100% {
        top: -100px;
        left: -100px;
        -webkit-transform: translate(0, 0) scale(0);
        transform: translate(0, 0) scale(0)
    }
}

.slot-page__game-slider {
    background-color: #001e45;
    padding: 26px 20px 16px
}

.slot-page__game-slider.hide {
    display: none
}

.slot-page__game-slider-header {
    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: 16px
}

.slot-page__game-slider-title {
    margin: 0 20px 0 0;
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    color: #fff
}

.slot-page__game-slider-link {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #fe7b02;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slot-page__game-slider-list {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0;
    list-style: none;
    overflow: auto
}

.slot-page__game-slider-list::-webkit-scrollbar {
    position: relative;
    height: 8px;
    background-color: #02152d;
    border-radius: 4px
}

.slot-page__game-slider-list::-webkit-scrollbar-button {
    display: none
}

.slot-page__game-slider-list::-webkit-scrollbar-thumb {
    background-color: #fe7b02;
    border-radius: 4px;
    height: 8px
}

.slot-page__game-slider-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 16px;
    position: relative
}

.slot-page__game-slider-item .get-image {
    margin-bottom: 4px;
    border-radius: 4px;
    overflow: hidden;
    width: 184px;
    height: 100px;
    position: relative
}

.slot-page__game-slider-item .get-image img {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.slot-page__game-slider-item:not(:last-child) {
    margin-right: 24px
}

.slot-page__game-slider-item-link {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slot-page__game-slider-item-link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.slot-page__game-footer {
    display: none;
    background-color: #001e45;
    padding: 16px 12px
}

.slot-page__game-footer.hide {
    display: none
}

.slot-page__general-info {
    margin-top: 24px;
    border: none;
    width: 100%
}

.slot-page__general-info tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap: 20px
}

td.slot-page__list-wrapper {
    padding: 0;
    border: none;
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 1px #e2e2e2;
    box-shadow: inset 0 0 0 1px #e2e2e2
}

.slot-page__general-info-title {
    margin: 0;
    padding: 16px;
    background-color: #001e45;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.slot-page__general-info-title svg {
    margin-right: 4px
}

.slot-page__general-list {
    margin: 0;
    padding: 8px 16px;
    list-style: none
}

.slot-page__general-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;
    padding: 12px 0
}

.slot-page__general-item:not(:last-child) {
    border-bottom: 1px solid #f2f2f2
}

.slot-page__general-item-title {
    margin: 0 10px 0 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #333
}

.slot-page__general-item-value {
    font-size: 14px;
    line-height: 18px;
    color: #424242
}

.relink {
    max-width: 1056px;
    margin-left: auto;
    margin-right: auto
}

.relink__header {
    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: 36px
}

.relink__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000;
    margin: 0
}

.relink__controls {
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.relink__control {
    padding: 10px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #001e45;
    border-radius: 4px;
    cursor: pointer
}

.relink__control svg {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.relink__control + .relink__control {
    margin-left: 16px
}

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

.relink__item {
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 1px #e2e2e2;
    box-shadow: inset 0 0 0 1px #e2e2e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #FFF;
}

.relink__item .get-image {
    overflow: hidden
}

.relink__item .get-image img {
    height: 120px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.relink__item-content {
    padding: 12px 12px 8px;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.relink__item-rating {
    padding: 3px 16px 0;
    position: absolute;
    top: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.relink__item-rating.rating {
    font-size: 24px
}

.relink__item-rating:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: url("data:image/svg+xml;charset=UTF-8,<svg width='130' height='28' viewBox='0 0 140 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.88301 7.27297C10.774 2.86077 15.1124 0 19.9128 0H120.087C124.888 0 129.226 2.86076 131.117 7.27297L140 28H0L8.88301 7.27297Z' fill='%23ffffff'/></svg>");
    display: inline-block;
    width: 140px;
    height: 28px;
    z-index: -1
}

.relink__item-title {
    margin: 0 0 8px;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: #000
}

.relink__item-description {
    margin: 0 0 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.relink__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #fe7b02;
    text-decoration: none
}

.relink__item-link svg {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.relink__item-demo-button {
    background-color: #fe7b02;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fe7b02;
    border-radius: 4px;
    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: 16px;
    line-height: 18px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding: 12px 32px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    cursor: pointer;
    text-decoration: none;
    margin: 16px auto 8px
}

.relink__more-button {
    display: block;
    margin: 40px auto 0;
    border: 2px solid #ecd1b9;
    border-radius: 4px;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    padding: 14px;
    min-width: 312px;
    background-color: #fff;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer
}

.relink--vertical .relink__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap: 24px
}

.relink--vertical .relink__item-title {
    text-align: center
}

.relink--vertical .relink__item-link {
    margin-top: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content-block {
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    gap: 24px
}

.content-block--v1 {
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr
}

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

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

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

.content-block--v5 {
    -ms-grid-columns:(1fr) [ 5 ];
    grid-template-columns:repeat(5, 1fr);
    gap: 10px
}

.content-block--v1 .content-block__item {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 156px 1fr;
    grid-template-columns:156px 1fr
}

.content-block--v1 .content-block__item .get-image {
    margin: 0;
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
}

.content-block--v1 .content-block__item img {
    height: 100%;
    object-fit: contain;
}

.content-block--v1 .content-block__item-title {
    text-align: left;
    padding: 34px 24px 0
}

.content-block--v1 .content-block__item-title.span-2 {
    margin-bottom: 0;
    padding: 34px 24px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.content-block--v1 .content-block__item-description {
    padding: 0 24px 34px
}

.content-block--v1 .content-block__item-description.span-2 {
    padding: 34px 24px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.content-block__item {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 12px;
    overflow: hidden
}

.content-block__item .get-image {
    display: flex;
    justify-content: center;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px;
    line-height: 0
}

.content-block__item .get-image img {
    width: 100%;
}

.content-block__item-title {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    color: #000;
    margin: 0 0 8px
}

.content-block__item-description {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.content-block--v6 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    gap: 15px
}

.content-block--v6 .content-block__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns:200px 1fr;
    gap: 30px;
    padding: 20px;
    border-radius: 10px;
    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)
}

.content-block--v6 .content-block__item-left {
    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
}

.content-block--v6 .content-block__item-left .get-image {
    margin: 0 auto 8px
}

.content-block--v6 .content-block__item-left .get-image img {
    max-height: 75px
}

.content-block--v6 .content-block__item-title {
    margin: 0;
    text-align: center
}

.content-block--v6 .content-block__item-description {
    margin-top: auto;
    margin-bottom: auto
}

.slots-list {
    max-width: 1056px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.slots-list__form-wrapper {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.filter-form {
    background: #fff;
    border: 2px solid #001e45;
    border-radius: 8px;
    padding: 24px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 12 ];
    grid-template-columns:repeat(12, 1fr);
    gap: 16px;
    position: relative;
    margin-bottom: 32px
}

.filter-form__submit {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    background: #fe7b02;
    border-radius: 4px;
    padding: 16px;
    width: 100%;
    grid-column: 2/-2;
    max-width: 312px;
    margin: 0 auto;
    border: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer
}

.filter-form__clear {
    margin-left: auto;
    width: 54px;
    height: 54px;
    padding: 14px;
    border: 1px solid #cecece;
    border-radius: 4px;
    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;
    grid-column: -1/-2;
    background-color: #fff;
    cursor: pointer
}

.custom-range {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.custom-select {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.filter-form.filter-form--v2 .custom-radio .custom-radio__wrapper {
    border: none;
    gap: 4px
}

.filter-form.filter-form--v2 .custom-radio input:checked + label {
    background-color: #13488d;
    border-color: #13488d;
    color: #fff
}

.filter-form.filter-form--v2 .custom-radio input:checked + label svg {
    stroke: #fe7b02
}

.filter-form.filter-form--v2 .custom-radio label {
    padding: 4px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 4px
}

.filter-form.filter-form--v2 .custom-radio label svg {
    margin-right: 4px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    stroke: #2c3e50
}

.filter-form.filter-form--v2 .custom-radio label:first-child {
    margin-right: 4px
}

.filter-form.filter-form--v2 .custom-range {
    grid-row: auto;
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.filter-form.filter-form--v2 .custom-radio {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.filter-form.filter-form--v2 .custom-select {
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.filter-form__bg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -450px;
    right: -450px;
    height: 160px;
    z-index: -1
}

.filter-form__bg span {
    height: 32px;
    width: 100%;
    display: block;
    background: #fff
}

.filter-form__bg span:not(:last-child) {
    margin-bottom: 32px
}

.filter-form__bg span:nth-child(1) {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #fff), color-stop(35%, #fe7b02), color-stop(65%, #fe8c23), color-stop(80%, #fff));
    background: -o-linear-gradient(left, #fff 20%, #fe7b02 35%, #fe8c23 65%, #fff 80%);
    background: linear-gradient(90deg, #fff 20%, #fe7b02 35%, #fe8c23 65%, #fff 80%)
}

.filter-form__bg span:nth-child(2) {
    background: -webkit-gradient(linear, left top, right top, color-stop(15%, #fff), color-stop(35%, #fe7b02), color-stop(65%, #fe8c23), color-stop(85%, #fff));
    background: -o-linear-gradient(left, #fff 15%, #fe7b02 35%, #fe8c23 65%, #fff 85%);
    background: linear-gradient(90deg, #fff 15%, #fe7b02 35%, #fe8c23 65%, #fff 85%)
}

.filter-form__bg span:nth-child(3) {
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), color-stop(35%, #fe7b02), color-stop(65%, #fe8c23), color-stop(90%, #fff));
    background: -o-linear-gradient(left, #fff 10%, #fe7b02 35%, #fe8c23 65%, #fff 90%);
    background: linear-gradient(90deg, #fff 10%, #fe7b02 35%, #fe8c23 65%, #fff 90%)
}

.slots-list__game {
    background-color: #001e45;
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 40px rgba(0, 0, 0, .15);
    border-radius: 6px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 880px;
    height: 648px;
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.slots-list__game.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 1000;
    -webkit-box-shadow: 8px 0 500px 0 #42445a;
    box-shadow: 8px 0 500px 0 #42445a
}

.slots-list__game.fullscreen {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
    height: 100%;
    max-height: unset;
}

.slots-list__game-header {
    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: 10px 10px 10px 20px
}

.slots-list__game-title {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: #fff;
    margin: 0
}

.slots-list__game-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slots-list__game-controls button {
    border: none;
    background: 0 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;
    cursor: pointer
}

.slots-list__game-controls button svg {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slots-list__fullscreen-button .exit-full, .slots-list__fullscreen-button.fullscreen .full {
    display: none
}

.slots-list__fullscreen-button.fullscreen .exit-full {
    display: block
}

.slots-list__close-game {
    margin-left: 12px
}

.slots-list__iframe {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #000
}

.slots-list__iframe iframe {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border: none
}

.slots-list__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

.slots-list__footer-affiliate {
    background-color: #fe7b02;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    padding: 16px 50px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-right: 24px;
    display: none
}

.slots-list__footer-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #fe7b02;
    text-decoration: none
}

.slots-list__footer-review svg {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.custom-select {
    position: relative
}

.custom-select select {
    display: none
}

.select-selected {
    border: 1px solid #cecece;
    border-radius: 6px
}

.select-selected:after {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 20px;
    height: 20px;
    content: url("data:image/svg+xml;charset=UTF-8,<svg width='20' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.99609 9L10.9961 13L14.9961 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #fe7b02;
    border-radius: 100%
}

.select-selected.select-arrow-active:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.select-items div, .select-selected {
    font-size: 14px;
    line-height: 20px;
    color: #6d6d6d;
    padding: 12px;
    background: #fff;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.select-items {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 99;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    border-radius: 6px;
    padding: 8px;
    max-height: 244px;
    overflow: auto
}

.select-items::-webkit-scrollbar {
    background: #f1f1f1;
    border-radius: 4px;
    border: 5px solid transparent;
    width: 6px
}

.select-items::-webkit-scrollbar-button {
    display: none
}

.select-items::-webkit-scrollbar-thumb {
    background-color: #fe7b02;
    border-radius: 3px
}

.select-hide {
    display: none
}

.same-as-selected, .select-items div:hover {
    background-color: #f1f1f1;
    border-radius: 6px;
    color: #000
}

.custom-radio {
    -ms-grid-column-span: 3;
    grid-column: span 3;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    padding: 16px;
    position: relative
}

.custom-radio.disable label {
    opacity: .5
}

.custom-radio__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin: 0 0 8px
}

.custom-radio__wrapper {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-radio label {
    padding: 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.custom-radio input:checked + label {
    background-color: #ffb36c
}

.custom-range {
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    padding: 16px;
    position: relative
}

.custom-range__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin: 0 0 22px
}

.custom-range label {
    position: absolute;
    opacity: 0
}

.custom-range__value {
    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: 8px -4px 0 0
}

.custom-range__value span {
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.noUi-target {
    background: #d9d9d9 !important;
    border-radius: 2px !important
}

.noUi-horizontal {
    height: 4px !important
}

.noUi-connect {
    background-color: #fe7b02 !important
}

.noUi-horizontal .noUi-handle {
    width: 16px !important;
    height: 16px !important;
    background: #fe7b02 !important;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1) !important;
    border-radius: 100%;
    right: -10px !important;
    outline: 0
}

.noUi-handle:after {
    display: none !important
}

.noUi-handle:before {
    width: 12px !important;
    height: 12px !important;
    content: url("data:image/svg+xml;charset=UTF-8,<svg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.80588 0.58541C5.86575 0.401148 6.12643 0.401148 6.18631 0.58541L7.29827 4.0077C7.32505 4.09011 7.40184 4.1459 7.48849 4.1459H11.0869C11.2806 4.1459 11.3612 4.39382 11.2045 4.5077L8.29328 6.62279C8.22318 6.67372 8.19385 6.764 8.22062 6.8464L9.33259 10.2687C9.39246 10.453 9.18157 10.6062 9.02483 10.4923L6.11365 8.37721C6.04355 8.32628 5.94863 8.32628 5.87854 8.37721L2.96736 10.4923C2.81062 10.6062 2.59972 10.453 2.65959 10.2687L3.77156 6.8464C3.79834 6.764 3.76901 6.67372 3.69891 6.62279L0.787735 4.5077C0.630992 4.39382 0.711547 4.1459 0.905291 4.1459H4.5037C4.59035 4.1459 4.66714 4.09011 4.69391 4.0077L5.80588 0.58541Z' fill='white'/> </svg>") !important;
    display: inline-block !important;
    left: 1px !important;
    top: -6px !important;
    background: 0 0 !important
}

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

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

.get-image {
    margin: 0;
    line-height: 1
}

.header__logo {
    z-index: 20 !important
}

.header--v1 .header__logo img {
    max-height: 60px
}

.header {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    z-index: 400
}

.page-footer {
    background-color: var(--color-first-header-footer-bg);
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-footer__col {
    display: flex;
    flex-wrap: wrap;
}

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

.page-footer__text img  {
    width: auto;
    max-height: 64px;
}

.page-footer__text p {
    color: #fff
}

.page-footer__logo img {
    max-height: 100px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 767px) {
    .page-footer__col {
        flex-direction: column;
    }

    .page-footer__text {
        align-items: center;
    }
}

.toc--v1 .toc__text svg, .toc--v2 .toc__text svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.toc--v2 .toc__item {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.bonus--v1 .bonus__header .get-image {
    position: absolute;
    right: 0;
    left: 80%
}

.bonus--v1 .bonus__header {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wp-block-table {
    overflow-x: auto
}

.wp-block-table .has-fixed-layout {
    table-layout: auto;
    word-break: inherit
}

.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {
    word-break: inherit
}

.wp-block-table table {
    overflow-x: auto;
    width: 100%;
    min-width: auto;
    border: 1px solid #001e45;
    background-color: #fff;
    margin-top: 1rem
}

@media (max-width: 1024px) {
    .wp-block-table table:has(td:nth-child(3)) {
        min-width: 600px;
    }
}

wp-block-table table:has(td:nth-child(3)) {
    min-width: 600px;
}

.wp-block-table th {
    background-color: #001e45;
    color: #fff;
    word-break: inherit
}

.wp-block-table table td {
    border: 1px solid #001e45;
    word-break: inherit
}

.mobile-button {
    z-index: 50
}

.bookmaker-v1--no-buttons {
    -ms-grid-columns: .5fr 1fr 1fr;
    grid-template-columns:.5fr 1fr 1fr
}

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

.payments-method--v4 .payments-method__list {
    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: 8px;
    background-color: #fff;
}

.payments-method--v4 .payments-method__title svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.payments-method--v4 .payments-method__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px 150px 1fr;
    grid-template-columns:150px 150px 1fr
}

.payments-method--v4 .payments-method__item:not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

.payments-method--v4 .payments-method__item-logo {
    padding: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border: none
}

.payments-method--v4 .payments-method__item-logo img {
    max-height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.payments-method--v4 .payments-method__item-name {
    padding: 25px 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: 700;
    text-align: center;
    color: #001635;
    border: none
}

.payments-method--v4 .payments-method__item-description {
    padding: 25px 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #333;
    border: none
}

.payments-method {
    margin-top: 1rem
}

.providers__list {
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    background-color: #FFF;
    padding: var(--offsets);
}

.providers__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px 150px 1fr;
    grid-template-columns:150px 150px 1fr;
    background-color: #fff;
}

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

.providers__item-logo {
    padding: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border: none
}

.providers__item-logo img {
    max-height: 45px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.providers__item-name {
    padding: 25px 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: 700;
    text-align: center;
    color: #001635;
    border: none
}

.providers__item-description {
    padding: 25px 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #333;
    border: none
}

.scroll-top__button {
    border-radius: 10px;
    background-color: #001e45 !important
}

.scroll-top__button svg {
    width: 32px;
    height: 32px
}

.scroll-top__button svg path {
    fill: #df7604
}

.bonuses, .listings {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.bonus--v1 .bonus__text {
    font-size: 14px
}

.bonus--v1 .bonus__label {
    font-size: 14px;
    line-height: 15px
}

.page-footer .columns__item a {
    color: #fff
}

.header__toggle-menu {
    cursor: pointer
}

.header--v1 .header__nav._active::after {
    height: 90px
}

.toc--v2 .toc__list {
    gap: 20px 30px
}

.toc--v2 .toc__item {
    padding: 8px;
    border-radius: 5px;
    background-color: #001e45;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.toc--v2 .toc__text {
    position: relative;
    padding: 0 20px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.toc--v2 .toc__text svg {
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

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

.faq__item-description > :first-child {
    margin-top: 0
}

.slots__popup-wrapper {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .4);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slots__popup-content {
    background-color: #fefefe;
    margin-top: 40px;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    height: auto;
    position: relative
}

.slots__close {
    background: red;
    position: absolute;
    right: -10px;
    top: -10px;
    border: 1px solid #fff;
    cursor: pointer;
    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
}

.slots__popupPlayButtonWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 13px
}

.slots__popupPlayButton {
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    color: #fff;
    background-color: var(--color-first-header-footer-bg);
    padding: 10px;
    font-size: 1.2rem;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slots__popupPlayButton:hover {
    background-color: #0077b5
}

.game__container {
    height: 60vh
}

.game__container iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.litem--v1 .litem__text {
    color: #696969
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .author--v1 .author__author:hover, .author--v2 .author__author:hover, .author--v3 .author__author:hover, .author--v4 .author__author:hover, .author--v5 .author__author:hover {
        text-decoration: underline
    }

    .slot--v2 .slot__link:focus, .slot--v2 .slot__link:hover, .slot--v3 .slot__link:focus, .slot--v3 .slot__link:hover {
        opacity: .7
    }

    .promocode--v4 .promocode__link:focus, .promocode--v4 .promocode__link:hover {
        text-decoration: underline
    }

    .author-page--v1 .author-page__list-link:hover {
        opacity: .7
    }

    .author-page a.page-numbers:hover {
        background-color: #dee2e6
    }

    .paper--v5 .paper__link:focus, .paper--v5 .paper__link:hover {
        color: var(--color-accent)
    }

    .header--v1 .header__nav-item:hover .header__nav-sublist {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }

    .header--v1 .header__nav-item--has-children:hover::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header--v1 .header__nav-item a:hover {
        color: var(--color-accent)
    }

    .header--v1 .header__nav-item a:hover svg {
        fill: var(--color-accent)
    }

    .header--v1 .header__nav-subitem a:hover, .header--v1 .header__nav-subitem span:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .header--v2 .header__page-list-item a:hover {
        color: var(--color-accent)
    }

    .header--v2 .header__nav-item--has-children:hover::after {
        -webkit-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%)
    }

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

    .how-to__button:focus, .how-to__button:hover {
        background-color: rgba(254, 123, 2, .8)
    }

    .social__link:focus img, .social__link:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (hover: hover), screen and (min-width: 0 \0
) {
    .slot-page__fullscreen-button svg:focus, .slot-page__fullscreen-button svg:hover {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }

    .slot-page__link--demo:focus, .slot-page__link--demo:hover {
        border-color: #fe7b02;
        color: #fff;
        background-color: rgba(254, 123, 2, .8)
    }

    .slot-page__game-slider-link:focus, .slot-page__game-slider-link:hover {
        color: #fff
    }

    .slot-page__game-slider-item:focus img, .slot-page__game-slider-item:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .slot-page__game-slider-item:focus .slot-page__game-slider-item-link, .slot-page__game-slider-item:hover .slot-page__game-slider-item-link {
        color: #fe7b02
    }

    .filter-form__submit:focus, .filter-form__submit:hover, .slots-list__footer-affiliate:focus, .slots-list__footer-affiliate:hover {
        background-color: rgba(254, 123, 2, .8)
    }

    .slots-list__footer-review:focus svg, .slots-list__footer-review:hover svg {
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px)
    }

    .slot-page__link--affiliate:focus, .slot-page__link--affiliate:hover {
        background-color: rgba(254, 123, 2, .8)
    }

    .relink__control--prev:focus svg, .relink__control--prev:hover svg {
        -webkit-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    .relink__control--next:focus svg, .relink__control--next:hover svg {
        -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
        transform: translateX(5px)
    }

    .relink__item-link:focus svg, .relink__item-link:hover svg {
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px)
    }

    .relink__item-demo-button:focus, .relink__item-demo-button:hover {
        background-color: rgba(254, 123, 2, .8)
    }

    .relink__more-button:focus, .relink__more-button:hover {
        border-color: #fe7b02;
        color: #fff;
        background-color: rgba(254, 123, 2, .8)
    }

    .slots-list__game-controls button svg:focus, .slots-list__game-controls button svg:hover {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (max-width: 1439px) {
    .litem--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
    }

    .litem--v2 .litem__label {
        left: 0
    }

    .litem--v2 .litem__image img {
        height: 100%
    }

    .litem--v2 .litem__image {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        max-height: 80px;
        margin: 0
    }

    .litem--v2 .litem__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
    }

    .litem--v2 .litem__info-wrapper {
        border-left: 1px solid #e9e9e9
    }

    .litem--v2 .litem__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
    }

    .litem--v2 .litem__item {
        padding: 10px 5px
    }

    .litem--v2 .litem__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
    }

    .litem--v2 .litem__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) {
    .payments-method--v1 .payments-method__item {
        padding: 30px 5px 31px
    }

    .gallery--v1 .gallery__list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .slots--v1 .slots__body {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .slots--v2 .slots__body, .slots--v3 .slots__body {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr)
    }

    .listings--v4 .listings__body, .listings--v5 .listings__body, .listings--v8 .listings__body {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr);
        gap: 10px
    }

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

    .litem--v3 .litem__image img {
        height: 80px
    }

    .litem--v3 .litem__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
    }

    .litem--v3 .litem__content {
        grid-column: 2/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .litem--v3 .litem__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
    }

    .litem--v3 .litem__item {
        max-width: 40%
    }

    .litem--v3 .litem__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
    }

    .litem--v3 .litem__button {
        padding: 15px 30px
    }

    .litem--v6 {
        -ms-grid-columns:(1fr) [ 6 ];
        grid-template-columns:repeat(6, 1fr)
    }

    .litem--v6 .litem__header {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    .litem--v6 .litem__price-list {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        border-right: none
    }

    .litem--v6 .litem__ad {
        -ms-grid-column-span: 4;
        grid-column: span 4;
        border-top: 1px solid #e9e9e9
    }

    .litem--v6 .litem__links {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        border-top: 1px solid #e9e9e9
    }

    .litem--v7 {
        -ms-grid-columns: 1.2fr 1fr;
        grid-template-columns:1.2fr 1fr
    }

    .litem--v7 .litem__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
    }

    .litem--v7 .litem__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
    }

    .litem--v7 .litem__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
    }

    .litem--v7 .litem__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
    }

    .author-page--v2.author-page--no-bet-on .author-page__text {
        grid-row: auto
    }

    .author-page--v2.author-page--no-bet-on .author-page__info {
        -ms-grid-column-span: -1;
        grid-column-end: -1
    }

    .author-page--v2 {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .author-page--v2 .author-page__photo {
        -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;
        padding: 10px
    }

    .author-page--v2 .author-page__image {
        width: 120px;
        height: 120px
    }

    .author-page--v2 .author-page__info {
        -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
    }

    .author-page--v2 .author-page__bet {
        -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
    }

    .author-page--v2 .author-page__text {
        -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
    }

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

    .content-block--v5 {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr);
        gap: 24px
    }
}

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

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

    .header--v1 .header__logo {
        margin-right: auto;
        max-width: 120px;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .header--v1 .header__nav-item a, .header--v1 .header__nav-item span {
        line-height: 26px;
    }

    .header--v1 .header__logo img {
        max-height: 45px
    }

    .bonus--v1 .bonus__header img {
        padding-right: 10px
    }

    .payments-method--v4 .payments-method__item {
        -ms-grid-columns: 100px 100px 1fr;
        grid-template-columns:100px 100px 1fr
    }

    .payments-method--v4 .payments-method__item-description, .payments-method--v4 .payments-method__item-logo, .payments-method--v4 .payments-method__item-name {
        padding: 20px 10px
    }

    .providersd__item {
        -ms-grid-columns: 100px 100px 1fr;
        grid-template-columns:100px 100px 1fr;
        border: none
    }

    .providers__item-description, .providers__item-logo, .providers__item-name {
        padding: 20px 10px
    }

    .header--v1 .header__nav._active::after {
        height: 105px
    }

    .header--v1 .header__nav-sublist {
        background-color: #0000008f;
        padding-left: 10px
    }

    .header--v1 .header__nav-subitem:nth-child(even) {
        background-color: transparent
    }
}

@media (max-width: 1023px) {
    .payments-method--v1 .payments-method__item:nth-child(3n+3) .payments-card--v1 {
        margin-right: auto
    }

    .payments-method--v1 .payments-method__item:nth-child(3n+1), .payments-method--v1 .payments-method__item:nth-child(3n+3) {
        border: 1px solid #e9e9e9
    }

    .payments-method--v1 .payments-method__item:nth-child(3n+1) .payments-card--v1 {
        margin-left: auto;
        margin-right: auto
    }

    .payments-method--v1 .payments-method__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

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

    .slots--v1 .slots__body {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .slots--v2 .slots__body, .slots--v3 .slots__body {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr);
        gap: 10px
    }

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

    .listings--v4 .listings__body, .listings--v5 .listings__body, .listings--v8 .listings__body {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .litem--v1 {
        -ms-grid-columns: 105px 1fr 1fr 250px;
        grid-template-columns:105px 1fr 1fr 250px
    }

    .litem--v1 .litem__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
    }

    .litem--v1 .litem__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
    }

    .litem--v1 .litem__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
    }

    .litem--v1 .litem__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
    }

    .litem--v2 {
        -ms-grid-columns: .5fr 1.5fr;
        grid-template-columns:.5fr 1.5fr
    }

    .litem--v2 .litem__content {
        border-right: none
    }

    .litem--v2 .litem__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
    }

    .litem--v2 .litem__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
    }

    .litem--v2 .litem__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
    }

    .bonuses .bonuses__list {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

    .bonuses--v4 .bonuses__list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .bonus--v3 .bonus__link {
        min-width: 150px
    }

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

    .promocodes--v1 .promocodes__list, .toc--v3 .toc__list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 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
    }

    .author-page--v1 {
        -ms-grid-columns:(1fr) [ 6 ];
        grid-template-columns:repeat(6, 1fr)
    }

    .author-page--v1 .author-page__content {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    .author-page--v1 .author-page__bet {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .author-page--v1 .paper {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    .author-page--v2 {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .author-page--v2 .author-page__photo {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .author-page--v2 .author-page__info {
        -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;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .author-page--v2 .author-page__name {
        padding: 10px
    }

    .author-page--v2 .author-page__list {
        padding: 10px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: auto 0
    }

    .author-page--v2 .author-page__bet {
        -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
    }

    .author-page--v2 .author-page__bet-title {
        margin-bottom: 10px
    }

    .author-page--v2 .author-page__text {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        padding: 20px
    }

    .author-page--v3 .author-page__content {
        -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;
        -ms-grid-rows: -webkit-min-content -webkit-min-content -webkit-min-content;
        -ms-grid-rows: min-content min-content min-content;
        grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;
        grid-template-rows:min-content min-content min-content
    }

    .author-page--v3 .author-page__image {
        width: 150px;
        height: 150px;
        -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
    }

    .author-page--v3 .author-page__name {
        -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
    }

    .author-page--v3 .author-page__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;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .author-page--v3 .author-page__text {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .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 {
        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::before {
        display: block;
        right: 0;
        top: 0;
        width: 40px;
        height: 46px;
        background-position: 100% 50%;
        background-size: 70%
    }

    .header--v1 .header__nav-item a, .header--v1 .header__nav-item span {
        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;
        height: 0;
        position: relative
    }

    .header--v1 .header__nav-subitem {
        padding: 0
    }

    .header--v1 .header__nav-subitem a, .header--v1 .header__nav-subitem span {
        padding: 10px 25px
    }

    .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::after {
        right: 10px;
        top: 15px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .header--v2 .header__nav-item--has-children._active::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header--v2 .header__nav-item {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .header--v2 .header__nav-item a, .header--v2 .header__nav-item span {
        padding: 15px;
        font-size: 20px
    }

    .header--v2 .header__nav-sublist::after, .header--v2 .header__nav-sublist::before {
        display: none
    }

    .header--v2 .header__nav-sublist {
        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 a, .header--v2 .header__nav-subitem span {
        padding: 10px 10px 10px 30px
    }

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

    .comment {
        margin-top: 20px
    }

    .comment:first-child {
        margin-top: 30px
    }

    .have-scroll .symbols-table__body {
        margin-left: -16px;
        padding-left: 16px;
        margin-right: -16px;
        padding-right: 16px
    }

    .social {
        min-width: auto;
        margin: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .slot-page__general-info tr {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        gap: 16px
    }

    .relink--vertical .relink__list {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr
    }

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

    .custom-radio {
        -ms-grid-column-span: 5;
        grid-column: span 5
    }

    .filter-form.filter-form--v2 .custom-range {
        grid-column: 1/-1
    }

    .filter-form.filter-form--v2 .custom-radio {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }

    .slots-list__game {
        width: 90%;
        height: 100%;
        max-height: 440px
    }

    .noUi-handle:before {
        top: -5px !important
    }
}

@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) {
    .online-pokies-wrapper:first-child {
        margin-top: 1rem
    }

    .online-pokies-wrapper:last-child {
        margin-bottom: 1rem
    }

    .online-pokies-wrapper + .online-pokies-wrapper {
        margin-top: 1rem
    }

    .author--v1 .author__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .author--v1 .author__body-wrapper {
        margin-right: 0
    }

    .author--v1 .author__body-wrapper > p {
        width: 150px;
        margin-bottom: 10px
    }

    .author--v1 .author__list {
        margin-bottom: 10px
    }

    .author--v3 .author__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .author--v3 .author__image-box, .author--v3 .author__image-box img {
        max-height: 150px
    }

    .author--v3 .author__list-item:not(:last-child) {
        margin-right: 20px
    }

    .author--v4 .author__body-wrapper {
        gap: 10px
    }

    .payments-method--v1 .payments-method__item:nth-child(3n+1), .payments-method--v1 .payments-method__item:nth-child(3n+3) {
        border-right: none;
        border-left: none
    }

    .payments-method--v1 .payments-method__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        border-right: none;
        border-left: none;
        padding: 20px 0
    }

    .payments-method--v1 .payments-method__item:not(:first-child) {
        margin-top: -1px
    }

    .payments-method--v3 {
        overflow-x: auto
    }

    .payments-method--v3 .payments-method__table {
        width: 800px;
        overflow-x: scroll
    }

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

    .slots--v2 .slots__body, .slots--v3 .slots__body {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .feedbacks__list--v2, .feedbacks__list--v3, .feedbacks__list--v4 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .listings--v1 .listings__table-row {
        padding: 10px
    }

    .listings--v4 .listings__body, .listings--v5 .listings__body, .listings--v8 .listings__body {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr)
    }

    .litem--v1 .litem__button {
        padding: 15px
    }

    .litem--v2 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .litem--v2 .litem__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
    }

    .litem--v2 .litem__info-wrapper {
        border-right: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px
    }

    .litem--v2 .litem__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
    }

    .litem--v2 .litem__item {
        max-width: 100%;
        padding: 5px
    }

    .litem--v2 .litem__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
    }

    .litem--v2 .litem__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
    }

    .litem--v3 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .litem--v3 .litem__image img {
        height: 100%;
        max-height: 100px
    }

    .litem--v3 .litem__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
    }

    .litem--v3 .litem__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
    }

    .litem--v3 .litem__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
    }

    .litem--v6 .litem__header {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        border-right: none
    }

    .litem--v6 .litem__price-list {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }

    .litem--v6 .litem__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
    }

    .litem--v6 .litem__links {
        -ms-grid-column-span: 3;
        grid-column: span 3;
        border: none
    }

    .litem--v7 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .litem--v7 .litem__header {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        border-right: none
    }

    .litem--v7 .litem__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
    }

    .litem--v7 .litem__money-list {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        border-right: none;
        gap: 15px
    }

    .litem--v7 .litem__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
    }

    .bonuses .bonuses__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .bonuses--v4 .bonuses__list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .bonus--v3 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        margin-bottom: 10px
    }

    .bonus--v3 .bonus__image {
        max-height: 150px
    }

    .bonus--v3 .bonus__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bonus--v3 .bonus__content-wrapper {
        margin-right: 0;
        margin-bottom: 10px
    }

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

    .promocode--v3 .promocode__copy {
        margin: 0 0 10px
    }

    .promocode--v3 .promocode__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .promocode--v3 .promocode__link--copy {
        min-width: auto
    }

    .promocode--v3 .promocode__link--visit {
        width: 100%;
        min-width: auto
    }

    .promocodes--v1 .promocodes__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
    }

    .author-page--v1 .author-page__content, .author-page--v1 .author-page__content.span-4 {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }

    .author-page--v1 .author-page__bet {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        max-width: 400px;
        width: 100%;
        margin: 0 auto
    }

    .author-page--v1 .author-page__article-list {
        gap: 5px;
        padding-bottom: 5px
    }

    .author-page--v1 .paper {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }

    .author-page--v2 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .author-page--v2 .author-page__photo {
        -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
    }

    .author-page--v2 .author-page__info {
        -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
    }

    .author-page--v2 .author-page__bet {
        -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;
        max-width: 450px;
        width: 100%;
        margin: 0 auto
    }

    .author-page--v2 .author-page__text {
        -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
    }

    .author-page--v2 .author-page__article-list {
        gap: 5px;
        padding-bottom: 5px
    }

    .author-page--v3 .author-page__content {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .author-page--v3 .author-page__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;
        -ms-grid-column-align: center;
        justify-self: center
    }

    .author-page--v3 .author-page__name {
        -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;
        text-align: center
    }

    .author-page--v3 .author-page__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;
        -ms-grid-column-align: center;
        justify-self: center
    }

    .author-page--v3 .author-page__text {
        -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
    }

    .author-page--v3 .author-page__article-list {
        gap: 5px;
        padding-bottom: 5px
    }

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

    .paper--v5.paper--lg {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .paper--v5.paper--lg .get-image {
        grid-column: auto
    }

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

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

    .button-content a, .button-content button {
        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
    }

    .page-404 {
        background-position: 75%
    }

    .page-404 .container {
        padding-top: 150px;
        padding-bottom: 80px
    }

    .page-404__title {
        text-align: center
    }

    .content-404:after {
        width: 84px;
        height: 92px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -45%
    }

    .content-404 {
        margin: 0
    }

    .page-404__subtitle {
        font-size: 28px;
        line-height: 34px;
        text-align: center
    }

    .page-404__link {
        margin-top: 40px;
        width: 100%;
        padding: 16px
    }

    table.contacts__list {
        width: 100%
    }

    .contacts__list-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .contacts__list-row:not(:last-child) {
        margin-bottom: 10px
    }

    .how-to__list {
        width: 100%;
        margin: 0
    }

    .how-to__item {
        width: 100%;
        max-width: 100%;
        margin: 0
    }

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

    .how-to.v2 .how-to__item .get-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        grid-column: auto;
        grid-row: auto
    }

    .how-to.v2 .how-to__item {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .how-to.v2 .how-to__item-title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .symbols-table__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .symbols-table__header-left {
        width: 100%
    }

    .symbols-table__button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 14px
    }

    .symbols-table__header-right {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .symbols-table__header-text {
        max-width: 100%;
        margin-right: 10px
    }

    td.symbols-table__body-td--accent .get-image {
        margin-right: 4px
    }

    td.symbols-table__body-td--accent {
        padding: 16px
    }

    .symbols-table__header-left + .symbols-table__header-right {
        margin-top: 16px
    }

    .slot-page__title {
        font-size: 28px;
        line-height: 34px
    }

    .slot-page__info {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 20px
    }

    .slot-page__description {
        font-size: 14px
    }

    .slot-page__game-statistics.game-running {
        padding: 16px 12px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .slot-page__game-statistics {
        padding: 0;
        height: 0
    }

    .slot-page__game-statistics .slot-page__game-statistics-info {
        display: none
    }

    .slot-page__game-rating.rating {
        font-size: 20px
    }

    .slot-page__game-display .get-image {
        min-height: 336px
    }

    .slot-page__game-display img {
        min-height: 336px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .slot-page__game-display {
        min-height: 336px
    }

    .slot-page__game-display-buttons .slot-page__link {
        margin-left: auto;
        margin-right: auto
    }

    .slot-page__link {
        min-width: auto
    }

    .slot-page__game-slider {
        padding: 20px 12px 16px
    }

    .slot-page__game-footer {
        display: block
    }

    .slot-page__game-footer .slot-page__game-statistics-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .slot-page__game-footer .get-image {
        margin-left: auto
    }

    .slot-page__general-info tr {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .relink.swiper {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px
    }

    .relink__header {
        margin-bottom: 16px
    }

    .relink__control + .relink__control {
        margin-left: 8px
    }

    .relink--vertical .relink__list {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

    .content-block--v3, .content-block--v4, .content-block--v5 {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .content-block--v6 .content-block__item {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 8px;
        padding: 12px
    }

    .filter-form {
        -ms-grid-columns: 1fr 1fr 1fr 54px;
        grid-template-columns:1fr 1fr 1fr 54px;
        padding: 12px
    }

    .filter-form__submit {
        grid-column: 1/-2;
        padding: 12px;
        width: 100%;
        max-width: 100%
    }

    .custom-radio {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    .filter-form.filter-form--v2 .custom-radio, .filter-form.filter-form--v2 .custom-select {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .filter-form__bg {
        display: none
    }

    .slots-list__game-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .slots-list__game-title {
        font-size: 18px;
        line-height: 20px;
        text-align: center
    }

    .slots-list__game-controls {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .slots-list__game-controls button {
        width: 32px;
        height: 32px
    }

    .slots-list__footer {
        padding: 12px;
        -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
    }

    .slots-list__footer-affiliate {
        padding: 12px;
        min-width: 150px;
        margin: 0 0 12px
    }

    .noUi-handle:before {
        top: -4px !important
    }

    img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block;
        -o-object-fit: contain;
        object-fit: contain
    }

    .columns {
        padding: 1rem 0
    }

    .columns__item {
        margin: .5rem 1rem
    }

    .toc--v2 .toc__toggle {
        margin-left: auto
    }

    .payments-method--v4 .payments-method__item {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .payments-method--v4 .payments-method__item-logo {
        padding: 15px 10px
    }

    .payments-method--v4 .payments-method__item-name {
        padding: 5px 10px
    }

    .payments-method--v4 .payments-method__item-description {
        padding: 15px 10px
    }

    .providers__item {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .providers__item-logo {
        padding: 15px 10px
    }

    .providers__item-name {
        padding: 5px 10px
    }

    .faq--v1 .faq__item-description, .faq--v1 .faq__item-title, .faq--v1 .faq__item[open] .faq__item-description, .faq--v1 .faq__item[open] .faq__item-title, .providers__item-description {
        padding: 15px 10px
    }

    .pros-cons--v1 .pros-cons__item svg {
        margin-left: 1px
    }

    .bonus--v1 .bonus__label {
        padding: 15px 20px 15px 10px
    }

    .toc--v2 .toc__list {
        gap: 10px
    }

    .slots__popup-content {
        padding: 5px;
        width: 95%
    }

    .slots__popupPlayButtonWrapper {
        padding-bottom: 5px
    }
}

@media (max-width: 750px) {
    .promocode--v4 .promocode__left {
        padding: 17px;
        min-width: auto
    }

    .promocode--v4 .promocode__input {
        font-size: 18px;
        line-height: 22px
    }

    .promocode--v4 .promocode__right p {
        font-size: 14px;
        line-height: 17px
    }

    .promocode--v4 .promocode__right p span {
        font-size: 20px;
        line-height: 24px;
        -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
        transform: translateY(1px)
    }

    .wp-block-columns.col-2 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .dmca-badge img {
        max-width: 150px
    }
}

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

@media (max-width: 575px) {
    .author--v2 {
        margin-top: 70px
    }

    .author--v2 .author__image-box {
        width: 120px;
        height: 120px;
        top: -60px;
        left: 80%
    }

    .author--v2 .author__body-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .author--v2 .author__list {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .author--v2 .author__list-item:not(:first-child) {
        margin-right: 10px
    }

    .author--v5 .author__title {
        max-width: 60%
    }

    .author--v5 .author__image-box {
        left: 70%
    }

    .gallery--v3 .gallery__wrapper {
        padding: 18px 10px
    }

    .gallery--v3 .gallery__button {
        min-width: 30px
    }

    .litem--v1 {
        padding: 10px;
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .litem--v1 .litem__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
    }

    .litem--v1 .litem__content {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .litem--v1 .litem__ad {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .litem--v1 .litem__buttons {
        grid-column: 1/-1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5
    }

    .litem--v1 .litem__button:not(:last-child) {
        margin-bottom: 5px
    }

    .litem--v1 .litem__button {
        width: 100%
    }

    .litem--v3 .litem__info-list {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        row-gap: 10px
    }

    .litem--v3 .litem__item {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .litem--v6 .litem__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .litem--v6 .litem__image {
        margin-bottom: 15px;
        margin-right: 0
    }

    .litem--v6 .litem__price-list {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        border-right: none
    }

    .litem--v6 .litem__links {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }

    .litem--v7 .litem__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
    }

    .litem--v7 .litem__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
    }

    .litem--v7 .litem__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
    }

    .litem--v7 .litem__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
    }

    .litem--v7 .litem__ad {
        padding: 20px 10px
    }

    .litem--v7 .litem__money-list {
        gap: 10px;
        padding: 20px 10px
    }

    .litem--v7 .litem__links {
        padding: 20px 10px
    }

    .bonuses--v4 .bonuses__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .warning--v1 {
        padding: 80px 20px 20px
    }

    .warning--v1::after {
        left: 50%;
        top: 10px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 50px;
        height: 50px
    }

    .warning--v1::before {
        left: 50%;
        top: 16px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 30px;
        height: 30px
    }

    .warning--v2 {
        padding: 60px 20px 20px;
        text-align: center;
        border-left-width: 4px
    }

    .warning--v2::before {
        left: 50%;
        top: 16px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 30px;
        height: 30px
    }

    .warning--v3 {
        padding: 60px 20px 20px;
        text-align: center;
        border-left-width: 4px
    }

    .warning--v3::before {
        left: 50%;
        top: 16px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 30px;
        height: 30px
    }

    .toc--v2 .toc__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

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

    .promocode--v2 .promocode__content {
        margin: 0 0 10px;
        text-align: center
    }

    .promocode--v3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .promocode--v3 .promocode__image {
        height: 90px
    }

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

    .author-page--v1 .paper {
        -ms-grid-column-span: 12;
        grid-column: span 12
    }

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

    .paper--v5.paper--lg {
        display: block
    }

    .paper--v5.paper--lg .paper__link {
        padding: 16px 16px 24px;
        margin: 0
    }

    .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 a, .header--v2 .header__page-list-item span {
        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
    }

    .news-block--v4 .news-block__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 16px
    }

    .symbols-table__bet-amount input {
        max-width: 110px
    }

    .relink--vertical .relink__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .content-block--v1 .content-block__item .get-image {
        border-radius: 4px;
        grid-row: auto;
        grid-column: auto
    }

    .content-block--v1 .content-block__item img {
        -o-object-fit: contain;
        object-fit: contain;
        width: auto;
        height: auto;
        margin: 0 autof;
    }

    .content-block--v1 .content-block__item {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 8px;
        padding: 12px
    }

    .content-block--v1 .content-block__item-title.span-2 {
        padding: 0
    }

    .content-block--v1 .content-block__item-title {
        text-align: center;
        padding: 0;
        grid-row: auto
    }

    .content-block--v1 .content-block__item-description.span-2 {
        padding: 0;
        grid-row: auto
    }

    .content-block--v1 .content-block__item-description {
        padding: 0
    }

    .filter-form.filter-form--v2 .custom-radio__title, .filter-form.filter-form--v2 .custom-range__title {
        text-align: center;
        margin-bottom: 8px
    }

    .filter-form.filter-form--v2 .custom-radio, .filter-form.filter-form--v2 .custom-select {
        grid-column: 1/-1
    }
}

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

@media (max-width: 449px) {
    .author--v4 .author__author {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4
    }

    .author--v4 .author__list {
        grid-column: 1/-1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5
    }

    .confirm-age--v1 {
        padding: 10px
    }

    .confirm-age--v1 .confirm-age__button {
        padding: 15px 10px
    }

    .confirm-age--v2 > p {
        padding: 10px 0
    }

    .confirm-age--v2 .confirm-age__title {
        padding: 10px
    }

    .confirm-age--v2 .confirm-age__description {
        margin: 15px 0 10px;
        padding: 0 10px
    }

    .confirm-age--v2 .confirm-age__buttons {
        padding: 0 10px
    }

    .confirm-age--v2 .confirm-age__button {
        padding: 10px
    }

    .confirm-age--v3 .confirm-age__buttons, .confirm-age--v3 .confirm-age__description {
        padding: 0 10px
    }

    .confirm-age--v3 .confirm-age__button--success, .payments-method--v1 {
        padding: 15px 10px
    }

    .gallery--v1 {
        padding: 20px 10px
    }

    .slots--v2 .slots__body {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

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

    .relink__more-button {
        min-width: auto;
        width: 100%
    }

    .relink--slider .relink__item {
        width: 90% !important
    }

    .content-block--v2, .content-block--v3, .content-block--v4, .content-block--v5 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

@media (max-width: 400px) {
    .promocode--v4 .promocode__left {
        padding: 10px;
        -ms-flex-preferred-size: 140px;
        flex-basis: 140px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .promocode--v4 .promocode__link--copy {
        right: 0
    }
}

@media (max-width: 374px) {
    .slots--v3 .slots__body {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

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


.litem--v1 .litem__button--read {
    color: #622CD3;
}

.slot-page__game-display-buttons .slot-page__link {
    min-width: max-content;
    margin: 10px auto;
}

.relink__item-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.footer__nav {
    margin: 0 0 0 auto;
    padding: 0;
    columns: 2;
    column-gap: 30px;
    list-style: none;
}

@media (max-width: 767px) {
    .footer__nav {
        margin: 20px 0;
        column-gap: 20px;
    }
}

.footer__nav li {
    margin-bottom: 5px;
}

.footer__nav a {
    color: #FFF;
    text-decoration: unset;
}

.footer__nav a:hover {
    text-decoration: underline;
}

.images-links {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 0;
    margin-right: auto;
}

.images-links img {
    width: auto;
    max-height: 44px;
}

.copyright {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #FFF;
    padding: 15px 0;
}

/* Text image */
.text-image {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    background-color: #FFF;
    padding: var(--offsets);
}

.text-image.reversed {
    flex-direction: row-reverse;
}

.text-image__content {
    max-width: 50%;
}

.text-image__content > :not(:first-child) {
    margin-top: 1rem;
}

.text-image img {
    height: auto;
    max-width: 50%;
    margin: 0 auto;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .text-image {
        flex-direction: column;
        gap: 16px;
    }

    .text-image.reversed {
        flex-direction: column;
    }

    .text-image__content,
    .text-image img {
        max-width: 100% !important;
    }
}