@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
:root {
    --ff: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

button, hr, input {
    overflow: visible
}

progress, sub, sup {
    vertical-align: baseline
}

details, main {
    display: block
}

body, html, sub, sup {
    position: relative
}

.tableListing tbody tr, .tableListing thead tr {
    -ms-grid-columns: 3% 17% 17% 16% 29% 6%;
    grid-template-columns:3% 17% 17% 16% 29% 6%;
    gap: 0 0
}

.header-app-v2__bet-on-list, .header-app-v2__pluses-list, .logged-in-as {
    -ms-grid-row-align: center;
    align-self: center
}

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

body {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

main {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0
}

.wp-block-image img, img {
    height: auto;
    max-width: 100%
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    vertical-align: top
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.headerapps__title, .page-header__title {
    font-weight: 700;
    text-transform: uppercase
}

summary {
    display: list-item
}

#dialog, .bet-spino-toc nav, .header__hamburger, .hidden_svg, [hidden], template {
    display: none
}

.archive, .bet-spino-bredcrumbs, .header .bet-spino-container {
    display: -webkit-box;
    display: -ms-flexbox
}

body, html {
    min-height: 100%;
    line-height: 1;
    font-size: 16px;
    background-color: #000;
    font-family: var(--ff);
    font-weight: 400
}

.accented {
    background-color: #5c27ff2b
}


.mb20 {
    padding-top: 20px
}

.bet-spino-container {
    padding: 0 15px;
    width: calc(100% - 30px)
}

.wp-block-table {
    width: 100%;
    overflow: auto;
    margin: 0
}

.wp-block-table table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse
}

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


.wp-block-table tr td,
.wp-block-table tr th {
    padding: 15px 10px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.wp-block-table tr th {
    background: #262626;
    color: #fff;
}

.archive {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    align-items: flex-start !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.scroll-lock-ios {
    position: fixed;
    overflow: hidden
}

.scroll-lock {
    overflow: hidden
}

@-webkit-keyframes eclipse {
    0% {
        background-color: rgba(0, 0, 0, 0)
    }
    100% {
        background-color: rgba(0, 0, 0, .4)
    }
}

@keyframes eclipse {
    0% {
        background-color: rgba(0, 0, 0, 0)
    }
    100% {
        background-color: rgba(0, 0, 0, .4)
    }
}

.load {
    position: relative
}

.fixed, .load::before {
    bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.load::before {
    content: "";
    background-color: rgba(0, 0, 0, .4);
    z-index: 120;
    -webkit-animation-name: eclipse;
    animation-name: eclipse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: #000;
}

.header.gray {
    background-color: #f2f2f2
}

.header .bet-spino-container {
    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;
    min-height: 120px
}

.header__logo {
    width: auto;
    height: 100%
}

.bet-spino-bredcrumbs {
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    color: #5e6072;
    padding: 20px 0 10px;
    margin: 0
}

.bet-spino-bredcrumbs li {
    margin-bottom: 7px
}

.bet-spino-bredcrumbs li::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzQ3NSAxLjkwMjdMMi4wNzUgMC41NzUxOTVMOS41IDguMDAwMTlMMi4wNzUgMTUuNDI1MkwwLjc0NzUgMTQuMDk3N0w2Ljg0NSA4LjAwMDE5TDAuNzQ3NSAxLjkwMjdaIiBmaWxsPSIjNUU2MDcyIi8+Cjwvc3ZnPgo=);
    margin: 0 14px;
    display: inline-block;
    vertical-align: middle
}

.bet-spino-bredcrumbs li:last-child::after {
    content: none
}

.bet-spino-bredcrumbs li a, .bet-spino-bredcrumbs li span {
    color: #5e6072;
    text-decoration: none
}

.content a, .content li, .content p, .content td, .content th {
    font-size: 16px;
    line-height: 190%;
    color: #636177
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    font-weight: 700;
    text-transform: uppercase;
    color: #303344
}

.content h1 {
    font-size: 28px;
    line-height: 120%
}

.content h2 {
    font-size: 24px;
    line-height: 120%
}

.content h3 {
    font-size: 20px;
    line-height: 120%
}

.page-header h1 {
    font-size: 32px;
    margin-bottom: 0
}

.page-header__bg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover
}

.page-header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 46px;
    color: #1e1d2a !important;
    margin-bottom: 0;
    margin-top: 0
}

.page-header__title .orange {
    color: #fc0501
}

.page-header__text {
    color: #1e1d2a;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 0
}

.headerapps {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto .7fr .7fr .3fr;
    grid-template-columns:auto .7fr .7fr .3fr;
    -ms-grid-rows:(auto) [ 6 ];
    grid-template-rows:repeat(6, auto);
    gap: 10px 20px
}

.headerapps.no_video {
    -ms-grid-columns: -webkit-max-content .7fr auto auto;
    -ms-grid-columns: max-content .7fr auto auto;
    grid-template-columns:-webkit-max-content .7fr auto auto;
    grid-template-columns:max-content .7fr auto auto
}

.headerapps__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/3/2
}

.headerapps__rating, .headerapps__title {
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1
}

.headerapps__logo img {
    width: 143px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 10px
}

.headerapps__title {
    -ms-grid-row: 1;
    grid-area: 1/2/2/3;
    font-size: 24px;
    line-height: 28px;
    color: #303344;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.headerapps__rating {
    -ms-grid-row: 2;
    grid-area: 2/2/3/3
}

.headerapps__rating .overall-rating {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    margin-right: 10px
}

.headerapps__rating .star {
    font-size: 20px
}

.headerapps__description {
    -ms-grid-row: 3;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 3/1/7/3;
    font-weight: 400;
    font-size: 17px !important;
    line-height: 150%;
    color: #636177
}

.headerapps__video {
    -ms-grid-row: 1;
    -ms-grid-row-span: 6;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1/3/7/4
}

.headerapps__available, .headerapps__buttons {
    -ms-grid-column: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-grid-column-span: 1
}

.headerapps__available {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-area: 1/4/2/5;
    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
}

.headerapps__buttons, .tableListing table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.headerapps__buttons {
    -ms-grid-row: 2;
    -ms-grid-row-span: 5;
    grid-area: 2/4/7/5;
    display: flex;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 100%
}

.headerapps__button {
    border-radius: 3px;
    padding: 30px 15px;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 16px !important;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

.headerapps__button.download {
    color: #fff;
    background-color: #fc0501;
    margin-bottom: 15px
}

.headerapps__button.visit {
    border: 1px dashed #636177;
    color: #636177
}

.main-footer {
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 50px
}

main.content > .bet-spino-container {
    margin-top: 1rem;
}

.main-footer .bet-spino-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.main-footer__info, .main-footer__info-desktop, .main-footer__info-mobile {
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
    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
}

.main-footer__logo {
    margin-bottom: 10px
}

.main-footer__copyright, .main-footer__text {
    color: #636177;
    font-size: 14px;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 15px
}

.main-footer__18 {
    margin-top: 15px;
    margin-bottom: 30px
}

.main-footer__nav {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.footerSocialLinks, .tableListing table {
    display: -webkit-box;
    display: -ms-flexbox
}

.main-footer__nav-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #29273d;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fc0501
}

.main-footer__nav-list {
    margin: 0 1rem
}

.main-footer__nav-list ul {
    list-style: none;
    padding: 0
}

.main-footer__nav-list ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    margin-bottom: 20px
}

.footerSocialLinks {
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0
}

.footerSocialLinks img {
    max-width: 30px;
    margin: 10px
}

.bet-spino-wrapper-styled {
    background: #fff;
    border: 1px solid #ececec;
    -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: 5px;
    padding: 20px;
    margin-bottom: 20px
}

.tableListing table {
    width: 100%;
    display: flex;
    flex-direction: column
}

.tableListing tbody, .tableListing tbody tr td, .tableListingBodyRowItem__label {
    display: -webkit-box;
    display: -ms-flexbox
}

.tableListing tbody, .tableListingBodyRowItem__devices {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.tableListing thead {
    border-top: 1px solid #e5e7eb
}

.tableListing thead tr {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.tableListing thead tr td {
    padding: 20px 0;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #a19fb4
}

.tableListing tbody {
    display: flex;
    flex-direction: column
}

.tableListing tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows:auto auto auto auto;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 10px
}

.tableListing tbody tr td {
    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 #e5e7eb
}

.tableListing tbody tr td:last-child {
    border-right: none
}

.tableListing tbody tr:first-child {
    -webkit-box-shadow: 0 6px 14px rgba(39, 39, 39, .3);
    box-shadow: 0 6px 14px rgba(39, 39, 39, .3)
}

.tableListing tbody tr:nth-of-type(2) {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15), 0 3px 9px rgba(39, 39, 39, .1);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15), 0 3px 9px rgba(39, 39, 39, .1)
}

.tableListing tbody tr:nth-of-type(3) {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15), 0 4px 9px rgba(39, 39, 39, .2);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15), 0 4px 9px rgba(39, 39, 39, .2)
}

.tableListing tbody tr:first-child td.tableListingBodyRowItem__rait {
    background: linear-gradient(72.1deg, #f9c200 30.96%, #e08700 141.08%), #fff;
    border-radius: 10px 0 0 10px;
    color: #fff
}

.tableListing tbody tr:nth-of-type(2) td.tableListingBodyRowItem__rait {
    background: linear-gradient(75.39deg, #ffb661 18.97%, #ff6b00 140.4%);
    border-radius: 10px 0 0 10px;
    color: #fff
}

.tableListing tbody tr:nth-of-type(3) td.tableListingBodyRowItem__rait {
    background: linear-gradient(92.17deg, #ff8a00 23.19%, #9f4707 182.74%);
    border-radius: 10px 0 0 10px;
    color: #fff
}

.tableListingBodyRowItem__rait {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/5/2;
    font-size: 18px !important;
    font-weight: 700;
    position: relative
}

.tableListingBodyRowItem__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/5/3;
    padding: 33px 0;
    border-right: none !important
}

.tableListingBodyRowItem__description, .tableListingBodyRowItem__title {
    padding: 10px;
    -ms-grid-row-span: 4;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1
}

.tableListingBodyRowItem__title {
    -ms-grid-column: 3;
    grid-area: 1/3/5/4;
    font-size: 18px !important;
    font-weight: 700;
    color: #303344 !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.tableListingBodyRowItem__title a {
    color: #303344 !important
}

.tableListingBodyRowItem__rating {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 1/4/5/5
}

.tableListingBodyRowItem__rating .overall-rating {
    font-size: 18px !important;
    font-weight: 700;
    color: #303344 !important;
    margin-right: 4px
}

.tableListingBodyRowItem__description {
    -ms-grid-column: 5;
    grid-area: 1/5/5/6;
    font-size: 14px !important;
    line-height: 16px !important;
    text-align: center;
    color: #636177 !important;
    position: relative
}

.tableListingBodyRowItem__label {
    position: absolute;
    padding: 10px 20px;
    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;
    top: -13px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px
}

.tableListingBodyRowItem__label svg {
    margin-right: 10px
}

.tableListingBodyRowItem__label-bestipl {
    background-color: #303344
}

.tableListingBodyRowItem__label-bestipl:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #303344;
    border-bottom: 5px solid #303344
}

.tableListingBodyRowItem__label-bestipl:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-bottom: 5px solid #303344;
    border-left: 5px solid #303344
}

.tableListingBodyRowItem__label-playerch {
    background-color: #3793ff
}

.tableListingBodyRowItem__label-playerch:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #3793ff;
    border-bottom: 5px solid #3793ff
}

.tableListingBodyRowItem__label-playerch:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-bottom: 5px solid #3793ff;
    border-left: 5px solid #3793ff
}

.tableListingBodyRowItem__label-bestbonus {
    background-color: #f9b300
}

.tableListingBodyRowItem__label-bestbonus:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #f9b300;
    border-bottom: 5px solid #f9b300
}

.tableListingBodyRowItem__label-bestbonus:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-bottom: 5px solid #f9b300;
    border-left: 5px solid #f9b300
}

.tableListingBodyRowItem__label-fastpey {
    background-color: #0cb582
}

.tableListingBodyRowItem__label-fastpey:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #0cb582;
    border-bottom: 5px solid #0cb582
}

.tableListingBodyRowItem__label-fastpey:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-bottom: 5px solid #0cb582;
    border-left: 5px solid #0cb582
}

.tableListingBodyRowItem__label-bestcasinobonus {
    background-color: #bc2dff
}

.tableListingBodyRowItem__label-bestcasinobonus:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #bc2dff;
    border-bottom: 5px solid #bc2dff
}

.tableListingBodyRowItem__label-bestcasinobonus:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-bottom: 5px solid #bc2dff;
    border-left: 5px solid #bc2dff
}

.tableListingBodyRowItem__label-top-rated {
    background-color: #341141
}

.tableListingBodyRowItem__label-top-rated:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #341141;
    border-bottom: 5px solid #341141
}

.tableListingBodyRowItem__label-top-rated:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-bottom: 5px solid #341141;
    border-left: 5px solid #341141
}

.tableListingBodyRowItem__label-over-600-games {
    background-color: #ff4c24
}

.tableListingBodyRowItem__label-over-600-games:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #ff4c24;
    border-bottom: 5px solid #ff4c24
}

.tableListingBodyRowItem__label-over-600-games:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-bottom: 5px solid #ff4c24;
    border-left: 5px solid #ff4c24
}

.tableListingBodyRowItem__label-new {
    background-color: #7635ff
}

.tableListingBodyRowItem__label-new:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #7635ff;
    border-bottom: 5px solid #7635ff
}

.tableListingBodyRowItem__label-new:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-bottom: 5px solid #7635ff;
    border-left: 5px solid #7635ff
}

.tableListingBodyRowItem__label-best-app {
    background-color: #ff2d78
}

.tableListingBodyRowItem__label-best-app:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #ff2d78;
    border-bottom: 5px solid #ff2d78
}

.tableListingBodyRowItem__label-best-app:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-bottom: 5px solid #ff2d78;
    border-left: 5px solid #ff2d78
}

.tableListingBodyRowItem__label-hight-win-rate {
    background-color: #00be4c
}

.tableListingBodyRowItem__label-hight-win-rate:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #00be4c;
    border-bottom: 5px solid #00be4c
}

.tableListingBodyRowItem__label-hight-win-rate:before {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    border: 5px solid transparent;
    border-bottom: 5px solid #00be4c;
    border-left: 5px solid #00be4c
}

.tableListingBodyRowItem__devices {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
    grid-area: 1/6/5/7;
    flex-direction: column
}

.tableListingBodyRowItem__devices svg {
    margin: 7px
}

.tableListingBodyRowItem__button {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1;
    grid-area: 1/7/5/8;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    padding: 15px 20px 15px 25px
}

.tableListingBodyRowItem__button .tableListingBodyRowItemButton {
    cursor: pointer;
    color: #fff;
    background: #fc0501;
    border-radius: 3px;
    padding: 15px;
    text-align: center;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 16px;
    text-decoration: none;
    border: none
}

.listing-filter tbody tr:last-child, .listing-filter__input ul {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.tableListingBodyRowItem__button .tableListingBodyRowItemReview {
    cursor: pointer;
    padding: 15px;
    color: #555364 !important;
    text-align: center;
    text-decoration: none;
    font-size: 14px !important;
    line-height: 16px
}

.bet-spino-how-to .bet-spino-how-to__item-description a:hover, .popup__more-button:hover {
    text-decoration: underline
}

.popup .popup__title, .popup .popup_description {
    line-height: 23px;
    font-family: Ubuntu, sans-serif
}

.listing-filter {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 2rem;
    position: relative;
    z-index: 2
}

.custom-heading, .listing-filter__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 1rem
}

.custom-heading img, .listing-filter__heading svg {
    margin-right: 1em
}

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

.listing-filter__input, .listing-filter__input ul li {
    padding: 25px 30px;
    background: #e5e7eb;
    font-size: 18px;
    line-height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    cursor: pointer
}

.listing-filter__input {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    border-radius: 10px;
    margin-right: 20px;
    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: #a19fb4
}

.listing-filter__input.active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.bet-spino-tocOpen nav, .listing-filter__input.active > ul {
    display: block
}

.listing-filter__input:last-child, .star:last-child {
    margin-right: 0
}

.listing-filter__input ul {
    display: none;
    position: absolute;
    list-style: none;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0 9px 9px rgba(0, 0, 0, .1);
    box-shadow: 0 9px 9px rgba(0, 0, 0, .1);
    z-index: 10
}

.listing-filter__input ul li {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bet-spino-toc__list li, .bet-spino-toc__list li a {
    font-size: 14px !important;
    line-height: 16px !important
}

.listing-filter__input ul li:hover {
    background: #f0f2f5
}

.listing-filter__input ul li svg {
    margin-right: 10px
}

.listing-filter__input.payments li {
    padding: 10px 30px
}

.listing-filter__input-icon {
    margin-right: 13px
}

.listing-filter__drop-down {
    margin-left: auto
}

.listing-filter__result {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px 25px
}

.listing-filter__result-text {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #303344;
    margin: 10px
}

.listing-filter__result-count {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #fc0501
}

.listing-filter tbody tr {
    display: none;
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: none
}

.listing-filter tbody tr:last-child {
    border-bottom: 1px solid #e5e7eb
}

.page-404 {
    background: #11151a;
    margin-bottom: -50px
}

.page-404 .bet-spino-container {
    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
}

.page-404__not-found {
    text-align: center;
    text-transform: uppercase;
    color: #6b7582;
    margin-bottom: 28px
}

.bet-spino-accordion, .bet-spino-panel {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    color: #5a586f
}

.page-404__button {
    background: #fc0501;
    border-radius: 5px;
    margin-bottom: 30px
}

.page-404__button a {
    display: block;
    position: relative;
    color: #fff;
    padding: 20px 40px;
    text-decoration: none
}

.page-404__button a::after {
    content: url(../images/home.svg);
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.review__faq {
    margin-bottom: 50px
}

.review__faq .article-home__title, .review__faq .is-style-article-home {
    margin-bottom: 20px
}

.bet-spino-accordion {
    background-color: #fff;
    cursor: pointer;
    padding: 20px 60px 20px 20px;
    width: 100%;
    text-align: left;
    outline: 0;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #ececec;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 20px;
    position: relative;
    margin-bottom: 0 !important;
    text-transform: none !important
}

.bet-spino-accordion.active {
    border-width: 0 0 1px;
    border-radius: 5px 5px 0 0
}

.custom-heading.style-1, .custom-heading.style-2 {
    border-bottom: 1px solid #e5e7eb
}

.bet-spino-panel {
    padding: 0;
    display: block;
    overflow: hidden;
    background: #fff;
    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: 0 0 5px 5px;
    border-top: none;
    margin-top: 0;
    max-height: 0
}

.author-block__name, .author-info__name {
    font-weight: 700;
    text-transform: uppercase
}

.bet-spino-panel.active {
    max-height: 100%;
    padding: 25px 20px !important
}

.author-block {
    max-width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content auto auto;
    -ms-grid-columns: max-content auto auto;
    grid-template-columns:-webkit-max-content auto auto;
    grid-template-columns:max-content auto auto;
    -ms-grid-rows: -webkit-max-content auto;
    -ms-grid-rows: max-content auto;
    grid-template-rows:-webkit-max-content auto;
    grid-template-rows:max-content auto;
    gap: 10px 20px
}

.author-block__avatar {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/3/2;
    width: 117px;
    height: 117px;
    border-radius: 50%;
    overflow: hidden;
    -o-object-fit: contain;
    object-fit: contain
}

.author-block__description, .author-block__name {
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    margin: 0
}

.author-block__name {
    -ms-grid-row: 1;
    grid-area: 1/2/2/4;
    font-size: 24px;
    line-height: 28px;
    text-decoration: none;
    color: #303344 !important
}

.author-block__name > h3 {
    margin: 0
}

.author-block__description {
    -ms-grid-row: 2;
    grid-area: 2/2/3/4;
    font-size: 17px;
    line-height: 20px;
    color: #636177
}

.author-page {
    margin-top: 0
}

.author-info {
    margin-top: 50px;
    margin-bottom: 50px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto auto;
    grid-template-columns:auto auto auto auto;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows:auto auto auto auto;
    gap: 20px 20px
}

.author-info__avatar {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/5/2;
    width: 195px;
    height: 195px
}

.author-info__avatar img {
    width: 195px;
    height: 195px;
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain
}

.author-info__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 1/2/2/4;
    font-size: 24px;
    line-height: 28px;
    color: #303344;
    margin-top: 0;
    margin-bottom: 0
}

.author-info__social {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 1/4/2/5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.author-info__social img, .author-info__social svg {
    width: 28px;
    height: 28px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 20px
}

.author-info__description {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-area: 2/2/5/5;
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    color: #636177
}

.custom-heading.style-1 {
    padding-bottom: 1rem
}

.custom-heading.style-2 .custom-heading__text {
    padding-bottom: 1rem;
    border-bottom: 1px solid #fc0501
}

.content-button.align-center, .custom-heading.aligncenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.custom-heading.alignleft, .video-v2.align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.content-button.align-right, .custom-heading.alignright {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.custom-heading__text {
    margin: 0
}

* + .bet-spino-image, * + .bet-spino-text-image, .accented-block {
    margin-top: 1rem
}

.bet-spino-text-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px 20px;
    margin-bottom: 1rem
}

.bet-spino-text-image__col:nth-child(2), .bet-spino-toc__header, .footerPromo {
    display: -webkit-box;
    display: -ms-flexbox
}

.bet-spino-text-image__col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.bet-spino-bonus__title > :first-child, .bet-spino-text-image__col > :first-child {
    margin-top: 0
}

.bet-spino-text-image__col > :last-child {
    margin-bottom: 0
}

.bet-spino-text-image__col:nth-child(2) {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.accented-block {
    background: #fff;
    border: 1px solid transparent;
    margin-bottom: 1rem;
    position: relative
}

.star {
    font-size: 18px;
    margin-right: 2px
}

.bet-spino-toc__title, .mobile-button__link {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}

.star.yellow {
    color: #ffac2f
}

.star.grey {
    color: #bfbecd
}

.video-youtube {
    position: relative;
    padding-bottom: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    overflow: hidden;
    border-radius: 5px
}

.video-youtube.dark::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(182, 182, 182, .6)), to(rgba(182, 182, 182, .6)));
    background-image: linear-gradient(0deg, rgba(182, 182, 182, .6), rgba(182, 182, 182, .6))
}

.video-youtube__bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center, center;
    border: 0;
    outline: 0
}

.video-youtube__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 10;
    background: 0 0;
    outline: 0;
    border: none
}

.video-youtube__play:focus, .video-youtube__play:hover {
    outline: 0;
    border: none
}

.video-youtube .rll-youtube-player {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: none;
    border-radius: 15px
}

.bet-spino-toc {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    margin-top: 25px;
    margin-bottom: 50px;
    position: relative
}

.footerPromo, .main-dialog, .mobile-button {
    position: fixed;
    bottom: 0
}

.bet-spino-toc__header {
    display: flex;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-bottom: 1px solid #e5e7eb
}

.bet-spino-toc button {
    background-color: #fc0501;
    border-radius: 5px;
    color: #ffff;
    padding: 8px 17px;
    font-weight: 600;
    outline: 0;
    border: none;
    margin-right: 20px
}

.bet-spino-toc button:hover {
    cursor: pointer
}

.bet-spino-toc__title {
    line-height: 19px;
    padding: 20px;
    margin: 0
}

.bet-spino-toc__title::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjA0MTcgMi4zNzQ4NEg5LjczMjVDOS40IDEuNDU2NSA4LjUyOTE3IDAuNzkxNTA0IDcuNSAwLjc5MTUwNEM2LjQ3MDgzIDAuNzkxNTA0IDUuNiAxLjQ1NjUgNS4yNjc1IDIuMzc0ODRIMS45NTgzM0MxLjA4NzUgMi4zNzQ4NCAwLjM3NSAzLjA4NzM0IDAuMzc1IDMuOTU4MTdWMTUuMDQxNUMwLjM3NSAxNS45MTIzIDEuMDg3NSAxNi42MjQ4IDEuOTU4MzMgMTYuNjI0OEgxMy4wNDE3QzEzLjkxMjUgMTYuNjI0OCAxNC42MjUgMTUuOTEyMyAxNC42MjUgMTUuMDQxNVYzLjk1ODE3QzE0LjYyNSAzLjA4NzM0IDEzLjkxMjUgMi4zNzQ4NCAxMy4wNDE3IDIuMzc0ODRaTTcuNSAyLjM3NDg0QzcuOTM1NDIgMi4zNzQ4NCA4LjI5MTY3IDIuNzMxMDkgOC4yOTE2NyAzLjE2NjVDOC4yOTE2NyAzLjYwMTkyIDcuOTM1NDIgMy45NTgxNyA3LjUgMy45NTgxN0M3LjA2NDU4IDMuOTU4MTcgNi43MDgzMyAzLjYwMTkyIDYuNzA4MzMgMy4xNjY1QzYuNzA4MzMgMi43MzEwOSA3LjA2NDU4IDIuMzc0ODQgNy41IDIuMzc0ODRaTTcuNSAxNC4yNDk4TDMuNTQxNjcgMTAuMjkxNUg1LjkxNjY3VjcuMTI0ODRIOS4wODMzM1YxMC4yOTE1SDExLjQ1ODNMNy41IDE0LjI0OThaIiBmaWxsPSIjRkY5QTAzIi8+Cjwvc3ZnPgo=);
    margin-right: 10px;
    vertical-align: middle
}

.bet-spino-toc__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(auto) [ 4 ];
    grid-template-columns:repeat(4, auto);
    gap: 10px 20px;
    list-style: none;
    padding: 20px;
    margin: 0
}

.bet-spino-toc__list li {
    padding-left: 20px;
    position: relative
}

.bet-spino-toc__list li a {
    color: #636177;
    text-decoration: none;
    width: calc(100% - 20px);
    text-transform: uppercase
}

.bet-spino-toc__list li a::before {
    position: absolute;
    top: calc(.5rem - 2px);
    left: 0;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #636177;
    border-radius: 50%
}

.comment-list, .comments {
    margin-top: 20px
}

.comment > .comment {
    margin: 0;
    padding: 0
}

.comment + .comment, .comment > .comment + .comment {
    margin-top: 15px
}

p.comment__author-name {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #303344
}

.logged-in-as {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    margin: 0
}

.mobile-button {
    display: none;
    left: 0;
    right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fc0501;
    padding: 15px;
    z-index: 100
}

.mobile-button__link {
    width: 100%;
    text-align: center;
    border: 1px dashed #9d6c21;
    padding: 25px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    background-color: transparent
}

.footerPromo {
    left: calc(50% - 490px);
    z-index: 1000;
    border-radius: 5px 5px 0 0;
    padding: 20px;
    width: 980px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footerPromo__logo, .main-dialog__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SecondAppProsOrCons ul li span, .firstAppProsOrCons ul li span, .footerPromo__logo img, .screenshot-gallery__item:not(:last-child) {
    margin-right: 10px
}

.footerPromo__button {
    min-width: 200px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none
}

.footerPromo__button:hover, .headerBanner:hover {
    cursor: pointer
}

.footerPromo__button a, .footerPromo__button span {
    width: 100%;
    font-size: 14px;
    text-decoration: none;
    height: 100%;
    padding: 15px 0;
    display: block
}

.footerPromo__text {
    width: 40%;
    text-align: center
}

.headerBanner, .headerBanner img {
    width: 100%
}

.comparisonBlockItems, .popup._active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SecondAppHeader, .firstAppHeader {
    display: -webkit-box;
    display: -ms-flexbox
}

.SecondApp, .firstApp, .secondApp {
    border: 1px solid #e5e7eb
}

.SecondApp ul, .firstApp ul, .secondApp ul {
    padding: 0;
    margin: 0
}

.SecondApp ul li, .firstApp ul li, .secondApp ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.firstAppHeader {
    padding: 20px;
    border-radius: 5px 0 0;
    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
}

.SecondAppHeader__button, .firstAppHeader__button {
    display: block;
    border-radius: 3px;
    width: 178px;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #fc0501;
    text-align: center;
    padding: 13px 0
}

.firstAppHeader__button:hover {
    cursor: pointer
}

.SecondAppHeader__rating, .firstAppHeader__rating {
    width: 40%
}

.SecondAppHeader h3, .firstAppHeader h3 {
    text-transform: none;
    padding: 0;
    margin: 0
}

.SecondAppBonus, .firstAppBonus, ul.SecondAppBonusList, ul.firstAppBonusList {
    padding: 20px;
    border-bottom: 1px solid #e5e7eb
}

.SecondAppBonus p.SecondAppBonus__title, .firstAppBonus p.firstAppBonus__title {
    font-size: 18px;
    color: #303344;
    font-weight: 500
}

.SecondAppProsOrCons, .comment__text, .firstAppProsOrCons {
    padding: 20px
}

.SecondAppProsOrCons ul li, .firstAppProsOrCons ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SecondAppHeader {
    padding: 20px;
    border-radius: 0 5px 0 0;
    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
}

.main-dialog, .main-dialog__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.SecondAppHeader__button:hover {
    cursor: pointer
}

.main-dialog {
    z-index: 50;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(48, 48, 48, .5);
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem
}

.main-dialog__wrapper {
    position: relative;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    padding: 8px;
    max-width: 948px;
    width: 100%;
    background-color: #fff
}

.main-dialog__close {
    position: absolute;
    right: 0;
    border: none;
    background-color: transparent;
    top: -34px;
    width: 32px;
    height: 32px;
    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;
    border-radius: 3px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.main-dialog__close:hover {
    background-color: rgba(255, 255, 255, .2)
}

.main-dialog__image {
    max-width: 480px;
    width: 100%;
    height: 100%
}

.content-button-link, a.hide-button {
    text-align: center;
    z-index: 2;
    max-width: 380px;
    display: block;
    font-weight: 700
}

.main-dialog__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-dialog__content {
    padding: 20px;
    width: 100%
}

.main-dialog__title {
    margin: 0 0 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #29273d
}

.main-dialog__text {
    font-size: 16px;
    line-height: 130%;
    color: #29273d;
    margin: 0 0 24px
}

.main-dialog__subtitle {
    margin: 24px 0 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #111519
}

.main-dialog__link {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    border-radius: 3px;
    padding: 12px 16px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.main-dialog__link + .main-dialog__link {
    margin-left: 16px
}

.main-dialog__link--first {
    border: 1px solid #0fa439;
    background-color: #0fa439;
    color: #fff
}

.main-dialog__link--first:hover {
    border: 1px solid #ffb700;
    background-color: #ffb700;
    color: #29273d
}

.main-dialog__link--second {
    background-color: transparent;
    color: #ffb700;
    border: 1px dashed #29273d
}

.main-dialog__link--second:hover {
    border: 1px dassolid;
    background-color: #29273d
}

.content-button-link {
    padding: 22px 55px;
    border-radius: 5px;
    margin: 12px 0;
    background-color: transparent;
    font-size: 18px;
    color: #27c724;
    -webkit-box-shadow: inset 0 0 0 2px #27c724;
    box-shadow: inset 0 0 0 2px #27c724
}

.content-button, .popup__header {
    display: -webkit-box;
    display: -ms-flexbox
}

.content-button {
    display: flex;
    width: 100%
}

a.hide-button {
    padding: 15px 20px;
    border-radius: 3px;
    margin: 12px 10px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    background-color: #8255f0;
}

a.hide-button:hover {
    -webkit-transition: .5s;
    transition: .5s;
    color: #f7f7f7;
    background-color: #6c37ed;
}

.content-button.align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.content-button-link:hover {
    background-color: #27c724;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

@-webkit-keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.popup {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup__content {
    width: 100%;
    max-width: 996px;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: .4s;
    animation-name: slideIn;
    animation-duration: .4s
}

.popup__header {
    background: #fc0501;
    border-radius: 5px;
    padding: 13px 20px 13px 25px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.popup__close, .popup__promocode-list {
    display: -webkit-box;
    display: -ms-flexbox
}

.popup__header > svg {
    width: 16px;
    height: 57px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.poput__header-text {
    margin-left: 25px
}

.popup .popup__title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin: 0 0 5px;
    text-transform: none
}

.popup .popup_description {
    margin: 0;
    font-size: 20px;
    color: #7d4d05
}

.popup__close {
    margin-left: 20px;
    border: none;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 0;
    cursor: pointer;
    width: 47px;
    height: 43px;
    background-color: #7d4d05;
    border-radius: 5px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

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

.popup__close svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.popup__body {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.popup__promocode-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.popup__promocode-item {
    width: 332px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup__promocode-item:not(:first-child) {
    border-left: 1px solid #e5e7eb
}

.popup__promocode-item-top {
    padding: 15px
}

.popup__image-wrapper {
    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;
    margin-bottom: 15px
}

.popup__image-wrapper p {
    margin: 0
}

.popup__image-wrapper img {
    width: 100%;
    max-height: 88px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.popup__content-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: 15px
}

.popup p.popup__up-to {
    font-family: Ubuntu, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #303344;
    margin: 0
}

.popup__content-rating {
    max-width: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px
}

.popup__key, .popup__key-label {
    display: -webkit-box;
    display: -ms-flexbox
}

.popup__content-rating span {
    font-family: Ubuntu, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #303344
}

.popup__content-rating svg {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    margin-left: 5px
}

.popup__key {
    position: relative;
    border: 1px dashed #a9afbb;
    border-radius: 5px;
    padding: 5px 15px;
    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
}

.popup__key._active .popup__key-tooltip {
    visibility: visible;
    opacity: 1
}

.popup__key-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #fc0501;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup__key-input, p.popup__list-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.popup__key-label svg {
    margin-right: 5px;
    width: 16px;
    height: 16px
}

.popup__key-copy-button {
    border: none;
    outline: 0;
    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;
    margin-left: auto;
    padding: 0;
    background-color: transparent
}

.popup__key-input {
    border: none;
    color: #303344;
    max-width: 90px;
    text-align: right;
    outline: 0
}

.popup__key-tooltip {
    position: absolute;
    display: inline-block;
    padding: 5px;
    background-color: #fc0501;
    border-radius: 5px;
    top: -35px;
    left: 50%;
    color: #fff;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    opacity: 0;
    visibility: hidden
}

.popup__list {
    list-style: none;
    margin: 15px 0 0;
    padding: 0
}

.popup__list._active {
    max-height: auto;
    margin-top: 15px
}

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

.popup__list-item svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.popup__list-item:not(:last-child) {
    margin-bottom: 15px
}

p.popup__list-text {
    margin: 0;
    font-family: Ubuntu, sans-serif;
    font-style: normal;
    color: #636177
}

.popup__download-button, a.popup__footer-button {
    font-family: Ubuntu, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    padding: 15px;
    font-weight: 500;
    cursor: pointer
}

.popup__promocode-item-bottom {
    border-top: 1px solid #e5e7eb;
    margin-top: auto;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.popup__download-button {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #13a226;
    border-radius: 3px;
    border: none;
    outline: 0;
    text-transform: uppercase;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.popup__download-button svg {
    margin-right: 10px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.popup__download-button:hover {
    background-color: #0b4713
}

.popup__download-button:hover svg {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.popup__more-button {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Ubuntu, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    background-color: transparent;
    outline: 0;
    border: none;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.other-apps__item, .popup__footer {
    display: -webkit-box;
    display: -ms-flexbox
}

.header-app-v2 .header-app-v2__header-title, .other-apps__title {
    font-family: inherit;
    font-size: 24px;
    font-weight: 700;
    color: #303344;
    text-transform: uppercase
}

.popup__more-button svg {
    margin-left: 10px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.popup__more-button .popup__more-button-less, .popup__more-button._active .popup__more-button-more {
    display: none
}

.popup__more-button._active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.popup__more-button._active .popup__more-button-less {
    display: block
}

.popup__footer {
    background: #e5e7eb;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e5e7eb;
    border-radius: 0 0 5px 5px;
    max-width: 715px;
    padding: 15px;
    display: flex;
    margin: 0 auto
}

a.popup__footer-button {
    background-color: #8d95a6;
    border-radius: 3px;
    border: none;
    width: 100%;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    text-decoration: none
}

a.popup__footer-button:not(:last-child) {
    margin-right: 15px
}

a.popup__footer-button:hover {
    background-color: #535353
}

.other-apps, .screenshot-gallery {
    margin: 2rem 0
}

.other-apps__title {
    width: 100%;
    margin: 0 0 20px;
    padding-bottom: 15px;
    position: relative;
    display: inline-block;
    line-height: 28px
}

.other-apps__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #fc0501), color-stop(20%, #e5e7eb));
    background: linear-gradient(90deg, #fc0501 20%, #e5e7eb 20%)
}

.other-apps__item {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff
}

.other-apps__item-image {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.other-apps__item-image img {
    height: 93px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.other-apps__item-link {
    margin: 10px 15px;
    font-family: inherit;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #303344;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    text-decoration: none
}

.header-app-v2 {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 42.25% 40.85% 16.9%;
    grid-template-columns:42.25% 40.85% 16.9%
}

.header-app-v2 .header-app-v2__header {
    padding: 25px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 163px 1fr;
    grid-template-columns:163px 1fr;
    gap: 25px 20px
}

.header-app-v2 .header-app-v2__header-title {
    display: inline-block;
    margin: 0 0 10px;
    line-height: 24px
}

.header-app-v2 .header-app-v2__header-button, .header-app-v2 .header-app-v2__review-block-addreview, .header-app-v2 .header-app-v2__review-block-review {
    line-height: 16px;
    font-size: 14px;
    font-family: inherit;
    text-align: center;
    text-decoration: none
}

.header-app-v2 .header-app-v2__header-logo {
    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;
    max-height: 80px
}

.header-app-v2 .header-app-v2__header-logo img {
    display: block;
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 80px
}

.header-app-v2 .header-app-v2__header-rating, .video-v2.align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-app-v2 .header-app-v2__header-rating .rating__counter {
    font-family: inherit;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #303344
}

.header-app-v2 .header-app-v2__header-rating--mobile {
    display: none
}

.header-app-v2 .header-app-v2__header-platform {
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-app-v2 .header-app-v2__header-platform--less-3, .video-v2.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-app-v2 .header-app-v2__header-platform--less-3 .header-app-v2__header-platform-item {
    margin: 0 15px
}

.header-app-v2 .header-app-v2__header-platform-item svg {
    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
}

.header-app-v2 .header-app-v2__header-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-app-v2 .header-app-v2__header-button {
    font-weight: 700;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 3px;
    background-color: transparent;
    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;
    max-height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header-app-v2 .header-app-v2__header-button + .header-app-v2__header-button {
    margin-left: 15px
}

.header-app-v2 .header-app-v2__header-button--visit {
    border: 1px solid #636177;
    background-color: #636177;
    color: #fff
}

.header-app-v2 .header-app-v2__header-button--download {
    border: 1px solid #fc0501;
    color: #fff;
    background-color: #fc0501
}

.header-app-v2 .header-app-v2__review-block {
    position: relative;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    padding: 15px 25px;
    border-top: 1px solid #e5e7eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app-v2 .header-app-v2__review-block::after {
    display: none;
    position: absolute;
    content: "";
    height: 1px;
    left: 0;
    right: 0;
    bottom: 60px;
    background-color: #e5e7eb
}

.header-app-v2 .header-app-v2__review-block-review {
    display: inline-block;
    padding: 11px 0;
    border: 1px solid transparent;
    border-radius: 3px;
    font-weight: 500;
    color: #636177;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header-app-v2 .header-app-v2__review-block-review span {
    margin-left: 10px
}

.header-app-v2 .header-app-v2__review-block-addreview {
    display: inline-block;
    border: 1px solid #325270;
    padding: 11px 25px;
    font-weight: 700;
    color: #fff;
    background: #325270;
    border-radius: 3px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header-app-v2 .header-app-v2__review-block-text {
    display: inline-block;
    margin: 0 0 0 auto;
    max-width: 235px;
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    text-align: center
}

.header-app-v2 .header-app-v2__main {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    padding: 25px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.1fr 1fr;
    grid-template-columns:1.1fr 1fr;
    gap: 25px 15px;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb
}

.header-app-v2 .header-app-v2__main-bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/-1
}

.header-app-v2 .header-app-v2__main-bonus-item {
    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: calc((100% - 55px) / 2);
    flex-basis: calc((100% - 55px) / 2)
}

.header-app-v2 .header-app-v2__main-bonus-item + .header-app-v2__main-bonus-item {
    margin-left: 55px
}

.header-app-v2 p.header-app-v2__main-bonus-title {
    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: inherit;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #303344
}

.header-app-v2 p.header-app-v2__main-bonus-title p {
    margin: 0
}

.header-app-v2 p.header-app-v2__main-bonus-title span {
    line-height: inherit;
    font-size: inherit
}

.header-app-v2 p.header-app-v2__main-bonus-title svg {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    margin-right: 10px;
    width: 19px;
    height: 19px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-app-v2 p.header-app-v2__main-bonus-description {
    margin: 0;
    font-weight: 400;
    font-family: inherit;
    font-size: 14px;
    line-height: 22px;
    color: #636177
}

.header-app-v2 p.header-app-v2__main-bonus-description span {
    font-weight: 500
}

.header-app-v2 .header-app-v2__main-promocode {
    margin-top: 15px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    position: relative;
    border: 1px solid #636177;
    border-radius: 3px;
    background-color: #f2f2f2;
    -ms-grid-row-align: center;
    align-self: center
}

.header-app-v2 .header-app-v2__main-promocode-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 45px 13px 7px;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #636177
}

.header-app-v2 .header-app-v2__main-promocode-label span {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-app-v2 .header-app-v2__main-promocode-input {
    border: none;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fc0501;
    margin-left: 10px;
    max-width: 122px;
    padding: 0;
    outline: 0;
    background-color: #f2f2f2;
    text-align: center
}

.header-app-v2 .header-app-v2__main-promocode-copy, .header-app-v2__hide-more-button, .video-v2__button {
    background-color: transparent;
    cursor: pointer;
    outline: 0
}

.header-app-v2 .header-app-v2__main-promocode-copy {
    border: none;
    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;
    position: absolute;
    top: 2px;
    right: 5px;
    padding: 10px
}

.header-app-v2 .header-app-v2__main-promocode-copy svg {
    fill: #636177;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.header-app-v2 .header-app-v2__main-promocode-tooltip-text {
    display: none;
    position: absolute;
    top: -18px;
    right: 5%;
    background-color: #fc0501;
    padding: 5px 10px;
    border-radius: 10px;
    color: #fff;
    z-index: 10
}

.header-app-v2 .header-app-v2__main-promocode-tooltip-text._active {
    display: block
}

.header-app-v2 .header-app-v2__main-promocode-banner {
    position: absolute;
    top: -3px;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-app-v2 .header-app-v2__main-promocode-description {
    margin: 0;
    padding: 6px;
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background-color: #636177
}

.header-app-v2 .header-app-v2__main-price {
    grid-column: 2/-1;
    margin: 15px 0 0;
    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
}

.header-app-v2 .header-app-v2__main-price-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-v2__main-price-item-image {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app-v2 .header-app-v2__main-price-item-text {
    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-v2__payment-systems, .header-app-v2__pluses-list {
    margin: 0;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    list-style: none
}

.header-app-v2 .header-app-v2__main-price-item-text p {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #636177
}

.header-app-v2 p.header-app-v2__main-price-item-text-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #303344
}

.header-app-v2 .header-app-v2__footer {
    padding: 25px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.header-app-v2 .header-app-v2__payment-systems {
    padding: 0;
    display: grid;
    gap: 10px 15px
}

.header-app-v2 .header-app-v2__payment-systems-item {
    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 12px;
    border: 1px solid #e5e7eb;
    border-radius: 3px
}

.header-app-v2 .header-app-v2__payment-systems-item img {
    display: block;
    width: 100%;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain
}

.header-app-v2__pluses {
    padding: 25px;
    border-top: 1px solid #e5e7eb;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
}

.header-app-v2__pluses._active {
    display: block
}

.header-app-v2__pluses-list {
    padding: 0;
    display: grid;
    gap: 15px
}

.header-app-v2__pluses-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app-v2__pluses-item svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-app-v2__pluses-item > p {
    margin: 0;
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px !important;
    color: #636177
}

.header-app-v2__bet-on {
    padding: 25px;
    border-top: 1px solid #e5e7eb;
    border-left: 1px solid #e5e7eb;
    grid-column: 2/-1
}

.header-app-v2__bet-on._active {
    display: block
}

.header-app-v2__bet-on-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 15px
}

.header-app-v2__bet-on-item, .video-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-app-v2__bet-on-item img {
    width: 24px;
    height: 24px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 10px
}

.header-app-v2__bet-on-item p {
    margin: 0;
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px !important;
    color: #303344
}

.header-app-v2__hide-more {
    padding: 10px 15px;
    grid-column: 1/-1;
    -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 #e5e7eb;
    display: none
}

.header-app-v2__hide-more-button-less {
    display: none
}

.header-app-v2__hide-more-button {
    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: 1px solid transparent;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 5px
}

.header-app-v2__hide-more-button span {
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #636177
}

.header-app-v2__hide-more-button svg {
    margin-left: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.header-app-v2__hide-more-button:hover {
    border-color: #fc0501
}

.header-app-v2__hide-more-button._active svg {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.comment__reply, .header-app-v2__hide-more-button._active .header-app-v2__hide-more-button-more {
    display: none
}

.header-app-v2__hide-more-button._active .header-app-v2__hide-more-button-less {
    display: block
}

.rating {
    --percent: calc(var(--star-rating) / 5 * 100%);
    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;
    font-size: 25px;
    line-height: 1
}

.rating span {
    padding-right: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #303344
}

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

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

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

.video-v2__button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: none;
    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: .3s ease-in-out;
    transition: .3s ease-in-out
}

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

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

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

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

.video-v2__button:hover .video-v2__button-shape {
    fill: red
}

.video-v2__button svg path {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.bet-spino-how-to {
    border-radius: 10px;
    padding: 20px;
    background: #1c1c1c;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.bet-spino-how-to__main-title {
    margin: 0 0 20px;
    font-family: inherit;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #303344
}

.bet-spino-how-to__main-title.align-left {
    text-align: left
}

.bet-spino-how-to__main-title.align-center {
    text-align: center
}

.bet-spino-how-to__main-title.align-right {
    text-align: right
}

.bet-spino-how-to__main-description {
    margin: 0 0 20px;
    font-family: inherit;
    font-weight: 400;
    font-size: 20px;
    line-height: 190%;
    color: #636177
}

.bet-spino-how-to__main-description.align-left {
    text-align: left
}

.bet-spino-how-to__main-description.align-center, .btn {
    text-align: center
}

.bet-spino-how-to__main-description.align-right {
    text-align: right
}

.bet-spino-how-to__list {
    border-top: 1px solid #262626;
    padding-left: 0
}

.bet-spino-how-to__item {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.05fr 1fr;
    grid-template-columns:1.05fr 1fr;
    padding: 20px 0 20px 20px
}

.bet-spino-how-to__item:not(:first-child):before {
    position: absolute;
    content: "";
    height: 1px;
    width: calc(100% - 130px);
    top: 0;
    right: 0;
    background-color: #262626
}

.bet-spino-how-to__item:first-child .bet-spino-how-to__item-label {
    top: 20px;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.bet-spino-how-to__item:first-child .bet-spino-how-to__item-decor-line {
    top: 75px;
    height: calc(100% - 110px)
}

.bet-spino-how-to__item:first-child .bet-spino-how-to__item-content {
    margin-top: 35px
}

.bet-spino-how-to__item:last-child .bet-spino-how-to__item-decor-line {
    height: calc(100% - 95px)
}

.bet-spino-how-to__item:last-child .bet-spino-how-to__item-decor-line::after {
    -webkit-transform: translateX(calc(-50% + 1px)) rotate(180deg);
    transform: translateX(calc(-50% + 1px)) rotate(180deg)
}

.bet-spino-how-to__item-content {
    padding: 20px 40px;
    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
}

.bet-spino-how-to__item-label {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bet-spino-how-to__item-label svg {
    width: 45px;
    height: 45px;
    margin-right: 10px
}

.bet-spino-how-to__item-label-counter {
    position: absolute;
    font-family: inherit;
    font-weight: 700;
    font-size: 20px;
    left: 17px;
    line-height: 1;
    text-transform: uppercase;
    color: #303344
}

.bet-spino-how-to__item-decor-line {
    display: block;
    position: absolute;
    top: 35px;
    left: 21px;
    height: calc(100% - 70px);
    width: 2px;
    background: repeating-linear-gradient(#303344, #303344 8px, transparent 8px, transparent 12px, #303344 12px)
}

.bet-spino-how-to__item-decor-line::after, .bet-spino-how-to__item-decor-line::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-color: #303344;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    -webkit-transform: translateX(calc(-50% + 1px));
    transform: translateX(calc(-50% + 1px))
}

.bet-spino-how-to__item-decor-line::before {
    top: -3px
}

.bet-spino-how-to__item-decor-line::after {
    bottom: -3px
}

.bet-spino-how-to__item-finish-icon {
    position: absolute;
    bottom: 0;
    left: 0
}

.bet-spino-how-to__item-finish-icon svg {
    width: 45px;
    height: 45px
}

.bet-spino-how-to__item-label-text {
    font-family: inherit;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    color: #fff
}

.bet-spino-how-to__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
}

.last-posts, .pros-cons {
    display: -ms-grid;
    gap: 20px
}

.bet-spino-how-to__item-image img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 500px
}

.bet-spino-how-to .bet-spino-how-to__item-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 190%;
    color: #fff;
    margin: 0 0 10px
}

.bet-spino-how-to .bet-spino-how-to__item-description {
    font-family: inherit;
    font-weight: 400;
    margin: 0
}

.bet-spino-how-to .bet-spino-how-to__item-description a {
    text-decoration: underline;
    font-family: inherit;
    font-weight: 400;
}

.last-post-title {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 20px
}

.last-posts {
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr)
}

.last-post__more-button {
    grid-column: 1/-1;
    margin: 15px auto 0;
    padding: 15px 110px;
    border: 1px solid #fc0501;
    background-color: #fc0501;
    border-radius: 3px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    cursor: pointer
}

.last-post__more-button:hover {
    background-color: transparent;
    color: #303344
}

.news-card-v1 {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 10px 15px
}

.news-card-v1__image {
    max-height: 85px;
    background-color: #000;
    border-radius: 5px;
    margin-bottom: 15px
}

.news-card-v1__image p, .screenshot-gallery__item p {
    margin: 0
}

.news-card-v1__image img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 85px
}

.comment__avatar, .screenshot-gallery__list, h3.pros-cons__title {
    display: -webkit-box;
    display: -ms-flexbox
}

.news-card-v1 .news-card-v1__link {
    font-family: inherit;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    color: #303344;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-decoration: none
}

.comment-form__button, .gbtn {
    -webkit-transition: .3s ease-in-out
}

.news-card-v1 .news-card-v1__link:hover {
    color: #fc0501
}

.screenshot-gallery__title {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase
}

.screenshot-gallery__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gbtn {
    transition: .3s ease-in-out;
    background-color: rgba(255, 154, 3, .3) !important
}

.pros-cons {
    margin: 2rem 0;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr)
}

.pros-cons--one-column {
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr
}

.pros-cons__wrapper {
    padding: 20px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 5px
}

h3.pros-cons__title {
    margin: 0 0 15px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px
}

h3.pros-cons__title svg {
    margin-right: 10px;
    width: 23px;
    height: 23px
}

.pros-cons__list {
    margin: 0 0 0 25px;
    padding: 0
}

.pros-cons__list-item {
    font-size: 15px;
    line-height: 150%;
    color: #636177
}

.comment-form__alert, .comment-form__button, .comment-form__field, .comment__meta time, h3.comment__author-name {
    line-height: 16px;
    font-size: 14px
}

.pros-cons__list-item:not(:last-child) {
    margin-bottom: 15px
}

.comment-form__form {
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    gap: 15px 20px;
    padding: 20px
}

.comment-form__title {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e7eb
}

.comment-form__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 140px;
    background-color: #fc0501
}

.comment-form__field {
    background: #f2f2f2;
    border-radius: 5px;
    border: 1px solid #e8eaed;
    padding: 15px;
    color: #636177;
    outline: 0
}

.comment-form__field::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 16px;
    color: #acabae
}

.comment-form__field::-moz-placeholder {
    font-size: 14px;
    line-height: 16px;
    color: #acabae
}

.comment-form__field:-ms-input-placeholder {
    font-size: 14px;
    line-height: 16px;
    color: #acabae
}

.comment-form__field::-ms-input-placeholder {
    font-size: 14px;
    line-height: 16px;
    color: #acabae
}

.comment-form__field::placeholder {
    font-size: 14px;
    line-height: 16px;
    color: #acabae
}

.comment-form__field--comment {
    grid-column: 1/-1
}

.comment-form__field--cons, .comment-form__field--pros {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 15px 15px;
    text-indent: 30px
}

.comment-form__field--pros {
    background-image: url(../images/plus.png)
}

.comment-form__field--cons {
    background-image: url(../images/minus.png)
}

.comment-form__field.error {
    border-color: #dc143c
}

.comment-form__textarea {
    resize: none;
    height: 100px
}

.comment-form__button {
    grid-column: 3/-1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    width: 100%;
    max-width: 265px;
    margin: 0;
    padding: 20px;
    justify-self: flex-end;
    font-family: inherit;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #fc0501;
    border: 1px solid #fc0501;
    border-radius: 3px;
    transition: .3s ease-in-out;
    cursor: pointer
}

.comment-form__button:hover {
    background-color: transparent;
    color: #303344
}

.comment-form__alert {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

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

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

.comment {
    margin-top: 15px;
    background: #fff;
    border-radius: 10px
}

.comment__avatar {
    margin-right: 15px;
    border-radius: 100%;
    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: 66px;
    height: 66px;
    left: 290px;
    background-color: #f2f2f2
}

.comment__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 20px
}

.comment__author::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #e8eaed
}

h3.comment__author-name {
    margin: 0 0 2px;
    font-family: inherit;
    font-weight: 700;
    text-transform: uppercase;
    color: #303344
}

.comment__meta time {
    font-weight: 400;
    color: #636177;
    text-decoration: none
}

.comment__text p {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #636177
}

.comment__pros-cons {
    margin-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    gap: 20px
}

.comment__pros-cons--one-column {
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr
}

p.comment__pros-cons-title {
    margin: 0 0 15px;
    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: 18px
}

p.comment__pros-cons-title svg {
    width: 18px;
    height: 18px;
    margin-right: 10px
}

.comment__pros-cons-text {
    display: inline-block;
    padding: 20px;
    font-size: 15px;
    line-height: 150%;
    color: #636177;
    background-color: #f2f2f2;
    border-radius: 5px;
    width: calc(100% - 40px)
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .header-app-v2 .header-app-v2__review-block-review:hover, .other-apps__item-link:hover {
        color: #fc0501
    }

    .header-app-v2 .header-app-v2__header-button--download:hover, .header-app-v2 .header-app-v2__header-button--visit:hover {
        background-color: #fff;
        color: #636177
    }

    .header-app-v2 .header-app-v2__review-block-addreview:hover {
        background-color: transparent;
        color: #325270
    }

    .header-app-v2 .header-app-v2__main-promocode-copy:hover svg {
        fill: #fc0501
    }

    .gbtn:focus, .gbtn:hover {
        background-color: #fc0501 !important
    }
}

@media (min-width: 576px) {
    .bet-spino-container {
        max-width: 540px;
        margin: auto
    }
}

@media (min-width: 768px) {
    .bet-spino-container {
        max-width: 720px
    }

    .main-footer__info-mobile {
        display: none
    }
}

@media (min-width: 992px) {
    .main-nav .sub-menu, .main-nav .sub-sub-menu {
        list-style: none;
        display: block;
        min-width: 200px;
        z-index: 1000
    }

    .main-nav .sub-menu::after, .main-nav .sub-sub-menu::after, .main-nav .sub-sub-menu::before {
        position: absolute;
        content: '';
        background: #fff
    }

    .bet-spino-container {
        max-width: 960px
    }

    .main-nav {
        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
    }

    .main-nav__list {
        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;
        list-style: none
    }

    .main-nav__list li {
        position: relative;
        margin-right: 25px
    }

    .main-nav .sub-menu li, .main-nav__list li:last-child {
        margin-right: 0
    }

    .main-nav__list li a, .main-nav__list li span {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        line-height: 18px;
        -webkit-transition: 250ms;
        transition: 250ms;
        display: inline-block;
        text-transform: uppercase;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center
    }

    .main-nav__list li a:hover, .main-nav__list li span:hover {
        color: #ECC389
    }

    .main-nav .sub-menu {
        position: absolute;
        padding: 10px 0;
        background: #fff;
        -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, .15);
        box-shadow: 0 0 17px rgba(0, 0, 0, .15);
        border-radius: 10px;
        top: -800vh;
        right: -15px
    }

    .main-nav .sub-menu::after {
        top: -5px;
        right: 15px;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .main-nav .menu-item-has-children:hover > .sub-menu, .main-nav .sub-menu:hover {
        top: 100%
    }

    .main-nav .sub-menu li a {
        display: block;
        font-size: 16px;
        line-height: 18px;
        text-align: left;
        color: #636177;
        padding: 10px 20px;
        -webkit-transition: 250ms;
        transition: 250ms
    }

    .main-nav .sub-menu li a:hover {
        color: #666
    }

    .main-nav .menu-item-children-has-sub-children, .main-nav .menu-item-has-children {
        padding-right: 20px
    }

    .main-nav .menu-item-has-children .open-sub-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-45%);
        transform: translateY(-45%);
        right: 0;
        width: 10px;
        height: 10px;
        -webkit-transition: .3s;
        transition: .3s
    }

    .main-nav .menu-item-has-children.active::after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }

    .main-nav .menu-item-children-has-sub-children .open-sub-menu {
        position: absolute;
        top: 3px;
        -webkit-transform: rotate(-90deg) translateX(60%);
        transform: rotate(-90deg) translateX(60%);
        right: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 10px;
        height: 10px;
        -webkit-transition: .3s;
        transition: .3s
    }

    .main-nav .menu-item-children-has-sub-children:hover > .sub-sub-menu, .main-nav .sub-sub-menu:hover {
        top: 0
    }

    .main-nav .sub-sub-menu {
        position: absolute;
        padding: 10px 0;
        top: -120vh;
        left: 100%
    }

    .main-nav .sub-sub-menu::before {
        top: 0;
        height: 100%;
        left: 15px;
        width: calc(100% + 15px);
        -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, .15);
        box-shadow: 0 0 17px rgba(0, 0, 0, .15);
        border-radius: 10px
    }

    .main-nav .sub-sub-menu::after {
        top: 15px;
        left: 10px;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .main-nav .sub-sub-menu li a {
        padding: 10px 10px 10px 30px
    }
}

@media (min-width: 1200px) {
    .bet-spino-container {
        max-width: 1140px
    }
}

@media (min-width: 1500px) {
    .bet-spino-container {
        max-width: 1420px
    }
}

@media (max-width: 1500px) {
    .header-app-v2 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

    .header-app-v2 .header-app-v2__header {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }

    .header-app-v2 .header-app-v2__main {
        grid-column: 2/-1;
        border-right: none
    }

    .header-app-v2 .header-app-v2__footer {
        grid-column: 1/-1;
        border-top: 1px solid #e5e7eb;
        padding: 15px;
        grid-row: auto
    }

    .header-app-v2 .header-app-v2__payment-systems {
        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;
        gap: 0
    }

    .header-app-v2 .header-app-v2__payment-systems-item {
        margin: 5px 10px;
        max-width: 90px
    }

    .header-app-v2__bet-on, .header-app-v2__pluses {
        padding: 15px
    }
}

@media (max-width: 1200px) {
    .tableListingBodyRowItem__title {
        font-size: 16px !important
    }

    .bet-spino-toc__list {
        -ms-grid-columns:(auto) [ 3 ];
        grid-template-columns:repeat(3, auto)
    }

    .header-app-v2 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .header-app-v2 .header-app-v2__header {
        grid-column: 1/-1;
        gap: 20px
    }

    .header-app-v2 .header-app-v2__review-block {
        grid-row: auto
    }

    .header-app-v2 .header-app-v2__review-block--no-review-text {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app-v2 .header-app-v2__review-block-text {
        max-width: 100%
    }

    .header-app-v2 .header-app-v2__main {
        grid-column: 1/-1;
        border-left: none;
        border-top: 1px solid #e5e7eb;
        grid-row: auto
    }

    .header-app-v2 .header-app-v2__main-promocode-input {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
        max-width: initial
    }

    .header-app-v2__pluses {
        grid-column: 1/-1
    }

    .header-app-v2__pluses-list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .header-app-v2__bet-on {
        grid-column: 1/-1;
        border-left: none
    }
}

@media (max-width: 1024px) {
    .popup__content {
        max-width: 740px;
        margin: 10px 0
    }

    .popup__header > svg {
        width: 10px;
        height: 33px
    }

    .popup__header {
        padding: 8px 15px;
        margin: 0 15px 10px
    }

    .poput__header-text {
        margin-left: 15px
    }

    .popup .popup__title, .popup p.popup__up-to {
        font-size: 18px;
        line-height: 21px
    }

    .popup .popup_description {
        font-size: 14px;
        line-height: 16px
    }

    .popup__close {
        width: 33px;
        height: 33px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .popup__body {
        max-width: 740px;
        width: 100%
    }

    .popup__promocode-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .popup__promocode-item {
        width: 100%
    }

    .popup__promocode-item-top {
        padding: 10px
    }

    .popup__image-wrapper img {
        max-height: 66px
    }

    .popup__list {
        margin: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .2s ease-out;
        transition: max-height .2s ease-out
    }

    .popup__promocode-item-bottom {
        border-top: none;
        border-bottom: 1px solid #e5e7eb;
        padding: 10px
    }

    .popup__download-button {
        margin-right: 15px
    }

    .popup__more-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .popup__footer {
        padding: 10px;
        max-width: calc(100% - 50px);
        width: 100%
    }

    a.popup__footer-button:not(:last-child) {
        margin-right: 10px
    }

    a.popup__footer-button {
        padding: 15px 5px
    }
}

@media (max-width: 1000px) {
    .footerPromo {
        width: 100%;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        padding: 10px;
        left: 0;
        border-radius: 0
    }
}

@media (max-width: 992px) {
    .header__hamburger span, .header__hamburger::after, .header__hamburger::before {
        left: 0;
        height: 3px;
        background-color: #303344
    }

    .headerapps__logo, .headerapps__title {
        -ms-grid-column-span: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .flex-row-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .header .bet-spino-container {
        min-height: 68px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .header__hamburger {
        display: block;
        z-index: 5;
        position: relative;
        width: 25px;
        height: 17px;
        cursor: pointer
    }

    .main-nav, .tableListing thead {
        display: none
    }

    .header__hamburger span {
        position: absolute;
        width: 100%;
        -webkit-transition: .3s;
        transition: .3s;
        top: 50%;
        -webkit-transform: scale(1) translate(0, -50%);
        transform: scale(1) translate(0, -50%)
    }

    .header__hamburger::before {
        content: "";
        top: 0;
        position: absolute;
        width: 100%;
        -webkit-transition: .3s;
        transition: .3s
    }

    .header__hamburger::after {
        content: "";
        bottom: 0;
        position: absolute;
        width: 100%;
        -webkit-transition: .3s;
        transition: .3s
    }

    .header__hamburger.active span {
        -webkit-transform: scale(0) translate(0, -60%);
        transform: scale(0) translate(0, -60%)
    }

    .header__hamburger.active::before {
        top: 50%;
        -webkit-transform: rotate(-45deg) translate(0, -60%);
        transform: rotate(-45deg) translate(0, -60%)
    }

    .header__hamburger.active::after {
        bottom: 50%;
        -webkit-transform: rotate(45deg) translate(0, 60%);
        transform: rotate(45deg) translate(0, 60%)
    }

    .bet-spino-bredcrumbs {
        padding: 7px 0
    }

    .content a, .content li, .content p, .content td, .content th {
        font-size: 14px;
        line-height: 160%
    }

    .content h1 {
        font-size: 20px;
        margin-top: 0
    }

    .content h2 {
        font-size: 18px
    }

    .content h3 {
        font-size: 16px
    }

    .main-nav {
        position: absolute;
        top: 68px;
        right: 0;
        width: 100%;
        -webkit-transition: right .3s;
        transition: right .3s;
        background-color: #fff;
        z-index: 100;
        min-height: calc(100% - 68px);
        overflow-y: auto
    }

    .main-nav__list, .mobile-button.active {
        display: -webkit-box;
        display: -ms-flexbox
    }

    .main-nav.active {
        display: flex
    }

    .main-nav.active:has(+ .page-header__buttons) {
        top: 106px
    }

    .main-nav__list {
        display: flex;
        -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;
        list-style: none;
        padding: 0;
        width: 100%
    }

    .main-nav__list li {
        position: relative;
        width: 100%
    }

    .main-nav__list li:last-child {
        margin-right: 0
    }

    .main-nav__list li a, .main-nav__list li span {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        line-height: 18px;
        -webkit-transition: 250ms;
        transition: 250ms;
        display: inline-block;
        text-transform: uppercase;
        padding: 15px
    }

    .main-nav__list li a:hover, .main-nav__list li span:hover {
        color: #000
    }

    .main-nav .sub-menu, .main-nav .sub-sub-menu {
        list-style: none;
        display: block;
        position: relative;
        padding: 0;
        width: 100%;
        background: #fff;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .3s;
        transition: max-height .3s
    }

    .main-nav .sub-menu li {
        padding-left: 30px
    }

    .main-nav .sub-menu.active {
        max-height: 100%
    }

    .main-nav .menu-item-has-children .open-sub-menu {
        position: absolute;
        top: 1.4rem;
        -webkit-transform: translateY(-45%);
        transform: translateY(-45%);
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 10px;
        height: 10px;
        -webkit-transition: .3s;
        transition: .3s
    }

    .main-nav .menu-item-has-children.active::after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }

    .main-nav .menu-item-children-has-sub-children .open-sub-menu {
        right: 30px !important
    }

    .main-nav .sub-sub-menu.active {
        max-height: 1000px
    }

    .main-nav .sub-sub-menu li a {
        padding: 10px 10px 10px 30px
    }

    .page-header {
        min-height: auto;
        padding: 16px 0
    }

    .page-header__title {
        font-size: 22px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .headerapps {
        -ms-grid-columns: auto auto auto auto;
        grid-template-columns:auto auto auto auto;
        gap: 10px 0;
        margin-top: 0;
        margin-bottom: 15px
    }

    .headerapps__available, .headerapps__rating {
        margin-top: 10px;
        border-top: 1px solid #e5e7eb
    }

    .headerapps__logo {
        -ms-grid-row: 2;
        grid-area: 2/1/3/5
    }

    .headerapps__logo img {
        width: 100%;
        height: 116px;
        max-width: 375px
    }

    .headerapps__title {
        -ms-grid-row: 1;
        grid-area: 1/1/2/5;
        font-size: 18px;
        line-height: 21px
    }

    .headerapps__description, .tableListingBodyRowItem__rating .overall-rating {
        font-size: 14px !important
    }

    .headerapps__rating {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 3/1/4/3;
        padding-top: 10px
    }

    .headerapps__description, .headerapps__video {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        -ms-grid-row-span: 1
    }

    .headerapps__description {
        -ms-grid-row: 5;
        grid-area: 5/1/6/5
    }

    .headerapps__video {
        -ms-grid-row: 4;
        grid-area: 4/1/5/5;
        width: 100%;
        overflow: hidden;
        padding-top: 15px;
        border-top: 1px solid #e5e7eb
    }

    .headerapps__available {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-area: 3/3/4/5;
        padding-top: 10px
    }

    .headerapps__available svg {
        width: 21px;
        height: auto;
        max-height: 21px
    }

    .headerapps__buttons {
        -ms-grid-row: 6;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-area: 6/1/7/5
    }

    .tableListingBodyRowItem__image, .tableListingBodyRowItem__rait {
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        border-bottom: 1px solid #e5e7eb;
        -ms-grid-row-span: 1
    }

    .headerapps__button {
        padding: 20px 10px
    }

    .headerapps__button.download {
        margin-bottom: 10px
    }

    .main-footer__nav {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }

    .tableListing tbody tr {
        -ms-grid-columns: auto auto auto auto auto auto auto;
        grid-template-columns:auto auto auto auto auto auto auto
    }

    .tableListing tbody tr td {
        border-right: none
    }

    .tableListingBodyRowItem__rait {
        -ms-grid-column: 7;
        grid-area: 1/7/2/8;
        padding: 0 20px
    }

    .tableListingBodyRowItem__image {
        -ms-grid-column: 1;
        grid-area: 1/1/2/2;
        padding: 20px
    }

    .tableListingBodyRowItem__title {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 5;
        grid-area: 1/2/2/7;
        border-bottom: 1px solid #e5e7eb
    }

    .tableListingBodyRowItem__rating {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-area: 2/1/3/5;
        border-bottom: 1px solid #e5e7eb;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .tableListingBodyRowItem__description {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 7;
        grid-area: 3/1/4/8;
        padding: 20px;
        border-bottom: 1px solid #e5e7eb
    }

    .tableListingBodyRowItem__devices {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 5;
        -ms-grid-column-span: 3;
        grid-area: 2/5/3/8;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-bottom: 1px solid #e5e7eb;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .bet-spino-text-image, .listing-filter__inputs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .tableListingBodyRowItem__button .tableListingBodyRowItemReview {
        border: 1px dashed #636177;
        border-radius: 3px;
        margin-top: 15px;
        font-weight: 700
    }

    .tableListingBodyRowItem__button {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 7;
        grid-area: 4/1/5/8;
        padding: 20px
    }

    .listing-filter__inputs {
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 10px
    }

    .listing-filter__input {
        padding: 25px 30px;
        margin-right: 0;
        margin-bottom: 10px
    }

    .bet-spino-accordion, .bet-spino-panel {
        font-size: 14px
    }

    .author-block {
        -ms-grid-columns: -webkit-min-content auto auto;
        -ms-grid-columns: min-content auto auto;
        grid-template-columns:-webkit-min-content auto auto;
        grid-template-columns:min-content auto auto
    }

    .author-block__avatar {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 1/1/2/2;
        width: 71px;
        height: 71px
    }

    .author-block__name {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-area: 1/2/2/4;
        font-size: 18px;
        line-height: 21px;
        -ms-grid-row-align: center;
        align-self: center
    }

    .author-block__description {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-area: 2/1/3/4;
        font-size: 14px;
        line-height: 150%
    }

    .author-info__avatar, .author-info__description, .author-info__name, .author-info__social {
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4
    }

    .author-info__avatar {
        -ms-grid-row: 1;
        grid-area: 1/1/2/5;
        -ms-grid-column-align: center;
        justify-self: center
    }

    .author-info__name {
        -ms-grid-row: 2;
        grid-area: 2/1/3/5;
        text-align: center
    }

    .author-info__social {
        -ms-grid-row: 3;
        grid-area: 3/1/4/5;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .author-info__social img, .author-info__social svg {
        margin-right: 10px
    }

    .author-info__description {
        -ms-grid-row: 4;
        grid-area: 4/1/5/5
    }

    .bet-spino-text-image {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bet-spino-text-image__col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }

    .bet-spino-toc__list {
        -ms-grid-columns:(auto) [ 2 ];
        grid-template-columns:repeat(2, auto)
    }

    .mobile-button.active {
        display: flex
    }

    .header-app-v2 .header-app-v2__header {
        padding: 15px;
        gap: 15px 10px
    }

    .header-app-v2 .header-app-v2__header-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header-app-v2 .header-app-v2__header-title {
        margin: 0;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .header-app-v2 .header-app-v2__header-rating--desktop {
        display: none
    }

    .header-app-v2 .header-app-v2__header-rating--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header-app-v2 .header-app-v2__header-platform {
        justify-self: flex-end
    }

    .header-app-v2 .header-app-v2__header-platform--less-3 .header-app-v2__header-platform-item {
        margin: 0
    }

    .header-app-v2 .header-app-v2__header-platform--less-3 {
        justify-self: flex-end
    }

    .header-app-v2 .header-app-v2__header-platform-item:not(:last-child) {
        margin-right: 25px
    }

    .header-app-v2 .header-app-v2__header-buttons {
        grid-column: 1/-1
    }

    .header-app-v2 .header-app-v2__main, .header-app-v2 .header-app-v2__review-block {
        padding: 15px
    }

    .bet-spino-how-to__main-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px
    }

    .bet-spino-how-to__main-description {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .bet-spino-how-to .bet-spino-how-to__item-title {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px
    }

    .bet-spino-how-to .bet-spino-how-to__item-description {
        font-size: 14px;
        line-height: 16px
    }

    .comment-form__form, .last-posts {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .last-post__more-button {
        margin: 0 auto;
        padding: 10px 110px
    }

    .comment-form__button {
        grid-row: auto;
        grid-column: 1/-1;
        max-width: 100%
    }
}

@media (max-width: 992) {
    .header-app-v2, .other-apps {
        margin: 1rem 0
    }
}

@media (max-width: 980px) {
    .page-404__button a {
        padding: 20px 80px 20px 20px
    }
}

@media (max-width: 800px) {
    .comparisonBlockItems {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .logged-in-as {
        grid-column: auto
    }

    .main-dialog {
        overflow: auto;
        padding-top: 40px
    }

    .main-dialog__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-dialog__image {
        max-width: 100%
    }

    .main-dialog__content {
        padding: 0;
        margin-top: 16px
    }

    .popup {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .popup__body {
        max-width: calc(100% - 30px);
        border-radius: 5px 5px 0 0;
        width: 100%
    }

    .other-apps__item {
        border-radius: 5px
    }

    .other-apps__item-image img {
        height: 80px
    }

    .header-app-v2 .header-app-v2__header-platform-item svg, .header-app-v2 p.header-app-v2__main-bonus-title svg, .header-app-v2__bet-on-item img, .header-app-v2__pluses-item svg {
        width: 16px;
        height: 16px
    }

    .other-apps__item-link {
        margin: 8px 10px;
        font-size: 14px;
        line-height: 16px
    }

    .header-app-v2 .header-app-v2__header-title {
        font-size: 16px;
        line-height: 120%
    }

    .header-app-v2 .header-app-v2__header-logo, .header-app-v2 .header-app-v2__header-logo img {
        max-height: 65px
    }

    .header-app-v2 .header-app-v2__header-rating .rating__counter, .news-card-v1 .news-card-v1__link, .rating span {
        font-size: 14px;
        line-height: 16px
    }

    .header-app-v2 .header-app-v2__review-block::after {
        display: block
    }

    .header-app-v2 .header-app-v2__review-block {
        padding: 0 15px 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-top: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-app-v2 .header-app-v2__review-block--no-review-text {
        padding-top: 10px
    }

    .header-app-v2 .header-app-v2__review-block-review {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 105px;
        width: 100%;
        margin-right: 10px
    }

    .header-app-v2 .header-app-v2__review-block-addreview {
        max-width: 140px;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0
    }

    .header-app-v2 .header-app-v2__review-block-text {
        max-width: 100%;
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
        margin: 0 0 10px;
        padding-bottom: 15px;
        text-align: center;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .comment-form__form, .header-app-v2 .header-app-v2__main {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .header-app-v2__bet-on-list, .header-app-v2__pluses-list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .header-app-v2 .header-app-v2__main-bonus {
        -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-v2 .header-app-v2__main-bonus-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .header-app-v2 .header-app-v2__main-bonus-item + .header-app-v2__main-bonus-item {
        margin: 15px 0 0
    }

    .header-app-v2 p.header-app-v2__main-bonus-title {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px
    }

    .header-app-v2 .header-app-v2__main-promocode {
        grid-column: 1/-1;
        margin-top: 10px
    }

    .header-app-v2 .header-app-v2__main-promocode-label {
        padding: 13px 35px 13px 7px
    }

    .header-app-v2 .header-app-v2__main-price {
        grid-column: 1/-1
    }

    .header-app-v2 .header-app-v2__footer {
        padding: 15px 10px
    }

    .header-app-v2__bet-on, .header-app-v2__pluses {
        display: none
    }

    .bet-spino-how-to__item, .comment__pros-cons, .pros-cons {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .header-app-v2__hide-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .rating {
        font-size: 16px
    }

    .bet-spino-how-to {
        padding: 10px;
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .bet-spino-how-to__main-title, .pros-cons__list-item:not(:last-child), h3.pros-cons__title, p.comment__pros-cons-title {
        margin-bottom: 10px
    }

    .bet-spino-how-to__main-title {
        font-size: 18px;
        line-height: 22px
    }

    .bet-spino-how-to__item-label-text, h3.pros-cons__title {
        line-height: 18px;
        font-size: 16px
    }

    .bet-spino-how-to__main-description {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px
    }

    .bet-spino-how-to__item:not(:first-child):before {
        width: calc(100% - 105px)
    }

    .bet-spino-how-to__item:first-child .bet-spino-how-to__item-decor-line {
        height: calc(100% - 105px)
    }

    .bet-spino-how-to__item:last-child .bet-spino-how-to__item-decor-line {
        height: calc(100% - 85px)
    }

    .bet-spino-how-to__item:last-child .bet-spino-how-to__item-image {
        margin-bottom: 2rem
    }

    .bet-spino-how-to__item {
        padding: 10px 0 10px 10px
    }

    .bet-spino-how-to__item-content {
        padding: 20px 0 10px 20px
    }

    .bet-spino-how-to__item-finish-icon svg, .bet-spino-how-to__item-label svg {
        width: 35px;
        height: 35px
    }

    .bet-spino-how-to__item-label-counter {
        font-size: 16px;
        left: 13px;
        top: 10px
    }

    .bet-spino-how-to__item-decor-line {
        left: 15px
    }

    .bet-spino-how-to__item-image {
        padding-left: 20px;
        margin-bottom: 1rem
    }

    .pros-cons, .screenshot-gallery {
        margin: 1rem 0
    }

    .screenshot-gallery__list {
        width: 100%;
        max-width: 980px;
        overflow-x: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .screenshot-gallery__item {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        max-width: 325px
    }

    .pros-cons {
        gap: 10px
    }

    .comment__author, .comment__text, .pros-cons__wrapper {
        padding: 15px
    }

    h3.pros-cons__title svg {
        width: 18px;
        height: 18px
    }

    .pros-cons__list {
        margin-left: 21px
    }

    .pros-cons__list-item {
        font-size: 14px
    }

    .comment-form__title {
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .comment-form__field--cons, .comment-form__field--pros {
        text-indent: 20px;
        background-position: 10px 15px;
        grid-column: 1/-1
    }

    .comment-form__textarea {
        height: 90px
    }

    .comment-form__button {
        padding: 14px
    }

    .comment-form__alert {
        left: 20px;
        right: 20px;
        text-align: center;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .comment + .comment {
        margin-top: 10px
    }

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

    .comment__author::after {
        left: -15px;
        right: -15px;
        width: calc(100% + 30px)
    }

    .comment__pros-cons {
        gap: 15px;
        margin-top: 15px
    }

    p.comment__pros-cons-title svg {
        width: 16px;
        height: 16px
    }

    p.comment__pros-cons-title {
        font-size: 14px;
        line-height: 16px
    }

    .comment__pros-cons-text {
        padding: 15px;
        width: calc(100% - 30px)
    }
}

@media (max-width: 750px) {
    .tableListing tbody tr:first-child td.tableListingBodyRowItem__rait, .tableListing tbody tr:nth-of-type(2) td.tableListingBodyRowItem__rait, .tableListing tbody tr:nth-of-type(3) td.tableListingBodyRowItem__rait {
        border-radius: 0
    }

    .tableListingBodyRowItem__rait:after {
        content: '';
        border: 40px solid transparent;
        position: absolute;
        border-left: 14px solid #fff;
        left: 0
    }

    .tableListingBodyRowItem__description {
        margin-top: 20px
    }

    .footerPromo__logo p {
        display: none
    }

    .footerPromo__button {
        min-width: 90px
    }

    .footerPromo__button a, .footerPromo__button span {
        font-size: 14px
    }
}

@media (max-width: 700px) {
    .tableListingBodyRowItem__label {
        top: -33px
    }
}

@media (max-width: 650px) {
    .SecondAppHeader__rating, .firstAppHeader__rating {
        width: 100%;
        padding: 10px 0
    }

    .SecondAppHeader h3, .firstAppHeader h3 {
        padding: 10px 0
    }
}

@media (max-width: 640px) {
    .footerSocialLinks {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 600px) {
    a.content-button-link, a.hide-button {
        padding: 10px;
        border-radius: 5px;
        margin: 12px 0;
        font-weight: 700;
        font-size: 17px
    }

    a.content-button-link {
        background-color: transparent
    }
}

@media (max-width: 575px) {
    .other-apps__title::after {
        background: -webkit-gradient(linear, left top, right top, color-stop(40%, #fc0501), color-stop(40%, #e5e7eb));
        background: linear-gradient(90deg, #fc0501 40%, #e5e7eb 40%)
    }

    .other-apps__title, .screenshot-gallery__title {
        margin-bottom: 15px;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px
    }

    .other-apps__swiper {
        margin-right: -15px !important
    }

    .other-apps__item {
        width: 260px !important
    }

    .other-apps__item:last-child {
        margin-right: 15px !important
    }

    .header-app-v2 .header-app-v2__header {
        -ms-grid-columns: 115px 1fr;
        grid-template-columns:115px 1fr
    }

    .header-app-v2 .header-app-v2__payment-systems-item {
        margin: 5px;
        max-width: 80px
    }

    .last-posts {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .news-card-v1__image img {
        max-height: 65px
    }
}

@media (max-width: 500px) {
    .main-dialog {
        padding: 16px
    }

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

.advantages, .gallery_links {
    padding-left: 0;
    list-style: none
}

@media (max-width: 460px) {
    .SecondAppHeader, .firstAppHeader {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0;
        text-align: center
    }
}

@media (max-width: 450px) {
    .footerPromo__text {
        width: 28%;
        font-size: 10px
    }
}

@media (max-width: 400px) {
    .header-app-v2 .header-app-v2__main-promocode-input {
        max-width: 100px
    }
}

.bet-spino-text-image__col img {
    max-width: 100%;
    margin-bottom: 10px;
    border-radius: 12px
}

.dmca {
    margin: 1rem 0;
    display: flex;
    justify-content: center
}

.tableListingHead__button {
    display: none !important
}

.tableListing tbody tr {
    grid-template-columns:3% 17% 17% 16% 29% 6%
}

.tableListingBodyRowItem__image img {
    max-width: 80%;
    max-height: 44px;
    object-fit: contain
}

.advantages {
    display: grid;
    gap: 12px
}

.advantages.col-6 {
    grid-template-columns:repeat(6, 1fr)
}

.advantages.col-5 {
    grid-template-columns:repeat(5, 1fr)
}

.advantages.col-4 {
    grid-template-columns:repeat(4, 1fr)
}

.advantages.col-3 {
    grid-template-columns:repeat(3, 1fr)
}

.advantages.col-2 {
    grid-template-columns:repeat(2, 1fr)
}

.advantages.col-1 {
    grid-template-columns:1fr
}

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

.advantages__item img {
    width: auto;
    max-height: 110px
}

@media (max-width: 1024px) {
    .advantages.col-5, .advantages.col-6 {
        grid-template-columns:repeat(3, 1fr)
    }

    .advantages.col-2, .advantages.col-3, .advantages.col-4 {
        grid-template-columns:repeat(2, 1fr)
    }

    .advantages.col-1 {
        grid-template-columns:1fr
    }
}

.gallery_links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    width: 100%;
    border-top: 1px solid #fc0501;
    padding-top: 10px
}

.btn, .telegram-link {
    padding: 10px 25px;
    background: 0 0;
    text-decoration: none
}

.gallery_links a {
    display: flex
}

.gallery_links img {
    width: auto;
    max-height: 60px
}

.page-header table {
    border: 1px solid #afafaf;
    border-radius: 5px;
    width: 100%;
    border-collapse: collapse
}

.page-header table td, .page-header table th {
    border: 1px solid #afafaf;
    padding: 6px
}

.telegram-link {
    border: 1px solid #636177;
    border-radius: 10px;
    width: 100%;
    max-width: fit-content;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 10px;
    color: #000;
    transition: .5s ease-in
}

.bet-spino-bonus__button, .btn {
    transition: .2s ease-in;
    cursor: pointer
}

.telegram-link:hover {
    color: #b9a5fa;
    background: 0 0;
    border: 1px solid #b9a5fa
}

.btn {
    border-radius: 10px;
    color: #5c27fd;
    border: 1px solid #5c27fd;
    font-size: 20px
}

.page-header__button-first, .page-header__button-second {
    color: #fff;
    background: #8255f0;
    border: 1px solid #8255f0
}

.page-header__button-first:hover, .page-header__button-second:hover {
    background: #6c37ed
}

.page-header__buttons {
    display: flex;
    gap: 10px;
    margin-left: 20px
}

.page-header__buttons .btn {
    white-space: nowrap
}

.bet-spino-bonus-item {
    display: flex;
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 10px;
    gap: 16px;
    align-items: center;
    align-items: flex-start;
    justify-content: space-between
}

.bet-spino-bonus__container {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 16px
}

p.bet-spino-bonus__title {
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #303344;
    font-size: 22px;
    line-height: 27px
}

.bet-spino-bonus__value {
    width: fit-content;
    padding: 4px 10px;
    border-radius: 5px;
    background: #5d27ff45;
    margin-top: 0;
    line-height: 125% !important
}

.bet-spino-bonus-item img {
    max-width: 185px
}

.bet-spino-bonus__text {
    margin-top: 5px
}

.bet-spino-bonus__button {
    margin: 20px 0 0;
    width: fit-content;
    padding: 10px 25px;
    background-color: #8255f0;
    border: 1px solid #8255f0;
    border-radius: 10px;
    color: #fff;
    font-size: 19px
}

.bet-spino-bonus__button:hover {
    opacity: .7;
    background-color: #5c27ff;
    border: 1px solid #5c27ff
}

.promocode__controls {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #5c27ff3d;
    padding: 5px 10px 5px 24px;
    border: 1.5px dashed #fff;
    border-radius: 10px;
    width: fit-content;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px
}

.bet-spino-slots__image, li.categories__item {
    text-align: center;
    color: #fff;
    font-weight: 700
}

.promocode__button {
    background: 0 0;
    border: none;
    padding: 10px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.promocode__button svg {
    max-width: 24px;
    max-height: 24px
}

.promocode__button._active .promocode__copy-btn-svg-copy, .promocode__copy-btn-svg-check {
    display: none
}

.promocode__button._active .promocode__copy-btn-svg-check {
    display: block
}

input.promocode__value {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: 0;
    outline: 0;
    width: 100%
}

.bet-spino-slots__container {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap: 16px;
    margin-top: 20px
}

.bet-spino-slots__item {
    height: 220px;
    position: relative;
    overflow: hidden;
    border-radius: 12px
}

.bet-spino-slots__item .bet-spino-get-image, .bet-spino-slots__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.bet-spino-slots__image {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    font-size: 16px;
    line-height: 28px
}

.bet-spino-slots__button {
    padding: 12px 14px;
    border-radius: 8px;
    background: 0 0;
    border: 1px solid #b9a5fa;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    cursor: pointer
}

.bet-spino-slots__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgba(10, 15, 25, .9);
    border: 1px solid #505573;
    border-radius: 12px;
    opacity: 0;
    transition: .3s
}

.bet-spino-slots__item:hover .bet-spino-slots__image {
    opacity: 1
}

.categories {
    list-style: none;
    padding: 0;
    gap: 16px;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    display: grid
}

li.categories__item {
    background: #5d29ff63;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-content: center;
    font-size: 18px;
    padding: 12px;
    gap: 10px;
    justify-content: center;
    cursor: pointer;
    line-height: 20px
}

.categories__item img {
    max-height: 95px;
    width: auto
}

@media (max-width: 992px) {
    .tableListing tbody tr {
        -ms-grid-columns: auto auto auto auto auto auto auto;
        grid-template-columns:auto auto auto auto auto auto auto
    }

    ol, ul {
        padding-left: 14px
    }

    .page-header__buttons {
        margin: 0;
        width: 100%
    }

    .btn {
        font-size: 16px;
        width: 100%
    }

    .bet-spino-container-header {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        padding: 12px 15px
    }

    .bet-spino-bonus-item img {
        max-width: 100px
    }

    .bet-spino-bonus__container {
        grid-template-columns:1fr
    }

    .bet-spino-slots__item {
        height: 150px
    }

    .categories {
        grid-template-columns:1fr 1fr 1fr;
        display: grid
    }
}

@media (max-width: 768px) {
    .main-footer .bet-spino-container, .main-footer__nav {
        -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
    }

    .main-footer__info, .main-footer__info-desktop, .main-footer__info-mobile {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-footer__info-desktop {
        display: none
    }

    .main-footer__nav-list ul li {
        text-align: center
    }

    .bet-spino-toc__list {
        -ms-grid-columns:(auto) [ 1 ];
        grid-template-columns:repeat(1, auto)
    }

    .bet-spino-slots__container, .categories {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 576px) {
    .bet-spino-slots__item {
        height: 130px
    }

    .bet-spino-slots__image {
        font-size: 14px
    }

    .bet-spino-slots__button {
        padding: 8px 10px;
        font-size: 14px
    }

    .promocode__controls {
        padding: 5px 10px
    }

    p.bet-spino-bonus__title {
        font-size: 18px;
        line-height: 23px
    }
}

.bet-spino-image {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

.bet-spino-image img {
    min-width: 100%;
    height: auto;
    object-fit: cover
}

@media (max-width: 767px) {
    .advantages.col-5, .advantages.col-6 {
        grid-template-columns:repeat(2, 1fr)
    }

    .advantages.col-1, .advantages.col-2, .advantages.col-3, .advantages.col-4 {
        grid-template-columns:1fr
    }

    .gallery_links {
        gap: 10px
    }

    .gallery_links img {
        width: auto;
        max-height: 44px
    }

    .bet-spino-image {
        height: auto
    }

    .bet-spino-image img {
        position: static;
        object-fit: contain
    }
}

.wp-block-button__link {
    width: fit-content !important;
    padding: 10px 25px !important;
    background-color: #8255f0 !important;
    border: 1px solid #8255f0 !important;
    cursor: pointer !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 19px !important;
    transition: .2s ease-in !important;
    line-height: 1.15 !important
}

.last-modified-date {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin: 1rem 0;
    border-radius: 5px;
    padding: 8px 12px;
    max-width: 360px;
    background: #fff;
    box-shadow: 0 0 15px #0000000c
}

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

.last-modified-date__inner p {
    margin: 0;
    font-size: 14px;
    line-height: 20px
}

.last-modified-date__inner span {
    font-weight: 600;
    color: #000
}

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

.bet-spino-toc__title {
    font-size: 20px !important;
    line-height: 120% !important;
    font-weight: 700 !important;
    color: #303344 !important;
}

/* TOC */
.toc-auto {
    border-radius: 10px;
    max-width: 100%;
    background-color: #262626;
}

.toc-auto ol,
.toc-auto ul {
    display: none;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
    color: var(--color-toc-item, #ccc);
}

.toc-auto.active ol {
    display: flex;
    margin-left: 24px;
    padding: 0 12px 16px;
}

.toc-auto.active ul {
    display: flex;
    list-style: none;
    padding: 0 12px 16px;
}

.toc-auto.active .toc-auto__title svg {
    rotate: 180deg;
}

.toc-auto__title {
    margin: 0;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--color-toc-title, #fff);
}

.toc-auto__title svg {
    fill: currentColor;
    transition: all 0.3s ease-in-out;
}

.toc-auto li {
    margin: 0;
    padding: 0;
}

.toc-auto a {
    display: inline-block;
    padding: 0.3rem 0;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.toc-auto a:hover {
    color: var(--color-toc-item-hover, #fff);
}

/* TOC */
* + .bet-spino-wrapper {
    margin-top: 2rem;
}


.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #fff;
}

.content a:not(.hide-button), .content li, .content p, .content td, .content th {
    color: #868686;
}

.wp-block-table tr td, .wp-block-table tr th {
    border: none;
}

.wp-block-table tr:not(:last-child) {
    border-bottom: 1px solid #262626;
}

.wp-block-table {
    background: #1c1c1c;
    border-radius: 10px;
    overflow: hidden;
}

.bet-spino-accordion {
    background: #262626;
    border: none;
}

.bet-spino-panel {
    background: #1c1c1c;
}

.last-modified-date {
    color: #fff;
    background: #262626;
}

.last-modified-date__inner span {
    color: #fff;
}

.wp-admin .wp-block-table {
    background: #fff;
}

.wp-admin .wp-block-table table {
    border: 1px solid #000;
}