html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } body, input, button, textarea,* {font-family: -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
body a { color: #fff; text-decoration:none;}*, *:before, *:after {box-sizing: border-box;}
body {background:#120e0f; font-size:16px; color:#ecebe5;}
.overflow_header {display:flex; flex-flow:column; position:relative; z-index:10; gap:12px; margin-bottom:20px; position:sticky; top:0; background:#120e0f;}
.header__topline {display:flex; align-items:center; justify-content:space-between; max-width:1360px; margin-left:auto; margin-right:auto; width:100%; padding-top:12px;}
.mobile__btn {width:40px; height:40px; min-width:40px; cursor:pointer; background:#230d11 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z'%3E%3C/path%3E%3C/svg%3E") center/18px no-repeat; border:1px solid #461013; border-radius:10px; display:none;}
.header__topline img {height:38px;}
.logotype {display:flex; align-items:center;}
.main_nav {display:flex; gap:12px;}
.main_nav a {line-height:43px; color:#120e0f; font-weight:500; font-size:.9rem; padding:0 15px; border-radius:12px; letter-spacing:.5px; border:1px solid #642833;}
.main_nav a:first-child {background:#fff; border:1px solid #ecebe5; padding:0 25px;}
.main_nav a:last-child {background: #e0516b;
background: linear-gradient(90deg,rgba(224, 81, 107, 1) 0%, rgba(156, 12, 36, 1) 35%, rgba(86, 7, 22, 1) 100%); color:#fff;}
.main_nav a:hover {}
.head__bar {background:#230d11; border-top:1px solid #461013; border-bottom:1px solid #461013;}
	.head__nav {max-width:1360px; width:100%; margin-left:auto; margin-right:auto;display:flex;     justify-content: space-around;}
	.head__nav li {width:100%;}
	.head__nav li a {color:#fff; display:flex; gap:8px; font-size:.9rem; align-items: center; position:relative; transition: all 300ms ease-in-out 0s; padding:10px 8px;justify-content: center;}
	.head__nav li a:before {content:''; display:inline-block; position:absolute; left:0; bottom:-1px; width:0%; height:1px; background:#f5c66b; transition: all 300ms ease-in-out 0s;}
	.head__nav li a:hover:before {width:100%;}
	.head__nav li a:hover {color:#f5c66b;}
.mainscreen {border:1px solid #5a1305;   position:relative; overflow:hidden;max-width:1360px; margin-left:auto; margin-right:auto; border-radius:30px;}
.mainscreen:before {content:''; display:inline-flex; position:absolute; left:0; top:0; bottom:0; height:100%; width:100%; z-index:1; background:url('../images/slidepic.webp') right center / cover no-repeat;}
.mainscreen:after {content:''; display:inline-flex; position:absolute; left:0; top:0; bottom:0; height:100%; width:50%; background: #120E0F; background: linear-gradient(90deg,rgba(18, 14, 15, 1) 20%, rgba(18, 14, 15, 0) 100%);z-index:2;}
.main_article {padding:140px 0 50px 50px; position:relative; z-index:5;}
.main_article a {display:flex;}
.main_card {display:flex; flex-flow:column;    align-items: flex-start; gap:22px;}
.main_card p {font-size:2rem; color:#fff; font-weight:bold;}
.claim-btn{ position:relative; padding:18px 50px; font-size:1.1rem; font-weight:700; letter-spacing:1px; color:#fff; border:none; border-radius:12px; cursor:pointer; background:#ca051c; overflow:hidden;}
.claim-btn:before {content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.5), transparent ); transform:skewX(-25deg); animation:shine 3.5s infinite;}
.claim-btn span {position:relative; z-index:5;}
@keyframes shine{ 0%{ left:-120%; } 40%{ left:120%; } 100%{ left:120%; } }
.topgames {max-width:1360px; margin:20px auto;}
	.game__list {display:grid; gap:10px; grid-template-columns: repeat(8, 1fr); }} 
	.game__list li {}
	.game__list li a {display:flex; flex-flow:column; border:1px solid #461013; border-radius:8px;}
		.game__preview {position:relative; padding-top:100%; overflow:hidden; border-radius:10px; border:1px soli re;}
		.game__preview:before {content:'' ;display:inline-flex; position:absolute; left:0; bottom:0; right:0; z-index:2; height:100%; background: #120E0F;background: linear-gradient(0deg,rgba(18, 14, 15, 1) 0%, rgba(18, 14, 15, 0) 100%);}
		.game__preview img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;transition: all 300ms ease-in-out 0s; }
	.game__list li a:hover .game__preview img {scale:1.2;}
		.game__details {left:10px; bottom:5px; right:10px; z-index:3; position:absolute;}
			.win__users {display:flex; align-items:center; gap:4px; color:#fff; font-weight:500; font-size:.8rem; color:#f5c66b;}
			.win__users:before {content:''; display:inline-flex; width:19px; height:19px; min-width:19px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5c66b'%3E%3Cpath d='M12 23C7.85786 23 4.5 19.6421 4.5 15.5C4.5 13.3462 5.40786 11.4045 6.86179 10.0366C8.20403 8.77375 11.5 6.49951 11 1.5C17 5.5 20 9.5 14 15.5C15 15.5 16.5 15.5 19 13.0296C19.2697 13.8032 19.5 14.6345 19.5 15.5C19.5 19.6421 16.1421 23 12 23Z'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat;}
			.game__action {display:flex; justify-content: center;padding:5px;}
			.game__action span {line-height:40px; color:#fff; border:1px solid #c51329; background:#c51329; border-radius:8px; line-height:30px; font-size:1rem; width:100%; text-align:center;}
.partners-grid { display: flex; flex-wrap: wrap; max-width:1360px; margin:15px auto;} .partners-grid li { } .partner-item {-webkit-filter: grayscale(100%) opacity(0.5); filter: grayscale(100%) opacity(0.5); -webkit-transition: 0.3s; transition: 0.3s; } .partner-item img { vertical-align: bottom; max-width: 100%; max-height: 36px; } .partner-item:hover { filter: grayscale(0%) opacity(1); }
 .container {max-width:1360px; margin-left:auto; margin-right:auto;}
 .container article{padding: 12px; border-radius: 10px; background: #461013; background: linear-gradient(306deg, rgb(0 0 0) 0%, rgb(48 23 24) 50%, rgba(18, 14, 15, 1) 100%); border: 1px solid #461013;} 
 .container article h1,
 .container article h2,
 .container article h3 {position:relative; padding-left:15px; font-weight:500; margin-bottom:16px;font-size:1.875rem;}
 .container article h2 {font-size: 1.75rem;}
 .container article h3 {font-size:1.5625rem;}
 .container article h3:before,
 .container article h2:before,
 .container article h1:before {content:''; display:inline-flex; position:absolute; left:-10px; top:0; width:5px; background:#c51329; height:100%;}
 .container article p {line-height:1.3; font-size:1rem; margin-bottom:16px;}
 .container ul {margin: 6px 0 15px 10px;}
.container ol li,
.container ul li {line-height: 1.5; position: relative;margin-bottom: 8px;font-weight: 300;font-size: 14px; color: #fff;padding-left: 15px;}
.container ol li {padding-left:0;}
.container ul li:before {content: '';display: inline-block;position: absolute;left: 0; width: 6px;height: 6px; border: 2px solid #c2a975; border-radius: 10px;top: 8px;}
.container ol {list-style: decimal; padding-left: 10px; margin:0 0 15px 10px;}
.container img {vertical-align:bottom; max-width:100%;}
.container div[itemprop="mainEntity"] {border:1px solid red; border-radius:10px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); padding:10px; margin-bottom:12px;}
.container div[itemprop="mainEntity"] p {margin-bottom:0;}
.container article div[itemprop="mainEntity"] h3 {padding-left:0;}
.container article div[itemprop="mainEntity"] h3:before {display:none;}

.container table { border-radius: 4px; padding: 10px;    color: #fff; line-height: 1.5; font-size: 1rem; margin-bottom: 20px; width: 100%;margin-top: 10px;    border-collapse: collapse; display: block;
overflow-x: auto;}
.container table thead {background: #582024; padding:10px;}
.container table tbody tr {border-bottom: 1px solid rgba(255, 255, 255, .04);}
.container table tbody tr td:nth-child(2) {color: rgba(255,255,255,.7);}
.container table th,
.container table td, .container table thead td {padding: 8px;}
.container blockquote {background: #582024; border-radius: 5px;border-left: 4px solid #c2a975; padding: 15px; line-height: 1.3; margin-bottom: 10px;}

.container blockquote p { margin-bottom: 0;}

 .footer__overflow {display:flex; flex-flow:column; gap:15px; padding-bottom:12px; margin-top:10px;}
 .footer__overflow p {font-size:.8rem; text-align:center; color:#d8aeb8;}
 .pay__method {display: flex; align-items: center; background: #230d11; justify-content: center; gap: 20px; padding: 14px 10px; cursor:pointer;}
 .pay__method img {vertical-align:bottom; width:auto; max-height:24px;}



 
@media screen and (max-width: 1380px) {
	.partners-grid,
	.container,
	.topgames,
.header__topline {padding-left:10px; padding-right:10px;}
.mainscreen {margin-left:10px; margin-right:10px;}
}
 
@media screen and (max-width: 1024px) {
	.partners-grid {justify-content: center;}
	.partners-grid li{width:10%;}
}
   @media screen and (max-width: 960px) {
	   .main_article {padding:80px 40px;}
 .mainscreen:before {background-size:cover; opacity:.6;}
 .mainscreen:after {width:100%;}
   }
 
   @media screen and (max-width: 860px) {
.head__bar {position:fixed; left:0; top:0; bottom:0; z-index:10; background:#120e0f; width:230px; border:0; border-right:1px solid #461013; display:none;}
.header__topline {padding-bottom:12px;}
.head__nav {flex-flow:column; padding-left:5px; padding-top:60px;}
.head__nav li a {justify-content: flex-start;}
.logotype {margin-left:20px; margin-right:auto;}
.mobile__btn {display:inline-flex;}
.visibleNav:before {content:''; display:inline-flex; position:fixed; left:0; top:0; right:0; bottom:0; z-index:10; background:#120e0fba;}
.visibleNav .head__bar {display:flex;}
.visibleNav .mobile__btn {z-index:22; background:#230d11  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M10.5859 12L2.79297 4.20706L4.20718 2.79285L12.0001 10.5857L19.793 2.79285L21.2072 4.20706L13.4143 12L21.2072 19.7928L19.793 21.2071L12.0001 13.4142L4.20718 21.2071L2.79297 19.7928L10.5859 12Z'%3E%3C/path%3E%3C/svg%3E") center/20px no-repeat;}
.head__nav {overflow:auto;}
.game__list {    grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 800px) {
	.partners-grid li{width:16.6%;}
} 
@media screen and (max-width: 760px) {
	.container article h1 {font-size: 1.5rem;}
	.container article h2 {font-size: 1.25rem;}
	.container article h3 {font-size: 1.1rem;}
	.container article p {font-size:.9rem;}
}
@media screen and (max-width: 480px) {
	.main_nav a:first-child {display:none;}
	.pay__method {flex-wrap:wrap;}
}
@media screen and (max-width: 460px) {
	.game__list {    grid-template-columns: repeat(3, 1fr);}
	.partners-grid li{width:20%;}
}