@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:140px;
height:37px;
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(191, 144, 75, 0.25) 0.06%, rgba(191, 144, 75, 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, #C49857);
}


.lang-switcher {
  position: relative;
  display: inline-block;
  z-index: 1000;
}

.lang-switcher-button {
  background-color: #1a1a1a;
  color: #00ff88;
  border: 1px solid #333;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.lang-switcher-button:hover {
  background-color: #262626;
}

.lang-dropdown {
  display: none;
  position: absolute;
  top: 110%;
  right: 0;
  background-color: #1a1a1a;
  border: 1px solid #333;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
  min-width: 160px;
}

.lang-dropdown a {
  display: block;
  padding: 10px 16px;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.2s;
}

.lang-dropdown a:hover {
  background-color: #2b2b2b;
  color: #00ff88;
}

.lang-dropdown a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.2s;
}

.lang-dropdown a:hover {
  background-color: #2b2b2b;
  color: #00ff88;
}

.lang-flag {
  width: 20px;
  height: 14px;
  display: inline-block;
}

.lang-switcher-button {
  background-color: #1a1a1a;
  color: #00ff88;
  border: 1px solid #333;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.2s;
}

.lang-switcher-button:hover {
  background-color: #262626;
}

.lang-flag {
  width: 20px;
  height: 14px;
  display: inline-block;
}


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

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

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

.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, #C49857);
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, #C49857);
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: #C49857;
}

.section-2 .item:hover .icon {
border-radius: 8px;
border: 2px solid #C49857;
background: linear-gradient(180deg, rgba(191, 144, 75, 0.30) 0%, rgba(191, 144, 75, 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(191, 144, 75, 0.20) 0%, rgba(191, 144, 75, 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;
}

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

.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:#C49857;
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, #BF904B 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, #C49857);
}

.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, #C49857);
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, #BF904B 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:140px;
height:37px;
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+.svg) no-repeat;
}

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

.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, #2C2E38 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, #22232B 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, #C49857);
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, #C49857);
}

.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 #C49857;
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: #C49857;
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, #C49857);
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, #C49857);
}

.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, #612D09);
}

.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, #23242C 0%, #23242C 100%), linear-gradient(180deg, #23242C 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, #C49857);
}

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

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

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

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