@font-face {
font-family: "Hero New";
src: url(../fonts/HeroNewRegular.otf);
}

@font-face {
font-family: "Hero New";
src: url(../fonts/HeroNewMedium.otf);
font-weight:500;
}


/*------------------------------------------------------------*
**Главная
**------------------------------------------------------------*/

/* CSS Document */


body {
padding:0px;
color:#fff;
margin:0px;
background:#000001;
font-family: "Hero New";
font-style: normal;
font-weight: 400;
line-height: normal;
}

a {
text-decoration:underline;
color:#fff;
transition: .5s;
}

button, .feedback, .btn {
transition: .5s;
}

a:hover {
text-decoration:none;
}

.clear {
clear:both;
}

ul li:last-child {
margin:0px;
}

p, img {
margin:0px;
padding:0px;
border:0px;
}

p {
margin:0 0 20px 0;
}

p:last-child {
margin:0px !important;
}

h1 {
color: var(--white, #FFF);
font-family: "Hero New";
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 30.8px */
text-transform: uppercase;
margin:0 0 20px 0;
}

h2 {
color: #FFF;
font-family: "Hero New";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
margin:32px 0 20px 0;
}

h3 {
color: #FFF;
font-family: "Hero New";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 22.4px */
margin:32px 0 20px 0;
}

* {
box-sizing: border-box;
}

table {
border-spacing: 0px;
}

button {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

header, 
nav, 
section, 
article, 
aside, 
footer {
display: block
}

input, button, textarea, select {
font-size:16px;
outline:none;
font-family: "Hero New";
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}

input[type="number"] {
-moz-appearance: textfield;
}

button {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

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

iframe {
max-width:100% !important;
max-height:100% !important;
}

.site-width, .main-content {
width:100%;
}

.main-content {
display:flex;
}

.sidebar {
width:240px;
background: var(--Inactive, #23242C);
padding:16px 12px;
}

.sidebar .sticky {
position:sticky;
top:16px;
}

.container {
width:calc(100% - 240px);
padding:0 24px;
}

.sidebar .logo a {
display:block;
text-decoration:none;
width:132px;
height:27px;
background:url(../images/logo.svg) no-repeat;
margin:0 auto 20px auto;
}

.sidebar .menu {
padding:0 0 3px 0;
margin:0 0 16px 0;
border-bottom:1px #2C2D37 solid;
}

.sidebar .menu ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
}

.sidebar .menu a {
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
padding: 13px 26px 11px 25px;
color: var(--Text-Inactive, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
position:relative;
}

.sidebar .menu a:before {
content:"";
transition: .5s;
background: var(--Box-Active, linear-gradient(
  90deg,
  rgba(232, 43, 43, 0.25) 0.06%,
  rgba(232, 43, 43, 0.00) 99.91%
), #23242C);

position:absolute;
top:0px;
bottom:0px;
left:0px;
width:0px;
z-index:1;
}

.sidebar .menu a:hover:before, .sidebar .menu .active a:before {
width:100%;
}

.sidebar .menu img, .sidebar .menu span {
position:relative;
z-index:3;
}

.sidebar .info-menu ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
}

.sidebar .info-menu a {
text-decoration:none;
padding:7px 24px;
color: var(--Text-secondary, #808080);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
display:table;
}

.sidebar .info-menu a:hover {
color: var(--Text-Active, #df2f61);
}

.header {
display:flex;
align-items:center;
gap:10px;
padding: 10px 24px 10px 38px;
margin:0 -24px;
}

.header .search {
flex:1;
}

.header .search form {
display:flex;
align-items:center;
gap:10px;
padding:8px 16px;
border-radius: 8px;
background: #23242C;
width:100%;
max-width:281px;
}

.header .search button {
cursor:pointer;
width:24px;
height:24px;
background:url(../images/search.svg) no-repeat;
}

.header .search input {
flex:1;
width:100%;
background:none;
border:0px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color:#fff;
}

.header .button {
display:flex;
gap:10px;
}

.header .button a {
text-decoration:none;
border-radius: 8px;
border: 1px solid var(--Button-border-secondary-normal, #3D3E45);
background: var(--Button-surface-secondary-normal, #23242C);
padding:10px 24px;
color: var(--Text-text-body-primary, #FFF);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.header .button a:last-child {
background: var(--Button-suface-primary-normal, #df2f61);
}

.header .button a:hover {
background: var(--Button-sufrace-secondary-hover, #d72b1e);
}

.header .button a:last-child:hover {
background: var(--Button-surface-primary-hover, #d72b1e);
}

.header .lang .select {
cursor:pointer;
display: flex;
justify-content: center;
align-items: center;
padding: 9px;
}

.section-1 {
position:relative;
min-height:330px;
display:flex;
align-items:center;
justify-content: center;
margin:0 -24px;
}

.section-1:after {
content:"";
position:absolute;
top:0px;
left:0px;
right:0px;
background:url(../images/section1-bg.png) repeat-x;
z-index:3;
height:20px;
transform: rotate(180deg);
}

.section-1:before {
content:"";
position:absolute;
bottom:0px;
left:0px;
right:0px;
background:url(../images/section1-bg.png) repeat-x;
z-index:3;
height:20px;
}

.section-1 .block {
margin:0 auto;
width:100%;
max-width:500px;
text-align:center;
position:relative;
z-index:4;
}

.section-1 .title {
color: var(--white, #FFF);
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 36.68px */
text-transform: uppercase;
}

.section-1 .title span {
display:block;
color: var(--Green-500, #df2f61);
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 42.793px */
text-transform: uppercase;
}

.section-1 .info {
color: var(--white, #FFF);
text-align: center;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 16.812px */
text-transform: uppercase;
margin:0 0 16px 0;
}

.section-1 .img:first-child {
font-size:0px;
line-height:0px;
position:absolute;
top:50%;
left:93px;
transform: translate(0%, -50%);
}

.section-1 .img:last-child {
font-size:0px;
line-height:0px;
position:absolute;
bottom:0px;
right:137px;
}

.btnall {
display:table;
margin:0 auto;
text-decoration:none;
cursor:pointer;
padding:10px 40px;
border-radius: 5px;
background: var(--Button-suface-primary-normal, #df2f61);
color: var(--Text-text-body-primary, #FFF);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-2 {
padding:5px 0 24px 0;
margin:0 0 10px 0;
display:flex;
gap:24px;
}

.section-2 .cat {
flex:1;
display:flex;
justify-content: left;
gap:20px;
}

.section-2 .item {
display:flex;
align-items:center;
flex-direction:column;
gap:8px;
text-decoration:none;
color: var(--Text-Inactive, #FFF);
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 11px */
}

.section-2 .icon {
width:53px;
height:52px;
font-size:0px;
line-height:0px;
display:flex;
align-items:center;
justify-content: center;
border-radius: 8px;
background: var(--Box-Inactive, #23242C);
transition: .5s;
}

.section-2 .item:hover {
color: #df2f61;
}

.section-2 .item:hover .icon {
border-radius: 8px;
border: 2px solid #df2f61;
background: linear-gradient(
  180deg,
  rgba(232, 43, 43, 0.30) 0%,
  rgba(232, 43, 43, 0.00) 100%
), #23242C;

}

.section-2 .select select {
width:240px;
height:52px;
border-radius: 8px;
background:#23242C url(../images/section2-select.svg) no-repeat right 12px center;
padding: 8px 12px;
color: var(--Mid-Grey, #696A72);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
border:0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor:pointer;
}

.head-all {
display:flex;
align-items:center;
gap:16px;
margin:0 0 12px 0;
width:100%;
}

.head-all h2 {
flex:1;
margin:0px !important;
color: var(--white, #FFF);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
display:flex;
align-items:center;
gap:8px;
}

.head-all a {
text-decoration:none;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.head-all a:hover {
text-decoration:underline;
}

.section-3 {
margin:0 0 32px 0;
}

.catalog-game {
display:flex;
flex-wrap:wrap;
gap:12px;
}

.catalog-game .game {
width:calc(14.28% - 11px);
margin:0 0 4px 0;
display:block;
text-decoration:none;
color: #A7A7AB;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 12px */
max-width:160px;
}

.catalog-game .images {
font-size:0px;
line-height:0px;
height:160px;
overflow:hidden;
border-radius: 6px;
margin:0 0 8px 0;
display:block;
position:relative;
}

.catalog-game .hover {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:3;
align-items: center;
justify-content: flex-end;
flex-direction:column;
text-align:center;
color: #FFF;
font-size: 7.665px;
font-style: normal;
font-weight: 500;
line-height: 160%;
background: linear-gradient(
  180deg,
  rgba(232, 43, 43, 0.20) 0%,
  rgba(232, 43, 43, 0.00) 100%
), rgba(35, 36, 44, 0.90);

padding:30px 8px;
display:none;
}

.catalog-game .game:hover .hover {
display:flex;
}

.catalog-game .hover .desc {
display:none;
}

.catalog-game .hover .play {
margin:0 0 8px 0;
width:42px;
height:42px;
background:url(../images/play.svg) no-repeat;
}

.catalog-game .hover .demo {
padding:3px 13px;
border-radius: 5.11px;
border: 0.852px solid rgba(255, 255, 255, 0.30);
background: rgba(74, 211, 21, 0.00);
margin:0 0 7px 0;
color: var(--white, #FFF);
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.catalog-game .images img {
width:100%;
height:100% !important;
object-fit:cover;
border-radius: 10px;
}

.catalog-game .name {
display:block;
text-decoration:none;
color: var(--white, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%;
margin:0 0 2px 0;
}

.catalog-game.slider {
margin:0 -24px 0 0;
}

.catalog-game.slider .slick-slide {
margin:0 14px 0 0;
width:100%;
max-width:160px;
}

.catalog-game.slider .game {
margin:0px;
}

.section-3 .btnall {
margin:56px auto 0 auto;
padding:11px 24px;
color: var(--Text-text-body-primary, #FFF);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-4 {
margin:0 0 32px 0;
border-radius: 8px;
background: radial-gradient(551.74% 162.41% at -28.01% 43.18%, rgba(0, 117, 152, 0.70) 18.73%, rgba(74, 211, 21, 0.30) 51.25%, rgba(0, 117, 152, 0.20) 78.73%);
padding:12px 14px;
display:flex;
align-items:center;
gap:30px;
}

.section-4 .arrow {
width:12px;
height:35px;
background:url(../images/section4-arrow.svg) no-repeat;
}

.section-4 .item {
display:flex;
align-items:center;
gap:10px;
border-right:1px #3D3E45 solid;
padding:0 30px 0 0;
}

.section-4 .item:first-child, .section-4 .item:last-child {
border:0px;
padding:0px;
}

.section-4 .logo {
font-size:0px;
line-height:0px;
}

.section-4 .price {
flex:1;
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: normal;
}

.section-4 .price span {
display:block;
color: #5AE4F9;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.section-5 {
color: var(--gray-text, #898FA1);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
margin:0 0 32px 0;
}

/* Article sections and typography */
.article-block {
margin:0 0 18px;
padding:26px;
border:1px solid #30323b;
border-radius:14px;
background:#1d1e24;
}

.article-block + .article-block {
margin-top:18px;
}

.article-intro {
background:#202128;
}

.article-intro > h1 {
margin-bottom:24px;
font-size:clamp(28px, 4vw, 38px);
line-height:1.2;
letter-spacing:-0.02em;
text-transform:none;
}

.article-block > h2 {
margin:0 0 16px;
padding:0 0 14px;
border:0;
border-bottom:1px solid #383a44;
border-radius:0;
background:none;
font-size:clamp(22px, 3vw, 28px);
line-height:1.3;
letter-spacing:-0.01em;
}

.article-block > h3 {
margin:32px 0 14px;
color:#fff;
font-size:20px;
line-height:1.4;
}

.article-block > p {
max-width:920px;
margin-bottom:18px;
line-height:1.75;
}

.article-block > p em {
color:#fff;
font-style:normal;
font-weight:700;
}

.article-block > .important-note {
max-width:none;
margin:28px 0 32px;
padding:18px 20px;
border:1px solid rgba(107,97,181,.55);
border-left:4px solid #6B61B5;
border-radius:10px;
background:linear-gradient(90deg, rgba(107,97,181,.2), rgba(107,97,181,.07));
color:#e8e7f2;
line-height:1.65;
box-shadow:0 8px 24px rgba(0,0,0,.14);
}

.article-block > .important-note em {
display:inline-block;
margin-right:6px;
color:#c8c1ff;
font-weight:700;
}

.registration-steps {
display:grid;
gap:14px;
margin:26px 0 36px;
padding:0;
list-style:none;
counter-reset:registration-step;
}

.registration-steps > li {
position:relative;
min-height:64px;
padding:18px 20px 18px 82px;
border:1px solid #30323b;
border-radius:12px;
background:linear-gradient(135deg, #24252d, #202128);
counter-increment:registration-step;
}

.registration-steps > li::before {
content:counter(registration-step);
position:absolute;
top:16px;
left:18px;
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border:1px solid #8176d2;
border-radius:50%;
background:#6B61B5;
color:#fff;
font-size:18px;
font-weight:700;
box-shadow:0 6px 16px rgba(107,97,181,.3);
}

.registration-steps > li > p {
margin:0;
line-height:1.65;
}

.registration-steps > li > p::first-line {
color:#fff;
}

.registration-steps ul {
display:grid;
gap:8px;
margin:14px 0 0;
padding:0;
list-style:none;
}

.registration-steps ul li {
position:relative;
padding-left:18px;
}

.registration-steps ul li::before {
content:"";
position:absolute;
top:.75em;
left:0;
width:6px;
height:6px;
border-radius:50%;
background:#8176d2;
}

.registration-steps ul p {
margin:0;
line-height:1.6;
}

/* Content tables use the same dark-card language as the FAQ. */
.article-block > table {
display:table;
width:100%;
margin:24px 0 36px;
overflow:hidden;
border:1px solid #343640;
border-radius:12px;
border-collapse:separate;
background:#1d1e25;
color:#d7d9e0;
font-size:15px;
line-height:1.5;
}

.article-block > table th,
.article-block > table td {
padding:15px 18px;
text-align:left;
vertical-align:top;
border-right:1px solid #343640;
border-bottom:1px solid #343640;
}

.article-block > table th {
background:#26272f;
color:#fff;
font-weight:700;
}

.article-block > table td:first-child {
color:#fff;
font-weight:600;
}

.article-block > table tr:last-child td,
.article-block > table th:last-child,
.article-block > table td:last-child {
border-right:0;
}

.article-block > table tr:last-child td {
border-bottom:0;
}

.article-block > table tbody tr {
transition:background-color .2s ease;
}

.article-block > table tbody tr:hover {
background:#22232a;
}

.article-block > table:last-child,
.article-block > ul:last-child,
.article-block > .steps-list:last-child,
.article-block > .faq-list:last-child {
margin-bottom:0;
}

/* FAQ */
.faq-list {
display:grid;
gap:12px;
margin:20px 0 36px;
}

.faq-item {
overflow:hidden;
border:1px solid #343640;
border-radius:12px;
background:#1d1e25;
transition:border-color .2s ease, background-color .2s ease;
}

.faq-item[open] {
border-color:#464852;
background:#22232a;
}

.faq-item summary {
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:18px 20px;
color:#fff;
font-weight:700;
line-height:1.4;
cursor:pointer;
list-style:none;
}

.faq-item summary::-webkit-details-marker {
display:none;
}

.faq-item summary::after {
content:"+";
flex:0 0 28px;
height:28px;
border-radius:50%;
background:#343640;
color:#fff;
font-size:22px;
font-weight:400;
line-height:26px;
text-align:center;
transition:transform .2s ease, background-color .2s ease;
}

.faq-item[open] summary::after {
content:"\2212";
background:#444650;
transform:rotate(180deg);
}

.faq-answer {
padding:0 64px 18px 20px;
color:#aeb1bd;
}

.faq-answer p {
margin:0;
line-height:1.7;
}

/* Numbered step cards */
.steps-list {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:16px;
margin:24px 0 38px;
padding:0;
list-style:none;
counter-reset:article-step;
}

.steps-list > li {
position:relative;
min-height:150px;
padding:24px 22px 22px 82px;
overflow:hidden;
border:1px solid #3c3540;
border-radius:12px;
background:linear-gradient(135deg, rgba(223, 47, 97, .07), rgba(32, 33, 40, 0) 52%), #202128;
counter-increment:article-step;
transition:border-color .2s ease, transform .2s ease;
}

.steps-list > li:hover {
border-color:#65404d;
transform:translateY(-2px);
}

.steps-list > li::before {
content:counter(article-step, decimal-leading-zero);
position:absolute;
top:22px;
left:20px;
display:grid;
place-items:center;
width:44px;
height:44px;
border-radius:10px;
border:1px solid rgba(223, 47, 97, .38);
background:rgba(223, 47, 97, .12);
color:#f08aaa;
font-size:16px;
font-weight:800;
line-height:1;
}

.steps-list > li::after {
content:"";
position:absolute;
top:0;
right:0;
width:48px;
height:2px;
background:#a43a5a;
}

.steps-list > li > strong {
display:block;
margin:0 0 8px;
color:#fff;
font-size:17px;
line-height:1.35;
}

.steps-list > li > span {
display:block;
color:#aeb1bd;
line-height:1.65;
}

.section-5 .steps-list ul {
display:grid;
gap:8px;
margin:16px 0 0;
padding:14px 0 0;
border-top:1px solid #343640;
}

.section-5 .steps-list ul li {
padding-left:16px;
color:#aeb1bd;
font-size:14px;
line-height:1.55;
}

.section-5 .steps-list ul li::before {
top:9px;
width:5px;
height:5px;
background:#b84b6b;
}

.section-5 .steps-list em {
color:#fff;
font-style:normal;
font-weight:600;
}

.section-5 ul {
list-style:none;
margin:20px 0;
padding:0;
display:flex;
flex-direction:column;
gap:14px;
border:0;
background:none;
}

.section-5 ul li {
position:relative;
padding:0 0 0 26px;
}

.section-5 ul li:before {
content:"";
position:absolute;
top:50%;
left:0px;
z-index:1;
width:4px;
height:4px;
background:#777b88;
border-radius:555px;
margin:-2px 0 0 0;
}

.head-all .navigator {
display:flex;
gap:8px;
}

.block-shorcode-one {
margin:32px 0 !important;
}

.head-all .navigator .slick-arrow {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
width:32px;
height:32px;
font-size:0px;
line-height:0px;
flex-shrink:0;
z-index:3;
}

.head-all .navigator .slick-prev {
background:url(../images/header-all-arrow.svg) no-repeat center center;
transform: rotate(180deg);
top:40px;
}

.head-all .navigator .slick-next {
background:url(../images/header-all-arrow.svg) no-repeat center center;
bottom:40px;
}

.head-all .navigator .slick-arrow:hover {
opacity:.7;
}

.block-shorcode-one .slick-slide {
width:100%;
max-width:309px;
margin:0 12px 0 0;
}

.block-shorcode-one .slide {
display:flex !important;
flex-direction:column;
position:relative;
}

.block-shorcode-one .images {
display:block;
text-decoration:none;
font-size:0px;
line-height:0px;
overflow:hidden;
height:140px;
}

.block-shorcode-one .info-block {
padding:16px 24px;
border-radius: 8px;
background: linear-gradient(
  180deg,
  #e82b2b 33.71%,
  #23242C 100%
);

flex:1;
color: var(--white, #FFF);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 16.8px */
text-transform: uppercase;
}

.block-shorcode-one .name {
margin:2px 0;
color: #FFF;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
text-transform: uppercase;
}

.block-shorcode-one .name span {
display:block;
color: var(--Green-500, #df2f61);
}

.block-shorcode-one .button {
margin:16px 0 0 0;
display:flex;
gap:8px;
}

.block-shorcode-one .btn:first-child {
flex:1;
cursor:pointer;
text-decoration:none;
padding:12px 16px;
border-radius: 8px;
border: 1px solid #3D3E45;
color: var(--Dark-----Button-----Primary-----Normal-----Text, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.12px;
}

.block-shorcode-one .btn:nth-child(2) {
flex:1;
cursor:pointer;
text-decoration:none;
padding:12px 16px;
border-radius: 8px;
background: var(--Dark-----Button-----Primary-----Normal-----Background, #df2f61);
color: var(--Dark-----Button-----Primary-----Normal-----Text, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.12px;
}

.block-shorcode-one .hover {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:3;
padding:16px 12px;
border-radius: 8px;
background: linear-gradient(
  180deg,
  #e82b2b 33.71%,
  #23242C 100%
);

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
display:none;
}

.block-shorcode-one .hover-name {
color: var(--SIGN-IN-Font, #FFF);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin:0 0 16px 0;
}

.block-shorcode-one .close {
position:absolute;
top:9px;
right:9px;
cursor:pointer;
z-index:3;
width:12px;
height:13px;
background:url(../images/block-shorcode-one-close.svg) no-repeat;
}

.footer {
padding:48px 0 24px 0;
border-top:1px #2C2D37 solid;
}

.footer .logo {
display:block;
text-decoration:none;
width:132px;
height:27px;
background:url(../images/logo.svg) no-repeat;
margin:0 0 48px 0;
}

.footer .flex {
display:flex;
justify-content:flex-end;
gap:16px;
margin:0 0 32px 0;
}

.footer .warning {
width:40px;
height:40px;
background:url(../images/18%2B.svg) no-repeat;
}

.footer .footer-disclaimer {
color:#6B61B5;
font-size:14px;
font-weight:400;
line-height:1.6;
text-align:center;
margin:24px 0 0;
}

.casino-infinity-image {
display:block;
width:100%;
max-width:760px;
height:auto;
margin:24px auto;
border:2px solid #6B61B5;
border-radius:12px;
box-sizing:border-box;
}

.legal-page {
padding:42px 0 24px;
}

.legal-page .article-block {
max-width:980px;
margin:0 auto 24px;
}

.legal-page .legal-kicker {
margin:0 0 10px;
color:#9d93ed;
font-size:13px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
}

.legal-page .legal-updated {
margin:-10px 0 24px;
color:#898FA1;
font-size:14px;
}

.legal-toc {
margin:28px 0 36px;
padding:20px 22px;
border:1px solid #353744;
border-radius:12px;
background:#24252d;
}

.legal-toc strong {
display:block;
margin-bottom:12px;
color:#fff;
font-size:16px;
}

.legal-toc ol {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px 28px;
margin:0;
padding-left:20px;
}

.legal-toc a {
color:#b8b1f1;
text-decoration:none;
}

.legal-toc a:hover {
color:#fff;
text-decoration:underline;
}

.responsible-gaming-page > .important-note {
margin:28px 0 32px;
}

.support-links {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
margin:22px 0;
}

.support-links a {
display:flex;
flex-direction:column;
gap:7px;
padding:18px 20px;
border:1px solid #3c3e4b;
border-radius:12px;
background:#24252d;
color:#b8b1f1;
text-decoration:none;
transition:border-color .2s ease, transform .2s ease;
}

.support-links a:hover {
border-color:#8176d2;
transform:translateY(-2px);
}

.support-links strong {
color:#fff;
font-size:16px;
}

.support-links span {
color:#b7b9c6;
font-size:14px;
line-height:1.5;
}

@media (max-width:767px) {
.legal-page {
padding:18px 0 8px;
}

.legal-page .article-block {
padding:20px 16px;
}

.legal-toc ol {
grid-template-columns:1fr;
}

.support-links {
grid-template-columns:1fr;
}
}

.footer .col {
width:100%;
max-width:238px;
}

.footer .name {
color: var(--Dark-----Text-----base, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 16.8px */
letter-spacing: -0.14px;
margin:0 0 16px 0;
}

.footer ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
gap:8px;
}

.footer ul a {
text-decoration:none;
color: var(--Dark-----Text-----secondary, #797E8F);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.24px;
}

.footer ul a:hover {
color: var(--Text-Active, #df2f61);
}

.section-6 {
margin:24px 0;
}

.section-6 h1 {
color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 30.8px */
text-transform: uppercase;
margin:0;
text-align:center;
}

.section-5.games {
margin:24px 0 0 0;
}

.section-5.games .catalog-game {
margin:24px -24px 24px 0;
}

.section-5.games h2, section-5.games h3, section-5.games h4 {
margin:24px 0 20px 0;
}

.section-5.games .btnall {
width:100%;
max-width:126px;
margin:24px auto;
}

.section-7 {
display:flex;
flex-wrap:wrap;
gap:16px;
margin:24px 0;
}

.section-7 .item {
width:calc(33.333% - 11px);
display:flex !important;
flex-direction:column;
}

.section-7 .images {
display:block;
text-decoration:none;
font-size:0px;
line-height:0px;
overflow:hidden;
height:140px;
}

.section-7 .images img {
width:100%;
height:100% !important;
object-fit:cover;
}

.section-7 .block {
border-radius: 8px;
background: var(--gray-cards-gradient, linear-gradient(
  180deg,
  #e82b2b 33.71%,
  #23242C 100%
));

padding:24px;
flex:1;
color: var(--gray-200, #898FA1);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
flex:1;
}

.section-7 .bottom {
display:flex;
gap:8px;
gap:16px;
padding:16px 24px;
border-radius: 0px 0px 8px 8px;
background: var(--gray-cards-gradient-2, linear-gradient(
  0deg,
  #e82b2b 0%,
  #101116 100%
));

}

.section-7 .btn {
flex:1;
cursor:pointer;
text-decoration:none;
}

.section-7 .btn:first-child {
border-radius: 8px;
border: 1px solid var(--Button-border-secondary-normal, #3D3E45);
background: var(--Button-surface-secondary-normal, #23242C);
color: var(--Text-text-body-primary, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align:center;
padding:11px;
}

.section-7 .btn:last-child {
padding:11px;
border-radius: 8px;
background: var(--Button-suface-primary-normal, #df2f61);
color: var(--Text-text-body-primary, #FFF);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-7 .name {
color: var(--white, #FFF);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}

.section-7 .title {
margin:0 0 16px 0;
color: var(--white, #FFF);
text-align: center;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 30.8px */
text-transform: uppercase;
}

.section-7 .title span {
display:block;
color: var(--Green-500, #df2f61);
}

.section-7 .block p {
margin:0 0 12px 0;
text-align:center;
text-transform:uppercase;
}

.section-7 .block ul {
gap:5px;
}

.section-7 .block ul li {
padding:0 0 0 16px;
}

.section-7 .block ul li:before {
background:#898FA1;
}

.section-8 {
padding: 26.928px 24.48px 18.76px 24.48px;
border-radius: 8.16px;
background: #23242C;
margin:0 0 64px 0;
}

.section-8 .title {
border-bottom: 0.544px solid #df2f61;
margin:0 0 5px 0;
padding:0 0 21px 0;
color: #FFF;
text-align: center;
font-size: 17.099px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 23.938px */
text-transform: uppercase;
}

.section-8 table {
width:100%;
}

.section-8 td {
padding:11px 13px;
background: #17181E;
border-bottom:5px #23242C solid;
color: #FFF;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 13.709px; /* 120% */
letter-spacing: 0.114px;
}

.section-8 td:first-child {
border-radius:4px 0 0 4px;
font-size:0px;
line-height:0px;
}

.section-8 td:last-child {
border-radius:0px 4px 4px 0px;
width:146px;
}

.section-8 tr:first-child td {
padding:15px 13px;
background: #23242C;
color: #A7A7AB;
font-size: 13.056px;
font-style: normal;
font-weight: 400;
line-height: 15.667px; /* 120% */
letter-spacing: 0.204px;
}

.section-8 .btn {
display:block;
text-decoration:none;
cursor:pointer;
width:100%;
padding:10px 10px 10px 10px;
text-align:center;
border-radius: 6.528px;
background: #df2f61;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 120% */
text-transform: uppercase;
}

.section-9 {
    background: #000001;
    padding: 100px;
}

.section-9 h1 {
color: #FFF;
text-align: center;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin:0 0 20px 0;
}

.section-9 .desc {
color: var(--gray-200, #898FA1);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
margin:0 0 20px 0;
}

.section-9 .form {
display:flex;
flex-direction:column;
gap:20px;
width:100%;
max-width:560px;
border-radius: 12px;
background: var(--gray-900, #23242C);
padding:40px 30px;
margin:0 auto 29px auto;
}

.section-9 input {
width:100%;
height:48px;
border-radius: 10px;
background: var(--gray-black, #000);
padding:0 16px;
color: var(--gray-200, #898FA1);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.13px;
border:0px;
}

.section-9 textarea {
width:100%;
height:150px;
border-radius: 10px;
background: var(--gray-black, #000);
padding:7px 16px;
color: var(--gray-200, #898FA1);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.13px;
border:0px;
resize:none;
}

.section-9 button {
width:100%;
height:44px;
border-radius: 10px;
background: var(--Green-500, #df2f61);
color: var(--white, #FFF);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.section-9 .warning {
color: var(--gray-200, #898FA1);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
}

.section-9 .warning a {
text-decoration:none;
color: var(--Green-500, #df2f61);
}

.section-9 .warning a:hover {
text-decoration:underline;
}

.block-shorcode-one .btn:first-child:hover,
.section-7 .btn:first-child:hover {
background: var(--Button-sufrace-secondary-hover, #3D3E45);
}

.btnall:hover,
.block-shorcode-one .btn:nth-child(2):hover,
.section-5.games .btnall:hover,
.section-8 .btn:hover,
.section-7 .btn:last-child:hover,
.section-9 button:hover {
background: var(--Button-surface-primary-hover, #e52c1e);
}

.mobile-info {
display:none;
}

.mobile-menu {
display:none;
}

.header .logo {
display:none;
}

.section-4-mobile {
display:none;
}

.section-5 .slider .slick-track {
display:flex !important;
}

.section-5 .slick-slide > div {
height:100%;
}

.section-5 .slider .item {
height:100%;
}

.block-shorcode-one.section-7 .slider {
overflow:hidden;
margin:0 -24px 0 0;
}

.section-1 img {
width:100%;
}









@media screen and (max-width:1200px) {

.section-4 {
gap:10px;
}






}




@media screen and (max-width:1000px) {

.sidebar {
display:none;
position:fixed;
top:62px;
bottom:0px;
left:0px;
right:0px;
width:100%;
z-index:9999;
overflow-y:auto;
}

.sidebar .logo {
display:none;
}

.container {
width:100%;
}

.mobile-menu {
display:block;
cursor:pointer;
width:34px;
height:34px;
background:url(../images/mobile-menu.svg) no-repeat;
}

.header {
padding:10px 24px;
}

.header .logo {
display:block;
text-decoration:none;
width:90px;
height:20px;
background:url(../images/logo.svg) no-repeat 0 center;
background-size:contain;
}

.section-2 .cat {
gap:12px;
}

.section-4 {
justify-content: center;
}

.section-4 .arrow {
display:none;
}

.section-4 .logo {
display:none;
}

.section-4 .item {
padding:0 10px 0 0;
}










}




@media screen and (max-width:780px) {


.mobile-info {
display:flex;
align-items:center;
justify-content:center;
gap:16px;
border-bottom: 1px solid #000;
background: linear-gradient(0deg, #e82b2b 0%, #e82b2b 100%), 
            linear-gradient(180deg, #e82b2b 32%, #0D0F13 100%);

padding:8px 14px;
position:relative;
}

.mobile-info .logo {
display:block;
text-decoration:none;
width:94px;
height:34px;
background:url(../images/mobile-logo.svg) no-repeat;
}

.mobile-info .btn {
display:block;
text-decoration:none;
cursor:pointer;
padding:7px 12px;
color: var(--Dark-----Button-----Primary-----Normal-----Text, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.12px;
border-radius: 8px;
border: 1px solid var(--green, #df2f61);
}

.mobile-info .close {
position:absolute;
top:50%;
right:13px;
cursor:pointer;
width:18px;
height:18px;
background:url(../images/mobile-close.svg) no-repeat;
margin:-9px 0 0 0;
}

.container {
padding:0 14px;
}

.header, .header .button {
gap:4px;
}

.header .search {
display:none;
}

.header .button a {
font-size:12px;
padding:7px 16px;
}

.header .logo {
flex:1;
}

.section-2 {
margin:0px -14px 0 0;
}

.section-2 .select {
display:none;
}

.section-2 .cat {
overflow:hidden;
overflow-x:auto;
}

.catalog-game.slider .slick-slide {
max-width:120px;
}

.section-3 {
margin:0 0 24px 0;
}

.section-4 {
display:none;
}

.section-4-mobile {
display:block;
margin:0 0 24px 0;
min-height:120px;
background:#23232b url(../images/section4-mobile.jpg) no-repeat right center;
border-radius: 8px;
overflow:hidden;
padding:25px 17px;
}

.section-4-mobile .name {
color: var(--white, #FFF);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 15.4px */
text-transform: uppercase;
}

.section-4-mobile .title {
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 133%; /* 26.6px */
text-transform: uppercase;
}

.section-4-mobile .title span {
display:block;
color: #df2f61;
}

.catalog-game.slider, .catalog-game.slidermobile {
margin:0 -14px 0 0;
}

.catalog-game.slidermobile .slick-slide > div:first-child {
margin:0 0 16px 0;
}

.catalog-game.slidermobile .game {
margin:0px;
}

.catalog-game.slidermobile .slick-slide {
margin:0 12px 0 0;
width:100%;
max-width:120px;
}

.section-3 .btnall {
margin:24px auto 0 auto;
}

.block-shorcode-one {
margin:24px 0 !important;
}

.head-all .navigator {
display:none;
}

.section-5 {
margin:0 0 24px 0;
}

.section-1 {
margin:0 -14px;
min-height: 150px;
}

.header {
margin:0 -14px;
padding:10px 14px;
}

.footer {
padding:24px 0;
border:0px;
}

.footer .logo {
margin:0 auto 24px auto;
}

.footer .warning {
display:none;
}

.footer .flex {
flex-direction:column;
margin:0px;
gap:0px;
}

.footer ul {
display:none;
}

.footer ul li {
margin:5px 0;
}

.footer .col {
max-width:none;
padding:12px 0;
border-bottom:1px #2C2D37 solid;
}

.footer .name {
margin:0px;
cursor:pointer;
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
}

.footer .name:after {
content:"";
width:10px;
height:11px;
background:url(../images/footer-mobile-arrow.svg) no-repeat;
transition: .5s;
}

.footer .name.active:after {
transform: rotate(180deg);
}

.section-5.games .catalog-game {
margin:24px -14px 24px 0;
}

.section-7 .slick-slide {
width:100%;
max-width:309px;
margin:0 16px 0 0;
}

.section-7 {
margin:0 -14px 0 0;
}

.section-7 .slick-slide > div:nth-child(2) {
margin:24px 0 0 0;
}

.section-8 .title {
font-size:15px;
}

.section-8 table tr:first-child {
display:none;
}

.section-8 table, .section-8 tbody, .section-8 table tr {
display:block;
}

.section-8 td:last-child {
width:100%;
}

.section-8 td {
background:none;
border:0px;
padding:10px 5px;
display:flex;
align-items:center;
justify-content: space-between;
gap:10px;
}

.section-8 .btn {
padding:10px;
}

.section-8 table td:before {
content: attr(data-label);
font-weight: 700;
}

.section-8 td:last-child:before {
display:none;
}

.section-8 td:first-child {
display:block;
}

.section-8 tr {
margin:0 0 5px 0;
}

.section-9 {
margin:24px 0px;
padding:0px;
background:none;
}

.section-9 h1 {
font-size:22px;
margin:0 0 24px 0;
}

.section-9 .desc {
font-size:16px;
margin:0 0 24px 0;
}

.section-9 .form {
max-width:none;
padding:40px 20px 30px 20px;
}

.block-shorcode-one.section-7 .slider {
margin:0 -14px 0 0;
}

.catalog-game .images {
height:120px;
}

.section-5 {
overflow:hidden;
}

.article-intro > h1 {
font-size:28px;
}

.article-block > h2 {
margin-top:0;
font-size:22px;
}

.article-block > h3 {
font-size:18px;
}

.article-block {
padding:20px 18px;
border-radius:12px;
}

.article-block > table {
display:block;
overflow-x:auto;
border-radius:10px;
font-size:14px;
scrollbar-color:#df2f61 #292a33;
}

.article-block > table thead,
.article-block > table tbody {
display:table;
width:100%;
min-width:620px;
table-layout:fixed;
}

.article-block > table th,
.article-block > table td {
padding:13px 14px;
}

.faq-item summary {
padding:16px;
font-size:15px;
}

.faq-answer {
padding:0 54px 16px 16px;
font-size:15px;
}

.steps-list {
grid-template-columns:1fr;
gap:12px;
}

.steps-list > li {
min-height:0;
padding:20px 18px 20px 74px;
}

.steps-list > li::before {
top:18px;
left:16px;
width:42px;
height:42px;
}

.section-5 .section-7 {
margin:0 -14px 24px 0;
}

.catalog-game .hover {
justify-content: center;
padding:8px;
}











}