.mp-hero-section__download::before, .section-hero__bonus::before {
mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff))
}
.footer-nav__link, .languages-switcher__lang, .main-nav__link, .page-404__link, .page-header__button, .sub-menu__link, .toc-auto a, .toc__link, a, a:hover {
text-decoration: none
}
.counter .timer__number-item:not(.active), .events__month, .winners-list__name, .winners-list__sum, .winners-list__text {
user-select: none
}
*, :after, :before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
a {
font-size: 16px;
font-weight: 400;
color: var(--color-link);
color: inherit
}
.no-scroll, .scroll-lock, .tabs {
overflow: hidden
}
.main-nav__list, .page-404 .container, .page-header__buttons, .scroll-top__button, body {
display: -ms-flexbox
}
.page-header__button--first:hover, .sub-menu::before {
background-color: transparent
}
.footer-nav__list, .main-nav__list, .sub-menu, .toc__list, ol li, ol[class], ul li, ul[class] {
list-style: none
}
.page-404 .container, .page-header__burger, body {
-webkit-box-direction: normal
}
.faq__answer *, .main-nav__link, .payment-method th, h4 {
font-style: normal
}
*, .faq__answer *, .payment-method td, .payment-method th, button, input, textarea {
font-family: inherit
}
:root {
--width: 1480px;
--display-width: var(--width);
--offsets: 30px;
--ff-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}
* {
border: 0;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.container {
padding: 0 var(--offsets);
max-width: var(--display-width)
}
.banner img, .container-full, .content-img img, .winners-list__wrap, img {
max-width: 100%
}
.calculator-inner-left--price-wrapper.active::before, .calculator-inner-left--price-wrapper:hover::before, b {color: #ffffff}
.page-main > .wp-block-heading, .wrapper > .content-button, .wrapper > blockquote, .wrapper > h1, .wrapper > h2, .wrapper > h3, .wrapper > h4, .wrapper > h5, .wrapper > h6, .wrapper > ol, .wrapper > p, .wrapper > ul {
margin-left: auto;
margin-right: auto;
padding: 0 var(--offsets);
max-width: var(--display-width)
}
img {
height: auto;
vertical-align: top
}
.wrapper blockquote, blockquote, h6 {font-size: 1.01rem; line-height: 1.5rem}
.wrapper blockquote, blockquote {margin-top: 1.001rem; border-left: 5px solid var(--color-accent); padding: 1.001rem var(--offsets) 1.001rem 2.001rem; font-weight: 400; background-color: #f8faffff}
.wrapper:not(:last-child) {margin-bottom: 2.001rem}
.wrapper {
margin-top: 64px;
background-position: center;
background-repeat: no-repeat;
background-size: contain
}
.wrapper:first-child {
margin-top: 0;
position: relative;
padding-top: 40px;
background-position-y: top;
background-position-x: center
}
.wrapper > .wp-block-heading:not(:first-child) {
margin: 64px auto 16px
}
.info-block-v2 {
overflow: auto
}
.content-button__control, .page-header__button {
font-size: 16px;
font-weight: 700;
line-height: 20px;
cursor: pointer
}
.visually-hidden {
position: absolute;
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
overflow: hidden;
margin: -1px;
border: 0;
padding: 0;
width: 1px;
height: 1px;
white-space: nowrap;
clip: rect(0 0 0 0)
}
.banner, .btn, .games-list__btns, .games-list__img, .info-list__gallery img, .info-list__horizontal_sep li, .links-image-container, .list-steps ol li::before, .main-nav__item--has-children, .main-nav__link, .menu, .menu__header-icon, .steps-list__item, .steps-list__item-wrap, .winners-list, .winners-list__list {
position: relative
}
body {
display: flex;
flex-direction: column;
height: 100vh;
overflow-x: hidden;
font-family: var(--ff-primary);
color: var(--color-text);
background-color: var(--color-body)
}
* + .wp-block-table, .container + .container, .content-button {
margin-top: 24px
}
.content-button.alight-left {
text-align: left
}
.content-button.align-right {
text-align: right
}
.comment-form__title, .content-button.align-center {
text-align: center
}
.content-button.align-center > .btn_primary {
margin: auto
}
.page-header {
background-color: var(--color-header)
}
.page-header__container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 8px 20px
}
.page-header__logo {-ms-flex-negative: 0; flex-shrink: 0; max-width: 76px}
.page-header__logo img {
max-height: 44px;
object-fit: contain
}
.about .about__devices, .about .about__support, .page-header__nav, .wp-block-columns > .wp-block-column {
flex: 1 1
}
.page-header__buttons {
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto
}
.page-header__burger {
display: none;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 35px;
height: 25px;
cursor: pointer
}
.page-header__burger span {display: block; border-radius: 20%; width: 100%; height: 3px; background-color: var(--color-header-navigation-link); transform-origin: center; transition: 303ms}
.page-header__burger.active span:first-of-type {transform: translateY(7px) rotateZ(45deg)}
.page-header__burger.active span:nth-of-type(2) {
transform: scaleX(0)
}
.page-header__burger.active span:nth-of-type(3) {transform: translateY(-7px) rotateZ(-45deg)}
.page-header__nav + .page-header__buttons {
margin-left: 20px
}
.page-header__button {display: flex; justify-content: space-between; align-items: center; outline: 0; border-radius: 10px; color: #197164; transition: 303ms; padding: 10px; min-width: 240px}
.main-nav__link, .sub-menu__link {
align-content: center;
font-size: 14px;
font-weight: 500
}
.page-header__button > svg {max-width: 23px; max-height: 24px}
.page-header__button + .page-header__button {
margin-left: 5px
}
.page-header__button--first {color: #ffffff; background-color: #158e7c; border: 1px solid #158e7c; transition: 0.24s}
.page-header__button--second {color: var(--color-second-button); background-color: var(--color-second-button-bg); transition: 0.24s ease-in-out; border: 1px solid var(--color-second-button-bg)}
.page-header__button--second:hover {
color: var(--color-second-button-bg);
background-color: transparent
}
.main-nav__list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin: 0;
padding: 0;
height: 100%
}
@media (max-width: 1100px){
.page-header__nav {
flex: 1 1 100%;
order: 10;
margin-top: 8px
}
.main-nav__list {
justify-content: center
}
.wrapper {margin-bottom: 1.001rem; padding: 0 13px}
}
.main-nav__item, .scroll-top__button {
cursor: pointer
}
.main-nav__item {
display: flex;
align-items: center;
justify-content: center;
height: 100%
}
.main-nav__item:hover > a::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.main-nav__item:hover .sub-menu {
opacity: 1;
pointer-events: auto
}
.main-nav__link > svg {max-width: 26px; max-height: 28px}
.main-nav__link--current, .main-nav__link:hover {
color: var(--color-header-navigation-link-hover)
}
.main-nav__item--has-children .main-nav__link {
margin-right: 0;
padding-right: 4px
}
.main-nav__item--has-children.active .sub-menu__arrow svg {
-webkit-transform: rotateZ(180deg);
-ms-transform: rotate(180deg);
transform: rotateZ(180deg)
}
.faq__details[open] .faq__question:after, .toc.active .toc__title::after {
transform: unset
}
.main-nav__item--has-children.active .sub-menu {position: relative; top: 0; display: block; margin-top: 0; padding: 0 1.001rem; opacity: 1; pointer-events: auto}
.main-nav__item--has-children.active .sub-menu::before {
display: none
}
.dmca-badge, .sub-menu__arrow, .winners {
display: flex
}
.sub-menu__arrow svg {width: 100%; height: auto; max-width: 14px; -webkit-transition: 250ms; -o-transition: 250ms; transition: 303ms}
.sub-menu {position: absolute; top: 100%; z-index: 100; margin-top: 0.5rem; border-radius: 6px; padding: 0.5rem 1.001rem; background-color: var(--color-header); opacity: 0; transition: 303ms; width: auto; pointer-events: none}
.sub-menu::before {
content: "";
position: absolute;
left: 0;
top: -.5rem;
width: 100%;
height: .5rem
}
.sub-menu:hover {
color: var(--color-header)
}
.sub-menu__link {display: flex; -ms-flex-line-pack: center; justify-content: center; line-height: 28px; white-space: nowrap; color: var(--color-header-navigation-link); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: 0.36s ease-in-out}
.faq__question-title svg, .footer-nav__link, .gbtn, .relink__item, .tabs__header-button, .toc__link {transition: 0.36s ease-in-out}
.sub-menu__link--current, .sub-menu__link:hover {
color: var(--color-header-navigation-link-hover)
}
.bonus {display: grid; grid-template-rows: auto 1fr auto auto; grid-template-columns: 1fr auto; border-radius: 15px; border: 2px solid #00978b; padding: 20px; gap: 8px 12px; min-height: 227px; height: 100%}
.bonus._anim-border {
position: relative;
z-index: 1;
overflow: hidden;
border: none
}
.bonus._anim-border:after, .bonus._anim-border:before {
content: '';
position: absolute;
margin: auto
}
.bonus._anim-border:before {width: 1000px; top: 0; height: 1000px; right: 0; bottom: 0; left: -200px; background: #209ecd; animation: 2.43s linear infinite rotate; z-index: -1}
@keyframes rotate{100%{
transform: rotate(1turn)
}}
.bonus._anim-border:after {top: 2px; right: 2px; bottom: 2px; left: 2px; border-radius: 15px; z-index: 0}
.bonus._anim-border > * {
z-index: 1
}
.bonus b, .bonus strong {color: #f0fe1a; text-shadow: 0 0 8px rgba(240, 254, 26, .5)}
.bonus .bonus__title {grid-row: 1/2; grid-column: 1/2; font-size: 24px; font-weight: 900; line-height: 32px; text-transform: uppercase; margin: 0; color: #ffffff}
.bonus .bonus__description {grid-row: 2/3; grid-column: 1/2; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; color: #ffffff; margin-top: 0}
.bonus .promocode {
margin-top: 12px
}
.promocode {
display: flex;
gap: 8px;
grid-row: 3/4;
grid-column: 1/2
}
.promocode-field {flex: 1 1; color: #f0fe1a; font-size: 16px; font-weight: 700; line-height: 20px; border-radius: 10px; border: 2px dashed #f0fe1a; padding: 12px; max-width: 208px}
.bonus__button, .promocode .copy-btn {
display: flex;
align-items: center;
line-height: 20px;
cursor: pointer
}
.promocode .copy-btn {gap: 4px; padding: 6px 8px; border-radius: 10px; color: #ffffff; background: rgba(255, 255, 255, .1); border: none; font-size: 14px; font-weight: 800; text-transform: uppercase; transition: 0.24s ease-in-out}
.promocode .copy-btn:hover {
background: rgba(255, 255, 255, .3)
}
.bonus__button._gift-btn:before, .toc__link:before, .toc__title::after {
background-repeat: no-repeat;
content: ''
}
.bonus__button {position: relative; min-width: 320px; justify-content: space-between; border-radius: 10px; grid-row: 4/5; grid-column: 1/2; font-size: 16px; font-weight: 700; border: none; width: fit-content}
.bonus__button._arrow-btn, .bonus__button._gift-btn {border: 1px solid #f0fe1a; transition: 0.24s ease-in-out}
.bonus.v2 {
gap: 12px;
padding: 16px
}
.bonus.v2 .bonus__button, .how-to .content-button__control {
min-width: 240px
}
.bonus.v2 .bonus__button._arrow-btn {
padding: 10px 12px
}
.bonus__button._gift-btn {background-color: #f0fe1a; padding: 12px 12px 12px 64px}
.bonus__button._arrow-btn, .bonus__button._gift-btn:hover {color: #f0fe1a; background-color: transparent}
.bonus__button._arrow-btn {
padding: 12px
}
.bonus__button._arrow-btn:hover {background-color: #f0fe1a; color: var(--color-second-button)}
.bonus__button._gift-btn:before {position: absolute; top: -2px; left: 6px; width: 52px; min-width: 52px; height: 52px; background-image: url("../uploads/mini-gift.webp"); background-position: center; animation: 2.43s infinite move; z-index: 3}
.bonus__button._arrow-btn:after, .bonus__button._gift-btn:after {
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
content: '';
min-width: 24px
}
@keyframes move{50%{
transform: translateY(-5px) rotate(15deg)
}70%{
transform: translateY(-5px) rotate(5deg)
}}
.bonus__button._gift-btn:after {
background-image: url("../uploads/user.svg");
z-index: 3
}
.bonus__button._arrow-btn:after {
background-image: url("../uploads/btn-arrows.svg")
}
.video {max-width: 615px}
.video__container {position: relative; padding-bottom: 56.25%; width: 100%; height: 0; background-color: #000000}
.video__preview {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.video-v2__button, .video__button {position: absolute; width: 44px; height: 44px; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; outline: 0; border: none; border-radius: 27px; background: #595959; transform: translate(-50%, -50%); transition: 0.36s ease-in-out; cursor: pointer}
.video__button:hover {
opacity: .5;
cursor: pointer
}
.faq__details, .video__button:focus, :active, :focus, a:active, a:focus {
outline: 0
}
.video__button:focus .video__button-shape, .video__button:hover .video__button-shape {
fill: red;
fill-opacity: 1
}
.video__media {
position: absolute;
left: 0;
top: 0;
border: none;
width: 100%;
height: 100%
}
.video.align-center {
margin: 0 auto
}
.ar, .video.align-right {
margin-left: auto
}
.page-footer {margin: 33px 20px 0; padding: 33px 40px 40px; background-color: var(--color-footer); border-radius: 15px 15px 0 0}
.faq__item, .toc {background: #0f4c43}
.page-footer--enable-mobile-button {
padding-bottom: 100px !important
}
.footer-col_nav {
justify-content: flex-start;
align-items: center;
flex: 1 1
}
.page-footer__top {
display: flex;
-ms-flex-flow: wrap row-reverse;
flex-flow: wrap row-reverse;
gap: 20px
}
.page-footer__copyright {width: 100%; font-size: 14px; line-height: 16px; text-align: center; color: var(--color-footer-text); max-width: 114px}
.faq__question, .footer-nav__link {
font-size: 16px;
font-weight: 500;
line-height: 20px
}
.footer-nav__list {
display: flex;
gap: 12px 20px;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
margin: 0;
padding: 0;
max-height: 150px
}
.page-footer__nav {
width: 468px
}
.footer-nav__list .sub-menu {margin: 0.2rem 0}
.footer-nav__item {
display: flex;
min-width: 224px
}
.footer-nav__link {
display: inline-block;
color: var(--color-footer-navigation-link)
}
.footer-nav__link--current, .footer-nav__link:hover {
color: var(--color-footer-navigation-link-hover)
}
.footer-container {
display: flex;
flex-wrap: wrap;
padding: 0
}
.advantages, .advantages__item, .col, .counter, .footer-col, .img-steps li, .img-steps__content, .offers-list__content, body, ul.wp-block-list {
display: flex;
flex-direction: column
}
@media (max-width: 768px){
.content-button__control {
min-width: unset
}
.page-header__button {
min-width: fit-content;
flex: 1 1
}
.bonus {
padding: 16px;
gap: 16px 12px;
min-height: unset
}
.bonus .bonus__title {
font-size: 20px;
font-weight: 900;
line-height: 24px
}
.bonus .promocode {
margin-top: -12px
}
.bonus.v2 {
gap: 8px
}
.bonus.v2 .bonus__title {
grid-row: 1/2;
grid-column: 1/2
}
.bonus.v2 .bonus__description {
grid-column: 1/3
}
.page-footer {
margin: 33px 16px 0;
padding: 16px
}
}
.mobile-button .mobile-button__bonus, .mobile-button .mobile-button__title {
margin-top: 0;
font-weight: 900;
font-size: 14px;
line-height: 20px;
grid-column: 2/3
}
.faq__item {border-radius: 15px; border: 2px solid #00978b; padding: 16px}
.faq__item:not(:last-child) {
margin-bottom: 16px
}
.faq__details .faq__question-title {color: #ffffff; font-size: 17px; font-weight: 800; line-height: 24px}
.faq__question {
display: flex;
align-items: center;
gap: 8px;
outline: 0;
cursor: pointer
}
.faq__details[open] .faq__question {padding-bottom: 16px; border-bottom: 1px solid #195b51}
.faq__question::-webkit-details-marker {
display: none
}
.toc__title::after {width: 32px; min-width: 32px; height: 32px; background-position: center; background-image: url("../uploads/round-arrow.svg"); transform: rotate(180deg); display: flex; transition: 303ms}
.faq__question-title {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0;
width: 100%;
font-family: inherit;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: var(--color-faq-item-title);
gap: 10px
}
.faq__question-title svg {
z-index: 10;
flex-shrink: 0;
width: 30px;
height: 30px
}
.faq__answer {
padding: 16px 0 0
}
.faq__answer * {margin-top: 0.801rem; font-weight: 500; font-size: inherit; line-height: inherit}
.toc, .toc__list, .toc__title {
margin: 0;
display: flex;
width: 100%
}
.faq__answer :first-child {
margin-top: 0
}
.toc {flex-direction: column; align-items: center; border-radius: 15px; border: 2px solid #00978b; padding: 16px}
.toc__title {position: relative; justify-content: space-between; align-items: center; color: #ffffff; cursor: pointer}
.toc.active .toc__title {
margin-bottom: 12px
}
.toc__list {
flex-wrap: wrap;
gap: 12px;
overflow: hidden;
padding: 0;
height: auto;
max-height: 0
}
.toc__link {align-items: center; display: flex; gap: 4px; padding: 6px 12px; color: #ffffff; border-radius: 10px; border: 1px solid #00978b}
.toc__link:before {
display: flex;
width: 12px;
min-width: 12px;
height: 12px;
background-image: url("../uploads/list-marker.svg");
background-position: center
}
.toc.active .toc__list {
max-height: 100%
}
.page-single {margin: 0 auto 3.002rem; padding: 0 10px; max-width: var(--display-width)}
.mobile-button {position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; border-radius: 15px 15px 0 0; padding: 8px; gap: 0 8px; background-image: linear-gradient(92deg, #202145, rgba(22, 22, 52, .6)); background-color: #0a0b25; border: 1px solid #2d49db; border-bottom: none; color: #ffffff; width: 100%; cursor: pointer}
.mobile-button img {grid-column: 1/2; grid-row: 1/3; max-width: 55px; height: auto; margin: auto}
.mobile-button .mobile-button__title {
grid-row: 1/2;
text-align: left;
text-transform: uppercase
}
.mobile-button .mobile-button__bonus {grid-row: 2/3; text-align: left; color: #f0fe1a; text-transform: uppercase}
.mobile-button__btn {display: flex; align-items: center; grid-column: 3/4; grid-row: 1/3; font-size: 14px; font-weight: 800; line-height: 20px; padding: 10px 16px; border-radius: 10px; color: #ffffff; background-color: var(--color-second-button-bg); margin: auto}
.background-block {
background-position: center center;
background-size: cover;
background-repeat: no-repeat
}
.page-404 .container {display: flex; flex-direction: column; margin-top: 2.001rem; margin-bottom: 2.001rem}
.page-404 {
background-image: url("../uploads/jau2h1uf.webp");
background-position: -100px
}
.page-404__title {margin-top: 2.001rem; font-size: 5.049rem; line-height: 6rem; text-align: center}
.page-404__subtitle {margin: 0; font-weight: 400; font-size: 2.019rem; line-height: 2.5rem; text-align: center}
.page-404__link {display: inline-block; margin: 2.001rem auto 0; border: none; border-radius: 6px; padding: 0.701rem 2.001rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 1.212rem; color: var(--color-content-button); background: var(--content-button-gradient); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 150ms; -o-transition: 150ms; transition: 182ms; cursor: pointer}
.page-404__link:hover {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-2px)}
.scroll-top {
position: fixed;
right: 10px;
bottom: 80px;
z-index: 10
}
.scroll-top__button {-webkit-appearance: none; -moz-appearance: none; appearance: none; display: flex; align-items: center; justify-content: center; outline: 0; border: none; border-radius: 6px; width: 50px; height: 50px; -webkit-box-shadow: 0 0 20px 5px #23335759; box-shadow: 0 0 21px 5px #23335759; background-color: var(--color-scroll-to-top); -webkit-transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform 0.36s ease-in-out, -webkit-transform 0.36s ease-in-out}
.scroll-top__button svg {
fill: var(--color-arrow-scroll-to-top);
pointer-events: none
}
.scroll-top__button:hover {-webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(2px)}
body::-webkit-scrollbar {
width: 10px
}
body::-webkit-scrollbar-track {
background-color: var(--color-body-track)
}
body::-webkit-scrollbar-thumb {border: 1px solid var(--color-body-track); border-radius: 12px; height: 20%; background: var(--color-body-thumb)}
.video-v2 {display: flex; align-items: center; margin-top: 1.001rem; margin-bottom: 1.001rem}
.calculator-inner-left--price-wrapper, .video-v2__container {
position: relative;
width: 100%
}
.video-v2.align-left {
justify-content: flex-start
}
.video-v2.align-center {
justify-content: center
}
.video-v2.align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.video-v2__player {display: block; width: 100%; height: auto; object-fit: contain; aspect-ratio: 16/9; max-height: 488px; background-color: #474747}
.video-v2__button:hover {
opacity: .5
}
.video-v2._active .video-v2__button {
opacity: 0;
visibility: hidden;
pointer-events: none
}
.lang-switch:hover .lang-switch__list, .languages-switcher._show .languages-switcher__list {
visibility: visible;
pointer-events: all;
opacity: 1
}
.form .custom-select__current, .video-v2._active .video-v2__player, button {
cursor: pointer
}
.video-v2__button-shape {fill: #00000099}
.video-v2__button-icon {fill: #ffffff}
.video-v2__button:hover .video-v2__button-shape {
fill: red
}
.video-v2__button svg path {-webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: 0.36s ease-in-out}
.text-image__container {
display: grid;
grid-template-columns:repeat(2, 1fr);
gap: 0 20px
}
.text-image__container.reversed > img {
grid-column: 1;
grid-row: 1
}
.text-image__container.reversed > .text-image__content {
grid-column: 2;
grid-right: 1
}
.text-image:not(._h1-block) .text-image__container > .wp-block-heading {
grid-row: 1/2;
grid-column: 1/3
}
.page-footer__widget p, .text-image__container > p:first-of-type, .text-image__item > :first-child {
margin-top: 0
}
.text-image__container img {display: flex; align-items: center; justify-content: center; grid-column: 2/3; border-radius: 15px; overflow: hidden}
.text-image._h1-block > .wp-block-heading {
grid-column: 1/2;
margin-bottom: 20px
}
.text-image__container.align-center .text-image__item {
margin-top: auto;
margin-bottom: auto;
height: fit-content
}
.tabs__item > :last-child, .text-image__item > :last-child, .wrapper > p:last-of-type {
margin-bottom: 0
}
* + .screenshot-gallery, .comment-footer, .text-image + .text-image {margin-top: 2.001rem}
.wp-admin ol[class] {
list-style: decimal
}
.wp-admin ul[class] {
list-style: circle
}
@media (hover: hover), screen and (min-width: 0\0
){
.toc__link:focus, .toc__link:hover {color: #f0fe1a}
.gbtn:focus, .gbtn:hover {
background-color: var(--color-accent) !important;
opacity: 1
}
}
@media (hover: hover), screen and (min-width: 0 \0
){
.social__link:focus img, .social__link:focus svg, .social__link:hover img, .social__link:hover svg {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
}
@media (min-width: 1024px){
.main-nav__item--has-children:hover .sub-menu__arrow svg {
-webkit-transform: rotateZ(180deg);
-ms-transform: rotate(180deg);
transform: rotateZ(180deg)
}
.sub-menu__arrow {
pointer-events: none
}
}
@media screen and (max-width: 1280px){
:root {
--offsets: 20px
}
}
@media (max-width: 1280px){
.advantages--6 {
-ms-grid-columns:(1fr) [ 5 ];
grid-template-columns:repeat(5, 1fr)
}
.advantages--5 {
grid-template-columns:repeat(4, 1fr)
}
.advantages--4 {
grid-template-columns:repeat(3, 1fr)
}
}
@media (max-width: 1279px){
.tabs--vertical .tabs__container {
grid-template-columns:1fr
}
.tabs--vertical .tabs__header {-ms-flex-flow: nowrap row; flex-flow: nowrap row; overflow: auto; margin-right: 0; border-style: none; border-radius: 20px 20px 0 0; padding: 0}
.tabs--vertical .tabs__header-item {
-ms-flex-negative: 0;
flex-shrink: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.tabs--vertical .tabs__header-button {
border-bottom: none;
border-radius: 0;
padding: 12px 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.tabs--vertical .tabs__content {border-radius: 0 0 20px 20px; padding: 24px 16px}
.tabs--vertical .tabs__header-item:not(:first-child) {
border: none
}
.tabs--vertical .tabs__header-item:first-child .tabs__header-button {border-top-left-radius: 22px; border-top-right-radius: 0}
.tabs--vertical .tabs__header-item:last-child .tabs__header-button {border-radius: 0 22px 0 0}
}
@media screen and (max-width: 1024px){
:root {
--offsets: 16px
}
}
@media (max-width: 1024px){
.page-footer {
padding: 16px
}
.footer-container {
flex-direction: column;
gap: 40px;
padding: 0
}
.footer-col {
align-items: center
}
.page-footer__nav {
width: unset
}
.footer-nav__item {
min-width: unset
}
.footer-nav__list {
max-height: unset
}
.footer-col_nav {
align-items: flex-start
}
.main-nav__item--has-children, .main-nav__list {
-webkit-box-direction: normal
}
html {
font-size: 16px
}
.page-header__container {
position: relative;
justify-content: space-between;
padding: 8px var(--offsets)
}
.page-header__logo {max-width: 95px}
.page-header__nav {
margin-top: unset;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.page-header__buttons {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.page-header__burger {
display: flex;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-left: 20px
}
.page-header__nav + .page-header__buttons {
margin-left: auto
}
.main-nav {position: absolute; left: 0; right: 0; top: 100%; margin-right: calc(-100vw / 2 + 100% / 2) !important; margin-left: calc(-100vw / 2 + 100% / 2) !important; max-width: 100vw !important; background-color: var(--color-header); opacity: 0; -webkit-transition: opacity 250ms; -o-transition: opacity 250ms; transition: opacity 303ms; pointer-events: none}
.main-nav.active {
z-index: 8000;
opacity: 1;
pointer-events: auto
}
.main-nav__list {
flex-direction: column;
align-items: flex-start;
margin: 32px 16px 12px
}
.main-nav__item {
width: 100%
}
.main-nav__item:not(:last-child) {border-bottom: 1px solid #195b51}
.main-nav__link {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 8px 0;
width: 100%
}
.main-nav__link svg {
margin-right: 4px
}
.main-nav__item--has-children {
flex-direction: column;
align-items: flex-start
}
.sub-menu__arrow svg {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.sub-menu__arrow {
display: flex;
position: absolute;
right: 0;
top: 0;
padding: 16px 5px 16px 30%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transform: none;
-ms-transform: none;
transform: none;
pointer-events: auto
}
.sub-menu {
display: none;
width: 100%
}
.main-nav__item--has-children.active .sub-menu {
padding: 0 0 0 48px
}
.sub-menu__link {
justify-content: flex-start;
font-size: 14px;
font-weight: 500;
line-height: 20px
}
.page-footer__widget {
flex-grow: 1
}
.page-footer__widget + .page-footer__widget {
margin-right: 0
}
.advantages--6 {
grid-template-columns:repeat(4, 1fr)
}
.advantages--5 {
grid-template-columns:repeat(3, 1fr)
}
.advantages--2, .advantages--3 {
grid-template-columns:repeat(2, 1fr)
}
.text-image__container {
grid-template-columns:1fr;
gap: 16px
}
.text-image__container.reversed .text-image__item {
grid-column: auto;
grid-row: auto
}
.text-image__container.reversed > img, .text-image__container > img {
grid-column: 1;
grid-row: 2
}
.text-image__container.reversed > .text-image__content, .text-image__container > .text-image__content {
grid-column: 1;
grid-row: 1
}
.text-image._h1-block .text-image__container > img {
grid-row: 1/2
}
}
.btn_disabled, .calculator-inner-left--price-currency, .disciplines-list li::after, .disciplines-list li::before, .form__label-descr::after, .header__burger::before, .header__nav-icon, .lang-switch__list, .languages-switcher__list, .menu::before, .menu__header-icon::before, .mp-hero-section__bg, .mp-hero-section__bonus::before, .mp-hero-section__download::before, .offers-list__content::after, .promo-code__copy-link svg, .promo-code__copy-link._active svg, .section-hero__bg, .section-hero__bonus::before, .steps-list__item-wrap::before, .steps-list__item::before, .winners-list::before, .winners-list__item {
pointer-events: none;
pointer-events: none
}
.content-button__control:hover, .game__affiliate-link:hover, .game__demo-link:hover, .links-image__button:hover, .promo-code__copy-link:hover, .promo-code__link:hover, .slots__button._cash:hover, .tabs__header-button:hover {
opacity: .7
}
.disciplines-list li:active::before, .footer__soc a, .form .custom-select .custom-select__current:focus::after, .form .custom-select .custom-select__current:hover::after, .form__label input:focus::after, .form__label input:hover::after, .form__label-descr:hover::after, .form__label.error .form__label-error, .header__lang.active .header__lang-active::before, .header__lang:hover .header__lang-active::before, .promo-code__copy-link._active:hover {
opacity: 1
}
@media (max-width: 800px){
.wrapper:first-child .columns__item--content {
display: flex;
flex-direction: column
}
.wrapper:first-child .columns__item--content h1 {
-webkit-box-ordinal-group: -1;
-ms-flex-order: -2;
order: -2
}
}
@media (max-width: 767px){
.wrapper:not(:first-child) {
margin-top: 56px;
margin-bottom: 28px
}
h1, h2 {
font-weight: 800;
line-height: 32px
}
h1 {
font-size: 28px;
margin-bottom: 12px
}
h2 {
font-size: 25px
}
.wrapper:first-child {
padding-top: 28px;
margin-bottom: 28px
}
.faq__question {
flex-wrap: wrap;
gap: 12px;
font-size: 14px;
line-height: 130%
}
.faq__question::after {
margin-left: auto
}
.faq__question-title {
order: 3;
flex: 1 1 100%
}
.faq__question-title svg {
margin-left: 15px;
width: 18px;
height: 18px;
fill: var(--color-faq-item-title)
}
.toc__list.vertical, .toc__nav {
-webkit-box-direction: normal
}
.content-button, .toc.active .toc__list {
margin-top: 20px
}
.toc__link, .toc__list, .toc__list.vertical, .toc__list.vertical .toc__item, .toc__title {
width: 100%
}
.wrapper {
padding: 0
}
.faq__details {border-radius: 6px}
.toc__nav {
flex-direction: column
}
.toc__title::after {
display: inline-block
}
.toc__title {
margin: 0
}
.toc__list.vertical {
flex-direction: column;
align-items: center
}
.toc__list.vertical .toc__item:not(:last-child) {
margin-right: 0
}
.toc__link {
text-align: center
}
.advantages--6 {
grid-template-columns:repeat(3, 1fr)
}
.advantages--4, .advantages--5 {
grid-template-columns:repeat(2, 1fr)
}
.advantages--2, .advantages--3, .difference {
grid-template-columns:1fr
}
.screenshot-gallery__list {overflow-x: auto; width: 100%; max-width: 927px}
.screenshot-gallery__item {min-width: 300px; max-width: 307px}
.tabs__header-button {
cursor: auto
}
.tabs--horizontal .tabs__header-button {
padding: 8px;
font-size: 18px;
line-height: 24px
}
}
h1, h2 {
margin-bottom: 32px
}
@media (max-width: 700px){
html {
font-size: 15px
}
}
@media screen and (max-width: 700px){
#cookie-law-div p {
padding-bottom: 36px
}
.acceptButton {
left: calc(50% - 60px)
}
}
@media (max-width: 650px){
.sub-menu {
max-width: 100%
}
}
@media screen and (max-width: 600px){
.acceptButton {
top: 100px !important
}
#cookie-law-div p {
padding-bottom: 50px
}
}
@media (max-width: 550px){
.page-header__buttons {margin: 0 -0.2rem}
.page-footer__widget {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.promocode__buttons {
flex-direction: column;
align-items: stretch
}
.promocode__link--aff {
max-width: 100%
}
.advantages--6 {
grid-template-columns:repeat(2, 1fr)
}
.advantages--4, .advantages--5 {
grid-template-columns:1fr
}
}
@media (max-width: 500px){
html {
font-size: 16px
}
.page-header__container {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.page-header__buttons {display: flex; align-items: center; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-top: 1.001rem; width: 100%; text-align: center}
.page-header {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.page-header__button {
flex-grow: 1
}
.comment-form__button, .comment-form__input {
width: calc(100% - 20px)
}
}
@media (max-width: 475px){
.content-button__control {
width: 100%
}
.advantages--6 {
grid-template-columns:1fr
}
}
@media screen and (max-width: 400px){
.acceptButton {
top: 127px !important
}
}
.image {position: relative; width: 100%; height: 320px; border-radius: 15px; overflow: hidden; margin-bottom: 20px}
.image img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
min-width: 100%;
height: 100%;
object-fit: cover
}
.wp-block-columns {
display: flex;
margin: 0 auto;
padding: 0 var(--offsets);
max-width: var(--display-width);
gap: 20px
}
.winners .winners__title {text-transform: uppercase; font-size: 14px; font-weight: 800; line-height: 20px; color: #f0fe1a; background-color: #00978b; padding: 8px; border-radius: 5px 0 0 5px}
.about .about__bonuses-list li, .about .about__payment-methods td:last-child .about__currencies, .about tr td, .winners .winners__person {
font-weight: 500;
font-size: 14px;
line-height: 20px
}
.winners .winners__rline {display: flex; align-items: center; flex: 1 1; overflow: hidden; width: max-content; border-radius: 0 5px 5px 0}
.winners .winners__list {display: flex; list-style: none; margin: 0; padding-left: 100%; animation: 48.53s linear infinite scroll}
.mp-hero-section__bonus::before, .mp-hero-section__download::before, .section-hero__bonus::before {animation: 4.85s infinite animGrad}
.winners .winners__person {display: flex; align-items: center; gap: 4px; color: #d4d4d4; white-space: nowrap; margin-left: 32px}
@keyframes scroll{from{
transform: translateX(0)
}to{
transform: translateX(calc(-100% - 3px))
}}
.winners .winners__person:before {
content: '';
width: 24px;
min-width: 24px;
height: 24px;
background-image: url("../uploads/award.svg");
background-repeat: no-repeat;
background-position: center
}
.winners .winners__reward {color: #ffffff; font-size: 14px; font-weight: 800; line-height: 20px; margin-right: 4px}
.about tr td p span, .cards .cards__title {color: #f0fe1a; font-weight: 800}
.about {
border: unset;
background-color: unset
}
.about tbody {
display: flex;
flex-wrap: wrap;
gap: 20px
}
.about .about__about, .about .about__game-types {
flex: 0 1 330px
}
.about .about__payment-methods {
flex: 1 1;
min-width: 718px
}
.about tr {display: flex; flex-direction: column; gap: 16px; border-radius: 15px; border: 2px solid #00978b; background: #0f4c43; padding: 16px}
.about tr td {border: unset; color: #ffffff; padding: 0}
.about tr td:first-child {
font-size: 23px;
font-weight: 800;
line-height: 28px;
margin: 0;
padding: 0
}
.about tr td p {color: #ffffff; margin: 0}
.about tr.about__about td p {
padding: 16px 0
}
.about tr.about__about td p:not(:last-child), .about tr.about__game-types td p:not(:last-child) {border-bottom: 1px solid #2d49db}
.about tr.about__about td p:first-child, .about tr.about__game-types td p:first-child {
padding-top: 0
}
.about tr.about__game-types td p {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 0;
font-size: 14px;
font-weight: 800;
line-height: 20px
}
.about tr.about__game-types td p:last-child {
padding-bottom: 0
}
.about .about__devices img, .about .about__game-types img, .about .about__support img {max-width: 30px}
.about .about__payment-methods td:last-child {
display: flex;
flex-wrap: wrap
}
.about .about__payment-methods td, .form .custom-select.active .custom-select__options, .lang-switch__item, .lang-switch__link {
display: flex
}
.about .about__payment-methods td:last-child .about__mindep, .about .about__payment-methods td:last-child .about__minwit, .about .about__payment-methods td:last-child .col {
flex: 1 1 50%
}
.about .about__payment-methods td:last-child .about__currencies {flex: 1 1 100%; border-bottom: 1px solid #2d49db; padding-bottom: 16px; padding-top: 16px}
.about .about__payment-methods td:last-child .about__deposit, .about .about__payment-methods td:last-child .about__withdrawal {
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
padding-left: 0;
margin-top: 12px
}
.about .about__payment-methods td:last-child .about__mindep, .about .about__payment-methods td:last-child .about__minwit {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding-top: 16px;
font-size: 14px;
font-weight: 500;
line-height: 20px
}
.about .about__payment-methods td:last-child .about__mindep span, .about .about__payment-methods td:last-child .about__minwit span {
font-weight: 800
}
.about .about__payment-methods img {max-width: 32px}
@media (max-width: 1100px){
.image {
height: 160px
}
.about .about__payment-methods td .col:not(:first-child) {
padding-left: 0
}
}
.about .about__payment-methods td .col {border-bottom: 1px solid #2d49db; padding-bottom: 16px}
.about .about__payment-methods td .col:not(:last-of-type) {border-right: 1px solid #2d49db; padding-right: 16px}
.about .about__payment-methods td .col:not(:first-child) {
padding-left: 16px
}
.about .about__bonuses {
flex: 0 1 485px
}
.about .about__bonuses-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none
}
.about .about__bonuses-list li {padding: 6px 12px; border-radius: 5px; border: 1px solid #00978b}
.about .about__devices-list, .about .about__support-list {
display: flex;
flex-wrap: wrap;
gap: 12px
}
.about .about__devices-list li, .about .about__support-list li {
display: flex;
align-items: center;
gap: 8px;
flex: 1 1 calc(50% - 20px);
font-size: 14px;
font-weight: 800;
line-height: 20px
}
.about .about__software {
min-width: 280px
}
.about .about__software img {max-width: 138px}
.about .about__software td {display: flex; flex-direction: column; gap: 12px; max-width: 265px}
@media (max-width: 1460px){
.about .about__about, .about .about__game-types {
flex: 0 1 auto
}
.about .about__payment-methods {
min-width: unset;
flex: 1 1 50%
}
}
@media (max-width: 1100px){
.about .about__about, .about .about__bonuses, .about .about__game-types, .about .about__payment-methods {
flex: 1 1 calc(50% - 20px)
}
.about .about__devices, .about .about__software, .about .about__support {
flex: 1 1 30%
}
.about .about__software {
min-width: unset
}
}
.how-to .how-to__list {
display: flex;
flex-direction: column;
gap: 16px
}
.how-to .how-to__item {overflow: hidden; position: relative; display: flex; flex-direction: column; border-radius: 10px; border: 2px solid #00978b}
.how-to .how-to__counter {
width: 100%;
padding: 12px 12px 8px;
font-size: 14px;
font-weight: 800;
line-height: 20px
}
.how-to .how-to__content {
display: grid;
padding: 16px;
gap: 0 16px;
grid-template-columns:repeat(2, 1fr)
}
.how-to .how-to__content > :nth-child(3) {
margin-top: 0
}
.how-to .how-to__title {
grid-column: 1/2;
margin-top: 0;
margin-bottom: 8px
}
.how-to__content-text, .how-to__content-wrapper, .text-image._h1-block .text-image__content {
margin: auto 0
}
.how-to .how-to__item:not(:last-child):before {
position: absolute;
right: 0;
bottom: 16px;
left: 0;
margin: auto;
content: '';
width: 44px;
min-width: 44px;
height: 24px;
background-image: url("../uploads/how-to-arrows.svg");
background-repeat: no-repeat;
background-position: center;
z-index: 1
}
.how-to .how-to__item:not(:last-child):after {
position: relative;
content: '';
width: calc(100% - 32px);
height: 1px;
margin: 12px auto 27px
}
.cards .cards__list {
display: flex;
flex-wrap: wrap;
gap: 20px;
list-style: none
}
.cards .cards__item {display: flex; gap: 16px; flex: 1 1 calc(50% - 10px); border-radius: 15px; border: 2px solid #00978b; background-color: #0f4c43; overflow: hidden}
.cards .cards__content {
display: flex;
flex-direction: column;
gap: 12px;
padding: 16px 16px 16px 0
}
.cards .cards__title {
font-size: 23px;
line-height: 28px;
margin: 0
}
.cards .cards__description, .slots .slots__text {color: #d4d4d4; font-weight: 500; line-height: 20px}
.cards .cards__description {
font-size: 16px;
flex: 1 1;
margin: 0
}
.slots .slots__list {
display: grid;
grid-template-columns:repeat(4, 1fr);
flex-wrap: wrap;
gap: 20px
}
.slots .slots__item {position: relative; border-radius: 15px; border: 2px solid #00978b; overflow: hidden; transition: 0.24s; aspect-ratio: 4/3}
.slots .slots__content {position: relative; display: flex; flex-direction: column; gap: 8px; width: 100%; height: 100%; background-color: rgba(5, 5, 5, 75%); z-index: 1; transition: 0.24s}
.slots .slots__text {
text-align: center;
margin-top: 0;
margin-bottom: 5px;
font-size: 14px
}
.slots__title {text-align: center; font-size: 17px; font-weight: 800; line-height: 24px; margin-top: 0; margin-bottom: auto; color: #ffffff}
.slots__button {display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 10px 12px; border-radius: 10px; font-size: 16px; font-weight: 700; line-height: 20px; border: unset; width: auto; cursor: pointer}
.slots__button._cash {color: #ffffff; background-image: linear-gradient(255deg, #0879ff, #b857ed); border: none; margin-top: 8px; transition: 0.24s ease-in-out; width: 100%}
.popup, .popup .popup__content iframe, .popup .popup__win {
margin: auto;
right: 0;
top: 0;
bottom: 0;
left: 0
}
.slots .slots__demo-button {color: #ffffff; border: 1px solid #f0fe1a; background-color: unset; transition: 0.24s ease-in-out}
.slots .slots__demo-button:hover {color: #197164; background-color: #f0fe1a}
.slots .slots__demo-button:after, .slots__button._cash:after {
content: '';
width: 24px;
min-width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center
}
.slots__button._cash:after {
background-image: url("../uploads/cash.svg")
}
.slots .slots__demo-button:after {
background-image: url("../uploads/play.svg")
}
@media (max-width: 1200px){
.bonus .bonus__title {
grid-row: 1/2;
grid-column: 1/3
}
.bonus .bonus__description {
grid-row: 2/3;
grid-column: 1/2
}
.bonus .promocode {
grid-row: 3/4;
grid-column: 1/3
}
.bonus .promocode-field {
max-width: unset
}
.bonus__button {
min-width: unset;
width: 100%
}
.bonus .bonus__button {
grid-row: 4/5;
grid-column: 1/3
}
.bonus.v2 {
grid-template-rows:auto 1fr auto
}
.bonus.v2 .bonus__button {
grid-row: 3/4
}
.cards .cards__item {
flex: 1 1 100%
}
.cards .bonus__button {
min-width: 320px;
width: fit-content
}
.slots .slots__list {
grid-template-columns:repeat(3, 1fr)
}
}
@media (max-width: 850px){
.slots .slots__list {
grid-template-columns:repeat(2, 1fr)
}
}
@media (max-width: 600px){
#cookie-law-div {
right: 0;
bottom: 0;
border-radius: 0;
max-width: 100%
}
.slots .slots__list {
grid-template-columns:1fr
}
.slots .slots__item {
height: auto
}
.slots .slots__item .slots__content {
position: relative;
display: flex;
height: auto
}
}
.popup {display: none; position: fixed; max-width: 100%!important; max-height: 100%!important; margin: 0!important; width: 100%; height: 100%; background-color: rgba(4, 4, 4, 90%); z-index: 990}
.popup._active {
display: block
}
.popup .popup__win {display: flex; flex-direction: column; position: absolute; max-width: 814px; height: 580px; background-color: #1b1b40; border-radius: 15px; overflow: hidden}
.popup .popup__header {
display: flex;
gap: 24px;
padding: 12px
}
.popup .popup__title {display: flex; align-items: center; color: #ffffff; font-size: 23px; font-weight: 800; line-height: 28px}
.popup .popup__buttons {
display: flex;
align-items: center;
margin: 10px
}
.toc-auto.active .toc-auto__toggle .open, .toc-auto.active .toc-auto__toggle::after, .toc-auto__toggle .close {
display: none
}
.popup .slots__button {
min-width: 296px;
margin-bottom: 0;
width: 100%
}
.popup .popup__cross {
width: 44px;
min-width: 44px;
height: 44px;
background-image: url("../uploads/cross.svg");
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
margin-left: auto
}
.popup .popup__content {
position: relative;
flex: 1 1
}
.popup .popup__content iframe {
position: absolute;
width: 100%;
height: 100%
}
.footer__logo img, .page-footer__widget img {
width: auto;
object-fit: contain
}
.footer__logo {
align-items: center
}
.footer__logo img {
max-height: 76px
}
.page-footer__widget img {
max-height: 64px
}
.info-block-v2__list {border: 1px solid var(--color-table-border); box-shadow: 0 0 15px rgba(0, 0, 0, 5%); border-collapse: collapse; width: 100%}
.img-steps li, .info-list__item-content, .news-list__item, .offers-list__item {
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1411764706)
}
.info-block-v2__item:not(:last-child) {
border-bottom: 1px solid var(--color-table-border)
}
.info-block-v2__item-logo-and-title {
border: none;
padding: 25px 10px;
font-weight: 700;
color: var(--color-table-td-color);
min-width: 200px
}
.info-block-v2__item-wrapper {
display: flex;
align-items: center;
justify-content: flex-start
}
.info-block-v2__item-logo-and-title img {
max-height: 45px;
object-fit: contain;
width: 100%
}
.info-block-v2__item-other-cell {
padding: 25px 10px;
align-self: center;
border-bottom: 1px solid var(--color-table-border);
flex-grow: 1;
border-top: none
}
.container > :first-child, .difference__title, .info-block-v2__item-other-cell > :first-child, .tabs__item > :first-child, .wp-block-table td > :first-child {
margin-top: 0
}
@media (max-width: 767px){
.image {
height: 140px;
margin-bottom: 12px
}
.wp-block-columns {
flex-direction: column;
gap: 12px
}
.about .about__payment-methods td:last-child .col:last-child, .about tr.about__about td p:last-child {
padding-bottom: 0
}
.about .about__game-types > td {
display: flex;
flex-wrap: wrap;
gap: 0 20px
}
.about .about__game-types > td > p {
flex: 1 1 calc(50% - 10px)
}
.about tr.about__about td p:not(:last-child), .about tr.about__game-types td p:not(:last-child) {
border-bottom: unset
}
.about tr.about__game-types td p:last-child {
padding-bottom: 12px
}
.about .about__payment-methods td:last-child .about__mindep, .about .about__payment-methods td:last-child .about__minwit, .about .about__payment-methods td:last-child .col {
flex: 1 1 50%;
padding: 0
}
.about .about__payment-methods td:last-child .about__mindep, .about .about__payment-methods td:last-child .about__minwit {
margin-top: 16px
}
.about .about__payment-methods td:last-child .col {
flex: 1 1 100%;
padding-bottom: 16px;
margin-top: 16px
}
.about .about__payment-methods td:last-child .about__mindep {border-right: 1px solid #2d49db}
.about .about__payment-methods td:last-child .col:first-child {
padding-top: 0;
margin-top: 0
}
.about .about__payment-methods td .col:not(:first-child) {
padding-left: 0
}
.about .about__payment-methods td .col:not(:last-of-type) {
border-right: unset
}
.about .about__about, .about .about__bonuses, .about .about__devices, .about .about__game-types, .about .about__payment-methods, .about .about__software, .about .about__support {
flex: 1 1 100%
}
.cards .bonus__button {
min-width: unset;
width: 100%
}
.cards .cards__item {
flex-direction: column
}
.cards .cards__content {
padding: 0 16px 16px
}
.text-image__container > .wp-block-heading {
margin-bottom: 0
}
.text-image__container > .content-button, .text-image__container > p {
margin-top: 0
}
.info-block-v2__item-logo-and-title, .info-block-v2__item-other-cell {
padding: 15px 10px
}
}
.payment-method {
overflow-x: auto
}
.payment-method__table {
border-collapse: collapse;
width: 100%
}
.payment-method th {
font-weight: 600;
font-size: 16px;
line-height: 19px;
padding: 25px 10px;
text-align: center
}
.payment-method td {
font-weight: 500;
font-size: 16px;
line-height: 19px;
padding: 15px 25px;
white-space: nowrap
}
.payment-method td.cell2, .payment-method td.cell4, .payment-method td.td-name {
font-weight: 600;
text-align: right;
border-left: none
}
.payment-method td.cell1, .payment-method td.cell3, .payment-method td.td-image {
border-right: none
}
.payment-method td.cell1, .payment-method td.cell2 {
padding-bottom: 10px;
border-bottom: none
}
.payment-method td.cell3, .payment-method td.cell4 {
border-top: none;
padding-top: 10px
}
.wrapper a, h2, h3 {
font-weight: 700
}
.bonus._anim-border:before {background: conic-gradient(#2d49db, #831183)}
.relink__item, .tabs__content, .toc-auto, .winners .winners__rline {background-image: linear-gradient(92deg, #202145, rgba(22, 22, 52, .6))}
.about tr, .bonus, .bonus._anim-border:after, .faq__item, .slots .slots__item, .toc {background-image: linear-gradient(92deg, #202145, rgba(22, 22, 52, .6)); background-color: #0a0b25; border-color: #2d49db}
.how-to .how-to__item, .how-to .how-to__item:not(:last-child):before {background-color: #141432}
.how-to .how-to__counter, .toc-auto, .winners .winners__rline {background-color: #0a0b25}
.how-to .how-to__item {border-color: #831183}
.how-to .how-to__item:not(:last-child):after {background-color: #831183}
.about .about__bonuses-list li, .about .about__payment-methods td:last-child .about__currencies, .about tr.about__about td p:not(:last-child), .about tr.about__game-types td p:not(:last-child), .faq__details[open] .faq__question {border-color: #2d49db}
.how-to .how-to__counter {color: #ffffff; text-transform: uppercase}
.bonus__button._gift-btn {background-image: linear-gradient(255deg, #0879ff, #b857ed); border: none; color: #ffffff}
.toc-auto {margin-bottom: 30px; border-radius: 12px; max-width: 100%}
.toc-auto ol, .toc-auto ul {
display: none;
margin: 0;
padding: 0
}
.toc-auto.active ol {display: block; margin-left: 20px; padding: 0 1.001rem 0.5rem}
.toc-auto.active ul {display: block; list-style: none; padding: 0 1.001rem 0.5rem}
.toc-auto a, .toc-auto.active .toc-auto__toggle .close {
display: inline-block
}
.toc-auto__navigation {position: relative; display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-start; padding: 0.5rem 1.001rem}
.toc-auto__toggle {display: block; border: none; width: 100%; font-weight: 700; font-size: 18px; text-align: left; color: #ffffff; background-color: transparent}
.toc-auto__toggle::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.toc-auto__title {margin: 0 20px 0 0; padding: 0; font-size: 20px; text-transform: none; color: #ffffff}
.header__dropdown li span {
text-transform: uppercase
}
.toc-auto li {
margin: 0;
padding: 0
}
.toc-auto a {padding: 0.3rem 0; color: var(--color-toc-item)}
.toc-auto a:hover {
color: var(--color-toc-item-hover)
}
* + .how-to__list, * + .tabs {margin-top: 1.001rem}
.text-image:not(._h1-block) > h2, .text-image:not(._h1-block) > h3 {
grid-column: 1/-1
}
.cards .cards__item {
display: grid;
grid-template-columns:0.3fr 1fr
}
.footer-container {
display: grid;
grid-template-columns:1fr;
gap: 16px
}
.footer-nav__list {
flex-direction: row;
gap: 16px
}
.footer-nav__item {
min-width: fit-content
}
.footer__payments-systems, .social {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 16px
}
.social__link img {
width: 32px;
height: 32px
}
.footer__hr {border: none; height: 1px; background-color: #cecece0f}
.payments-systems__item img {
max-height: 30px;
object-fit: contain;
width: fit-content
}
.page-footer__copyright {max-width: fit-content; margin: 1.001rem auto 0}
:root {
--tab-radius: 12px
}
.tabs__header {
display: flex;
list-style: none;
overflow: auto;
margin: 0;
padding: 0
}
.tabs__header-button {display: flex; flex-grow: 1; align-items: center; justify-content: center; outline: 0; border: 2px solid #2d49db; padding: 12px; width: 100%; height: 100%; font-weight: 700; white-space: nowrap; color: #2d49db; background-color: var(--color-body); cursor: pointer; gap: 10px}
.tabs__header-button svg {
fill: currentcolor
}
.tabs__header-button.active {background-color: #2d49db; color: #ffffff}
.tabs--horizontal .tabs__header-item {
flex-grow: 1
}
.tabs--horizontal .tabs__header-item:first-child .tabs__header-button {
border-radius: var(--tab-radius) 0 0
}
.tabs--horizontal .tabs__header-item:last-child .tabs__header-button {
border-radius: 0 var(--tab-radius) 0 0
}
.tabs--horizontal .tabs__header-item:not(:last-child) .tabs__header-button {
border-right: none
}
@media (max-width: 767px){
.cards .cards__item {
grid-template-columns:1fr
}
.tabs__header-button {
cursor: auto
}
.tabs--horizontal .tabs__header-button {
padding: 8px;
font-size: 18px;
line-height: 24px
}
}
.tabs__content {z-index: 10; border: 2px solid #2d49db; border-top: none; border-radius: 0 0 var(--tab-radius) var(--tab-radius); padding: 24px 16px; background-color: #0a0b25}
.tabs--vertical .tabs__container {
display: grid;
grid-template-columns:295px 1fr
}
.tabs--vertical .tabs__header {
flex-direction: column;
margin-right: -24px;
border-radius: var(--tab-radius) 0 0 var(--tab-radius)
}
.tabs--vertical .tabs__header-button {display: flex; flex-shrink: 0; align-items: center; justify-content: flex-start; outline: 0; padding: 16px 20px; width: 100%; font-weight: 500; font-size: 16px; line-height: 24px; word-break: break-word; transition: 0.36s ease-in-out; cursor: pointer}
.tabs--horizontal .tabs__header-button svg {
width: 40px;
height: 40px
}
.tabs--vertical .tabs__header-button svg {
width: 24px;
height: 24px
}
.tabs--vertical .tabs__header-item:first-child .tabs__header-button {
border-radius: var(--tab-radius) 0 0
}
.tabs--vertical .tabs__header-item:last-child .tabs__header-button {
border-radius: 0 0 0 var(--tab-radius)
}
.tabs--vertical .tabs__header-item:not(:last-child) .tabs__header-button {
border-bottom: none
}
.tabs--vertical .tabs__header-item, table {
width: 100%
}
.tabs--vertical .tabs__content {border-top: 2px solid #2d49db}
@media (max-width: 1279px){
.tabs--vertical .tabs__container {
grid-template-columns:1fr
}
.tabs--vertical .tabs__header {
flex-flow: nowrap row;
overflow: auto;
margin-right: 0;
border-style: none;
border-radius: var(--tab-radius) var(--tab-radius) 0 0;
padding: 0
}
.tabs--vertical .tabs__header-item {
flex-shrink: 0;
width: fit-content
}
.tabs--vertical .tabs__header-item:not(:last-child) .tabs__header-button {
border-right: none
}
.tabs--vertical .tabs__header-button {
border-bottom: none;
border-radius: 0;
padding: 12px 20px;
width: fit-content
}
.tabs--vertical .tabs__content {
border-radius: 0 0 var(--tab-radius) var(--tab-radius);
padding: 24px 16px
}
.tabs--vertical .tabs__header-item:not(:first-child) {
border: none
}
.tabs--vertical .tabs__header-item:first-child .tabs__header-button {
border-top-left-radius: calc(var(--tab-radius) - 2px);
border-top-right-radius: 0
}
.tabs--vertical .tabs__header-item:last-child .tabs__header-button {
border-radius: 0 calc(var(--tab-radius) - 2px) 0 0
}
}
.wp-admin .tabs__content {
background: 0 0
}
.screenshot-gallery__list {
margin: 0;
padding: 0;
list-style: none;
display: flex
}
* + .promo-code, * + .screenshot-gallery__list, .wrapper > .wp-block-heading:not(:first-child), .wrapper > :not(:first-child) {margin-top: 1.001rem}
.screenshot-gallery__item:not(:last-child) {
margin-right: 10px
}
.gbtn {
background-color: rgba(#2cb865, .3) !important
}
.screenshot-gallery__item {max-width: 307px}
.difference__element {border: 1px solid var(--color-accent); border-radius: 12px; padding: 1.001rem}
.difference__list {
list-style: none;
padding-left: 0
}
.difference__item {
position: relative;
padding-left: 25px
}
.difference__item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 15px;
height: 15px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
transform: translateY(-50%)
}
.difference__item_plus::before {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzY3LjgwNSAzNjcuODA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjcuODA1IDM2Ny44MDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMzQkI1NEE7IiBkPSJNMTgzLjkwMywwLjAwMWMxMDEuNTY2LDAsMTgzLjkwMiw4Mi4zMzYsMTgzLjkwMiwxODMuOTAycy04Mi4zMzYsMTgzLjkwMi0xODMuOTAyLDE4My45MDINCgkJUzAuMDAxLDI4NS40NjksMC4wMDEsMTgzLjkwM2wwLDBDLTAuMjg4LDgyLjYyNSw4MS41NzksMC4yOSwxODIuODU2LDAuMDAxQzE4My4yMDUsMCwxODMuNTU0LDAsMTgzLjkwMywwLjAwMXoiLz4NCgk8cG9seWdvbiBzdHlsZT0iZmlsbDojRDRFMUY0OyIgcG9pbnRzPSIyODUuNzgsMTMzLjIyNSAxNTUuMTY4LDI2My44MzcgODIuMDI1LDE5MS4yMTcgMTExLjgwNSwxNjEuOTYgMTU1LjE2OCwyMDQuODAxIA0KCQkyNTYuMDAxLDEwMy45NjggCSIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=")
}
.difference__item_minus::before {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiBjbGFzcz0iIj48Zz48ZWxsaXBzZSBzdHlsZT0iZmlsbDojRTA0RjVGOyIgY3g9IjI1NiIgY3k9IjI1NiIgcng9IjI1NiIgcnk9IjI1NS44MzIiIGRhdGEtb3JpZ2luYWw9IiNFMDRGNUYiIGNsYXNzPSIiLz48cmVjdCB4PSIxMTMuMiIgeT0iMjI4IiBzdHlsZT0iZmlsbDojRkZGRkZGIiB3aWR0aD0iMjg1LjY3MiIgaGVpZ2h0PSI1NiIgZGF0YS1vcmlnaW5hbD0iI0ZGRDA3RCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI0ZGRDA3RCIvPjwvZz4gPC9zdmc+Cg==")
}
.difference__item:not(:last-child) {margin-bottom: 1.001rem}
.relink__item {
border: 1px solid var(--color-accent);
display: flex;
align-items: center
}
.payments {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 16px 32px
}
.toc-auto {border: 1px solid #ff3a31}
.toc-auto.active .toc-auto__toggle svg {
transform: rotate(180deg)
}
.faq__details[open] .faq__question, .faq__item {border-color: #ff3a31}
.page-header__button {
text-align: center;
width: fit-content;
justify-content: center;
border: none
}
.btn_copy:not(:hover):not(.copied) svg path, .toc-auto__toggle svg {fill: #ffffff}
.toc-auto__toggle {
display: flex;
justify-content: flex-end
}
.text-image__content {
margin: auto 0;
overflow: hidden
}
.text-image__content > :not(:first-child) {
margin-top: 16px;
}
.slots .slots__list {
grid-template-columns:repeat(5, 1fr)
}
@media (max-width: 1200px){
.slots .slots__list {
grid-template-columns:repeat(4, 1fr)
}
}
@media (max-width: 900px){
.slots .slots__list {
grid-template-columns:repeat(3, 1fr)
}
}
@media (max-width: 600px){
.slots .slots__list {
grid-template-columns:repeat(2, 1fr);
gap: 12px
}
}
.slots .slots__item {
aspect-ratio: auto;
display: flex;
flex-direction: column
}
.slots .slots__content {display: flex; height: fit-content; box-shadow: 0 -6px 21px 4px #000000; flex-grow: 1; padding: 8px}
.page-header__button--first {background: linear-gradient(90deg, #ad5fef 0, #0a77ff 100%)}
.lang-switch, .lang-switch__list, .promo-code {background-color: #0a0b25; display: flex}
.page-header__button--second:hover {color: #ffffff; background-color: var(--color-second-button-bg); opacity: .8}
.wp-admin a {color: #2d49db}
.wrapper:has(.toc-auto) {
margin-top: 32px
}
.wp-admin h1, .wp-admin h2, .wp-admin h3, .wp-admin h4, .wp-admin h5, .wp-admin h6 {color: #000000}
.lang-switch {margin: 0 12px; border-radius: 5px; padding: 5px; position: relative; z-index: 200}
.lang-switch__list {margin-top: 0; position: absolute; top: 100%; left: -1px; right: -1px; list-style: none; justify-content: center; flex-direction: column; gap: 12px; padding: 8px 5px 5px; border-radius: 0 0 5px 5px; opacity: 0; visibility: hidden}
.lang-switch:hover {border-radius: 5px 5px 0 0}
.promo-code {padding: 12px; flex-direction: column; gap: 12px; max-width: 416px; margin-left: auto; margin-right: auto; border-radius: 12px; background-image: linear-gradient(92deg, #202145, rgba(22, 22, 52, .6)); border: 1px solid #2d2e59}
.promo-code__text {
margin: 0;
font-size: 16px;
font-weight: 600;
line-height: 24px
}
.promo-code__text span {
color: var(--color-accent)
}
.promo-code__wrapper {border-radius: 4px; padding: 0 0 0 12px; background: var(--color-body); height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid #2d2e59}
.promo-code__copy-link, .promo-code__input {
border: none;
color: var(--color-accent);
background-color: transparent
}
.promo-code__input {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px
}
.promo-code__copy-link {position: relative; display: flex; justify-content: center; align-items: center; padding-right: 6px; transition: 0.24s ease-in-out; cursor: pointer; outline: 0}
.promo-code__copy-link .check {fill: #24c679; display: none}
.promo-code__copy-link svg, .promo-code__copy-link._active svg {
stroke: currentColor
}
.header__nav-item.active svg path, .promo-code__link svg {stroke: #ffffff}
.promo-code__copy-link svg path:first-of-type {
fill: currentColor
}
.promo-code__tooltip {
position: absolute;
top: 50%;
right: 100%;
transform: translateY(-50%);
display: none
}
.promo-code__copy-link._active .promo-code__tooltip {
display: block;
position: static;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 0;
margin-right: 4px;
background-color: transparent;
transform: none;
text-decoration: none
}
.promo-code__copy-link._active .check, aside, footer, header, nav {
display: block
}
.comment-form__alert span, .game__box, .promo-code__copy-link._active .copy {
display: none
}
.promo-code__link {display: flex; align-items: center; justify-content: space-between; gap: 8px; border-radius: 4px; border: 2px solid #24c679; padding: 4px 12px; background-color: #24c679; color: #ffffff; font-size: 18px; font-weight: 700; line-height: 24px; transition: 0.24s ease-in-out; cursor: pointer; outline: 0; text-align: left}
.game__affiliate-link, .game__box-close, .game__demo-link, .links-image__button, .relink__item {transition: 0.36s ease-in-out; cursor: pointer}
.promo-code__link svg .svg-cross {
opacity: 0
}
.promo-code__link svg .svg-arrow {transform: translateX(-18px); animation: 3.64s linear infinite arrow}
@media (max-width: 400px){
.promo-code__wrapper {
flex-basis: auto
}
}
@keyframes arrow{0%{
transform: translateX(-28px)
}10%, 90%{
transform: translateX(6px)
}100%{
transform: translateX(26px)
}}
.screenshot-gallery__item {
min-width: auto;
max-width: max-content
}
@media (max-width: 1023px){
.difference, .relink {
grid-template-columns:1fr
}
.relink__list {
grid-column: auto
}
.relink--no-img .relink__list {
grid-template-columns:repeat(3, 1fr)
}
.wrapper {
margin-top: 32px
}
.screenshot-gallery__item {min-width: 300px; max-width: 307px}
.screenshot-gallery__list {
overflow: auto
}
}
.links-image__slider {
width: 100%;
overflow: hidden
}
.links-image__slider .links-image__wrapper {
display: flex;
list-style: none;
padding-left: 0;
width: fit-content
}
.links-image__item {
display: flex;
position: relative
}
.links-image__item-content {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: flex-end;
align-items: flex-end;
position: absolute;
bottom: 16px;
right: 16px
}
.links-image__item-text {text-align: right; font-weight: 600; font-size: 1.616rem; line-height: 2.1rem; color: #ffffff}
.links-image__button, .relink__title {font-size: 16px; color: #ffffff; font-weight: 700}
.links-image__button {padding: 12px 24px; line-height: 20px; border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; border: none; background-color: #05a97c; width: fit-content}
@media (max-width: 767px){
.relink--full .relink__list {
grid-template-columns:1fr 1fr
}
.relink--no-img .relink__list {
grid-template-columns:repeat(2, 1fr)
}
.relink__list {
grid-template-columns:1fr
}
.promo-code {
max-width: 100%
}
.links-image__item-content {
bottom: 12px;
right: 12px
}
}
.relink {padding-bottom: 2.001rem}
.relink--full {display: grid; grid-template-columns: repeat(6, 1fr); padding-bottom: 0; gap: 1.001rem}
.relink--full .grid__description, .relink--full .grid__title {
margin: 0;
grid-column: 1/-1
}
.relink > img {grid-column: 1/3; grid-row: auto; border-radius: 5px; overflow: hidden}
.relink--no-img .relink__list {
grid-template-columns:repeat(6, 1fr);
grid-column: 1/-1
}
.relink__list {grid-column: 3/-1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.001rem; margin: 0; padding: 0; list-style: none}
.relink__item {border-radius: 5px; padding: 8px; background-image: linear-gradient(92deg, #202145, rgba(22, 22, 52, .6)); background-color: #0a0b25; border: 1px solid #2d2e59; display: flex; align-items: center; gap: 10px}
.relink--full .relink__item {flex-direction: column-reverse; align-items: center; justify-content: center; min-height: 76px}
.relink__item:hover {
opacity: .8
}
.relink__item img {max-width: 53px; max-height: 56px; object-fit: contain}
.relink__content {
flex-grow: 1
}
.relink--full .relink__content {
flex-grow: 0
}
.relink__title {
margin: 0;
line-height: 16px
}
.relink__text {margin: 4px 0 0; font-size: 14px; line-height: 1; color: #9ea1b3}
@media (max-width: 1280px){
.relink__list {
grid-template-columns:repeat(3, 1fr)
}
.relink--no-img .relink__list {
grid-template-columns:repeat(4, 1fr);
grid-column: 1/-1
}
}
@media (max-width: 1023px){
.relink > img, .relink__list {
grid-column: auto
}
.relink {
grid-template-columns:1fr
}
.relink--no-img .relink__list, .relink__list {
grid-template-columns:repeat(4, 1fr)
}
}
@media (max-width: 767px){
.relink--full .relink__list, .relink--no-img .relink__list {
grid-template-columns:repeat(3, 1fr)
}
.relink__list {
grid-template-columns:repeat(2, 1fr)
}
}
@media (max-width: 550px){
.relink--full .relink__list, .relink--no-img .relink__list {
grid-template-columns:repeat(2, 1fr)
}
.relink__list {
grid-template-columns:repeat(1, 1fr)
}
}
.game {position: relative; display: flex; gap: 32px; padding: 16px; border-radius: 20px; overflow: hidden; color: #ffffff}
.game > * {
flex: 1 1;
z-index: 3;
}
.game > img:first-of-type {
position: absolute;
inset: 0;
min-width: 100%;
max-width: 100%;
min-height: 100%;
margin: auto;
z-index: 1;
}
.game:after {content: ''; position: absolute; inset: 0; min-width: 100%; max-width: 100%; min-height: 100%; backdrop-filter: blur(50px); background-color: #33333385; z-index: 2}
.game > img:last-of-type {border-radius: 20px; width: auto; max-height: 156px; align-self: center}
.game__bonus {
display: flex;
flex-direction: column;
justify-content: center;
gap: 12px;
}
.game__title {
font-weight: 700;
font-size: 20px;
line-height: 120%;
}
.game__description {
font-weight: 700;
font-size: 24px;
line-height: 28px;
}
.game__description span {color: #3863fa}
.game__info {
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
}
.game__info-item {
display: flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-size: 16px;
line-height: 18px;
flex-wrap: wrap;
}
.game__info-item span {
font-weight: 700;
font-size: 20px;
line-height: 24px;
}
.game__info-item svg {
min-width: 16px;
width: 16px;
height: 16px;
}
.game__buttons {
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
}
.game__button {
width: 100%;
}
@media (max-width: 1024px){
.game {
flex-direction: column;
gap: 20px;
}
.game > img:last-of-type {
max-height: 142px;
order: 1;
}
.game__bonus {
order: 2;
}
.game__buttons {
order: 3
}
.game__info {
order: 4;
}
}
.game__box {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1135px; padding: 10px; z-index: 1210}
.game__box-header {margin-bottom: -1px; padding: 8px 8px 8px 16px; background: #17182f; border-radius: 4px 4px 0 0; display: flex; align-items: center}
.game__box-title {margin: 0 24px 0 0; font-weight: 700; font-size: 20px; line-height: 24px; color: #ffffff}
.game__box-close {display: flex; margin-left: auto; border: none; border-radius: 4px; background-color: transparent}
.game__box-close:hover {
background-color: rgba(255, 255, 255, .2)
}
.game__iframe {border-radius: 0 0 4px 4px; width: 100%; aspect-ratio: 16/9; border: none; overflow: hidden; background-color: #dbdbdb}
@media (max-width: 767px){
.game__box-header {
flex-wrap: wrap
}
.game__box-title {
width: calc(100% - 56px)
}
.game__box .game__affiliate-link {
order: 3;
margin: 4px auto 0
}
.game__box {
top: 30px;
left: 12px;
bottom: 30px;
right: 12px;
transform: none;
padding: 0;
width: calc(100% - 24px);
overflow: hidden
}
.game__iframe {
height: 100%;
aspect-ratio: auto
}
}
.page.scroll-lock-modal {
overflow: hidden;
position: relative
}
.page.scroll-lock-modal:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, .7);
z-index: 1200
}
.last-modified-date {margin-top: 2.001rem !important; display: flex; flex-wrap: wrap; gap: 8px 24px; border-radius: 15px; padding: 8px 12px; width: 100%; max-width: 341px; background: rgba(255, 255, 255, .05)}
.last-modified-date__inner {display: flex; align-items: center; justify-content: flex-start; gap: 4px; color: #8d8d8d; 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: #b2b2b2}
.last-modified-date__inner:first-child, main {
flex-grow: 1
}
.comment-form__button, .other {
display: flex;
align-items: center
}
.other {
justify-content: center;
flex-wrap: wrap;
gap: 12px 32px
}
.comment-form__form {display: flex; flex-direction: column; gap: 10px; max-width: 662px; margin: 0 auto}
.comment-form__input, .comment-form__textarea {border-radius: 5px; padding: 8px; background-color: #0a0b25; border: 1px solid #2d2e59; color: #ffffff}
.comment-form__textarea {
resize: none;
height: 100px
}
.comment-form__button {justify-content: space-between; gap: 8px; border-radius: 4px; border: 2px solid #24c679; padding: 4px 12px; background-color: #24c679; color: #ffffff; font-size: 18px; font-weight: 700; line-height: 24px; transition: 0.24s ease-in-out; cursor: pointer; width: fit-content; margin: 0 auto}
.languages-switcher, .languages-switcher__list {padding: 5px; background-color: #32323b; display: flex}
.comment-form__alert {
text-align: center;
font-size: 12px;
line-height: 14px
}
.comment-form__alert.success .success {
color: green;
display: inline-block
}
.comment-form__alert.error .error {
color: red;
display: inline-block
}
.comment {margin-top: 1.001rem; display: flex; align-items: center; justify-content: flex-start; gap: 6px; flex-wrap: wrap}
.comment__author {
margin: 0;
font-size: 16px
}
.comment__date {
margin-left: auto;
font-size: 12px;
line-height: 14px
}
.comment__content {
margin: 0;
flex-basis: 100%;
font-size: 14px;
line-height: 16px;
font-weight: 400
}
@media (max-width: 500px){
.lang-switch {
margin-right: auto
}
.comment-form__input {
width: 100%
}
}
.languages-switcher {position: relative; flex-shrink: 0; margin: 0 20px; border-radius: 5px; min-width: 40px; width: fit-content; color: #cecece; z-index: 1000}
.languages-switcher__list {
margin-top: 0;
position: absolute;
left: 0;
right: 0;
list-style: none;
justify-content: center;
flex-direction: column;
gap: 2px;
opacity: 0;
visibility: hidden
}
.languages-switcher__item {
width: 100%;
display: flex;
justify-content: center
}
.languages-switcher--header .languages-switcher__list {top: 100%; border-radius: 0 0 5px 5px}
.languages-switcher--footer .languages-switcher__list {bottom: 100%; border-radius: 5px 5px 0 0}
.languages-switcher--header._show {border-radius: 5px 5px 0 0}
.languages-switcher--footer._show {border-radius: 0 0 5px 5px}
.languages-switcher__lang {display: flex; flex-shrink: 0; align-items: center; gap: 6px; text-transform: uppercase; color: #ffffff; white-space: nowrap; font-size: 14px; font-weight: 400; cursor: pointer}
.languages-switcher__flag {
display: flex;
flex-shrink: 0
}
body, html {
min-height: 100%;
width: 100%;
font-size: 16px;
line-height: 1;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
input::-ms-clear {
display: none
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.icon-font__deposit:before {content: "\e901"; color: #ffffff}
.icon-font__casino:before {content: "\e902"; color: #ffffff}
.icon-font__bonus:before {content: "\e903"; color: #ffffff}
.icon-font__reg:before {content: "\e904"; color: #ffffff}
.icon-font__app:before {content: "\e905"; color: #ffffff}
.wrapper {
overflow: hidden;
margin-top: calc(var(--wrapper-margin) * 2)
}
.wrapper.reset {
margin-block: 0
}
main .wrapper:first-of-type::after {content: ''; position: absolute; top: 0; margin: 0; background: linear-gradient(180deg, #3d3d9a 10.56%, #2b2c6f 32.69%, #201f50 56.9%, #141432 100%); left: 0; width: 100%; height: 100%; z-index: -1}
.container {margin: 0 auto; padding: 0 var(--offsets, 20px); max-width: calc(var(--width-container) + var(--offsets, 19px) * 2)}
.container .container {
padding-left: 0;
padding-right: 0
}
.calculator__result, .form__content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 16px
}
.form__label {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 8px;
width: 100%;
position: relative
}
.form__label.error input {border-color: #fba77f; caret-color: #fba77f}
.form__label-error {position: absolute; top: 100%; left: 4px; font-size: 14px; line-height: 136%; font-weight: 400; color: #fba77f; opacity: 0}
.form__label input {caret-color: #bfb8d3}
.form__label input::-webkit-input-placeholder {font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3; transition: color 0.36s ease-in-out; will-change: color}
.form__label input::-moz-placeholder {font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3; -moz-transition-property: color; transition: color 0.36s ease-in-out; will-change: color}
.form__label input:-ms-input-placeholder {font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3; -ms-transition-property: color; transition: color 0.36s ease-in-out; will-change: color}
.form__label input::-ms-input-placeholder {font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3; -ms-transition-property: color; transition: color 0.36s ease-in-out; will-change: color}
.form__label input::placeholder {font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3; transition: color 0.36s ease-in-out; will-change: color}
.form .custom-select__options li, .header__dropdown li {
-webkit-transition-property: background;
cursor: pointer
}
.form__label-title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 8px
}
.form__label-descr {position: relative; min-width: 18px; min-height: 17px; max-width: 17px; max-height: 18px; font-size: 14px; line-height: 136%; font-weight: 400; background: url("../uploads/info.svg") 0 0/contain no-repeat}
.form__label-descr::after {content: attr(data-descr); padding: 10px; position: absolute; top: calc(100% + 4px); left: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 409px; border-radius: 10px; background: #0a0b25; color: #bfb8d3; transition: opacity 0.36s ease-in-out; will-change: opacity; opacity: 0; z-index: 10}
.custom-select, .form .custom-select .custom-select__current, .form__label input {position: relative; width: 100%; min-height: 47px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; padding: 11px 15px; border-radius: 10px; border: 1px solid #454578; background: 0 0; font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3; transition: border-color 0.36s ease-in-out, color 0.36s ease-in-out, background 0.36s ease-in-out, caret-color 0.36s ease-in-out; will-change: border-color, color, background, caret-color}
.form .custom-select .custom-select__current:focus, .form .custom-select .custom-select__current:hover, .form .custom-select.active .custom-select__current, .form__label input:focus, .form__label input:hover {color: #ffffff; border-color: #ffffff; background: rgba(168, 170, 185, .1215686275)}
.form .custom-select {
width: 100%;
position: relative;
z-index: 2
}
.form .custom-select select, .hidden-svg, .hidden_svg {
display: none
}
.form .custom-select.active .custom-select__current::after {
opacity: 1;
transform: rotate(-180deg)
}
.form .custom-select__current::after {content: ""; position: relative; width: 24px; height: 24px; min-width: 24px; min-height: 23px; display: flex; flex-direction: row; align-items: center; justify-content: center; background: url("https://juegalo-online.cl/wp-content/themes/theme47/build/images/full-arrow.svg") 0 0/contain no-repeat; opacity: .6; transition: opacity 0.36s ease-in-out, transform 0.36s ease-in-out, -webkit-transform 0.36s ease-in-out; will-change: opacity, transform}
.form .custom-select__options {position: absolute; top: calc(100% + 4px); left: 0; width: 100%; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 10px; padding-block: 8px; border-radius: 10px; background: #0a0b25; display: none}
.form .custom-select__options li {padding: 16px; transition: background 0.36s ease-in-out; will-change: background}
body {background: var(--bg, #f6f6f6); min-height: 100vh; font-size: 18px; line-height: 136%; font-weight: 400}
.ff-montserrat, ol:not([class]) li::before {
font-family: var(--ff-primary)
}
''
.content-img p:not([class]), .content-img span:not([class]), p {margin-top: 16px; font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3}
h1, h2, h3 {
line-height: 120%
}
h1 {
font-size: 48px;
font-weight: 900
}
h2 {
font-size: 36px
}
h3 {
font-size: 24px
}
.header__dropdown li, .header__lang-active, .header__nav-item, .winners-list__name, .winners-list__sum, .wp-block-table th, h4, h5, h6 {
font-size: 18px;
line-height: 136%;
font-weight: 600
}
.scroll-list, .wrapper > .container > .menu, h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
margin-top: 32px
}
.wp-block-list a, ol:not([class]) a, p a, ul:not([class]) a {font-size: inherit; line-height: inherit; color: #3863fa; transition: color 0.36s ease-in-out; will-change: color}
ul.wp-block-list {
gap: 8px
}
ul.wp-block-list li {position: relative; color: #bfb8d3; padding-left: 28px}
ul.wp-block-list li::before {content: ""; position: absolute; top: 0; left: 0; display: block; min-width: 8px; min-height: 8px; margin: 8px; background: linear-gradient(90deg, #a763f0 0, #0d75ff 100%); border-radius: 50%}
ol.wp-block-list, ol:not([class]) {
counter-reset: custom-counter;
display: flex;
flex-direction: column;
gap: 12px
}
ol.wp-block-list li, ol:not([class]) li {position: relative; min-height: 30px; counter-increment: custom-counter; padding-left: 40px; font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3}
ol.wp-block-list li::before, ol:not([class]) li::before {content: counter(custom-counter); position: absolute; top: -4px; left: 0; width: 32px; height: 32px; min-width: 32px; min-height: 30px; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 61.83em; background-size: contain; font-size: 18px; line-height: 136px; font-weight: 500; text-align: center; background: linear-gradient(#141432, #141432) padding-box, linear-gradient(218.08deg, #1571ff 11.07%, #c056b4 44.04%, #cc557d 67.91%, #f97456 84.96%) border-box; border: 1px solid transparent}
.wp-block-table {width: 100%; table-layout: fixed; border-spacing: 0; overflow: auto; border-radius: 10px; border: 1px solid #8373d7}
.wp-block-table th {border-bottom: 1px solid #8373d7; height: 87px}
.disciplines-list li::after, .img-steps li, .matches-list__bet, .wp-block-table tr:nth-of-type(2n) {background: linear-gradient(180deg, rgba(242, 242, 242, .03) 0, rgba(110, 108, 125, .03) 100%)}
.wp-block-table td, table th {
padding: 28px 24px;
text-align: left;
vertical-align: middle
}
.wp-block-table td:not(:first-child) {color: #bfb8d3}
.wp-block-table ul {
padding-left: 28px;
color: var(--color-text)
}
.wp-block-table ul:has( + * ) {margin-bottom: 1.001rem}
.wp-block-table ul li {
gap: 5px;
list-style: disc
}
:root {--height: 0; --offsets: 20px; --offsets-m: 16px; --width-container: 1420px; --bg: linear-gradient(90.42deg, #141432 .44%, #13143a 49.58%, #141432 99.72%); --wrapper-margin: 32px; --wrapper-margin-m: 28px; --star-color: #f9ff61; --star-bg: #13143a}
.mp-hero-section {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
position: relative
}
.mp-hero-section__bg, .section-hero__bg {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%
}
.mp-hero-section__bg img, .mp-hero-section__bg svg, .section-hero__bg img, .section-hero__bg svg {
max-width: 100%;
max-height: 100%
}
.mp-hero-section__wrap {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
width: 100%
}
.mp-hero-section__wrap > img {
margin-bottom: -100px;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top
}
.mp-hero-section__content {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px; max-width: 1003px; z-index: 1}
.mp-hero-section__content h1 {
margin: 0;
font-size: 48px;
line-height: 120%;
font-weight: 900
}
.mp-hero-section__content > * {
text-align: left
}
.mp-hero-section__content > p, .mp-hero-section__content > span {font-size: 18px; line-height: 136%; font-weight: 400; color: #ffffff; margin: 0}
.mp-hero-section__content .mp-hero-section__date {color: #bfb8d3; font-size: 14px; line-height: 136%; font-weight: 400}
.mp-hero-section__bonus {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; padding: 16px; border-radius: 10px; max-width: 865px; background: linear-gradient(180deg, #1e1e40 0, #1b1b40 100%)}
.mp-hero-section__bonus img {min-width: 58px; min-height: 55px; max-width: 55px; max-height: 58px}
.mp-hero-section__bonus .mp-hero-section__bonus-descr {font-size: 24px; line-height: 120%; font-weight: 700; width: 100%; color: #ffffff; margin: 0}
.mp-hero-section__bonus .mp-hero-section__bonus-descr > span {font-size: 24px; line-height: 120%; font-weight: 700; color: #3863fa}
.mp-hero-section__bonus .btn {padding: 6px 30px; min-height: 53px}
.mp-hero-section__download {position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 32px; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 42px; backdrop-filter: blur(5px); background: -webkit-gradient(linear, left top, left bottom, from(rgba(150, 142, 176, .4)), to(rgba(74, 66, 89, .4))); background: linear-gradient(180deg, rgba(150, 142, 176, .4) 0, rgba(74, 66, 89, .4) 100%); border-radius: 10px; overflow: hidden; z-index: 1}
.mp-hero-section__download::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1px; border-radius: 10px; background: linear-gradient(218.08deg, #1571ff 5.5%, #c056b4 22.02%, #cc557d 33.95%, #f97456 42.48%, #1571ff 47.98%, #c056b4 64.5%, #cc557d 76.43%, #f97456 100%); background-size: 250% 100%; background-position: 100% 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude}
.info-list__gallery img::before, .info-list__horizontal_sep li::before {
left: calc(100% + 16px);
top: 0
}
@-webkit-keyframes animGrad{0%, 100%{
background-position: 100% 0
}50%{
background-position: 15% 0
}}
.mp-hero-section__download-info {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
gap: 32px;
flex: 1
}
.mp-hero-section__download-info-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 6px;
flex: 1
}
.mp-hero-section__download-info-item:last-child::after {
display: none
}
.mp-hero-section__download-info-item::after {content: ""; position: absolute; top: 0; left: calc(100% + 16px); width: 1px; height: 100%; background: #ffffff}
.mp-hero-section__download-rate {--star-bg: rgba(74, 66, 89, .4); position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; --percent: calc(var(--rating, 4.5) / 5 * 100%)}
.mp-hero-section__download-rate::after, .mp-hero-section__download-rate::before {
font-size: 24px;
line-height: 22px;
height: 24px;
letter-spacing: 0;
font-weight: 300
}
.mp-hero-section__download-rate::before {
content: "★★★★★";
display: block;
background: -webkit-gradient(linear, left top, right top, from(var(--star-color)), to(var(--star-bg)));
background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.header__lang-active::before, .section-faq .faq-list__item::before {background: linear-gradient(218.08deg, #1571ff 11.07%, #c056b4 44.04%, #cc557d 67.91%, #f97456 84.96%)}
.mp-hero-section__download-rate::after {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "☆☆☆☆☆";
display: block;
letter-spacing: 0;
color: var(--star-color)
}
.mp-hero-section__download-title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 24px;
line-height: 120%;
font-weight: 700
}
.mp-hero-section__download-text {
font-size: 18px;
line-height: 136%;
font-weight: 400;
white-space: nowrap
}
.mp-hero-section__btns {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 20px;
flex: 1
}
.mp-hero-section__btns .btn {min-height: 53px; flex: 1; padding: 10px}
.mp-hero-section__btns .btn svg {
width: 32px;
height: 32px
}
.header {position: sticky; top: 0; left: 0; background: #000000; padding-block: 8px 9px; z-index: 100}
.header__dropdown-list, .header__lang-active {background: linear-gradient(180deg, #1e1e40 0, #1b1b40 100%); border-radius: 5px}
.header .container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
position: relative
}
.header__logo {max-width: 76px; margin-right: 20px; transition: opacity 0.36s ease-in-out; will-change: opacity}
.footer__logo, .header__nav {
margin-right: auto
}
.header__logo img, .header__logo svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.header__nav-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 5px;
flex-wrap: wrap
}
.header__nav-item {
position: relative;
display: flex;
align-items: center
}
.header__nav-item:first-child {
z-index: 14
}
.header__nav-item:nth-child(2) {
z-index: 13
}
.header__nav-item:nth-child(3) {
z-index: 12
}
.header__nav-item:nth-child(4) {
z-index: 11
}
.header__nav-item:nth-child(5) {
z-index: 10
}
.header__nav-item:nth-child(6) {
z-index: 9
}
.header__nav-item:nth-child(7) {
z-index: 8
}
.header__nav-item:nth-child(8) {
z-index: 7
}
.header__nav-item:nth-child(9) {
z-index: 6
}
.header__nav-item:nth-child(10) {
z-index: 5
}
.header__nav-item:nth-child(11) {
z-index: 4
}
.header__nav-item:nth-child(12) {
z-index: 3
}
.header__nav-item:nth-child(13) {
z-index: 2
}
.banner > *, .disciplines-list li > *, .header__nav-item:nth-child(14) {
z-index: 1
}
.header__nav-item:nth-child(15) {
z-index: 0
}
.header__nav-item-header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 4px;
cursor: pointer
}
.header__nav-item a, .header__nav-item span {color: #bfb8d3; transition: color 0.36s ease-in-out; will-change: color}
.header__nav-item.active a, .header__nav-item.active span {color: #ffffff}
.header__nav-item.active .header__nav-icon {
transform: rotate(0)
}
.header__nav-item.active .header__dropdown-list {
display: flex
}
.header__nav-icon {width: 24px; height: 24px; min-width: 24px; min-height: 23px; padding: 3px; -webkit-transition-property: -webkit-transform; transition: transform 0.36s ease-in-out, -webkit-transform 0.36s ease-in-out; will-change: transform}
.header__nav-icon img, .header__nav-icon svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.header__nav-icon svg path {-webkit-transition-property: stroke; transition: stroke 0.36s ease-in-out; will-change: stroke}
.header__dropdown-list {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: absolute;
top: calc(100% + 4px);
left: 0;
padding-block: 8px;
display: none;
width: max-content
}
.header__dropdown-list::before {
content: "";
position: absolute;
top: -4px;
left: 0;
width: 100%;
height: 4px
}
.header__dropdown li {width: 100%; min-height: 38px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 12px; padding: 7px 8px; color: #ffffff; transition: background 0.36s ease-in-out; will-change: background; position: relative}
.header__lang {
position: relative;
z-index: 8888;
margin-left: 30px
}
.header__lang-active {position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; padding: 4px 8px; color: #ffffff; cursor: pointer; z-index: 1}
.header__lang-active::after, .header__lang-active::before {content: ""; z-index: -1; transition: opacity 0.36s ease-in-out; will-change: opacity; border-radius: 5px}
.header__lang-active::before {
position: absolute;
inset: 0;
opacity: 0
}
.header__lang-active::after {position: absolute; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); background: linear-gradient(180deg, #1e1e40 0, #1b1b40 100%)}
.header__lang-active img, .header__lang-active svg, .languages-switcher__flag img {
width: 18px;
height: 18px;
border-radius: 50%;
object-fit: none
}
.fixed-el.active .fixed-el__content, .fixed-el.active .fixed-el__main .btn, .header__lang.active .header__dropdown-list, .header__lang:hover .header__dropdown-list, .menu.active .menu__nav {
display: flex
}
.header__lang-img {display: flex; flex-direction: row; border-radius: 50%; width: 18px; height: 18px; min-width: 18px; min-height: 17px}
.footer__info, .footer__payment, .header__btns, .header__burger {
display: flex;
flex-direction: row
}
.header__lang-img img, .header__lang-img svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.header__btns {align-items: stretch; justify-content: flex-start; gap: 8px; margin-left: 8px; max-width: 371px; flex: 1}
.header__btns .btn {line-height: 1; min-height: 42px; flex: 1}
.header__burger {-webkit-transition: .3s; transition: 0.36s; align-items: center; justify-content: center; position: relative; margin-left: 19px; cursor: pointer}
.header__burger-wrap, .section-hero__bonus {
position: relative;
flex-direction: row;
display: flex
}
.header__burger.active .header__burger-wrap span, .header__burger.active .header__burger-wrap::after, .header__burger.active .header__burger-wrap::before {
height: 2px
}
.header__burger.active .header__burger-wrap span, .info-list__horizontal_sep li:last-child::before, .winners-list__wrap .splide__sr {
display: none
}
.header__burger.active .header__burger-wrap::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 6px
}
.header__burger.active .header__burger-wrap::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 7px
}
.header__burger::before {content: ""; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; background: rgba(168, 170, 185, .0784313725); opacity: 0; transition: opacity 0.12s ease-in-out; will-change: opacity}
.header__burger-wrap {align-items: center; justify-content: center; width: 22px; height: 15px; min-width: 22px; min-height: 14px}
.header__burger-wrap::after, .header__burger-wrap::before {content: ""; position: absolute; left: 0; transition: background 0.36s ease-in-out, height 0.36s ease-in-out, transform 0.36s ease-in-out, top 0.36s ease-in-out, right 0.36s ease-in-out, left 0.36s ease-in-out, -webkit-transform 0.36s ease-in-out; will-change: background, height, transform, top, right, left}
.header__burger-wrap::before {
top: 0
}
.header__burger-wrap::after {
bottom: 0
}
.header__burger-wrap span {-webkit-transition-property: background; transition: background 0.36s ease-in-out; will-change: background}
.header__burger-wrap span, .header__burger-wrap::after, .header__burger-wrap::before {width: 100%; height: 3px; background: #bfb8d3}
.section-hero__bg::before, .section-hero__bonus::before {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
content: ""
}
.section-hero {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
position: relative
}
.section-hero__bg::before {background: linear-gradient(180deg, #3d3d9ade 10.56%, #2b2c6f00 32.69%, #201f5000 56.9%, #14143200 100%)}
.section-hero__content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 20px;
z-index: 2
}
.section-hero__content > * {
text-align: center
}
.section-hero__content h1 {
font-size: 48px;
line-height: 120%;
font-weight: 900;
margin: 0
}
.footer__nav-list a, .section-faq .faq-list a {font-weight: 600; transition: color 0.36s ease-in-out; will-change: color}
.disciplines-list li::before, .events__table .cell::before, .footer__logo, .footer__soc a, .info-list__item-content a > *, .steps-list__item::before {transition: opacity 0.36s ease-in-out; will-change: opacity}
.btn, .menu__header-icon::before {
-webkit-transition-property: background
}
.btn, .btn_tertiary::before, .menu__header-icon::before {transition: background 0.36s ease-in-out}
.section-hero__content p, .section-hero__content span {color: #ffffff; margin: 0}
.section-hero__content .section-hero__date {color: #bfb8d3; font-size: 14px; line-height: 136%; font-weight: 400}
.section-faq .faq-list__quest, .section-hero__bonus-descr {font-size: 24px; line-height: 120%; font-weight: 700; color: #ffffff}
.section-hero__bonus {align-items: center; justify-content: space-between; gap: 32px; margin-top: 12px; width: 100%; padding: 42px 45px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(150, 142, 176, .4)), to(rgba(74, 66, 89, .4))); background: linear-gradient(180deg, rgba(150, 142, 176, .4) 0, rgba(74, 66, 89, .4) 100%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 10px; overflow: hidden}
.section-hero__bonus::before {padding: 1px; border-radius: 10px; background: linear-gradient(218.08deg, #1571ff 5.5%, #c056b4 22.02%, #cc557d 33.95%, #f97456 42.48%, #1571ff 47.98%, #c056b4 64.5%, #cc557d 76.43%, #f97456 100%); background-size: 250% 100%; background-position: 100% 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude}
@keyframes animGrad{0%, 100%{
background-position: 100% 0
}50%{
background-position: 15% 0
}}
.section-hero__bonus-descr {
width: 100%;
margin-top: 0;
text-align: left
}
.section-hero__btns {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 20px;
width: 100%
}
.section-hero__btns .btn {min-height: 53px; flex: 1; padding: 10px}
.section-calculator {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: 68px
}
.section-calculator__content {
flex: 1
}
.content-img span, .section-calculator__content p {color: #ffffff}
.section-faq {max-width: 1338px}
.section-faq.faq-list {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
gap: 21px;
row-gap: 24px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.section-faq .faq-list__item {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: relative; width: 100%; max-width: calc((100% - 20px)); padding-left: 68px; padding-right: 26px}
.disciplines-list li::after, .disciplines-list li::before, .section-faq .faq-list__item::after, .section-faq .faq-list__item::before {
content: ""
}
.section-faq .faq-list__item::before {
width: 48px;
height: 48px;
position: absolute;
top: 0;
left: 0;
content: url("data:image/svg+xml;charset=UTF-8,");
border-radius: 100%
}
.section-faq .faq-list__item::after {background: #454578}
.section-faq .faq-list__item:not(:last-child,:nth-last-child(2))::after {position: absolute; top: 64px; left: 23px; width: 2px; height: calc(100% + 6px - 48px - 16px); background: #454578}
.section-faq .faq-list__item > *, p + .container {
margin-top: 16px
}
.section-faq .faq-list__answer p, .section-faq .faq-list__quest {
margin: 0
}
.content-img h2 + p:not([class]), .content-img h2 + span:not([class]), .content-img p:not([class]):first-child, .content-img span:not([class]):first-child, .content-img-vert__text > :first-child, .section-faq .faq-list__item > :first-child {
margin-top: 0
}
.section-faq .faq-list__answer {color: #ffffff; font-size: 18px; line-height: 136%; font-weight: 400}
.section-faq .faq-list a {display: block; padding: 10px 8px; margin-top: 16px; color: #3863fa; font-size: 18px; line-height: 136%}
.footer {background: #0a0b25; padding: 64px 0; margin-top: 64px}
.content-img-vert, .footer .container {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 32px
}
.footer__nav-list, .footer__top {
display: flex;
flex-direction: row;
gap: 32px
}
.footer__logo {width: 90px; height: 30px; max-width: 85px; max-height: 30px}
.footer__logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.footer__top {
align-items: center;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer__nav-list {
align-items: center;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer__nav-list a {font-size: 18px; line-height: 136%; color: #bfb8d3}
.footer__payment {
align-items: center;
justify-content: flex-start;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-inline: 6px;
justify-content: space-between
}
.footer__payment li {max-width: 61px; max-height: 36px}
.footer__payment li img, .footer__payment li svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.footer__top-center {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px
}
.footer__info {border-top: 1px solid #454578; padding-top: 32px; align-items: center; justify-content: flex-start; gap: 32px; -ms-flex-wrap: wrap; flex-wrap: wrap}
.footer__copyright, .footer__soc {
flex-direction: row;
display: flex
}
.footer__copyright {
align-items: flex-start;
justify-content: flex-start;
gap: 24px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: auto
}
.footer__copyright > * {margin-top: 0; font-size: 14px; line-height: 136%; font-weight: 400; color: #bfb8d3}
.footer__copyright img {min-width: 28px; min-height: 13px; max-width: 26px; max-height: 14px}
.footer__soc {
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer__soc a {width: 24px; height: 24px; min-width: 24px; min-height: 23px; display: block}
.footer__soc a img, .footer__soc a svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.btn {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 8px 36px; border-radius: 10px; color: #ffffff; font-size: 18px; line-height: 136%; font-weight: 600; text-align: center; cursor: pointer; will-change: background}
.btn img, .btn svg {min-width: 24px; min-height: 23px; max-width: 23px; max-height: 24px}
.btn_link {padding: 8px; border: 0; color: #3863fa; transition: color 0.36s ease-in-out; will-change: color; background: 0 0}
.btn_primary {background-image: -webkit-gradient(linear, left top, right top, from(#a763f0), color-stop(51%, #0d75ff), to(#a763f0)); background-image: linear-gradient(to right, #a763f0 0, #0d75ff 51%, #a763f0 100%); background-size: 200% auto; background-position: 0 0}
.btn_transparent {background: 0 0; border: 1px solid #ffffff; padding: 9px 36px}
.btn_white {background: #ffffff; color: #141432; padding: 12px}
@media (hover: hover){
.btn_white:hover {
opacity: .7;
}
}
.btn_dashed {border: 2px dashed #ffffff; background: 0 0; padding: 6px 36px}
.btn_copy img, .btn_copy svg {
width: 18px;
height: 18px
}
.btn_copy svg stop {-webkit-transition-property: stop-color; transition: stop-color 0.36s ease-in-out; will-change: stop-color}
.btn_gift img, .btn_gift svg {transition: transform 0.36s ease-in-out; will-change: transform; animation: 2.43s infinite shaking}
.info-list__item-content a, .menu.active .menu__nav ul li a, .menu__item a {transition: color 0.36s ease-in-out; will-change: color}
@-webkit-keyframes shaking{0%, 100%, 25%, 75%{
-webkit-transform: rotate(0);
transform: rotate(0)
}40%{
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg)
}60%{
-webkit-transform: rotate(20deg);
transform: rotate(20deg)
}}
@keyframes shaking{0%, 100%, 25%, 75%{
-webkit-transform: rotate(0);
transform: rotate(0)
}40%{
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg)
}60%{
-webkit-transform: rotate(20deg);
transform: rotate(20deg)
}}
.btn_tertiary {background-image: -webkit-gradient(linear, left top, right top, from(#059485), color-stop(51%, #007e57), to(#059485)); background-image: linear-gradient(90deg, #059485 0, #007e57 51%, #059485 100%); background-size: 200% auto; background-position: 0 0}
.btn_tertiary::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: 0 0;
will-change: background
}
.btn_disabled {background: rgba(168, 169, 185, .1215686275); color: rgba(168, 169, 185, .1215686275); border-color: rgba(168, 169, 185, .1215686275)}
.btn_disabled svg path {stroke: rgba(168, 169, 185, .1215686275)}
.steps-list {
display: grid;
-ms-grid-columns:(1fr) [ 4 ];
grid-template-columns:repeat(4, 1fr);
gap: 20px;
margin-top: 20px
}
.steps-list__item {flex: 1; border-radius: 10px; padding: 1px; overflow: hidden; cursor: pointer}
.steps-list__item-wrap {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 16px; width: 100%; height: 100%; padding: 16px; background: var(--bg); border: 1px solid #45457880; border-radius: 10px; z-index: 2; text-align: center}
.steps-list__item-wrap::before {content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg, rgba(242, 242, 242, .03) 0, rgba(110, 108, 125, .03) 100%); border-radius: 10px}
.steps-list__item {background: #1a1a3b}
.disciplines-list li:hover, .steps-list__item:hover {background: linear-gradient(218.08deg, #1571ff 11.07%, #c056b4 44.04%, #cc557d 67.91%, #f97456 84.96%)}
.steps-list__item::before {content: ""; inset: 0; background: #1a1a3b; border-radius: 10px; content: ""; position: absolute; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); z-index: 0}
.steps-list__item > * {
z-index: 5
}
.steps-list__item img {width: 80px; height: 80px; max-width: 76px; max-height: 80px}
.steps-list__title {display: flex; flex-direction: row; align-items: flex-start; gap: 16px; font-size: 24px; line-height: 120%; font-weight: 700; text-align: center; color: #ffffff}
.steps-list__title svg {max-width: 30px; width: 100%}
.steps-list__arrow {display: flex; flex-direction: row; max-width: 31px; max-height: 33px}
.steps-list__arrow img, .steps-list__arrow svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.steps-list__descr {font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3; text-align: center; max-height: 200px; overflow-y: auto; display: block}
.menu__header-text, .winners-list__title {
font-size: 24px;
line-height: 120%;
font-weight: 700
}
.steps-list__descr::-webkit-scrollbar {
width: 3px
}
.menu::before, .winners-list::before {
left: 50%;
bottom: 0;
width: 100vw;
position: absolute;
top: 0;
z-index: -1;
content: ""
}
.steps-list__descr::-webkit-scrollbar-thumb {border-radius: 6px; background: 0 0/100% no-repeat #bfb8d3}
.steps-list__descr::-webkit-scrollbar-track {
background: 0 0
}
.menu::before {-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background: linear-gradient(180deg, rgba(242, 242, 242, .03) 0, rgba(110, 108, 125, .03) 100%)}
.menu.active .menu__header-icon {
transform: rotate(0);
background: 0 0
}
.menu__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-block: 32px;
cursor: pointer
}
.menu__header-text {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
margin: 0
}
.menu__header-icon {transform: rotate(-180deg); background: rgba(168, 170, 185, .1215686275); border-radius: 50%; width: 40px; height: 40px; min-width: 40px; min-height: 38px; display: flex; flex-direction: row; align-items: center; justify-content: center; -webkit-transition-property: -webkit-transform; transition: transform 0.36s ease-in-out, -webkit-transform 0.36s ease-in-out; will-change: transform}
.menu__header-icon svg {
width: 16px;
height: 10px
}
.menu__header-icon::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
will-change: background
}
.menu__nav {
padding-bottom: 32px;
display: none
}
.menu.active .menu__nav ul, .menu__list {padding-left: 8px; border-left: 1px solid #454578; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; margin: 0}
.menu.active .menu__nav ul li::before, .menu__list ul:not([class]) li::before {
content: none
}
.menu.active .menu__nav ul li, .menu__list ul:not([class]) li {
padding: 0
}
.menu.active .menu__nav ul li a, .menu__item a {padding: 9px 36px; min-height: 42px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; font-size: 18px; line-height: 136%; font-weight: 600; color: #3863fa}
.winners-list {
padding-block: 32px;
margin-top: 20px
}
.winners-list::before {-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background: linear-gradient(180deg, #1e1e40 0, #1b1b40 100%)}
.winners-list .container {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start
}
.winners-list__title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start
}
.winners-list__list {
max-width: 100%;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
gap: 20px
}
.winners-list__list::-webkit-scrollbar {
height: 3px
}
.winners-list__item {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; user-select: none; padding: 8px; white-space: nowrap; border-radius: 10px; border: 1px solid #454578}
.winners-list__img {border-radius: 7px; overflow: hidden; margin-right: 12px; width: 59px; min-width: 59px; aspect-ratio: 59/59}
.games-list__img, .games-list__item img {
aspect-ratio: 268/230;
width: 100%
}
.winners-list__img img, .winners-list__img svg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.winners-list__data {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 8px;
margin-right: 40px
}
.winners-list__data > * {
text-align: left;
white-space: nowrap
}
.winners-list__data:last-child {
margin-left: auto;
margin-right: 0;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.winners-list__data:last-child > * {
text-align: right
}
.winners-list__name, .winners-list__text {
overflow: hidden;
text-overflow: ellipsis
}
.winners-list__sum {border-radius: 20px; padding: 4px 8px; white-space: nowrap; background: linear-gradient(90deg, #059485 0, #007e57 100%); text-align: center}
.games-list__btns, .info-list__item-title {z-index: 1; background: linear-gradient(180deg, #1e1e40 0, #1b1b40 100%)}
.winners-list__text {font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3}
.games-list {
display: grid;
-ms-grid-columns:(1fr) [ 5 ];
grid-template-columns:repeat(5, 1fr);
gap: 20px;
margin-top: 20px
}
.games-list__item {border-radius: 10px; overflow: hidden; display: flex; flex-direction: column}
.games-list__img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180.16deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, .76) 73.82%)
}
.info-list__gallery img::before, .info-list__horizontal_sep li::before, .matches-list__bet-item:not(:last-child)::after {width: 1px; position: absolute; background: #454578; height: 100%; content: ""}
.games-list__item img {
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.games-list__btns {flex: 1; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 12px; padding: 16px; border-radius: 10px; margin-top: -60px; text-align: center}
.content-img, .content-img .btn, .content-img ol, .content-img ul, .info-list, .list-steps {
margin-top: 20px
}
.games-list__btns .btn {line-height: 1; min-height: 42px; padding-inline: 10px; flex: 1}
.content-img {
display: grid;
-ms-grid-columns: 2.05fr 1.45fr;
grid-template-columns:2.05fr 1.45fr;
gap: 20px
}
.content-img__content {
display: flex;
flex-direction: column;
align-items: flex-start
}
.content-img ul, .languages-switcher__lang-wrapp {
gap: 12px
}
.info-list {
display: flex;
flex-direction: row;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 10px;
margin-bottom: -10px
}
.info-list__item {
display: flex;
flex-direction: column;
align-items: stretch;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
min-width: min-content
}
.info-list__item info-list__item_bonuses .info-list__horizontal_sep {
row-gap: 0
}
.info-list__item-title {padding: 24px; border: 1px solid #8373d7; border-radius: 10px; font-size: 24px; line-height: 120%; font-weight: 700}
.info-list__item-content, .info-list__item-content p {font-weight: 600; color: #ffffff; font-size: 18px; line-height: 136%}
.info-list__item-content {display: flex; flex-direction: column; gap: 16px; border-radius: 0 0 10px 10px; padding: 24px; margin-top: -8px; background: linear-gradient(180deg, rgba(242, 242, 242, .03) 0, rgba(110, 108, 125, .03) 100%); flex: 1}
.banner__content > *, .info-list__item-content p {
margin: 0
}
.info-list__item-content span {font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3}
.info-list__item-content img {max-width: 189px; max-height: 30px}
.banner__btns .btn img, .banner__btns .btn svg, .info-list__item-content svg {min-width: 32px; min-height: 30px; max-width: 30px; max-height: 32px}
.info-list__horizontal a, .info-list__horizontal li, .info-list__vert a, .info-list__vert li {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}
.info-list__vert {
display: flex;
flex-direction: column;
gap: 16px
}
.info-list__horizontal {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.info-list__horizontal li {min-height: 23px}
.info-list__horizontal_sep {
align-items: flex-start;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
row-gap: 16px;
overflow: hidden
}
.banner {padding-inline: 90px; display: grid; align-items: center; -ms-grid-columns: 1.03fr .96fr; grid-template-columns: 1.03fr .96fr; gap: 44px; border-radius: 10px; overflow: hidden}
.banner__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%
}
.banner__bg img, .banner__bg svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.banner__content {
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 20px;
padding-block: 64px
}
.banner__content p, .banner__content span {font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3; max-width: 471px}
.banner__btns {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.disciplines-list, .matches-list {
display: grid;
gap: 20px;
margin-top: 32px
}
.banner__btns .btn {
flex: 1
}
.disciplines-list {
-ms-grid-columns:(1fr) [ 5 ];
grid-template-columns:repeat(5, 1fr);
padding: 2px
}
.disciplines-list li {position: relative; background: var(--bg); border-radius: 10px; font-size: 18px; line-height: 136%; font-weight: 600; cursor: pointer; background: var(--bg)}
.disciplines-list li::before {background: var(--bg); position: absolute; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); z-index: -1; border-radius: 11px}
.steps-list__item-wrap.steps-list-item-v2 {
display: flex;
flex-direction: row
}
.disciplines-list li::after {position: absolute; inset: 0; border-radius: 10px}
.disciplines-list li:active a, .matches-list__bet-item .matches-list__bet-text:active, .matches-list__bet-item a:active, .matches-list__bet-item input:checked + .matches-list__bet-text {background: rgba(168, 170, 185, .1215686275)}
.disciplines-list li a, .disciplines-list li div {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 16px; width: 100%; height: 100%; padding: 16px; -webkit-transition-property: background; transition: background 0.36s ease-in-out; will-change: background}
.disciplines-list li img {max-width: 57px; max-height: 60px}
.matches-list {
-ms-grid-columns:(1fr) [ 4 ];
grid-template-columns:repeat(4, 1fr)
}
.matches-list__item {flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 16px; padding: 8px 16px 16px; border-radius: 10px; border: 1px solid #454578}
.matches-list__title {font-size: 14px; line-height: 136%; font-weight: 400; color: #bfb8d3; text-align: center}
.matches-list__teams {
width: 100%;
display: grid;
-ms-grid-columns: 1fr auto 1fr;
grid-template-columns:1fr auto 1fr;
gap: 16px;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.matches-list__teams-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 18px;
line-height: 136%;
font-weight: 600
}
.matches-list__teams-item img {min-width: 36px; min-height: 34px; max-width: 34px; max-height: 36px}
.matches-list__teams-date {display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; line-height: 136%; font-weight: 400; color: #bfb8d3; text-align: center}
.matches-list__teams-date img {min-width: 40px; min-height: 38px; max-width: 38px; max-height: 40px; margin-bottom: 6px}
.matches-list__teams-date > * {
margin-top: 2px;
text-align: center
}
.matches-list__teams-date span {font-size: 16px; line-height: 136%; font-weight: 400; color: #ffffff}
.matches-list__bet {width: 100%; display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; gap: 16px; padding: 7px; border-radius: 10px; border: 1px solid #454578}
.matches-list__bet-item {
flex: 1;
position: relative
}
.matches-list__bet-item:not(:last-child)::after {
top: 0;
left: calc(100% + 8px)
}
.matches-list__bet-item .matches-list__bet-text, .matches-list__bet-item a {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 8px; border-radius: 10px; font-size: 14px; line-height: 136%; font-weight: 400; -webkit-transition-property: background; transition: background 0.36s ease-in-out; will-change: background; cursor: pointer}
.events__month p, .events__month-title {
line-height: 120%;
font-weight: 700;
text-align: center
}
.breadcrumbs__list a, .breadcrumbs__list li {transition: filter 0.36s ease-in-out, -webkit-filter 0.36s ease-in-out; will-change: filter}
.go-up:not(.active), .matches-list__bet-item input, .page-id-4438 .last-modified-date {
display: none
}
.fixed-el.active > .btn, .header__nav-item-header, .matches-list .btn {
width: 100%
}
.events {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
gap: 20px;
row-gap: 50px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px
}
.news-list__content .btn, .offers-list__content .btn {
margin-top: auto
}
.events__month {display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 20px; padding: 32px 28px; max-width: 757px; flex: 1; border-radius: 20px; border: 1px solid #8373d7; background: linear-gradient(180deg, #1e1e40 0, #1b1b40 100%); width: min-content}
.events__month-title {
font-size: 36px
}
.events__month p {font-size: 24px; color: #bfb8d3; margin-top: 0}
.events__month p b, .events__month p strong {color: #8373d7}
.events__table {
width: 100%;
border-collapse: collapse;
background-color: transparent
}
.events__table-wrap {
margin-top: auto;
max-width: 100%
}
.events-weeks {
display: grid;
grid-template-columns:1fr;
gap: 8px
}
.events-week-v2 {
display: grid;
gap: 8px;
grid-template-columns:repeat(7, 1fr)
}
.events__table-v2 {
display: flex;
flex-direction: column;
gap: 8px
}
.events-list-days {
display: flex;
justify-content: space-between;
gap: 8px;
font-size: 14px;
line-height: 136%;
font-weight: 400;
padding-bottom: 20px
}
.events-list-days-v2 {
padding-bottom: 12px
}
.events-week {
display: flex;
gap: 8px
}
.events__table .cell {text-align: center; vertical-align: middle; box-sizing: border-box; min-width: 84px; cursor: pointer; border-radius: 10px; overflow: hidden; width: 100%; height: 86px; padding: 1px; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; background: #141436}
.events__table .cell::before, .events__table .cell__number {background: linear-gradient(218.08deg, #1571ff 11.07%, #c056b4 44.04%, #cc557d 67.91%, #f97456 84.96%); position: absolute}
.events__table .cell::before {
content: "";
inset: 0;
z-index: 0;
opacity: 0
}
.cell-title {position: absolute; z-index: 8; color: #ffffff; text-align: center; font-size: 14px; font-weight: 700; line-height: 120%}
.events__table .cell__img {width: 100%; height: 100%; max-width: 100%; max-height: 86px; z-index: 1; border-radius: 9px; overflow: hidden}
.events__table .cell__img img, .events__table .cell__img svg, .offers-list__img img, .offers-list__img svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.events__table .cell__img img {
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center
}
.events__table .cell__number {left: 4px; bottom: 4px; width: 24px; height: 24px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-family: Montserrat; font-size: 14px; line-height: 24px; font-weight: 500; text-align: center; border-radius: 50%; color: #ffffff; z-index: 1}
.events__table .cell__number::before {content: ""; background: linear-gradient(90.42deg, #141432 .44%, #13143a 49.58%, #141432 99.72%); position: absolute; top: 1px; left: 1px; border-radius: 50%; width: calc(100% - 2px); height: calc(100% - 2px); z-index: -1}
.img-steps {
padding-bottom: 10px
}
.img-steps__descr {font-size: 18px; line-height: 136%; font-weight: 400; max-width: 745px}
.advantages__item-title, .calculator__title, .img-steps__title {
font-size: 24px;
line-height: 120%;
font-weight: 700;
text-align: center
}
.img-steps__list {
counter-reset: how-to-steps-counter;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 0;
margin-top: 20px
}
.img-steps li {position: relative; counter-increment: how-to-steps-counter; align-items: stretch; border-radius: 20px}
.img-steps li:not(:first-child)::after, .img-steps li:not(:first-child)::before {
content: "";
position: absolute;
top: 0;
right: 32px;
width: 60px;
height: 60px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
border-radius: 50%
}
.img-steps li:not(:first-child)::after {
background-image: url("../uploads/double-arrow-down.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 32px 32px
}
.fixed-el, .img-steps li:not(:first-child)::before, .news-list__content, .pros-cons__item, .pros-cons__item::before {background: linear-gradient(180deg, #1e1e40 0, #1b1b40 100%)}
.img-steps li:not(:first-child)::before {border: 1px solid #8373d7}
.img-steps__title {position: relative; padding: 16px 10px; border-radius: 20px; margin: 0}
.img-steps__title::before {
content: counter(how-to-steps-counter) ". "
}
.img-steps__body {
padding: 32px;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns:1fr 1fr;
gap: 20px
}
.img-steps__body img {
max-width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.img-steps__content {
align-items: flex-start;
justify-content: flex-start;
gap: 20px
}
.img-steps__content p, .img-steps__content span {
margin: 0
}
.img-steps__content p:not(.btn), .img-steps__content span:not(.btn) {font-size: 18px; line-height: 136%; font-weight: 400; color: #bfb8d3}
.advantages {
align-items: stretch;
justify-content: flex-start;
gap: 20px
}
.advantages__header {
display: flex;
flex-direction: row;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 20px
}
.advantages__header p {margin: 0; color: #bfb8d3}
.advantages__list {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 2px
}
.advantages__item, .counter {gap: 16px; background: linear-gradient(218.08deg, #1571ff 11.07%, #c056b4 44.04%, #cc557d 67.91%, #f97456 84.96%); border-radius: 10px}
.advantages__item::before, .go-up {
background: var(--bg)
}
.advantages__item {position: relative; width: 100%; max-width: calc((100% - 38px) / 3); align-items: center; justify-content: flex-start; padding: 32px}
.advantages__item img {min-width: 42px; min-height: 40px; max-width: 40px; max-height: 42px}
.advantages__item-descr {color: #bfb8d3; text-align: center; margin: 0}
.advantages__item .btn {width: 100%; min-height: 53px}
.advantages__item::after, .advantages__item::before {content: ""; pointer-events: none; position: absolute; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); z-index: 0; border-radius: 10px}
.advantages__item::after, .go-up::before {background: linear-gradient(180deg, rgba(242, 242, 242, .03) 0, rgba(110, 108, 125, .03) 100%)}
.advantages__item > * {
position: relative;
z-index: 4
}
.counter {
align-items: flex-start;
width: 696px;
padding: 16px
}
.counter__title {font-size: 18px; line-height: 136%; font-weight: 600; text-align: left; color: #ffffff}
.counter .timer {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
gap: 8px;
width: 100%;
font-size: 36px;
line-height: 120%;
font-weight: 700
}
.counter .timer__symbol {
width: 100%;
height: 70px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center
}
.counter .timer__number {flex: 1; position: relative; overflow: hidden; border-radius: 5px; background: linear-gradient(90.42deg, #141432 .44%, #13143a 49.58%, #141432 99.72%); width: 53px; height: 70px}
.counter .timer__number-list {position: absolute; left: 0; bottom: 0; display: flex; flex-direction: column-reverse; transition: bottom 0.12s ease-in-out; will-change: bottom; width: 100%}
.counter .timer__number-item {
width: 100%;
height: 70px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center
}
.offers-list {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
gap: 20px;
padding-bottom: 6px;
flex-wrap: wrap
}
.offers-list__item {display: flex; flex-direction: row; align-items: flex-start; gap: 16px; width: 100%; max-width: calc((100% - 38px) / 3); border-radius: 10px; padding: 16px; min-width: 460px}
.offers-list__item:nth-of-type(3n+1) {background: linear-gradient(104.75deg, #f2e871 0, #ce290c 99.05%)}
.offers-list__item:nth-of-type(3n+2) {background: linear-gradient(104.75deg, #b40f26 0, #40348b 99.05%)}
.offers-list__item:nth-of-type(3n+3) {background: linear-gradient(104.75deg, #751c59 0, #e1b54c 99.05%)}
.offers-list__content {position: relative; align-items: flex-start; gap: 16px; flex: 1; height: 100%; margin-bottom: 12px; color: #ffffff}
.offers-list__content::after {
content: "";
width: 32px;
height: 32px;
position: absolute;
top: 0;
right: 0;
background: url("../uploads/circle-arrow.svg") 0 0/contain no-repeat
}
.offers-list__item > img {width: 160px; height: 100%; min-width: 160px; min-height: 100%; border-radius: 10px; overflow: hidden; object-fit: cover; object-position: left}
@media (max-width: 768px){
.how-to .how-to__item:not(:last-child):before {
bottom: 8px
}
.how-to .how-to__item:not(:last-child):after {
margin: 12px auto 18px
}
.how-to .how-to__content {
grid-template-columns:1fr;
padding: 16px 16px 8px
}
.how-to .content-button__control, .popup .slots__button {
width: 100%;
min-width: unset
}
.popup .popup__header {
flex-wrap: wrap;
gap: 8px
}
.offers-list__item > img {
width: 100px;
min-width: 100px
}
}
.offers-list__img img {
-o-object-position: left top;
object-position: left top
}
.offers-list__title {font-size: 24px; line-height: 120%; font-weight: 700; padding-right: 42px; color: #ffffff}
.offers-list__date {
font-size: 14px;
line-height: 136%;
font-weight: 400
}
.content-img-vert__title {
display: grid;
-ms-grid-columns: 1.45fr 2.05fr;
grid-template-columns:1.45fr 2.05fr;
gap: 20px;
row-gap: 28px
}
.content-img-vert__title h2 {
margin: 0
}
.content-img-vert__title p, .fixed-el.v2 k.js-fixed__hide {color: #bfb8d3}
.content-img-vert img, .list-steps ol {
width: 100%;
max-width: 100%
}
.table-header {display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; border-radius: 10px; border: 1px solid #8373d7}
.table-header__header {
display: flex;
flex-direction: row;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 32px;
padding: 23px
}
.table-header__header-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
margin-right: auto
}
.news-list__content p, .table-header__header-content > * {
margin: 0
}
.table-header__header-content p, .table-header__header-content span {color: #bfb8d3; max-width: 100%}
.table-header__header .btn {width: 100%; max-width: 288px}
.table-header__header ~ table {
border-top-left-radius: 0;
border-top-right-radius: 0;
border: 0
}
.calculator {padding: 32px; border-radius: 10px; border: 1px solid #454578; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 24px; width: 100%; max-width: 503px}
.news-list, .news-list__date {
line-height: 136%;
font-weight: 400;
flex-direction: row;
display: flex
}
.calculator__result li {color: #3863fa}
.calculator__result li span {font-size: 18px; line-height: 136%; font-weight: 600; color: #ffffff}
.news-list {
font-size: 18px;
width: 100%;
align-items: stretch;
justify-content: center;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 6px
}
.news-list__img {
position: relative;
aspect-ratio: 340/230;
width: 100%;
min-width: 100%
}
.news-list__img img, .news-list__img svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.news-list__img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180.16deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, .76) 73.82%)
}
.news-list__item {width: 100%; max-width: calc((100% - 57px) / 4); display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; border-radius: 10px; overflow: hidden}
.news-list__content {position: relative; z-index: 1; flex: 1; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 12px; border-radius: 10px; padding: 16px; margin-top: -60px}
.news-list__date {font-size: 14px; position: relative; align-items: flex-start; justify-content: flex-start; gap: 4px; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #bfb8d3}
.news-list__descr, .news-list__title {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.news-list__date span, .news-list__date time {color: #ffffff}
.news-list__date::before {content: ""; min-width: 18px; min-height: 17px; max-width: 17px; max-height: 18px; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; background: url("../uploads/clock.svg") center/contain no-repeat}
.news-list__title {font-size: 24px; line-height: 120%; font-weight: 700; -webkit-line-clamp: 2; color: #ffffff}
.fixed-el__content p, .fixed-el__info, .fixed-el__info span, .pros-cons__list li {
line-height: 136%;
font-weight: 400
}
.news-list__descr {color: #bfb8d3; -webkit-line-clamp: 4}
.list-steps ol li > p {margin-top: 0; color: #ffffff}
.list-steps:has( > p ) > ol {
margin-top: 16px;
}
.list-steps__descr-v3 {max-width: 776px; margin-bottom: 20px; color: #ffffff}
.list-steps > *, .list-steps__descr-v3 > * {color: #ffffff}
.list-steps__descr {max-width: 776px}
.list-steps ol li {color: #ffffff; position: relative; display: flex; flex-direction: row; gap: 16px; padding-left: 0; padding-top: 36px}
.list-steps ol li:not(:last-child)::after {content: ""; position: absolute; top: 16px; left: 32px; width: calc(100% + 20px - 32px); height: 1px; background: #3863fa; z-index: -1}
.fixed-el {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99; border-radius: 20px 20px 0 0; padding: 8px 16px; display: flex; flex-direction: row; align-items: stretch}
.fixed-el.v2 {background: #0a0b25}
.fixed-el.active {
flex-direction: column
}
.fixed-el__main {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 8px
}
.fixed-el__main .btn {
width: 127px;
height: 35px;
margin-left: auto;
display: none
}
.fixed-el__content {
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 12px;
margin-block: 12px;
display: none
}
.fixed-el__content p {margin: 0; font-size: 14px; color: #ffffff}
.fixed-el__btns {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
gap: 8px;
width: 100%
}
.fixed-el__btns .btn {flex: 1; padding: 6px; min-height: 37px}
.fixed-el img {width: fit-content; min-height: 38px; max-width: 55px; max-height: 40px}
.fixed-el__info {display: flex; flex-direction: column; font-size: 14px; color: #bfb8d3}
.fixed-el__info span {color: #ffffff; font-size: 14px}
.fixed-el > .btn {padding: 8px; min-width: 127px; min-height: 38px; margin-left: auto}
.go-up {position: fixed; bottom: 140px; right: calc((100vw - 1440px) / 2 + 10px); z-index: 90; width: 60px; height: 60px; border: 1px solid #454578; border-radius: 5px; overflow: hidden; cursor: pointer; border: 1px solid var(--Outline, #454578); background: var(--surf-container-high, linear-gradient(180deg, rgba(242, 242, 242, .03) 0, rgba(110, 108, 125, .03) 100%)); backdrop-filter: blur(5px)}
.go-up::after, .go-up::before {
content: "";
position: absolute;
inset: 0
}
.go-up::after {background-color: transparent; background-image: url("../uploads/up-arrow.svg"); background-position: center; background-repeat: no-repeat; background-size: 38px 28px; -webkit-transition-property: background-color; transition: background-color 0.36s ease-in-out; will-change: background-color}
.pros-cons {
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns:1fr 1fr;
gap: 20px;
row-gap: 40px;
padding-top: 28px;
margin-top: 20px
}
.pros-cons__item {position: relative; display: flex; flex-direction: column; align-items: stretch; padding: 32px; border-radius: 10px}
.pros-cons__item::after, .pros-cons__item::before {
content: "";
width: 56px;
height: 56px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%
}
.pros-cons__item_pros::after {
background: url("../uploads/pros.svg") center/40px no-repeat
}
.pros-cons__item_cons::after {
background: url("../uploads/cons.svg") center/40px no-repeat
}
.pros-cons__item_cons .pros-cons__list li::before {
background: url("../uploads/cons-inner.svg") center no-repeat
}
.pros-cons__title {font-size: 24px; line-height: 120%; font-weight: 700; text-align: center; padding-bottom: 16px; border-bottom: 1px solid #454578; margin-bottom: 16px}
.pros-cons__list {
display: flex;
flex-direction: column;
gap: 16px
}
.pros-cons__list li, .pros-cons__list li::before {
flex-direction: row;
display: flex;
position: relative
}
.pros-cons__list li {gap: 8px; font-size: 18px; color: #bfb8d3}
.pros-cons__list li::before {content: ""; background: url("../uploads/pros-inner.svg") center/contain no-repeat; min-width: 24px; min-height: 23px; max-width: 23px; max-height: 24px; align-items: center; justify-content: center}
.scroll-list__list {
display: flex;
flex-direction: row;
gap: 20px
}
.scroll-list__list li img {max-width: 254px; max-height: 548px; width: 100%}
.breadcrumbs {
padding-block: 8px
}
.breadcrumbs__list {
display: flex;
flex-direction: row;
align-items: stretch;
row-gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%;
gap: 8px
}
.breadcrumbs__list li {
position: relative;
display: flex;
flex-direction: row;
align-items: stretch
}
.breadcrumbs__list a, .breadcrumbs__list span {display: block; position: relative; font-size: 14px; line-height: 136%; font-weight: 400; color: #ffffff; display: flex; align-items: center; gap: 8px}
.breadcrumbs__list svg {
flex-shrink: 0
}
.breadcrumbs__list a:active {
filter: contrast(.75)
}
@media (min-width: 576px){
.winners-list__title {padding-right: 20px; border-right: 1px solid #454578; min-width: 111px; -webkit-box-sizing: content-box; box-sizing: content-box}
.fixed-el {
display: none
}
}
@media (min-width: 768px){
.mobile-button {
display: none
}
.mp-hero-section__btns {max-width: 617px}
.section-hero__bonus-descr {max-width: 628px}
.section-hero__btns {max-width: 600px}
.info-list__item_basic {
width: 35.2112676056%
}
.info-list__item_financial {
width: 45.0704225352%
}
.info-list__item_devices {
width: 16.9014084507%
}
.info-list__item_bonuses {
width: 44.3661971831%
}
.info-list__item_services {
width: 29.1549295775%
}
.info-list__item_support {
width: 23.661971831%
}
.banner__btns .btn {min-height: 53px}
}
@media (min-width: 992px){
.list-steps ol {
flex-direction: row;
flex-wrap: wrap;
gap: 20px
}
.list-steps ol li {
flex-direction: column;
align-items: flex-start;
flex: 1 0 280px
}
}
@media (min-width: 1350px){
.header__burger {
display: none
}
}
@media (max-width: 1480px){
.go-up {
right: 20px
}
}
@media (max-width: 1479.9px){
.disciplines-list, .games-list {
-ms-grid-columns:(1fr) [ 4 ];
grid-template-columns:repeat(4, 1fr)
}
.matches-list {
-ms-grid-columns:(1fr) [ 2 ];
grid-template-columns:repeat(2, 1fr)
}
}
@media (max-width: 1350px){
.header__nav {position: fixed; top: 60px; left: 0; bottom: 0; right: 0; width: 100vw; height: calc(100vh - 61px); overflow-y: auto; background: linear-gradient(90.42deg, #141432 .44%, #13143a 49.58%, #141432 99.72%)}
.header__nav:not(.active) {
display: none
}
.header__nav .header__nav-list {
flex-direction: column;
align-items: flex-start;
padding: 20px
}
.header__lang {
margin-left: auto
}
.header__nav .header__nav-item .header__dropdown-list {
position: relative;
top: 0;
left: 0;
padding: 8px 10px;
width: 100%
}
.header__nav .header__nav-item {
width: 100%;
display: flex;
align-items: flex-start
}
.main-nav__link {
width: 100%
}
.main-nav__item--has-children {
justify-content: space-between;
flex-wrap: wrap
}
.header__dropdown-list {
flex-basis: 100%
}
.main-nav__item--has-children .main-nav__link {
width: fit-content
}
}
@media (max-width: 1239.9px){
.section-hero__bonus {
padding: 30px
}
.section-calculator {
flex-direction: column-reverse;
gap: 20px
}
.section-calculator .calculator {
margin-inline: auto
}
.steps-list {
-ms-grid-columns:(1fr) [ 2 ];
grid-template-columns:repeat(2, 1fr);
gap: 16px;
}
.disciplines-list, .games-list {
-ms-grid-columns:(1fr) [ 3 ];
grid-template-columns:repeat(3, 1fr)
}
.content-img, .content-img-vert__title {
-ms-grid-columns: 1fr;
grid-template-columns:1fr
}
.banner {
padding-inline: 40px
}
.banner__content {
padding-block: 45px
}
.events__month {
max-width: 100%
}
.advantages__header {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.advantages__item {
padding: 16px
}
.news-list__item, .offers-list__item {max-width: calc((100% - 19px) / 2)}
}
@media (max-width: 991.9px){
.counter {
margin: 0 auto
}
.mp-hero-section__content, .mp-hero-section__wrap {
display: contents
}
.mp-hero-section__download {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.mp-hero-section__wrap > img {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
margin-inline: auto
}
.mp-hero-section__content > * {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.mp-hero-section__content .mp-hero-section__date {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.mp-hero-section__content .mp-hero-section__bonus {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.mp-hero-section__content h1 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.section-faq .faq-list, .table-header__header {
flex-direction: column
}
.section-faq .faq-list__item {
max-width: 100%
}
.section-faq .faq-list__item:nth-last-child(2)::after {
position: absolute;
top: 64px;
left: 23px;
width: 2px;
height: calc(100% + 6px - 48px - 16px)
}
.banner {
-ms-grid-columns: 1fr;
grid-template-columns:1fr;
gap: 20px;
padding: 28px 16px 0
}
.banner__content {
padding: 0;
align-items: center
}
.banner img {
margin-inline: auto
}
.disciplines-list {
-ms-grid-columns:(1fr) [ 2 ];
grid-template-columns:repeat(2, 1fr)
}
.events {
row-gap: 20px
}
.advantages__item {max-width: calc((100% - 19px) / 2)}
.advantages__item:last-child:nth-of-type(odd) {
max-width: 100%
}
.offers-list__item {
max-width: 100%;
min-width: 100%
}
.table-header__header {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 16px;
padding: 16px
}
.list-steps ol {
gap: 12px;
flex-direction: column
}
.list-steps ol li {
flex-direction: row;
padding: 0 0 0 40px
}
.list-steps ol li:not(:last-child)::after {
position: absolute;
top: 28px;
left: 16px;
width: 1px;
height: calc(100% + 12px - 32px)
}
}
@media (max-width: 767.9px){
.counter .timer__number-item, .counter .timer__symbol {
height: 40px
}
.steps-list-item-v2 .steps-list__item-wrap {
flex-direction: column
}
.form__label input::-webkit-input-placeholder {
font-size: 16px
}
.form__label input::-moz-placeholder {
font-size: 16px
}
.form__label input:-ms-input-placeholder {
font-size: 16px
}
.form__label input::-ms-input-placeholder {
font-size: 16px
}
.form__label input::placeholder {
font-size: 16px
}
.form__label-descr::after {
max-width: 56.25vw
}
.banner__content p, .banner__content span, .content-img p:not([class]), .content-img span:not([class]), .form .custom-select .custom-select__current, .form__label input, .img-steps__content p:not(.btn), .img-steps__content span:not(.btn), .img-steps__descr, .info-list__item-content span, .mp-hero-section__content > p, .mp-hero-section__content > span, .mp-hero-section__download-text, .news-list, .pros-cons__list li, .section-faq .faq-list__answer, .section-hero__content p, .section-hero__content span, .winners-list__text, body, ol.wp-block-list li, ol:not([class]) li, p {
font-size: 16px
}
.mp-hero-section__download {
flex-direction: column;
align-items: stretch
}
.header .container, .mp-hero-section__download-info {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mp-hero-section__download-info-item {width: 100%; max-width: calc((100% - 30px) / 2); -webkit-box-flex: unset; -ms-flex: unset; flex: unset}
.mp-hero-section__download-info-item:nth-of-type(2n)::after {
display: none
}
.header {
padding-block: 8px 16px
}
.header__nav {
position: fixed;
top: 108px;
left: 0;
bottom: 0;
right: 0;
width: 100vw;
height: calc(100vh - 111px)
}
.header__btns {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-top: 8px;
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset
}
.header__btns .btn {
flex: 1;
padding-inline: 10px
}
.section-hero__bonus-descr {
font-size: 18px !important
}
.section-hero__bonus-descr span {font-size: 18px !important; color: #3863fa}
.section-hero__bonus {
padding: 16px;
flex-direction: column;
gap: 16px
}
.section-hero__btns, .steps-list {
gap: 16px
}
.section-hero__btns .btn {min-height: 42px}
.steps-list__descr {
font-size: 16px;
max-height: 110px
}
.games-list {
gap: 16px;
-ms-grid-columns:(1fr) [ 2 ];
grid-template-columns:repeat(2, 1fr)
}
.banner__content {
align-items: flex-start;
gap: 16px
}
.banner__btns {
width: 100%;
gap: 16px
}
.banner__btns .btn {min-height: 49px}
.disciplines-list li a {
flex-direction: column;
text-align: center
}
.matches-list {
-ms-grid-columns:(1fr) [ 1 ];
grid-template-columns:repeat(1, 1fr)
}
.img-steps__body, .pros-cons {
-ms-grid-columns: 1fr;
grid-template-columns:1fr
}
.events {
width: calc(100% + var(--offsets, 20px) * 2);
margin-left: calc(var(--offsets, 20px) * -1)
}
.events__month {
padding: 16px;
border-radius: 0;
border: 0;
align-items: flex-start
}
.events__month p, .events__month-title {
text-align: left
}
.events__table-wrap {
overflow-x: auto
}
.img-steps li:not(:first-child)::after, .img-steps li:not(:first-child)::before {
width: 42px;
height: 42px
}
.img-steps li:not(:first-child)::after {
background-size: 18px 18px
}
.img-steps__title {
padding: 10px
}
.img-steps__body {
padding: 12px 16px 24px
}
.counter {
width: 328px;
max-width: 100%;
padding: 8px
}
.counter .timer {
gap: 2px;
font-size: 18px;
line-height: 120%;
font-weight: 700
}
.counter .timer__number {
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
width: 24px;
height: 40px
}
.go-up {
width: 56px;
height: 56px;
right: 16px
}
.go-up::after {
background-size: 28px 21px
}
}
@media (max-width: 575.9px){
.disciplines-list {
grid-template-columns:repeat(1, 1fr)
}
.steps-list__item > p {
display: none
}
.steps-list__title {
display: flex;
flex-direction: column;
gap: 6px;
}
.news-list__descr, .news-list__title {
-webkit-line-clamp: 3
}
.wrapper {
margin-top: calc(var(--wrapper-margin-m) * 2)
}
.wrapper.reset {
margin-block: 0
}
main .wrapper:first-of-type {
padding-block: 28px 7px
}
.container {
padding: 0 var(--offsets-m, 16px)
}
.form__label input::-webkit-input-placeholder {
font-size: 14px
}
.form__label input::-moz-placeholder {
font-size: 14px
}
.form__label input:-ms-input-placeholder {
font-size: 14px
}
.form__label input::-ms-input-placeholder {
font-size: 14px
}
.form__label input::placeholder {
font-size: 14px
}
.form__label-descr::after {
max-width: 56.1111111111vw
}
.custom-select, .form .custom-select .custom-select__current, .form__label input, .mp-hero-section__content > p, .mp-hero-section__content > span, .wp-block-list a, body, h4, h5, h6, ol.wp-block-list li, ol:not([class]) a, ol:not([class]) li, p, ul:not([class]) a {
font-size: 14px
}
h2 {
font-size: 24px;
margin-bottom: 28px
}
.mp-hero-section__content h1, .section-hero__content h1, h1 {
font-size: 32px
}
.mp-hero-section__bonus .mp-hero-section__bonus-descr, .mp-hero-section__bonus .mp-hero-section__bonus-descr > span, h3 {
font-size: 18px
}
.wrapper > .container > .menu, h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
margin-top: 28px
}
ol.wp-block-list li, ol:not([class]) li {min-height: 23px; padding-left: 32px}
ol.wp-block-list li::before, ol:not([class]) li::before {top: 0; width: 24px; height: 24px; min-width: 24px; min-height: 23px; font-size: 14px}
.wp-block-table th {
font-size: 14px;
height: 64px
}
.wp-block-table td, .wp-block-table th {
padding: 16px
}
.wp-block-table ul li, .wp-block-table ul:not([class]) li {
min-height: unset
}
.wp-block-table ul li::before, .wp-block-table ul:not([class]) li::before {
margin: 7px
}
.mp-hero-section__download {
gap: 12px;
padding: 16px
}
.mp-hero-section__download-info {
row-gap: 12px
}
.advantages__item-title, .calculator__title, .events__month p, .menu__header-text, .mp-hero-section__download-title, .news-list__title, .section-faq .faq-list__quest, .section-hero__bonus-descr {
font-size: 18px
}
.banner__content p, .banner__content span, .calculator__result li span, .counter__title, .disciplines-list li, .footer__nav-list a, .header__dropdown li, .header__lang-active, .header__nav-item, .img-steps__content p:not(.btn), .img-steps__content span:not(.btn), .img-steps__descr, .info-list__item-content, .info-list__item-content p, .info-list__item-content span, .matches-list__teams-item, .mp-hero-section__download-text, .news-list, .pros-cons__list li, .section-faq .faq-list a, .section-faq .faq-list__answer, .section-hero__content p, .section-hero__content span, .winners-list__name, .winners-list__sum, .winners-list__text {
font-size: 14px
}
.mp-hero-section__btns, .section-hero__btns {
flex-direction: column;
align-items: stretch
}
.mp-hero-section__btns .btn {min-height: 49px}
.mp-hero-section__download-title svg {height: 18px; max-width: 85px; width: 100%}
.mp-hero-section__bonus {
margin-top: -19px;
flex-direction: column;
gap: 8px
}
.mp-hero-section__bonus p {
text-align: center
}
.info-list__item-content svg, .matches-list__teams-item img, .mp-hero-section__bonus img, .mp-hero-section__bonus svg {min-width: 24px; min-height: 23px; max-width: 23px; max-height: 24px}
.mp-hero-section__bonus .btn {min-height: 37px; width: 100%; margin-top: 4px}
.section-faq .faq-list__item > *, .section-hero__bonus {
margin-top: 12px
}
.mp-hero-section__wrap > img {
margin-bottom: -63px;
aspect-ratio: 328/280;
width: 100%
}
.footer__copyright, .header__btns, .section-hero__content {
gap: 16px
}
.btn, .games-list__btns .btn, .header__btns .btn {min-height: 37px}
.header__burger {
width: 40px;
height: 40px;
margin-left: 10px
}
.section-hero {
padding-top: 0
}
.section-hero__btns .btn_copy {padding: 10px 5px; min-height: 37px}
.section-faq .faq-list {
row-gap: 20px
}
.section-faq .faq-list__item {
padding-left: 48px;
padding-right: 0
}
.section-faq .faq-list__item::before {
width: 32px;
height: 32px;
content: url("data:image/svg+xml;charset=UTF-8,")
}
.section-faq .faq-list__item:not(:last-child)::after {
position: absolute;
top: 48px;
left: 15px;
width: 1px;
height: calc(100% + 4px - 32px - 16px)
}
.section-faq .faq-list a {
padding: 4px 0
}
.content-img-vert, .footer__info, .footer__nav-list, .footer__top {
gap: 20px
}
.footer {
padding: 56px 0;
margin-top: 56px
}
.footer .container {
gap: 28px
}
.footer__info {
padding-top: 28px
}
.footer__payment {
gap: 8px;
padding-inline: 0;
justify-content: flex-start
}
.footer__payment li {max-width: 41px; max-height: 24px}
.footer__payment li img, .footer__payment li svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.footer__soc a {width: 40px; height: 40px; min-width: 40px; min-height: 38px}
.footer__soc a img, .footer__soc a svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.btn {
font-size: 14px
}
.btn_link {padding: 4px 0; min-height: 26px}
.steps-list {
-ms-grid-columns:(1fr) [ 1 ]
}
.steps-list__item img {
width: 60px;
height: 60px
}
.steps-list__title {
font-size: 18px;
align-items: center
}
.steps-list__arrow {max-width: 23px; max-height: 24px}
.steps-list__descr {
font-size: 16px;
line-height: 136%;
font-weight: 400
}
.menu__header {
padding-block: 28px 19px
}
.menu.active .menu__nav ul li a, .menu__item a {font-size: 14px; padding: 10px 16px; min-height: 37px}
.winners-list {
padding-block: 16px
}
.winners-list .container {
flex-direction: column;
align-items: flex-start
}
.winners-list__title {
font-size: 18px;
margin-bottom: 12px
}
.winners-list__list {padding-left: 0; padding-right: 16px; max-width: calc(100% + var(--offsets-m, 15px))}
.winners-list__img {max-width: 51px; max-height: 54px; min-width: 54px}
.winners-list__data {
margin-right: 20px
}
.games-list__btns {
padding: 8px;
gap: 8px;
margin-top: -36px
}
.content-img p:not([class]), .content-img span:not([class]) {
font-size: 14px;
margin-top: 14px
}
.content-img .btn {
width: 100%
}
.matches-list__teams-date img, .offers-list__content::after {
width: 24px;
height: 24px
}
.content-img .btn, .content-img ol, .content-img ul {
margin-top: 16px
}
.info-list__item-title {
font-size: 18px;
padding: 16px
}
.info-list__item-content {
padding: 16px
}
.disciplines-list {
gap: 16px;
margin-top: 20px
}
.disciplines-list li img {max-width: 45px; max-height: 48px}
.calculator__result, .counter, .disciplines-list li a, .disciplines-list li div, .img-steps__body, .matches-list__item {
gap: 12px
}
.events {
width: calc(100% + var(--offsets-m, 16px) * 2);
margin-left: calc(var(--offsets-m, 16px) * -1)
}
.counter .timer, .events__month-title {
font-size: 24px
}
.events__month {
gap: 16px
}
.events__table th {
padding-bottom: 16px
}
.img-steps li:not(:first-child)::after, .img-steps li:not(:first-child)::before {
right: 0
}
.img-steps__title {font-size: 18px; border-radius: 10px}
.img-steps__content {
align-items: stretch;
gap: 12px
}
.advantages__item {
max-width: 100%;
gap: 12px
}
.advantages__item img {min-width: 36px; min-height: 34px; max-width: 34px; max-height: 36px}
.advantages__item .btn, .news-list .btn {min-height: 42px}
.offers-list__content {
gap: 12px;
margin-bottom: 0
}
.offers-list__content .btn {
width: 100%;
padding: 8px
}
.offers-list__img {
width: 116px;
min-width: 116px
}
.offers-list__title {
font-size: 18px;
padding-right: 32px
}
.table-header__header .btn {
width: 100%;
max-width: 100%
}
.calculator {
padding: 16px;
gap: 16px
}
.news-list__item {
max-width: 100%
}
.news-list__content {
margin-top: -51px
}
.list-steps ol li {
flex-direction: row
}
.list-steps ol li:not(:last-child)::after {
position: absolute;
top: 24px;
left: 12px;
height: calc(100% + 12px - 24px)
}
.pros-cons {
padding-top: 24px
}
.pros-cons__item {
padding: 32px 16px 16px
}
.pros-cons__item::before {
width: 48px;
height: 48px
}
.pros-cons__item::after {
background-size: 36px
}
.pros-cons__title {
font-size: 18px;
padding-bottom: 12px;
margin-bottom: 12px
}
.pros-cons__list li::before {min-width: 18px; min-height: 17px; max-width: 17px; max-height: 18px}
.scroll-list {
margin-top: 28px;
max-width: calc(100% + var(--offsets-m));
margin-right: calc(var(--offsets-m) * -1)
}
.scroll-list__list {
gap: 8px
}
.scroll-list__list li img {max-width: 148px; max-height: 320px}
.events__table .cell {
min-width: 84px
}
.events__table .cell__img {
max-height: 84px
}
}
@media (max-width: 350px){
.offers-list__item {
padding: 12px
}
.offers-list__img {
width: 100px;
min-width: 100px
}
}
@media (hover: none) and (pointer: coarse){
.events__table .cell:active::before {
opacity: 1
}
}
.how-to-steps__list {
display: flex;
margin-top: 20px
}
.how-to-steps__list li {padding: 32px; border-radius: 10px 0 0 10px; display: flex; flex-direction: column; gap: 16px; position: relative}
.how-to-steps__list li:nth-child(odd) {background: #1d1d40}
.how-to-steps__list li:nth-child(2n) {background: #141436}
.how-to-steps__list li:not(:last-child)::after {position: absolute; width: 80px; height: 80px; background-color: #141436; background-repeat: no-repeat; background-position: center; content: url("../uploads/double-arrow-down.svg"); rotate: 270deg; z-index: 1; display: flex; align-items: center; justify-content: center; border-radius: 50%; right: -41px; top: 35px}
.how-to-steps__list li:nth-child(odd)::after {background: #1d1d40}
.how-to-steps__list li:nth-child(2n)::after, .wp-admin .calculator.form {background: #141436}
.how-to-steps__title {margin: 0; color: #ffffff; text-align: center; font-size: 24px; font-weight: 700; line-height: 120%}
.how-to-steps__content {
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-start
}
@media (max-width: 1100px){
.how-to-steps__list {
flex-wrap: wrap
}
.how-to-steps__list li {border-radius: 10px; padding: 16px}
.how-to-steps__list li:not(:last-child)::after {
width: 60px;
height: 60px;
rotate: 0deg;
right: 0;
bottom: -30px;
top: auto
}
}
.wp-admin h1.wp-block.wp-block-post-title {
font-size: 40px !important;
font-weight: 700 !important
}
.wp-admin .mp-hero-section__content .mp-hero-section__date {color: #11023a}
.wp-admin p {color: #2d2641}
.calculator__title, .img-steps__title, .wp-admin .advantages__item-descr, .wp-admin .advantages__item-title, .wp-admin .calculator__result li, .wp-admin .calculator__title, .wp-admin .counter__title, .wp-admin .events-th, .wp-admin .events__month p, .wp-admin .events__month-title, .wp-admin .form__label-title, .wp-admin .how-to-content-v2, .wp-admin .how-to-content-v2 p, .wp-admin .how-to-steps__content p, .wp-admin .how-to-steps__content > p, .wp-admin .how-to-steps__title, .wp-admin .img-steps__title, .wp-admin .info-list__item-title, .wp-admin .news-list__date, .wp-admin .news-list__descr, .wp-admin .news-list__title, .wp-admin .offers-list__date, .wp-admin .offers-list__descr, .wp-admin .offers-list__title, .wp-admin .pros-cons__list li, .wp-admin .pros-cons__title, .wp-admin .steps-list__item-wrap, .wp-admin .timer__number-item.js-timer__item, .wp-admin .timer__symbol, .wp-admin th.events-th, .wp-block-heading, .wp-block-table strong, .wp-block-table th, h2, h3, h4 {color: #ffffff}
.wp-admin .faq-list__quest, .wp-admin .how-to-steps__content p, .wp-admin .img-steps__content p:not(.btn), .wp-admin .img-steps__content span:not(.btn), .wp-admin .info-list__item-content span, .wp-admin .list-steps ol li > p, .wp-admin .matches-list__teams-date, .wp-admin .matches-list__teams-date span, .wp-admin .matches-list__title, .wp-admin .section-hero__content .section-hero__date, .wp-admin .wp-block-table td:not(:first-child), .wp-admin b, .wp-admin td {color: #000000}
.wp-admin th {color: #000000; border-bottom: 1px solid #000000}
.wp-admin .wp-block-table thead {border-bottom: 3px solid #000000}
.wp-admin li {text-align: left; color: #000000 !important; margin-left: 0 !important}
.wp-admin .calculator__result li, .wp-admin .pros-cons__list li {color: #ffffff !important}
.wp-admin .list-steps ol li:not(:last-child)::after {background: #000000; z-index: 0}
.wp-admin .banner__content--descr, .wp-admin .banner__content--title {color: #7b7b7b !important}
@supports not selector(::-webkit-scrollbar){
.header__dropdown-list, .steps-list__descr {scrollbar-width: thin; scrollbar-color: #bfb8d3 transparent}
}
.header__dropdown-list::-webkit-scrollbar {
width: 3px
}
.header__dropdown-list::-webkit-scrollbar-thumb {border-radius: 6px; background: 0 0/100% no-repeat #bfb8d3}
.header__dropdown-list::-webkit-scrollbar-track {
background: 0 0
}
.header__dropdown-list {
max-height: 380px;
overflow-y: auto
}
.header__dropdown::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px
}
@media (hover: hover){
.btn_dashed:hover, .btn_tertiary:hover::before, .btn_transparent:hover, .form .custom-select__options li:hover, .header__dropdown li:hover {background: rgba(168, 170, 185, .0784313725)}
.btn_link:hover, .info-list__item-content a:hover, .menu.active .menu__nav ul li a:hover, .menu__item a:hover, .section-faq .faq-list a:hover, ol.wp-block-list a:hover, ol:not([class]) a:hover, ul:not([class]) a:hover {color: #0f74ff}
.footer__logo:hover, .footer__soc a:hover, .header__logo:hover, .info-list__item-content a:hover > * {
opacity: .6
}
.footer__nav-list a:hover, .header__nav-item:hover a, .header__nav-item:hover span {color: #ffffff}
.header__nav-item:hover svg path {stroke: #ffffff}
.header__nav-item:hover .header__nav-icon {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.header__lang:hover svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__nav-item:hover .header__dropdown-list {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.disciplines-list li:hover::before, .events__table .cell:hover::before, .header__burger:hover::before, .steps-list__item:hover::before {
opacity: 1
}
.header__burger:hover .header__burger-wrap span, .header__burger:hover .header__burger-wrap::after, .header__burger:hover .header__burger-wrap::before {background: #ffffff}
.btn_primary:hover {
background-position: 100% 0
}
.matches-list__bet-item .matches-list__bet-text:hover, .matches-list__bet-item a:hover, .menu__header:hover .menu__header-icon::before {background: rgba(168, 170, 185, .1215686275)}
.go-up:hover::after {background-color: rgba(168, 170, 185, .0784313725)}
.scroll-list__list::-webkit-scrollbar {
width: 0
}
.breadcrumbs__list a:hover {
-webkit-filter: contrast(.8);
filter: contrast(.8)
}
}
.winners-list__wrap {
width: 100%;
overflow: hidden;
position: relative
}
.winners-list__list {display: flex; white-space: nowrap; animation: 18.2s linear infinite marquee; list-style: none; padding: 0; margin: 0}
@keyframes marquee{from{
transform: translateX(100%)
}to{
transform: translateX(-100%)
}}
.timer__number.timer__number-2 {
flex: 2
}
.calculator-inner-left--price-currency {position: absolute; top: 25%; padding-left: 2px; color: #f8f8fc; font-size: 18px; font-weight: 400; line-height: 136%}
@media (max-width: 767.9px){
.calculator-inner-left--price-currency {
top: 28%;
padding-left: 2px;
font-size: 16px
}
}
.fixed-el img {
aspect-ratio: auto;
object-fit: contain
}
@media (max-width: 1023px){
.scroll-list__list {
overflow-x: auto
}
.scroll-list__list li img {
width: auto
}
.wrapper {
background: 0 0 !important
}
}
.languages-switcher__lang {
position: static
}
.languages-switcher__lang:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
body:has(.fixed-el.active) .go-up {
bottom: 240px
}
.menu, .wrapper:has(.menu) {
margin-top: 0 !important
}
.wrapper:has(.menu) {background: linear-gradient(180deg, #1e1e40 0, #1b1b40 100%)}
.wrapper:has(.menu) + .wrapper {
margin-top: 24px
}
@media (max-width: 991.9px){
.mp-hero-section__download {
order: 10
}
.mp-hero-section__content .mp-hero-section__bonus {order: 12; margin-top: 0; background: #0a0b25}
.mp-hero-section__wrap > img {
order: 14;
margin: 0 auto
}
}
@media (max-width: 575.9px){
.calculator-inner-left--price-currency {position: absolute; top: 31%; padding-left: 0; color: #f8f8fc; font-size: 14px; font-weight: 400; line-height: 136%; pointer-events: none}
.mp-hero-section__wrap > img {
aspect-ratio: auto
}
}
.wp-block-table td:has(ul) {
min-width: 200px
}
.wrapper > * {max-width: 1362px; margin-left: auto; margin-right: auto}
@media (max-width: 1500px){
.wrapper > * {
max-width: calc(100% - var(--offsets) * 2);
margin-left: var(--offsets);
margin-right: var(--offsets)
}
}
input[type=number] {
-moz-appearance: textfield;
appearance: textfield
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.hero-btn__text {
position: relative;
padding-left: 24px
}
.hero-btn__text::before {
position: absolute;
content: url("../uploads/copy.svg");
left: 0;
top: 50%;
height: 18px;
transform: translate(0, -50%)
}
.section-hero__bonus {
grid-template-columns:minmax(0, 700px) 305px 305px;
display: grid;
gap: 20px;
align-items: stretch
}
@media (max-width: 1000px){
.section-hero__bonus {
grid-template-columns:1fr 1fr;
gap: 16px
}
.section-hero__bonus-descr {
grid-column: 1/-1
}
}
@media (max-width: 615px){
.section-hero__bonus {
grid-template-columns:1fr;
gap: 16px
}
}
.mp-hero-section__bonus {position: relative; margin-top: 1.001rem; margin-bottom: 1.001rem}
.mp-hero-section__bonus::before {position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: ""; padding: 1px; border-radius: 10px; background: linear-gradient(218.08deg, #1571ff 5.5%, #c056b4 22.02%, #cc557d 33.95%, #f97456 42.48%, #1571ff 47.98%, #c056b4 64.5%, #cc557d 76.43%, #f97456 100%); background-size: 250% 100%; background-position: 100% 0; mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude}
.review {display: grid; grid-template-columns: 1fr; gap: 1.001rem}
.review__item {border: 1px solid #2d2e59; border-radius: 4px; padding: 16px; display: flex; gap: 12px}
.review__item img {max-height: 60px; max-width: 57px; object-fit: contain; border-radius: 5px; border: 1px solid #2d2e59}
.review__user-name {margin: 0; font-size: 18px; line-height: 136%; font-weight: 600; color: #ffffff}
@media (max-width: 575px){
.review__item {
flex-direction: column
}
}
.cta {position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 100%; border-radius: 20px; padding: 32px; color: #ffffff; overflow: hidden}
.cta:not(._is-app) {
padding: 20px 32px;
}
.cta > * {
z-index: 3;
}
.cta > img {
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
.cta:not(._is-app) > img {
top: 0;
right: 13%;
bottom: 0;
margin: auto;
}
.cta > img:nth-of-type(2) {
display: none;
}
.cta__title {
margin: 0;
font-weight: 700;
font-size: 36px;
line-height: 28.8px;
}
.cta p {
font-weight: 400;
font-size: 18px;
line-height: 19px;
}
.cta p span {
font-weight: 700;
}
.cta__promocode {width: 100%; max-width: 272px; font-weight: 600; font-size: 14px; line-height: 19px}
.cta__button {display: flex; align-items: center; gap: 8px; width: 100%; max-width: 272px; margin-top: 12px; font-weight: 600; font-size: 14px; line-height: 19px}
.cta:not(._is-app) .cta__button {
margin-top: 0;
}
@media (max-width: 767px){
.cta {gap: 12px; padding: 16px; min-height: 282px; max-width: 303px; margin-left: auto; margin-right: auto}
.cta:not(._is-app) {min-height: 302px; padding: 16px}
.cta._is-app > img {
display: none;
left: 0;
right: 0;
max-width: 100%;
height: auto;
}
.cta:not(._is-app) > img {
top: unset;
left: 0;
right: 0;
max-width: 100%;
max-height: 173px;
width: auto;
height: auto;
}
.cta > img:nth-of-type(2) {
display: block;
}
.cta__title {
font-size: 24px;
}
.cta p {
font-size: 14px;
}
.cta__button {
margin-top: auto;
}
.cta:not(._is-app) .cta__button {
margin-top: auto;
}
}
@media (max-width: 360px){
.cta {width: 100%; max-width: calc(100% - 38px)}
}