@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {font-display:swap;font-family:'fontello';src:url('../theme/font/fontello/fontello.eot?62954784');src:url('../theme/font/fontello/fontello.eot?62954784#iefix') format('embedded-opentype'),url('../theme/font/fontello/fontello.woff2?62954784') format('woff2'),url('../theme/font/fontello/fontello.woff?62954784') format('woff'),url('../theme/font/fontello/fontello.ttf?62954784') format('truetype'),url('../theme/font/fontello/fontello.svg?62954784#fontello') format('svg');font-weight: normal;font-style: normal;}/* Presets */ 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;vertical-align:top;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div {display:block;} * {box-sizing:border-box;} a {text-decoration:none;}


:root {
	--gap:30px;
	
	--fonts: 'Montserrat',sans-serif;	
	--text-color: rgba(255,255,255,1);
	--half-color: rgba(255,255,255,.5);
	
	--main-color:#141415;
	--second-color:#1d1e20;
	
	--gold:#ecd770;
	--cian:#00ffff;
	--gradient-cian: linear-gradient(90deg, rgba(0,255,255,0.9) 0%, rgba(0,204,204,0.85) 40%, rgba(0,153,153,0.9) 70%, rgba(0,102,102,1) 100%);
	--shadow-cian: box-shadow: 0 0 32px 0 rgba(0, 255, 255, 0.5);
	
	--glass: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
}



.btn {position: relative;display: inline-block;text-align: center;background: var(--gradient-cian);color: #ffffff;padding: 14px 24px;border-radius: 16px;font-weight: 700;letter-spacing: 0.02em;text-transform: uppercase;border: none;cursor: pointer;transition: all 0.3s;box-shadow: var(--shadow-cian);overflow: hidden;}
.btn:hover {box-shadow:0 0 40px rgba(0, 255, 255, 0.8),0 16px 64px rgba(0, 153, 153, 0.7);transform: translateY(-3px) scale(1.02);filter: brightness(1.15);}

h1,h2,h3,h4,h5,h6 {line-height:25px;margin:0 0 20px 0;}
h2,h3,h4 {font-size:clamp(20px, 5vw, 30px);margin:20px 0;font-weight:800;text-transform:uppercase;}
input,select,button,textarea,*:after,*:before	{font-family:var(--fonts);}
html {font-family:var(--fonts);color:var(--text-color);font-weight:600;font-size:14px;line-height:1.7;margin:0;padding:0;-webkit-font-smoothing:antialiased;} 
body {background:var(--main-color);position:relative;margin:0;padding:0 0 0 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}
p {margin:20px 0;color:var(--half-color);}
p+p {margin:20px 0 0 0;}

.wp {width:100%;max-width:1330px;margin:0 auto;padding:0 20px;position:relative;}

.grid {display:grid;grid-template-columns: repeat(4, 1fr);gap:var(--gap);}
.span-1 {grid-column:span 1;}
.span-2 {grid-column:span 2;}
.span-3 {grid-column:span 3;}
.span-4 {grid-column:span 4;}

section {margin:0 0 40px 0;}

.block {background:var(--glass);position:relative;border-radius:24px;padding:30px;backdrop-filter: blur(15px);clip-path: polygon(0 20px, 20px 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);}

ul {padding:0 0 0 20px;}

details {cursor:pointer;border:1px solid rgba(255,255,255,.1);padding:20px 20px 10px 20px;border-radius:10px;margin:0 0 20px 0;}
details:hover {background:rgba(255,255,255,.06);}
details + details {margin:-10px 0 20px 0;}
details summary {margin:0 0 10px 0;font-weight:600;}
details summary::marker {display:inline-block!important;width:20px;}

header {padding:16px;margin:0 0 0 0;text-align:center;position:relative;display:flex;width:100%;vertical-align:top;gap:20px;justify-content:center;align-content:stretch;flex-direction:row;flex-wrap:nowrap;}
header .wp {display:flex;align-items:center;justify-content:space-between;}

.logo {letter-spacing:-1px;font-size:28px;white-space:nowrap;text-transform:uppercase;font-weight:800;height:50px;line-height:50px;margin:0;display:flex;align-items:center;gap:3px;position:relative;text-transform:uppercase;text-align:center;position: relative;text-shadow:0 0 40px #00ffff,40px 0 70px #00ffff,-40px 0 70px #00ffff;color:#e5f1f1;}
.logo span {letter-spacing:0px;line-height:22px;height:22px;font-size:14px;font-weight:700;display:inline-block;padding:0 6px;color:rgba(255,255,255,.79);background:rgba(0,153,153,0.9);border-radius:5px;box-shadow:20px 0 70px #00ffff;text-shadow:0 0 0 transparent;}

nav {display:flex;gap:30px;align-content:stretch;align-items:center;}
nav a {color:rgba(255,255,255,.6);}


.top {padding:0 0 0 0;margin:20px 0 60px 0;}

.hero {display:grid;align-items:center;aspect-ratio:16/9;margin:0 0 0 0;}
.hero:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:-2;background:linear-gradient(135deg, rgba(0,255,255,0.1), rgba(255, 51, 102, .05));}
.hero.main:after {content:"";display:block;width:370px;aspect-ratio: 1 / 1;position:absolute;right:-40px;bottom:-40px;background:url(../mines.webp) no-repeat;z-index:-1;opacity:.3;transform:rotate(11deg);}/**/


.hero.game {}
.hero.game img.hero-game-bg {position:absolute;left:0;top:0;right:0;bottom:0;object-fit:cover;height:100%;z-index:-3;}
.hero.game.block:before {background:linear-gradient(135deg, rgba(0, 212, 255, .2), rgba(255, 51, 102, .2));backdrop-filter:blur(6px);}
.hero.game.block:after {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background:linear-gradient(135deg, rgba(25, 41, 44,.7), rgba(24, 27, 30,.7), rgba(25, 15, 18,.7));}

.hero-game-menu {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.hero-game-menu img {width:100%;max-width:250px;border-radius:30px;margin:0 0 20px 0;}

.hero-text {font-size: clamp(15px, 5vw, 16px);}
.hero-text h1 {text-transform:uppercase;letter-spacing:-0.5px;}

.hero-text h1 {font-size: clamp(25px, 5vw, 40px); font-weight: 900; line-height: 1.2;background: linear-gradient(135deg, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 0 0 40px rgba(0, 212, 255, 0.3);margin: 0 0 15px 0;}
.hero-text p {color:#fff;font-weight:600;margin:0 0 30px 0;max-width:630px;}
.hero-text ul {color:#fff;font-weight:600;margin:0 0 40px -30px;padding:0;list-style-type:none;}
.hero-text ul li {margin:0 0 10px 0;}
.hero-text ul li span {display:inline-block;line-height:20px;padding:15px 30px 15px 30px;background:rgba(55, 55, 55, .45);border-radius:0 25px 25px 0;}
.hero-text ul li span:before {content:"\e885";font-family:fontello;font-weight:normal;margin:0 15px 0 0;color:#ecd770;}


.offers {display:grid;position:relative;}

.offer {min-height:540px;position:relative;}
.offer:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:-2;background:linear-gradient(50deg, rgba(255, 51, 102, .05) 10%, transparent 60%);}


.promo {display:flex;flex-wrap:wrap;justify-content:center;align-content:space-around;position:absolute;left:30px;top:30px;right:30px;bottom:30px;}

.promo-img {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}

.promocode {text-align:center;background:rgba(0,0,0,.3);border-radius:10px;padding:50px 20px;font-weight:700;font-size:clamp(20px, 5vw, 30px);margin:20px -10px;}
.promo-text {width:100%;}
.promo-text ul {list-style-type:none;padding:0;font-size:clamp(15px, 5vw, 16px);}
.promo-text ul li {margin:0 0 5px 0;padding:0 0 0 28px;position:relative;}
.promo-text ul li:before {content:"\e80b";font-family:fontello;font-weight:normal;margin:0 10px 0 0;color:#fedb03;position:absolute;left:0;top:0;}

.subhero {display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:45px 30px 15px 30px;margin:-30px 0 0 0;border-radius:0 0 24px 24px;background:rgba(0,0,0,.2);}
.subhero p {margin:0;line-height:30px;}

.games {}
.games a {width:100%;display:block;color:#fff;}
.games a img {width:100%;border-radius:10px;}
.games a span {display:block;}


#gameplay {}
#gameplay picture {text-align:center;display:block;}
#gameplay picture img {width:100%;display:inline-block;mask-image:radial-gradient(circle at center, #000, transparent 90%);}

footer {margin:30px 0 0 0;padding:20px;text-align:center;background:var(--second-color);}


.breadcrumbs {display:flex;list-style-type:none;gap:20px;margin:-10px 0 10px 0;}
.breadcrumbs li {}


.rating {margin-top:-1px;}
.rating-block {display:flex;gap:10px;}
.rating-stats {font-size:13px;font-weight:bold;}
.rating-stats:after {content:" / 5";}
.rating, .rating_active {position:relative;}
.rating__best, .rating__star, .rating__current {position:absolute;}
.rating_active .rating__star {cursor:pointer;}
.rating__star {width:calc(100% / 5);top:0;left:0;}
.rating__star_hover {background-image:none;}
.rating__best {background:url(./img/star-e.svg) repeat-x;}
.rating__best_hover .rating__star_hover {background: url(./img/star-r.svg) repeat-x;}
.rating__current {background: url(./img/star.svg);}


.slick-slider { position:relative; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; } .slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; } .slick-list:focus { outline:none; } .slick-list.dragging { cursor:pointer; cursor:hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .slick-track { position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; } .slick-track:before, .slick-track:after { display:table; content:''; } .slick-track:after { clear:both; } .slick-loading .slick-track { visibility:hidden; } .slick-slide { display:none; float:left; height:100%; min-height:1px; } .slick-slide img { display:block; } .slick-slide.slick-loading img { display:none; } .slick-slide.dragging img { pointer-events:none; } .slick-initialized .slick-slide { display:block; } .slick-loading .slick-slide { visibility:hidden; } .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; } .slick-arrow.slick-hidden { display:none; } .slick-prev, .slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:20px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color:transparent; outline:none; background:transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity:1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity:.25; } .slick-prev:before, .slick-next:before { font-size:20px; line-height:1; opacity:.75; color:white; } .slick-prev { left:-25px; } .slick-prev:before { content:'←'; } .slick-next { right:-25px; } .slick-next:before { content:'→'; } .slick-dots { display:flex; justify-content:center; align-items:center; gap:10px; width:100%; height:60px; padding:0; margin:0; list-style:none; text-align:center; } .slick-dots li { position:relative; display:block; padding:0; cursor:pointer; } .slick-dots li button { font-size:0; line-height:0; display:block; transition:.2s; width:40px; height:5px; padding:0; cursor:pointer; border:0; outline:none; background:rgba(255,255,255,.1); } .slick-dots li button:hover, .slick-dots li button:focus { outline:none; } .slick-dots .slick-active button {width:60px;background:var(--cian);}


@media (max-width: 980px) {
.grid {grid-template-columns: 1fr;}
.span-1, .span-2, .span-3, .span-4 {grid-column: span 1;}
}