@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 {
	--fonts: 'Montserrat',sans-serif;
	--header-text-color: rgba(0,0,0,.87);
	
	--text-color: rgba(255,255,255,1);
	--half-color: rgba(255,255,255,.5);
	
	--main-color:#14191f;
	--second-color:#1c232b;
	--black-color:#000;
	
	--target-color:#FEDB03;
	
	--frame-ratio: 56.34%;
	--scrollbarBgColor: rgba(0, 0, 0, .05);
	--scrollbarThumbColor: rgba(0, 0, 0, .15);
	--scrollbarThumbColorSecond: rgba(255, 255, 255, .7);
	--scrollbarWidth: 5px;
	--scrollbarHeight: 5px;
	--scrollbarBorder: 0 solid var(--scrollbarBgColor);
	--scrollbarBorderRadius: calc(var(--scrollbarWidth) / 4);
}

.button {cursor:pointer;font-size:16px;font-weight:700;display:inline-block;padding:0 25px;height:50px;line-height:50px;border-radius:5px;border:0px solid transparent;font-family:var(--fonts);}
.button:hover {transition:.2s;filter:brightness(110%);}


h1,h2,h3,h4,h5,h6 {font-size:21px;line-height:25px;margin:0 0 20px 0;}

input,select,button,textarea,*:after,*:before	{font-family:var(--fonts);}
html {font-family:var(--fonts);color:var(--text-color);font-weight:500;font-size:14px;line-height:1.6;margin:0;padding:0;-webkit-font-smoothing:antialiased;} 
body {background:var(--main-color);position:relative;margin:0;padding:0 0 0 0;min-height:100wh;-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;}

marquee.notice {background:#af0fff;color:#000;margin:0 0 0 0;padding:0;height:35px;line-height:35px;display:block;font-size:13px;font-weight:600;}
.wp {width:100%;max-width:1330px;margin:0 auto;padding:0 20px;position:relative;display:flex;gap:20px 30px;flex-wrap:wrap;}
article, .main {width:100%;max-width:960px;}
aside, .aside {width:100%;max-width:300px;}

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:20px;background:var(--main-color);margin:0 0 20px 0;text-align:center;position:relative;display:flex;width:100%;vertical-align:top;gap:20px;justify-content:space-between;align-items:center;align-content:stretch;flex-direction:row;flex-wrap:nowrap;}
header .wp {text-align:center;}

.online-players {display:flex;gap:10px;background:rgba(0,0,0,.2);padding:5px 10px;border-radius:5px;height:40px;}
.online-players:before {content:"\e806";font-family:fontello;line-height:30px;font-size:30px;color:#50F000;font-weight:normal;display:inline-block;}
.online-players .count {}
.online-players .count i {display:block;line-height:15px;font-style:normal;font-weight:700;}
.online-players .count span {display:block;line-height:15px;font-size:13px;font-weight:400;color:rgba(255,255,255,.6);}

.logo {border-bottom:20px solid #af0fff;background:var(--main-color);height:100px;margin:-20px 0 -40px 0;padding:20px 20px 20px 20px;display:flex;align-items:center;gap:5px;position:relative;z-index:2;clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 10% 100%, 0 80%);}
.logo span {white-space:nowrap;display:inline-block;height:40px;line-height:40px;font-weight:800;font-size:29px;text-transform:uppercase;margin:0;letter-spacing:-2px;color:#50F000;text-shadow:0 0 15px rgba(80,240,0,.6);}

.logo img {height:140px;margin:-40px 0 -40px 0;}

.menu {cursor:pointer;background:rgba(0,0,0,.2);padding:5px 10px;border-radius:5px;height:40px;display:flex;gap:10px;}
.menu span {font-weight:700;line-height:30px;font-size:20px;display:inline-block;}
.menu:after {content:"\f0c9";font-family:fontello;line-height:30px;font-size:30px;color:#50F000;font-weight:normal;display:inline-block;}

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


.lang {display:block;position:relative;padding:0 10px;}
.lang .currlang {height:50px;display:block;padding:10px 0;}
.lang .currlang span {text-transform:uppercase;}
.lang ul {position:absolute;top:100%;left:-10px;padding:20px;display:none;border-radius:10px;flex-wrap:wrap;width:330px;gap:15px;}
.lang ul li {height:30px;display:block;padding:0;width:calc(100% / 4 - 45px / 4);}
.lang ul li a {}
.langs {display:flex;height:30px;line-height:30px;white-space:nowrap;}
.langs img {height:30px;line-height:30px;margin:0 5px 0 0;border-radius:50%;}
.langs span {height:30px;line-height:30px;color:#fff;text-transform:uppercase;}
.lang:hover {}
.lang:hover ul {display:flex;background:#1B233C;z-index:5;}


.top {padding:30px 0 40px 0;margin:-20px 0 30px 0;position:relative;background:var(--black-color);}
.top h1, .top h2 {font-size:21px;line-height:25px;margin:0 0 20px 0;}
.top h1:first-letter {text-transform:uppercase;}
.topbg {position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-position:50% 100%;background-size:cover;}
.topbg:after {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:var(--main-color);opacity:0.8;}

.wide {height:100vh;}
.wide .wp {width:100%;max-width:100%;padding:0 30px;gap:30px;z-index:3;}
.wide .wp .main {width:calc(100% - 30px - 300px);max-width:100%;}

.slot {margin:0 0 20px 0;min-height:600px;width:100%;position:relative;}

.slot-main {text-align:center;position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:90%;max-width:90%;display:flex;gap:10px;flex-direction:column;align-items:center;}
.slot-main img {width:100%;max-width:350px;}
#play {border:0px solid transparent;background:#50F000;color:#000;display:inline-block;height:45px;line-height:45px;border-radius:5px;padding:0 30px;font-size:16px;font-weight:700;font-family:var(--fonts);}

marquee.intro {position:absolute;left:0;right:0;bottom:10px;height:20px;line-height:20px;background:transparent;color:rgba(255,255,255,.7);z-index:3;}

.slot-background {position:absolute;left:0;top:0;right:0;bottom:0;display:block;}
.slot-background:after {content:"";background:linear-gradient(to bottom,rgba(28,35,43,.8) 80%,rgba(175,15,225,.6));position:absolute;left:0;top:0;right:0;bottom:0;display:block;z-index:2;}
.slot-background img {width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;display:block;object-fit:cover;z-index:1;}



.slot.fullscreen {height:100%;width:100%;}
iframe {position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;display:block;z-index:4;}

#close {cursor:pointer;transition:.2s;position:absolute;right:20px;top:20px;width:40px;height:40px;background-image:url(../theme/img/close.svg);background-size:cover;opacity:.7;display:none;}
#close:hover {opacity:1;}
.slot.fullscreen #close {display:block;}

.underslot {display:flex;gap:20px;justify-content:space-between;}
.slot-buttons {display:flex;gap:10px;}

#fullscreen,#wide,#narrow,#reload {cursor:pointer;display:inline-block;padding:5px 5px 5px 5px;height:40px;line-height:30px;border-radius:20px;background:var(--main-color);transition:.2s;opacity:.8;}
#fullscreen:hover,#wide:hover,#narrow:hover,#reload:hover {background:var(--second-color);opacity:.99;}
#fullscreen:before,#wide:before,#narrow:before,#reload:before {content:"";width:30px;height:30px;background-size:cover;display:inline-block;float:left;margin:0 0 0 0;filter: drop-shadow(0 0 10px rgba(80, 240, 0, .6));}
#fullscreen:before {background-image:url(../theme/img/fullscreen.svg);}
#wide:before {background-image:url(../theme/img/wide.svg);}
.wide #wide:before {background-image:url(../theme/img/narrow.svg);}
#reload:before {background-image:url(../theme/img/reload.svg);}

.panel {}
.panel ul {list-style-type:none;padding:0;}
.panel ul li {padding:12px 20px;display:flex;justify-content:space-between;background:var(--second-color);border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);}
.panel ul li span {color:#fff;font-weight:700;}
.panel ul li:nth-child(2n) {}





.slots {display:flex;gap:20px;flex-wrap:wrap;padding:20px 20px 20px 20px;margin:-20px -20px 0 -20px;}
.slots a {display:block;width:calc(50% - 10px);min-width:140px;}
.slots a img {width:100%;border-radius:10px;}

.casino {margin:-30px 0 50px 0;padding:20px 0 30px 0;background:var(--second-color);}
.casino h2 {margin:-40px -20px 0px -20px;padding:40px 20px 0 20px;display:inline-block;background:var(--second-color);clip-path: polygon(0 20px, 20px 0,calc(100% - 20px) 0,100% 20px, 100% 100%, 0 100%);}
.offers {position:relative;z-index:2;display:flex;gap:30px;flex-wrap:nowrap;width:calc(100% + 40px);padding:40px 20px 90px 20px;margin:-30px -20px -50px -20px;}
.offer {min-width:300px;width:calc(100% / 4 - 30px * 3 / 4);padding:30px 10px;background:var(--second-color);border-radius:10px;position:relative;z-index:2;}
.offer-logo {background:transparent;padding:0;text-align:center;}
.offer-logo img {filter: drop-shadow(0 0 25px rgba(0,0,0,.45));}
.offer p {text-align:center;font-weight:700;color:rgba(255,255,255,.85);font-size:17px;text-shadow:0 0 2px rgba(0,0,0,.25);}
.offer .promocode {text-align:center;padding:20px 20px 20px 20px;margin:15px -10px -30px -10px;position:relative;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3));border-radius:0 0 10px 10px;}
.offer .promocode:before {content:"";display:block;height:8px;width:100%;border-top:8px dotted rgba(0,0,0,.7);position:absolute;top:-4px;right:0;left:0;}
.offer .promocode span {font-weight:800;color:#fff;font-size:25px;display:block;}
.offer i {border-bottom:2px dashed rgba(255,255,255,.4);position:absolute;left:50%;bottom:-35px;display:inline-block;height:30px;line-height:30px;color:rgba(255,255,255,.7);white-space:nowrap;transform:translate(-50%,0);font-style:normal;font-weight:400;}

.offer:nth-child(1) {background:linear-gradient(103.36deg, rgb(115, 97, 244), rgb(193, 6, 246));box-shadow:rgb(193, 6, 246) 10px 26px 80px -20px;}
.offer:nth-child(2) {background:linear-gradient(103.36deg, rgb(253, 187, 78), rgb(245, 103, 25));box-shadow:rgb(245, 103, 25) 10px 26px 80px -20px;}
.offer:nth-child(3) {background:linear-gradient(103.36deg, rgb(0, 126, 255), rgb(114, 0, 255));box-shadow:rgb(98, 97, 245) 10px 26px 80px -20px;}
.offer:nth-child(4) {background:linear-gradient(103.36deg, rgb(0, 255, 117), rgb(1, 0, 55));box-shadow:rgb(0, 255, 117) 10px 26px 80px -20px;}

.casino .wp:after {z-index:1;content:"";display:block;position:absolute;left:0;right:0;bottom:-50px;height:20px;background:var(--second-color);clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 20px, 20px 20px);}









footer {margin:30px 0 0 0;padding:20px;text-align:center;background:rgba(0,0,0,.2);}






.modal {display:none;position:fixed;left:0;top:0;right:0;bottom:0;color:#000;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);z-index:1000;}
.modal-content {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px;background:#fff;width:100%;max-width:450px;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.3);}
.modal-title {text-align:center;font-weight:700;margin:0 0 10px 0;}
.modal-buttons {display:flex;gap:10px;justify-content:center;margin:20px 0 0 0;}
.agree, .disagree {height:45px;line-height:45px;padding:0 15px;border-radius:5px;cursor:pointer;font-weight:600;}
.agree {color:#fff;background:linear-gradient(to right,#4607d4,#9640eb);}
.disagree {background:rgba(0,0,0,.05);} 

.dragscroll {cursor:grab;white-space:nowrap;will-change:transform;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-ms-user-select:none;user-select:none;}
.dragscroll {scrollbar-width:10px;scrollbar-height:10px;scrollbar-color:var(--second-color);}
.dragscroll::-webkit-scrollbar {width: 10px;height: 10px;}
.dragscroll::-webkit-scrollbar-track {background: var(--second-color);}
.dragscroll::-webkit-scrollbar-thumb {background: #af0fff;border: 0px solid transparent;}


.rating-block {display:flex;gap:10px;padding:5px 10px;height:40px;border-radius:20px;background:var(--main-color);}
.rating {margin-top:-1px;}
.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);filter: drop-shadow(0 0 10px rgba(80, 240, 0, .6));}

@media all and (max-width: 1329px) {
	.wp {max-width: 1000px;}
	aside, .aside {max-width:100%;width:100%;}
	
	.slots {flex-wrap:nowrap;}
	#wide {display:none;}
	.offers.drag-scroll {overflow-x:scroll;overflow-y:hidden;}
	.dragscroll {overflow:auto;}
}
@media all and (max-width: 959px) {
	
	.rating-stats {display:none;}
	
	
	.casino .wp:after {display:none;}

}

@media all and (max-width: 699px) {
	.online-players {display:none;}
	.logo {height:40px;margin:0;padding:0;border-bottom:0px solid transparent;clip-path:none;}
}