/* CSS Document */
* { margin:0; padding:0;}
:focus { outline:0 none;}
body { width:100%; margin:0; padding:0; background:#0D1116 url(../images/mainbg2.webp) center top repeat-y; color:#b0b6bc; font-family: 'Open Sans', sans-serif;}
a { color:#b0b6bc;}
a:hover { color:#ffb31b;}
#container > * { width:100%; float:left;}
/*Header*/
header { background:url(../images/header-bg-line.jpg) repeat-x; height:143px; }
.login-panel { float:right; width:320px; }
.wrapper { max-width:1260px; width:100%; padding:0 10px;margin:0 auto; position:relative;box-sizing: border-box;}
.ahead { background:url(../images/ahead.png) center top no-repeat; width:100%; float:left;padding-top:40px;}

.topnav {float:left;
	top: 40px;
	position: absolute;
	width:100%;
	left: 0;
	height: 99px;
}
.logo { width: 365px;position:absolute; left:10px; top:-40px;transition: 0.5s linear;}
.logo object {width:100%;}
.logo a {display: block;position: absolute;top: 0;left: 0; bottom:0; right:0;}
.topnav li { display:inline-block;}
.topnav li a { text-decoration:none; font-size:14px; text-transform:uppercase; text-align:center;display:block; padding:24px 3px 26px 3px;}
.topnav li a.active, .topnav li a:hover { color:#ffb31b; position:relative;}
.topnav li a.active:after { border-bottom:4px solid #ffb31b; display:inline-block; content:''; position:absolute; bottom:0; left:50%;}
.login-panel {z-index: 1;position: relative;}
.login-panel .login,.login-panel .reg-fast {margin-top: 32px;}
.login { background:url(../images/login-bg.jpg); height:39px; width:80px; float:left; display:block; border-radius:6px; color:#b0b6bc; font-size:13px; font-weight:bold; margin-right:11px; text-decoration:none; text-align:center; line-height:39px; text-transform:uppercase;}
.reg-fast { background:url(../images/ref-fast-user.svg) no-repeat 10px center , url(../images/ref-fast.svg) center right; width:207px; height:38px; line-height:38px; display:block; color:#000; font-size:13px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding-left:35px; float:left;border-radius: 3px;box-sizing: border-box;}
.reg-fast:hover, .login:hover { color:#fff; text-shadow:0 1px 0 #000; box-shadow:0 0 12px rgba(255,255,255,0.5)}
.topnav li { margin:0  10px;position:relative;}
.topnav li a p { width:32px; height:30px; margin:0 auto;}
.topnav .tournaments-count {
	display: block;
	position: absolute;
	top: 42px; right: -10px;
	background: url("../images/unread-bg.svg") left top; 
	background-size: contain;
	width: 16px; height: 16px;
	color: black;
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	cursor: default;}
.ahead.fixed .tournaments-count{
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url("../images/unread-bg.svg") left top;
    background-size: auto auto;
	background-size: auto auto;
	background-size: contain;
	width: 16px;
	height: 16px;
	color: black;
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	cursor: default;
}	
.pr-t p { background:url(../images/play-room-na.svg) no-repeat center / 24px auto;}
.pr-t.active p, .pr-t:hover p { background:url(../images/play-room-act.svg) no-repeat center / 24px auto;}
.pt-t p { background:url(../images/promo-na.svg) no-repeat center / 24px auto;}
.pt-t.active p, .pt-t:hover p {background:url(../images/promo-act.svg) no-repeat center / 24px auto;}
.bn-t p { background:url(../images/bonuses-na.svg) no-repeat center / 22px auto;}
.bn-t.active p, .bn-t:hover p { background:url(../images/bonuses-act.svg) no-repeat center / 22px auto;}
.tn-t p { background:url(../images/turnirs-na.svg) no-repeat center / 21px auto;}
.tn-t.active p, .tn-t:hover p { background:url(../images/turnirs-act.svg) no-repeat center / 21px auto;}
.wt-t p { background:url(../images/winnertop-na.svg) no-repeat center / 22px auto;}
.wt-t.active p, .wt-t:hover p { background:url(../images/winnertop-act.svg) no-repeat center / 22px auto;}
.menu-help p {background: url(../images/menu-help.svg) no-repeat center center / 70% auto;}
.menu-help.active p, .menu-help:hover p {background: url(../images/menu-help-hover.svg) no-repeat center center / 70% auto;}
.log2 p {background: url(../images/logout-btn1.svg) no-repeat center center / 70% auto;}
.log2.active p, .log2:hover p {background: url(../images/logout-btn1-hover.svg) no-repeat center center / 70% auto;}
/* ------ */
.top-profile { width:177px; height:99px; float:left; background:url(../images/login-info.png); border-left:1px solid rgba(255,255,255,0.10);border-right:1px solid rgba(255,255,255,0.10);display: flex;}
.top-profile a, .top-profile span { display:block;}
.top-profile span { color:#ffb31b; font-weight:bold; font-size:14px; margin-bottom:3px; float:left; }
.top-profile a { font-size:10px; font-weight:700; color:#677989; text-decoration: none;color: rgba(175, 175, 175, 1);}
.top-profile a b {font-weight: 700;}
.login-user-content .profile-opn {text-transform: uppercase; padding:0 15px 0 0; background:url(../images/profile-opn.svg) no-repeat center right / 8px auto;}
.top-profile-1.active .login-user-content .profile-opn {background:url(../images/profile-opn-active.svg) no-repeat center right / 8px auto;}
.top-cass { display:block; background: linear-gradient(180deg, #FFCC65 0%, #F5B200 32.81%, #E27F00 86.98%, #FF972D 100%);
 width:116px; height:38px; line-height:38px; text-align:center; color:#000; text-transform:uppercase; font-size:13px; text-shadow:0 1px rgba(255,255,255,0.25); font-weight:bold; border-radius:4px; position:absolute; bottom:14px; text-decoration:none; right:0; cursor:pointer; z-index:100;box-sizing: border-box;}
.top-cass:hover {color:#ffffff;}
.profile-opn { float:left; clear: left; }
.top-blns { font-size:14px; font-weight:bold; color:#ffb31b; margin-bottom:4px;text-align: center;width: 116px;float: right;}
.top-blns span.cur { color:#b0b6bc; text-transform:uppercase; font-size:10px;}
.balance-page { color:#677989; font-size:12px; font-weight:bold; margin-left:15px; float:left;}
.pay-blns { background:url(../images/pay-topbtn.svg); height:25px; width:25px; border-radius:23px; box-shadow:0 0 13px rgba(251,94,68,0.13); float:right; margin-top:-12px; cursor:pointer;}

.top-balance {float: right;padding: 20px 0 0 0;box-sizing:border-box;}

.top-profile-1 {display: flex;align-items: center;padding: 0 0 0 20px;width: 100%;cursor: pointer;}
.login-user-image {height:40px;width:40px; display:flex; justify-content:center; align-items:center;background: rgba(11, 16, 20, 1);border-radius: 100px; margin:0 10px 0 0;position: relative;z-index: 2;}
.login-user-image img {width:24px;}
.login-user-content {position: relative;z-index: 2;}
.login-user-hover {position: absolute;z-index: 1; background-color:rgba(11, 16, 20, 1);border-radius:3px; width:144px; height:128px;top: 25px;left: 18px; padding:52px 0 0 0;box-sizing: border-box;overflow: hidden; display:none;}
.top-profile-1.active .login-user-hover {display:block;}
.login-user-hover .login-user-cassa {text-align:center; border-top:1px solid rgba(19, 27, 34, 1);border-bottom:1px solid rgba(19, 27, 34, 1);color: rgba(175, 175, 175, 1); font-size:14px; padding: 9px 0; box-sizing: border-box;transition:.2s;}
.login-user-hover .login-user-cassa:hover {color:#fff; background-color:rgba(17, 23, 28, 1);}
.login-user-hover .logout {font-size:14px; padding: 9px 0;box-sizing: border-box; background:none;transition:.2s;text-align:center;}
.login-user-hover .logout:hover {color:#fff; background-color:rgba(17, 23, 28, 1);}

/*Slider*/

.slider .bx-slider { position:relative; height:384px;overflow: hidden;}
.slider .bx-slider li { height:384px;max-width: 1240px;overflow: hidden;}
.slider .bx-pager { position:absolute; bottom:22px; text-align:center; width:100%; left:0; font-size:0; line-height:0;}
/* точки: неактивные — кружки, активная — полоска с прогрессом автопрокрутки */
.slider .bx-pager .bx-pager-item { display:inline-block; vertical-align:middle; margin:0 4px; width:auto; height:auto; background:none; border:0; text-indent:0;}
.slider .bx-pager .bx-pager-item a { position:relative; display:block; width:8px; height:8px; margin:0; border:0; border-radius:8px; overflow:hidden; font-size:0;
	background:rgba(255,255,255,.5); box-shadow:0 0 0 1px rgba(0,0,0,.25), 0 1px 6px rgba(0,0,0,.55); transition:width .3s, background-color .3s;}
.slider .bx-pager .bx-pager-item a:hover { background:rgba(255,255,255,.75);}
.slider .bx-pager .bx-pager-item a.active { width:40px; background:rgba(20,22,30,.55);}
.slider .bx-pager .bx-pager-item a.active::after { content:''; position:absolute; left:0; top:0; bottom:0; width:0; border-radius:inherit; background:linear-gradient(90deg, #f9c766, #f2a535);}
.slider .bx-pager .bx-pager-item a.active.is-progress::after { animation:sliderProgress 4s linear forwards;}
.slider.is-paused .bx-pager .bx-pager-item a.active::after { animation-play-state:paused;}
@keyframes sliderProgress { from { width:0;} to { width:100%;} }
.slider .bx-controls-direction, .owl-nav { position:absolute; top:50%; margin-top:-20px; width:100%;left: 0;}
.slider .bx-controls-direction a, .owl-nav div { text-indent:-99999px;height:41px; width:41px; position:absolute;}
.slider .bx-prev, .owl-prev { background:url(../images/prev-sl-main.svg) no-repeat center / cover;  left:10px;transition:.2s;}
.slider .bx-next, .owl-next { background:url(../images/next-sl-main.svg) no-repeat center / cover; right:10px;transition:.2s;}
.slider .bx-prev:hover, .owl-prev:hover,.slider .bx-next:hover, .owl-next:hover {opacity:.5;}
/* стрелки слайдера: круглые, «стекло» + золотая стрелка; на десктопе видны только при наведении */
.slider .bx-controls-direction a { width:46px; height:46px; margin-top:-3px; box-sizing:border-box; overflow:hidden; border-radius:50%;
	background:rgba(10,12,20,.55); border:1px solid rgba(255,255,255,.14); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
	transition:opacity .25s, transform .25s, border-color .2s, background-color .2s;}
.slider .bx-controls-direction a::after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#f6b73c;
	-webkit-mask:url(../images/icons/arrow-right.svg) center / 22px no-repeat; mask:url(../images/icons/arrow-right.svg) center / 22px no-repeat;}
.slider .bx-controls-direction a.bx-prev::after { -webkit-mask-image:url(../images/icons/arrow-left.svg); mask-image:url(../images/icons/arrow-left.svg);}
.slider .bx-controls-direction a.bx-prev { left:20px;}
.slider .bx-controls-direction a.bx-next { right:20px;}
.slider .bx-controls-direction a:hover { opacity:1; border-color:rgba(246,183,60,.8); background-color:rgba(246,183,60,.12);}
@media (hover: hover) {
	.slider .bx-controls-direction a.bx-prev { opacity:0; transform:translateX(-12px);}
	.slider .bx-controls-direction a.bx-next { opacity:0; transform:translateX(12px);}
	.slider:hover .bx-controls-direction a.bx-prev, .slider:hover .bx-controls-direction a.bx-next { opacity:1; transform:none;}
}
/* на сенсорных экранах стрелок нет: листают свайпом и точками, плюс автопрокрутка */
@media (hover: none) { .slider .bx-controls-direction { display:none;} }
.lfpnl { float:left; margin-left:90px;}
.lfpnl .img {margin: 70px 0 60px;}
.lfpnl .img1 {display:none;}
.imgg {margin: 80px 0 30px 0;}
.imgg1 {display:none;}
.rtpnl { float:right; margin-right:100px; text-align:center; margin-top:170px;}
.rtpnl.ftslde {margin-top:80px;}
.slider .bx-slider div.rtpnl h3 { text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:800; color:#b0b6bc; font-size:30px; text-shadow:0 0 20px #fc0d1b; }
.slider .lfpnl p { font-size:45px; color:#ffb21b; margin-top:90px; margin-bottom:10px; line-height:1;}
.slider .lfpnl span { display:block; color:#fff; font-size:45px; line-height:1;}
.slider .lfpnl span storng {font-family: 'FuturaPT-Heavy'; font-weight:normal;}
.bottom-red a { background:url(../images/sl-reg-btn.svg) no-repeat center / cover; width:288px; height:68px; line-height:68px; text-align:center; display:block; box-shadow:0 0 20px #c80101, inset 0 0 10px #c80101; border-radius:5px; text-transform:uppercase; color:#fff; text-decoration:none; font-size:30px; letter-spacing:3px; margin-top:20px;position:relative; overflow:hidden; padding-right:0 !important; top:0 !important;}
.bottom-red a:hover {  color:#ffb31b; text-shadow:1px 1px 0 #000;}
/* Кнопки слайдера: золотые, иконка | текст | стрелка */
.slider .lfpnl a {
	position:relative; overflow:hidden; box-sizing:border-box;
	display:grid; grid-template-columns:24px 1fr 24px; align-items:center; column-gap:10px;
	width:232px; height:50px; line-height:1; padding:0 18px; margin-top:20px;
	text-align:center; text-decoration:none; text-transform:none; letter-spacing:.2px; text-shadow:none;
	border-radius:6px; border:1px solid rgba(255,212,140,.85);
	background:
		url(../images/icons/chevron.svg) right 21px center / 18px no-repeat,
		radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%),
		linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	color:#1a1206; font:600 19px/1 'Futura PT Demi', 'Open Sans', sans-serif;
	box-shadow:
		0 0 0 1px rgba(255,170,70,.2),
		0 0 26px rgba(240,150,40,.5),
		0 8px 18px rgba(0,0,0,.3),
		inset 0 1px 0 rgba(255,236,190,.85),
		inset 0 6px 12px rgba(255,220,160,.25),
		inset 0 -5px 10px rgba(165,85,5,.22);
	transition:transform .15s, box-shadow .15s, filter .15s;
}
.slider .lfpnl a::before {
	content:''; grid-column:1; justify-self:center; width:24px; height:24px;
	background:currentColor;
	-webkit-mask:url(../images/icons/rocket.svg) center / contain no-repeat;
	        mask:url(../images/icons/rocket.svg) center / contain no-repeat;
}
.slider .lfpnl a.ico-refund::before { -webkit-mask-image:url(../images/icons/refund.svg); mask-image:url(../images/icons/refund.svg); }
.slider .lfpnl a.ico-tg::before     { -webkit-mask-image:url(../images/icons/send.svg);   mask-image:url(../images/icons/send.svg); }
.slider .lfpnl a.ico-wallet::before { -webkit-mask-image:url(../images/icons/wallet.svg); mask-image:url(../images/icons/wallet.svg); }
.slider .lfpnl a.ico-trophy::before { -webkit-mask-image:url(../images/icons/trophy.svg); mask-image:url(../images/icons/trophy.svg); }
.slider .lfpnl a:hover {
	color:#1a1206; text-shadow:none;
	transform:translateY(-2px); filter:brightness(1.05);
	box-shadow:
		0 0 0 1px rgba(255,170,70,.28),
		0 0 36px rgba(240,150,40,.65),
		0 12px 22px rgba(0,0,0,.35),
		inset 0 1px 0 rgba(255,236,190,.85),
		inset 0 6px 12px rgba(255,220,160,.25),
		inset 0 -5px 10px rgba(165,85,5,.22);
}
.slider .lfpnl a:active { transform:translateY(1px); }

/* Анимируемые элементы скрыты, пока слайд не получил .current (иначе мигают при въезде) */
.bx-slider > li:not(.current) .rtpnl.fslde p,
.bx-slider > li:not(.current) .rtpnl.fslde div,
.bx-slider > li:not(.current) .rtpnl.dslde p,
.bx-slider > li:not(.current) .rtpnl.tslde p,
.bx-slider > li:not(.current) .rtpnl.pslde img,
.bx-slider > li:not(.current) .coins > div,
.bx-slider > li:not(.current) .rcoins > div,
.bx-slider > li:not(.current) .dpcoins > div,
.bx-slider > li:not(.current) .bigbow,
.bx-slider > li:not(.current) .smalbow,
.bx-slider > li:not(.current) .lfpnl.nysli p { opacity:0; }
.jpt-insl { font-family: 'rotondacregular'; color:#feb188; font-size:82px; text-shadow: #a3291b 1px 0px, #a3291b 1px 1px, #a3291b 0px 1px, #a3291b -1px 1px, #a3291b -1px 0px, #a3291b -1px -1px, #a3291b 0px -1px, #a3291b 1px -1px, #a3291b 0 0 2px, #a3291b 0 0 2px, #a3291b 0 0 2px, #a3291b 0 0 2px, #a3291b 0 0 2px, #a3291b 0 0 2px, #a3291b 0 0 2px, #a3291b 0 0 2px, 0 10px 5px rgba(0,0,0,0.45), 0 0 40px #fa3b00;  line-height:106px; padding:0px 40px;  text-align:center;  float:left;  position:relative; z-index:222; width:363px;}
.jpt-insl:before {background:url(../images/diods-lamp.png); height:206px; content:'';  width:571px; display:block; position:absolute; top:-40px; left:-65px; z-index:-1;}
.jpt-insl:after { content:'';  background:url(../images/rubble.png); width:89px; height:93px; float:left; margin-top:10px;position: absolute;right: -90px;}
.rtpnl h3 { width:453px; padding-bottom:20px;}

/*Main menu*/
.mainnav {background:url(../images/mainnav-bg.jpg) repeat-x;   font-family: 'FuturaPT-Book'; font-size:21px; text-align:center;}
.mainnav .flex {display:flex;align-items: center;z-index: 2;}

.mainnav > div > ul {display: flex; justify-content: center;overflow: hidden;}
.mainnav li {display:inline-block; }
.mainnav li a { color:#b0b6bc; text-decoration:none; text-shadow:0 -2px 1px #000;display: inline-flex;padding: 25px 0;align-items: center;white-space: nowrap;}
.mainnav li a.active { color:#ffb31b; text-shadow:none;}
.mainnav li a p { display:inline-flex; width:39px; height:39px; border-radius:60px; margin-right:5px;}
.mainnav li a.active p, .mainnav li a:hover p { background:url(../images/mm-bg-act.svg) no-repeat center / 39px;box-shadow: 0px 7px 9px rgba(246, 167, 23, 0.25); height:39px; width:39px;}
.mainnav li a p span { display:block; width:39px; height:39px; margin:0 auto;}

.mm-cat-pragmatic { margin-left: -20px; }

.mm-cat-all span { background:url(../images/mm-all-ico.png) no-repeat center / auto 27px;}
.mm-cat-megajack span { background:url(../images/mm-megajack-ico.svg) no-repeat center / auto 20px;}
.mm-cat-greentube span { background:url(../images/mm-cat-greentube.svg) no-repeat center / auto 24px;}
.mm-cat-igroslots span { background:url(../images/mm-igroslots-ico.svg) no-repeat center / auto 24px;}
.mm-cat-roulette span { background:url(../images/mm-roulette-ico.svg) no-repeat center / auto 24px;}
.mm-cat-netent span { background:url(../images/mm-netent-ico.svg) no-repeat center / auto 33px;}
.mm-cat-yggdrasil span { background:url(../images/mm-cat-yggdrasil.svg) no-repeat center / auto 24px;}
.mm-cat-playngo span { background:url(../images/mm-cat-playngo.svg) no-repeat center / auto 24px;}
.mm-cat-all.active span { background:url(../images/mm-all-active.png) no-repeat center / auto 27px;}
.mm-cat-pragmatic span { background:url(../images/mm-cat-pragmatic.svg) no-repeat center / auto 27px;}
.mm-cat-pushgaming span { background:url(../images/mm-cat-pushgaming.svg) no-repeat center / auto 20px;}



.mm-cat-pragmatic.active span, .mm-cat-pragmatic:hover span  { background:url(../images/mm-cat-pragmatic-active.svg) no-repeat center / auto 27px;}
.mm-cat-pushgaming.active span, .mm-cat-pushgaming:hover span  { background:url(../images/mm-cat-pushgaming-active.svg) no-repeat center / auto 20px;}
.mm-cat-megajack.active span, .mm-cat-megajack:hover span  { background:url(../images/mm-megajack-active.svg)  no-repeat center / auto 20px;}
.mm-cat-igroslots.active span, .mm-cat-igroslots:hover span{ background:url(../images/mm-igroslots-active.svg)  no-repeat center / auto 24px;}
.mm-cat-roulette.active span, .mm-cat-roulette:hover span { background:url(../images/mm-roulette-active.svg)  no-repeat center / auto 24px;}
.mm-cat-netent.active span, .mm-cat-netent:hover span { background:url(../images/mm-netent-active.svg)  no-repeat center / auto 33px;}
.mm-cat-other.active span, .mm-cat-other:hover span { background:url(../images/mm-other-active.png)  no-repeat center / auto 27px;}
.mm-cat-yggdrasil.active span, .mm-cat-yggdrasil:hover span  { background:url(../images/mm-cat-yggdrasil-active.svg)  no-repeat center / auto 24px;}
.mm-cat-playngo.active span, .mm-cat-playngo:hover span  { background:url(../images/mm-cat-playngo-active.svg)  no-repeat center / auto 24px;}
.mm-cat-microgaming.active span, .mm-cat-microgaming:hover span  { background:url(../images/mm-cat-microgaming-active.png)  no-repeat center / auto 27px;}
.mm-cat-belatra.active span, .mm-cat-belatra:hover span  { background:url(../images/mm-cat-belatra-active.png)  no-repeat center / auto 27px;}
.mm-cat-unicum.active span, .mm-cat-unicum:hover span  { background:url(../images/mm-cat-unicum-active.png)  no-repeat center / auto 27px;}
.mm-cat-greentube.active span, .mm-cat-greentube:hover span { background:url(../images/mm-cat-greentube-active.svg) no-repeat center / auto 24px;}


/*Main Sub*/
.mainsub {float:left; width:100%;height:0; overflow:hidden;transition:.1s;}
.mainsub.active {height:100% !important;padding: 10px 0 0 0;}
.mainsub ul {display:flex; flex-wrap:wrap; list-style:none;}
.mainsub ul li {display:inline-block; padding:5px;}
.mainsub ul a {display: inline-block; padding:10px 25px 10px 20px;color:#929292;background-color:#19222b; font-size:18px;font-family: 'FuturaPT-Book';font-weight:normal;border-radius:50px;text-decoration:none;transition:0.3s;}
.mainsub ul a:hover {color:#fff;background-color:#ffb31b;}

.all-menu {cursor:pointer;white-space: nowrap; background:url(../images/mainsub.svg) no-repeat 100% 12px / 12px 12px;padding: 0 20px 0 0;margin: 0 20px 0 0;}
.all-menu.active {color:#ffb31b;background:url(../images/mainsub-up.svg) no-repeat 100% 12px / 12px 12px;}
.all-menu.active:hover {color:#ffb31b;background:url(../images/mainsub-up.svg) no-repeat 100% 12px / 12px 12px;}
.all-menu:hover {color:#ffb31b;background:url(../images/mainsub-down.svg) no-repeat 100% 12px / 12px 12px;}

.mainsub ul li a:before {content:"";width:23px; height:23px; display: inline-block;vertical-align: bottom;margin: 0 7px 0 0;}
.mainsub ul li:nth-child(1) a:before {background: url(../images/home-greentube.svg) no-repeat center / auto 20px;}
.mainsub ul li:nth-child(2) a:before {background: url(../images/home-igrosoft.svg) no-repeat center / auto 20px;}
.mainsub ul li:nth-child(3) a:before {background: url(../images/home-netent.svg) no-repeat center / auto 100%;height:23px;}
.mainsub ul li:nth-child(4) a:before {background: url(../images/home-pragmatic.svg) no-repeat center / auto 100%;}
.mainsub ul li:nth-child(5) a:before {background: url(../images/home-pushgaming.svg) no-repeat center / 20px auto;}
.mainsub ul li:nth-child(6) a:before {background: url(../images/home-yggdrasil.svg) no-repeat center / auto 20px;}
.mainsub ul li:nth-child(7) a:before {background: url(../images/home-playngo.svg) no-repeat center / auto 20px;}
.mainsub ul li:nth-child(8) a:before {background: url(../images/home-megajack.svg) no-repeat center / 100% auto}
.mainsub ul li:nth-child(9) a:before {background: url(../images/home-roulette.svg) no-repeat center / auto 20px;}
.mainsub ul li:nth-child(10) a:before {background: url(../images/home-microgaming.svg) no-repeat center / auto 20px;}
.mainsub ul li:nth-child(11) a:before {background: url(../images/home-belatra.svg) no-repeat center / auto 20px;}
.mainsub ul li:nth-child(12) a:before {background: url(../images/home-unicum.svg) no-repeat center / auto 20px;}
.mainsub ul li:nth-child(13) a:before {background: url(../images/home-betinhell.svg) no-repeat center / auto 20px;}

.tblock.PushGaming h1 span {background: url(../images/home-pushgaming.svg) no-repeat center / 20px auto;}

/*Main Content*/
.tblock { width:100%; float:left; background:url(../images/head-content.png) bottom left no-repeat; margin-bottom:25px; padding-top:30px;position: relative;}
h1 {font-family: 'FuturaPT-Book'; text-transform:uppercase; color:#ffb31b; font-size:24px; font-weight:normal; float:left; width:50%; padding-bottom:10px;}
.promotion.page h1 {float: initial;}
.preart h1 {float: none; width:100%;}
h1 span { background:url(../images/h1-ico.svg) no-repeat center / auto; width:37px; height:39px; display:block; float:left;margin-right:10px;margin-top: -4px;}
.contact-block {float: left; width:100%;}
.search { float:right; border-bottom:2px solid #ffb31b; padding-bottom:10px; width:80px; overflow:hidden; position:absolute; transition:width ease .5s 0s;height: 44px;box-sizing: border-box;right: 0;bottom: 0;}
.s-trig { position:absolute; z-index:100; top:0; left:0; bottom:0; right:0; cursor:pointer;}
.bx-sl > li	{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.search.activated { width:251px;}
.search input { display:block; float:left; border:0 none;}
.search input[type="text"] { background:none; height:29px; width:195px; padding-left:15px; color:#fff; font-weight:bold; font-size:14px; position:absolute; left:0; z-index:2;}
.search input[type="submit"] { background:url(../images/search-ico.svg) 5px 5px no-repeat; height:29px; width:41px; text-indent:-99999px; float:right;}
.gameplace { width:100%; float:left;}
.index-height { width:100%; float:left;overflow:hidden;display: flex; position:relative;}
.index-height .bx-sl {width:100%;}
.game-block { float:left; width:184px; color:#b0b6bc; font-size:14px; cursor:pointer; position:relative; transition: all 0.4s ease 0s;	margin: 0 5px;height: 189px;}
.game-block:nth-of-type(5n) { margin-right:0;}
.game-block > img { display:block; width: 100%;height: auto;}
.game-block a {text-decoration: none;}
.game-block p {box-sizing: border-box;height:52px; background:url(../images/gb-p.png); font-family: 'FuturaPT-Book'; padding-left:20px; position:relative;align-content: center;}
.game-block p a.plus { background:url(../images/plus-blg.svg); width:42px; height:42px; opacity:0.6; display:block; position:absolute; right:8px; bottom:5px; cursor:pointer;}
/* @TODO icon for user favourite game */
.game-block p a.plus.fav { background:url(../images/plus-blg.svg); background-position-x: 42px; }
.game-block:hover p { color:#ffb31b;	}
.game-block:hover p a.plus { opacity:1;}
.rblock { display:none; position:absolute; width:100%; height:120px; position:absolute;  top:17px; cursor:default; z-index:100;}
.game-block:hover .rblock { display:block;}
.game-block:hover > img { opacity:.3;}
.play-now { display:block; width:64px; height:56px; background:url(../images/play-btn-bg.svg);   margin:0 auto; margin-top:10px;transition: all 0.4s ease 0s; position:relative;}
.play-now:hover  { -webkit-transform: perspective(100px)  scale(1.15);
	  -ms-transform:perspective(100px)  scale(1.15);
	  -o-transform:perspective(100px)   scale(1.15);
	-moz-transform:perspective(100px)   scale(1.15);
	 transform:perspective(100px)   scale(1.15);
	 z-index:100;}
	 .game-block:hover  { -webkit-transform: perspective(100px)  scale(1.02);
	  -ms-transform:perspective(100px)  scale(1.02);
	  -o-transform:perspective(100px)   scale(1.02);
	-moz-transform:perspective(100px)   scale(1.02);
	 transform:perspective(100px)   scale(1.02);
	 z-index:100;}
.demo-game { display:block; background:url(../images/demo-bg.jpg); width:74px; height:30px; text-decoration:none; color:#b0b6bc; line-height:30px; text-align:center; text-transform:uppercase; font-weight:bold; font-size:11px; tex-shadow:0 -1px 0 #000; margin:0 auto; margin-top:12px;}
.nnls:after { content:''; background:url(../images/newless.svg) no-repeat center / 100%; width:81px; height:81px; display:block; position:absolute; right:-5px; top:12px;}
.ttpg:after { content:''; background:url(../images/topper.svg) no-repeat center / 100%; width:81px; height:81px; display:block; position:absolute; right:-5px; top:12px;}


.index-height  .bx-slider li {  width:100%;}
.index-height .bx-pager { position:absolute; text-align:center; width:100%; bottom:0; display:none;}
.index-height .bx-pager .bx-pager-item { width:16px; height:16px; background:#100f17; border-radius:24px; display:inline-block; margin:0 2px; text-indent:-999999px; border:1px solid #2f2f3a;}
.index-height .bx-pager .bx-pager-item a { display:block; width:8px; height:8px; margin-top:3px; margin-left:3px; border:1px solid #21252d; background:#181e26; border-radius:8px;}
.index-height .bx-pager .bx-pager-item  a.active { border-color:#ffc758; background:#ffb31b;}
.index-height .bx-controls-direction { display:none;}
.games_cat, .games_search {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	width: 100%;

	
}
.gameplace.se .games_search {margin-bottom: 40px;}
/*home slider*/
.home-new,.games_cat {position:relative;margin-bottom:40px;overflow: hidden;}
.home-new,.home-slider,.home-slider1 {float:left; width:100%;}
.home-new h1 {width:auto;}
.home-new .home-all,.games_cat .home-all {color:#ffb400;font-size:14px; float:right; margin:5px 90px 0 0;text-decoration: none;transition:0.3s;}
.home-new .home-all:hover,.games_cat .home-all:hover {opacity:0.4;}
.home-new .owl-nav,.games_cat .owl-nav{position: absolute;top: -60px;right: 0; width:60px;left: auto;margin:0 !important;}
.home-new .owl-prev,.games_cat .owl-prev {background:url(../images/home-left-arrow.svg) no-repeat center / auto 16px !important; transition:.5s; width:16px; height:16px; font-size:0!important;margin:0!important; float:left;}
.home-new .owl-next,.games_cat .owl-next {background:url(../images/home-right-arrow.svg) no-repeat center / auto 16px !important; transition:.5s; width:16px; height:16px;font-size:0!important; margin:0!important;float:right;}
#home-partners .owl-carousel .owl-item a{background-color:#161D25;border-radius: 4px;width: 100%;height: 100px; display:block;transition:.2s;}
#home-partners .owl-carousel .owl-item a:hover{transform: perspective(100px) scale(1.02);background-color: #1D242C;}
#home-partners .img1 {background:url(../images/partner-logo-igrosoft.svg) no-repeat center;}
#home-partners .img2 {background:url(../images/partner-logo-netent.svg) no-repeat center;}
#home-partners .img3 {background:url(../images/partner-logo-yggdrasil.svg) no-repeat center;}
#home-partners .img4 {background:url(../images/partner-logo-playngo.svg) no-repeat center;}
#home-partners .img5 {background:url(../images/partner-logo-belatragames.svg) no-repeat center;}
#home-partners .img6 {background:url(../images/partner-logo-microogaming.svg) no-repeat center;}
#home-partners .img7 {background:url(../images/partner-logo-greentube.svg) no-repeat center;}
#home-partners .img8 {background:url(../images/partner-logo-megajack.svg) no-repeat center;}
#home-partners .img9 {background:url(../images/partner-logo-unicum.svg) no-repeat center;}
#home-partners .img10 {background:url(../images/partner-logo-betinhell.svg) no-repeat center;}
#home-partners .img11 {background:url(../images/partner-logo-pragmatic.svg) no-repeat center;}
#home-partners .img12 {background:url(../images/partner-logo-pushgaming.svg) no-repeat center;}
.providers-block {display:flex; flex-wrap:wrap; clear: both;justify-content: center;padding: 40px 0;}
.providers-block a {background-color:#161D25 !important;border-radius: 4px;width: 200px;height: 100px; display:block;transition:.2s; margin:3px;}
.providers-block a:hover {transform: perspective(100px) scale(1.02);background-color: #1D242C!important;}
.home-topicgame h2 {float:left;}

.home-new h2,.games_cat h2 {
    font-family: 'FuturaPT-Book';
    text-transform: uppercase;
    color: #ffb31b;
    font-size: 24px;
    font-weight: normal;
    float: left;
    padding-bottom: 10px;
}
.home-new h2 span,.games_cat h2 span { background:url(../images/h1-ico.svg) no-repeat center / auto; width:39px; height:39px; display:block; float:left;margin-right:10px;margin-top: -4px;}
.home-new .tblock,.games_cat .tblock {padding-top: 0;}

#home-new  h2 span {background: url(../images/home-new.svg) no-repeat center;}
#home-greentube  h2 span {background: url(../images/home-greentube.svg) no-repeat center;}
#home-igroslots  h2 span {background: url(../images/home-igrosoft.svg) no-repeat center;}
#home-netent  h2 span {background: url(../images/home-netent.svg) no-repeat center;}
#home-roulette h2 span {background: url(../images/home-roulette.svg) no-repeat center;}
#home-yggdrasil  h2 span {background: url(../images/home-yggdrasil.svg) no-repeat center;}
#home-playngo h2 span {background: url(../images/home-playngo.svg) no-repeat center;}
#home-megajack h2 span {background: url(../images/home-megajack.svg) no-repeat center;}
#home-belatra h2 span {background: url(../images/home-belatra.svg) no-repeat center;}
#home-unicum h2 span {background: url(../images/home-unicum.svg) no-repeat center;}
#home-betinhell h2 span {background: url(../images/home-betinhell.svg) no-repeat center;}
#home-pragmatic h2 span {background: url(../images/home-pragmatic.svg) no-repeat center;}
#home-blackdjec h2 span {background: url(../images/home-blackdjec.svg) no-repeat center;}
#home-pushgaming h2 span {background: url(../images/home-pushgaming.svg) no-repeat center;}


#home-bonus {display:flex; margin-bottom:40px;float: left;width: 100%;}
#home-bonus h2 {font-family: 'FuturaPT-Book';text-transform: uppercase;color: #9f9f9f;font-size: 24px;font-weight: normal;float: left;padding-bottom: 10px;}
#home-bonus h2 span {color:#dedede;}
#home-bonus img {width:100%;height: 231px;}
#home-bonus object {width:100%;display: block;z-index: 4;position: relative;}
#home-bonus .hb-1 {margin-bottom:25px; float:left; width:100%;}
#home-bonus .hb-1 a {color:#ffb400;font-size:14px; float:right; margin:5px 0 0 0;text-decoration: none;transition:0.3s;}
#home-bonus .hb-1 a:hover {opacity:0.4;}
.home-bonus-2 .img {float:left;position:relative;}
.home-bonus-2 .img a {position:absolute; top:0; right:0;bottom:0; left:0;z-index: 5;}

#home-bonus .home-bonus-2 {max-width:469px;margin-left:25px;}
#home-bonus .hb-2 {display:block; position:relative;float: left;width: 100%; text-decoration:none;}
#home-bonus .label-cl{position: absolute; top: 0;}

.home-slider2 {float: left;width: 100%;}
#home-topicgame .tblock{height:40px;}
#home-topicgame .owl-carousel .owl-item a{border-radius: 4px;width: 100%;height: 150px; display:flex;transition:.2s;font-weight: 450;
font-size: 18px;color: #AAB0B6; padding:0 0 0 25px;align-items: center;text-decoration: none;box-sizing: border-box;font-family: 'Futura PT Demi';background-position: bottom right -30px !important;}
#home-topicgame .owl-carousel .owl-item > div:hover{transform: scale(1.03);}
#home-topicgame .owl-carousel .owl-item > div {border-radius: 4px; overflow:hidden;transition:.2s;width: 230px;}
#home-topicgame .topic-books {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(34,31,15,1) 53%, rgba(220,170,51,0.5) 100%);}
#home-topicgame .topic-777 {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(50,17,15,1) 53%, rgba(244,51,39,0.7) 100%);}
#home-topicgame .topic-animals {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(11,21,37,1) 53%, rgba(51,109,220,0.5) 100%);}
#home-topicgame .topic-treasures {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(34,26,10,1) 53%, rgba(248,153,11,0.5) 100%);}
#home-topicgame .topic-fruits {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(34,31,15,1) 53%, rgba(220,170,51,0.5) 100%);}
#home-topicgame .topic-winter {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(12, 34, 58, 1) 53%, rgba(39, 133, 244, 0.7) 100%);}
#home-topicgame .topic-asia {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(41,16,36,1) 53%, rgba(220,51,173,0.5) 100%);}
#home-topicgame .topic-vikings {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(35,10,10,1) 53%, rgba(248,26,11,0.5) 100%);}
#home-topicgame .topic-blackjack {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(38, 39, 40, 1) 53%, rgba(225, 216, 215, 0.5) 100%);}
#home-topicgame .topic-gods {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(38, 39, 40, 1) 53%, rgba(255, 73, 40, 0.5) 100%);}
#home-topicgame .topic-pirates {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(38, 39, 40, 1) 53%, rgba(65, 140, 88, 0.7) 100%);}
#home-topicgame .topic-western {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(38, 39, 40, 1) 53%, rgba(220, 167, 51, 0.5) 100%);}
#home-topicgame .topic-sea {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(38, 39, 40, 1) 53%, rgba(248, 26, 11, 0.5) 100%);}


#page-topicgame a{border-radius: 4px;overflow: hidden;transition: .2s;width: 290px;display: block;height: 190px;}
#page-topicgame .index-height {overflow: initial;}
#page-topicgame .game-block {width: 290px;height: 190px;border-radius: 4px;
overflow: hidden;transition: .2s;margin: 0 2px 25px 2px;}
#page-topicgame .game-block:hover {transform: scale(1.03);}
#page-topicgame .game-block p {
height: 100%;
display: flex;
transition: .2s;
font-weight: 450;
font-size: 20px;
color: #AAB0B6;
padding: 0 0 0 45px;
align-items: center;
text-decoration: none;
box-sizing: border-box;
font-family: 'Futura PT Demi';position: absolute;
top: 0;
left: 0;
background: none;}
#page-topicgame .game-block img {position: absolute; bottom:0; right:0;height: auto;width: auto;}
#page-topicgame .books, #page-topicgame .fruits {background: rgb(6,9,10);
background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(34,31,15,1) 53%, rgba(220,170,51,0.5) 100%);}
#page-topicgame .game-block:nth-child(2) {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(50,17,15,1) 53%, rgba(244,51,39,0.7) 100%);}
#page-topicgame .treasures {background: rgb(6,9,10);
background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(34,26,10,1) 53%, rgba(248,153,11,0.5) 100%);}
#page-topicgame .winter {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(12, 34, 58, 1) 53%, rgba(39, 133, 244, 0.7) 100%);}
#page-topicgame .vikings {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(35,10,10,1) 53%, rgba(248,26,11,0.5) 100%);}
#page-topicgame .more-games {display:none;}
#page-topicgame .animals {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(11,21,37,1) 53%, rgba(51,109,220,0.5) 100%);}
#page-topicgame .asia {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(41,16,36,1) 53%, rgba(220,51,173,0.5) 100%);}
#page-topicgame .blackjack {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(38, 39, 40, 1) 53%, rgba(225, 216, 215, 0.5) 100%);}
#page-topicgame .gods {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(38, 39, 40, 1) 53%, rgba(255, 73, 40, 0.5) 100%);}
#page-topicgame .pirates {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(38, 39, 40, 1) 53%, rgba(65, 140, 88, 0.7) 100%);}
#page-topicgame .western {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(38, 39, 40, 1) 53%, rgba(220, 167, 51, 0.5) 100%);}
#page-topicgame .sea {background: rgb(6,9,10);background: linear-gradient(108deg, rgba(6,9,10,1) 10%, rgba(38, 39, 40, 1) 53%, rgba(248, 26, 11, 0.5) 100%);}



/*Game Cart*/
.game-cart {
    width: 100%;
    float: left;
    padding: 40px 0;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.game-cart-1{width: 25%;}
.game-cart-2 {width: 45%;}
.game-cart-2 h2 {color:#49a64c; font-size:18px;padding: 10px 0 15px 0;}
.game-cart-2 div {font-size:13px;color:#b0b6bc; box-sizing: border-box; width: 50%; float: left; padding:10px 30px 10px 0;}
.game-cart-2 div span {float: right; color: #fff;font-weight: bold;}
.game-cart-3 {width: 30%;}
.bottom-red a {font-size: 20px;}
.bottom-black a{background:url(../images/login-bg.jpg); height:39px; width:288px; float:left; display:block; margin-top:15px;color:#b0b6bc; font-size:13px; font-weight:bold; margin-right:11px; text-decoration:none; text-align:center; line-height:39px; text-transform:uppercase;}
.bottom-black a:hover {
    color: #fff;
    text-shadow: 0 1px 0 #000;
    box-shadow: 0 0 12px rgba(255,255,255,0.5);
}
.promotion.page { padding:0 0 60px 0; background: none; border:0;font-size: 13px;line-height: 22px;}
.promotion.page img,.promotion.page iframe {max-width:100%;}
.promotion.page  h3 {color:#fff;font-size: 18px; padding: 20px 0;clear: both;}
.promotion.page p {padding: 0 0 0 15px;}
элемент {
    line-height: 1.3;
}

/*Half blocks*/
.half-block {float:left; border-radius:8px; background: rgba(21,29,35,1); box-shadow: 0 4px 0 #151d24;
width: 49%;
background: -moz-linear-gradient(-45deg, rgba(21,29,35,1) 0%, rgba(25,34,41,1) 41%, rgba(37,51,64,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(21,29,35,1)), color-stop(41%, rgba(25,34,41,1)), color-stop(100%, rgba(37,51,64,1)));
background: -webkit-linear-gradient(-45deg, rgba(21,29,35,1) 0%, rgba(25,34,41,1) 41%, rgba(37,51,64,1) 100%);
background: -o-linear-gradient(-45deg, rgba(21,29,35,1) 0%, rgba(25,34,41,1) 41%, rgba(37,51,64,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(21,29,35,1) 0%, rgba(25,34,41,1) 41%, rgba(37,51,64,1) 100%);
background: linear-gradient(135deg, rgba(21,29,35,1) 0%, rgba(25,34,41,1) 41%, rgba(37,51,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151d23', endColorstr='#253340', GradientType=1 ); position:relative;
box-sizing: border-box;
}
.subpanel {
    float: left;
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.half-block > h3 { color:#252f39; font-size:24px; background:url(../images/head-halfblock.jpg) repeat-x; border-radius:8px 8px 0 0; text-transform:uppercase; line-height:70px;}
.half-block > h3 img { margin-left:29px; margin-right:15px; margin-top:17px; display:block; float:left;}
.star-thg { background:url(../images/star-thg.svg) no-repeat center top / cover; height:38px; width:171px; display:block; text-align:center; color:#fff; cursor:pointer; text-transform:uppercase; font-size:13px; text-decoration:none; box-shadow:0 0 32px rgba(26,137,128,0.22), 0 2px 5px #164741,inset 0 0px 5px rgba(255,255,255,.7); font-weight:bold; line-height:38px; border-radius:4px;}
.half-block.gamemonth-ind {  border-top:none;margin: 0 0px 0 1%;}
.half-block.winners-ind {}
.half-block.gamemonth-ind > div  { margin:20px 0; }
.img-place { float:left; width:270px; margin-left:10px; text-align:center;}
.img-place img {width:80%;}
.text-gamem {margin-left: 280px; }
.garticle { height:151px; width:auto !important; position:relative; font-size:13px; margin:15px 0; line-height:1.7;}
.garticle .jspContainer{overflow:auto;}
.text-gamem .jspVerticalBar { left:0;}
.text-gamem h4 { color:#ffb31b; font-family: 'FuturaPT-Book'; font-weight:normal; font-size:26px;}
.winners-ind table { border-bottom:1px solid #122b2f; border-radius:0 0 8px 8px;}
.winners-ind th { color:#ffb31b; font-size:13px; height:55px; border-bottom:1px solid #122b2f;}
.winners-ind td { height:52px; vertical-align:middle; background:#161e25; font-size:12px; position:relative;white-space: nowrap;}
.winners-ind tr:nth-of-type(odd) td { height:44px; background:#141b22;}
.winners-ind tr:last-of-type td:first-of-type { border-radius: 0 0 0 8px; border-left:1px solid #122b2f;}
.winners-ind tr:last-of-type td:last-of-type { border-radius: 0 0 8px 0; border-right:1px solid #122b2f;}
.winners-ind td:first-of-type { border-left:1px solid #122b2f;}
.winners-ind td:last-of-type  { border-right:1px solid #122b2f;}
.winners-ind tr:nth-of-type(odd)  td:first-of-type  { border-left:1px solid #112529;}
.winners-ind tr:nth-of-type(odd)  td:last-of-type  { border-right:1px solid #112529;}
.winners-ind th:first-of-type { border-left:1px solid #122b2f; }
.winners-ind th:last-of-type { border-right:1px solid #122b2f; }
.w-c-1 { text-align:left; padding-left:40px;}
.w-c-2 { text-align:left; padding-left:40px; white-space: nowrap;display: flex;align-items: center;}
.w-c-2 img { margin-right:15px; display:block;  border-radius:6px; float:left; width:50px;}
.w-c-2 p { display:block;}
.w-c-3, .w-c-4 { text-align:center; width:120px;}
.w-c-5 { display:none; position:absolute; width:100%; background:#000; width:605px; margin-left:-485px; top:0; height:100%; text-align:center;line-height:51px; font-size:15px; text-decoration:none; text-transform:uppercase; }
.winners-ind tr:nth-of-type(odd) td .w-c-5 {line-height:44px;}
.winners-ind tr:hover .w-c-5 { display:block;}
.tournament-table .user-position {background: linear-gradient(90deg, rgba(13,16,22,1) 0%, rgba(198,40,26,1) 36%, rgba(13,16,22,1) 100%);}
.tournament-place { text-align: center; font-weight: bold; margin: 20px;}

/* Text scrollible block*/
.article {  max-width:100%!important; width: 100% !important; margin:0 auto; margin-top:30px;  height:244px; overflow-y:scroll; font-size:13px;box-sizing: border-box;padding: 0px 40px!important; }
.jspContainer,.jspPane {width: 100% !important;}
.jspPane {
padding: 0 30px 0 0 !important;
box-sizing: border-box;}
.article p{ padding-bottom:30px;}
.article h3 { color:#fff; font-size:18px; padding-bottom:30px; }
.preart { width:100%; background:#11161b; height:307px; border-radius:8px; margin:40px 0; border:1px solid #14272c; margin-bottom:0; }

/* Jackpot block*/
.jpt-block { background:url(../images/jpt-bg-main.png) no-repeat center center; height:247px;}
.jprg-bl { max-width:800px; margin:0 auto;  margin-top:63px;}
.jpt-block h3, .jpt-page-m h3  { text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:800; color:#b0b6bc; font-size:30px; text-shadow:0 0 20px #fc0d1b; float:left; width:200px; text-align:center; margin-top:15px; margin-right:20px; }
/*Paymethods block*/
.pay-mthds { width:100%; background:#1b242d; border-bottom:1px solid #272f38; border-top:2px solid #272f38; padding:50px 0; text-align:center;}
.pay-mthds img { margin:5px 10px; display:inline-block;max-height: 40px;}
.pay-mthds .wrapper {overflow: hidden;}
.pay-mthds .owl-stage {display:flex;}
.pay-mthds .owl-item {align-content:center;}
.home-pm-visa {height:21px;}
.home-pm-mastercart {height:31px;}
.home-pm-mir {height:18px;}
.home-pm-ymoney {height:23px;}
.home-pm-cbp {height:40px;}
.home-pm-sberbank {height:29px;}
.home-pm-bitcoin {height:36px;}
.home-pm-piastrix {height:40px;}

/*Footer*/
footer { background:#131a21; width:100%; padding:60px 0; float:left;}
#upbutton {background: url("../images/up.svg") no-repeat top left / 40px auto;height: 60px;width: 60px;bottom: 0px;right: 0px;cursor: pointer;display: none;position: fixed;z-index: 999;transition:.2s;}
#upbutton:hover {opacity:.5;}

.bottomnav2 {width:100%;display: flex;flex-wrap: wrap;align-items: start;margin-bottom:70px;}
.bottomnav2 > div,.bottomnav > div {width:50%;}
.bottomnav2-2 {display: flex;}
.bottomnav {width:100%;display: flex;flex-wrap: wrap;align-items: start;}

.bottomnav1-1 {display:flex;}
.bottomnav1-1 ul {width:33.333333333%;line-height: 32px;}
.bottomnav1-1 a {font-size: 15px;color: rgba(255, 255, 255, 0.7); text-decoration:none; opacity:.5;}
.bottomnav1-1 a:hover {opacity:1;}
.bottomnav1-1 li {list-style:none;padding-right: 5px;}

.bottomnav1-2 {color:#fff; opacity:.5;}
.bottomnav1-2-1 {float:left;padding-top: 10px;font-size: 15px;}
.bottomnav1-2-2 {float:right;}
.bottomnav1-2-2 .img1,.bottomnav1-2-2 .img2 {margin-left:30px;}

.bottomnav2-1 {display:flex; flex-wrap:wrap;align-items: center;}
.bottomnav2-1 .img1 {max-width:170px; margin-right:30px;}
.bottomnav2-1 .img2 {opacity:.5;}
.bottomnav2-2 .telegram {border: 1px solid rgba(135, 135, 135, 0.25);border-radius: 7px;font-size: 13px;line-height: 22px;color: rgba(255, 255, 255, 0.5); padding:8px 15px 8px 50px;margin-right:10px;background: url("../images/footer-telegram.svg") no-repeat 16px center ; text-decoration:none;transition:.2s;display: inline-block;}
.bottomnav2-2 .chat {border: 1px solid rgba(135, 135, 135, 0.25);border-radius: 7px;font-size: 13px;line-height: 22px;color: rgba(255, 255, 255, 0.5); padding:8px 15px 8px 50px;background: url("../images/footer-chat.svg") no-repeat 16px center ;text-decoration:none;transition:.2s;display: inline-block;margin-right: 10px;}
.bottomnav2-2 .telegram:hover,.bottomnav2-2 .chat:hover {border: 1px solid rgba(135, 135, 135, 1);}

/*Язык на вошедшего пользователя*/
.bottomnav2-2 .language {border: 1px solid rgba(135, 135, 135, 0.25);border-radius: 7px;font-size: 13px;line-height: 22px;color: rgba(255, 255, 255, 0.5); padding:8px 0 8px 10px;text-decoration:none;position: relative;z-index: 1;width: 129px;}
.bottomnav2-2 .language .down {position:absolute; width:35px; height:100%; background:url("../images/head-down.svg") no-repeat center;cursor: pointer;top: 0;right: 0;display: block;}

.language.eng {display:flex; flex-wrap:wrap-reverse;}
.language.eng .head-ru {height:0; margin:0;cursor:pointer;position: absolute;top: 50px;}
.language.rus .head-en {height:0;margin: 0;cursor:pointer;position: absolute;top: 50px;}

.language .head-ru {background: url(../images/head-rus.svg) no-repeat left center / 16px; padding: 0 0 0 30px;overflow: hidden;width: auto;transition:.2s;}
.language .head-en {background: url(../images/head-eng.svg) no-repeat left center / 16px; padding: 0 0 0 30px;overflow: hidden;width: auto;transition:.2s;}

.language.rus.active1 .head-en {height:20px;}
.language.eng.active2 .head-ru {height:20px;}
/* FAQ */
h1.faq span { background:url(../images/h1faq.svg) no-repeat center;width: 25px !important;margin-right: 10px;}
.faq-block, .promotion, .tourn-list, .tournir-solo { background:url(../images/faq-bg.jpg); width:100%; margin:0 2px; min-height:600px; float:left; border:1px solid #12282d; border-radius:8px; box-shadow:0 4px 0 #12282d;}
#accordion {padding: 30px;float:right;}
#accordion h3 { height:34px; font-size:20px; font-weight:normal; padding:20px 0; font-family: 'FuturaPT-Book'; text-transform:uppercase; cursor:pointer; color:#fff; position:relative;}
#accordion h3:after { content:''; display:block; margin-left:45px; border-bottom:2px solid #0a1a26; position:absolute; bottom:10px; width:95%; }
#accordion h3 span.ui-icon { width:52px; height:34px; background:url(../images/na-faq.png); position:absolute; right:30px; top:15px;}
#accordion h3.ui-accordion-header-active { color:#ffb31b;}
#accordion h3.ui-accordion-header-active:after, #accordion h3:last-of-type:after { display:none;}
#accordion h3.ui-accordion-header-active span { background:url(../images/activ-faq.png);}
#accordion h3 em { font-style:normal; color:#ffb31b; padding-right:30px;}
#accordion div { margin-left:45px; color:#b0b6bc; font-size:14px; padding-right:135px; padding-bottom:15px;}
#accordion div:last-of-type { border-bottom:0 none !important;}
#accordion .ui-accordion-content-active { border-bottom:2px solid #0a1a26;}

/*Openplay*/
.open-play { width:100%; float:left; background:url(../images/op-bg.png) center 75px no-repeat;}
.open-play h2 { color:#ffb31b; font-size:45px; font-family: 'FuturaPT-Heavy'; text-align:center; font-weight:normal; margin-top:90px;text-shadow:0 3px 7px #330e0e; }
.open-play p.reshen { font-family: 'FuturaPT-Book'; font-size:30px; text-align:center; padding:25px 0; text-shadow:0 3px 7px #330e0e;}
.open-play p.reshen strong { font-weight:normal; text-transform:uppercase; color:#ffb31b;}
.op-inst { display:block; width:100%; text-align:center; margin-bottom:90px;font-size: 18px;}
.op-inst li { display:inline-block; color:#fff; font-family: 'FuturaPT-Heavy'; font-size:20px; text-transform:uppercase; width:353px; position:relative;text-shadow:0 3px 7px #330e0e;}
.op-inst li span { display:block; width:100%; height:200px; background-size:contain;}
.op-inst li:after { content:''; display:block; position:absolute; right:0; width:1px; height:40%; background:#383b3e; top:23%;}
.op-inst li:last-of-type:after { display:none;}
.d1-op span{ background:url(../images/site-blocked.png) top center no-repeat;}
.d2-op span{ background:url(../images/install-openplay.png) top center no-repeat;}
.d3-op span{ background:url(../images/playthegame.png) top center no-repeat;}
.txt-op { font-size:13px; line-height:22px; padding-bottom:50px; }
.open-play h3 { text-align:center; font-size:28px; text-align:center; font-weight:normal; font-family: 'FuturaPT-Heavy'; text-transform:uppercase; color:#ffb31b; padding-bottom:10px; text-shadow:0 3px 7px #330e0e;}
.op-install p { text-align:center;  font-family: 'FuturaPT-Book'; font-size:22px; padding-bottom:45px; text-shadow:0 3px 7px #330e0e;}
.op-install ul { text-align:center;}
.op-install li { text-align:center; display:inline-block; width:223px; border:1px solid transparent; border-radius:8px; }
.op-install li a { text-decoration:none; text-transform:uppercase; font-family: 'FuturaPT-Heavy'; font-size:20px; width:100%; display:block; height:70px; padding-top:194px; text-shadow:0 3px 7px #330e0e; }
.op-install li:hover {border:1px solid #12252a; background:#11161b;}
.gb-op { background:url(../images/chrome-ico.png) center 40px no-repeat;}
.mb-op { background:url(../images/moz-ico.png) center 40px no-repeat;}
.ob-op { background:url(../images/opera-ico.png) center 40px no-repeat;}
.sb-op { background:url(../images/safari-ico.png) center 40px no-repeat;}

/*Bonus page*/
h1.bns span{ background:url(../images/bonuses-act.svg)  no-repeat center; width:25px; margin-right:10px;}
.bonus-page { background:url(../images/bonus-bg.webp) center 10px no-repeat; width:100%; float:left; }
.bonus-page h2 { font-size:45px; font-weight:normal; color:#ffb21b;font-family: 'FuturaPT-Book'; text-align:center; text-shadow:0 6px  7px #330e0e; padding-top:58px;}
.bonus-page h2 strong { font-weight:normal;  font-family: 'FuturaPT-Heavy'; color:#fff;}
.sub-bns {font-family: 'FuturaPT-Book'; color:#fff; font-size:30px; text-align:center; padding:20px 0 40px }
.sub-bns span { color:#ffb21b; text-transform:uppercase;}
.bonus-page ul { width:100%; text-align:center; padding-bottom:100px;}
.bonus-page ul li { display:inline-block; text-transform:uppercase; padding-top:160px; width:230px; color:#fff; font-family: 'FuturaPT-Book'; position:relative;margin: 15px 0;}
.bonus-page li:after { content:''; display:block; position:absolute; right:0; width:1px; height:40%; background:#696969; top:23%;}
.bonus-page li:last-of-type:after { display:none;}
.bonus-page ul li span { width:6px; height:6px; border-radius:6px; background:#ffb21b; display:inline-block; margin-right:5px; margin-bottom:3px; }
.df1-bns { background:url(../images/pay-to-bns.svg) center -8px no-repeat;}
.df2-bns { background:url(../images/game-over-bns.svg) top center no-repeat;}
.df3-bns { background:url(../images/take-bns.svg) top center no-repeat;}
.df4-bns { background:url(../images/return-bns.svg) top center no-repeat;}
.bns-txt { font-size:13px; line-height:22px;clear: both;}
.bns-txt p { padding:10px 0;}
.bns-txt h3 { font-size:18px; color:#ffffff; padding:20px 0;}
.bonus-page table { border:1px solid #171f27; border-spacing:0; margin:40px 0;}
.bonus-page th { border:1px solid #171f27; background:#121920; width:202px; color:#ffb31b; text-align:left; border-top:0 none; font-size:16px; font-weight:600; padding-left:98px;}
.bonus-page td { text-align:center; vertical-align:middle; color:#fff; height:77px; font-size:14px; border-bottom:1px solid #171f27; border-right:1px solid #171f27}
.bonus-page tr:first-of-type td { border-top:1px solid #171f27;}
.bonus-page tr:first-of-type th { border-top:1px solid #171f27;}
.bonus-page tr:last-of-type td { color:#ffb31b; font-size:16px; font-weight:600;}
.bonus-page .th1 { background:url(../images/th1-bns.svg) 50px center no-repeat;}
.bonus-page .th2 { background:url(../images/th2-bns.svg) 50px center no-repeat;}
.bonus-page .th3 { background:url(../images/th3-bns.svg) 50px center no-repeat;}
.df1-bns em, .df2-bns em, .df3-bns em, .df4-bns em {
	display: block;
	background:url(../images/shine.png) -313px -141px no-repeat;
	transition-property: all;
	transition-duration: .8s;
	height: 127px;
	width: 130px;
	position:absolute;
	top:10px; left:50%;
	margin-left:-65px;
}
.bonus-page ul li em { border-radius:50%;}
.df1-bns:hover em, .df2-bns:hover em, .df4-bns:hover em, .df3-bns:hover em {
	background-position:141px 141px;
}

/*Jackpot Page*/
.jackpot-g .undertext { margin:30px 0;}
.jackpot-g .content { background:url(../images/jptpage-bg.webp) top center no-repeat; margin-top:-2px;}
.jackpot-page { width:100%; float:left;}
.jpt-page-m { position:relative;}
.jpt-page-m h2 { font-size:40px; text-transform:uppercase; text-align:center; font-weight:900; text-shadow:0 0 38px rgba(252,13,27,.50), 0 4px 6px rgba(100,7,10,.50); padding-top:20px;}
.jptp-txt { font-size:13px; line-height:22px;}
.jptp-txt h4 { color:#e7a31c; font-weight:normal; font-size:20px;}
.jptp-txt h3 { color:#fff; font-size:18px; padding-bottom:20px;}
.jptp-txt p { padding-bottom:20px;}
.jackpot-page table { border:1px solid #171f27; border-spacing:0; margin:40px 0 50px 0;}
.jackpot-page th { background:#121920; text-align:left; color:#ffb31b; font-size:16px; text-transform:uppercase; font-weight:600; width:150px; padding-left:98px; height:59px; border-right:1px solid #171f27; border-top:1px solid #171f27;  border-bottom:1px solid #171f27;}
.jackpot-page td { text-align:center; color:#fff; height:51px; border-right:1px solid #171f27; border-top:1px solid #171f27; font-size:14px;}
.jackpot-page td img { display:block; float:left; margin:0 10px;}
.jackpot-page td span { display:inline-block; margin-top:10px;}
.jackpot-page td:nth-of-type(3) { text-align:left;}
.jackpot-page td:first-of-type, .jackpot-page th:first-of-type  {border-left:1px solid #171f27;}
.jackpot-page tr:last-of-type td { border-bottom:1px solid #171f27;}
.jackpot-page th.th1-j { background:url(../images/name-hjpt.svg) 60px  center no-repeat #121920;}
.jackpot-page th.th2-j { background:url(../images/date-hjpt.svg) 60px  center no-repeat #121920;}
.jackpot-page th.th3-j { background:url(../images/game-hjpt.svg) 60px  center no-repeat #121920;}
.jackpot-page th.th4-j { background:url(../images/bet-hjpt.svg) 60px  center no-repeat #121920;}
.jackpot-page th.th5-j { background:url(../images/summ-jpt.svg) 60px  center no-repeat #121920;}
.jackpot-page .jprg-bl { height:106px; padding-bottom:66px; position:relative;}
.totable { position:absolute; background:url(../images/top-sor-jpt.png); width:142px; height:160px; bottom:-40px; left:0px;}


/*Winners*/
h1.wns span { background:url(../images/winnertop-act.svg) no-repeat center; width:25px; margin-right:10px;}
.winners {padding-top:100px; margin: 0 auto 40px auto; position:relative;clear: both;display: flex;justify-content: center;align-items: end;}
.winners > div {max-width: 322px; width:100%;height:150px;border-left: 2px solid rgba(23, 31, 39, 1);border-right: 2px solid rgba(23, 31, 39, 1);border-bottom: 2px solid rgba(23, 31, 39, 1);margin: 10px;text-align:center;position: relative;}
.winners > div::before {content:"";display:block;background-color:rgba(23, 31, 39, 1); height:2px;position:absolute; top:-2px; left:-2px;}
.winners > div::after {content:""; display:block;background-color:rgba(23, 31, 39, 1); height:2px;position:absolute; top:-2px; right:-2px;}
.first-place { min-height: 195px;color: #FFB31B;}
.first-place .img {margin:-90px 0 16px 0;z-index: 2;position: relative;}
.first-place img {height:160px;}
.first-place::before {width:77px;}
.first-place::after {width:77px;}
.second-place {min-height: 170px;color: #8A92A6;}
.second-place .img {margin:-75px 0 0 0;z-index: 2;position: relative;}
.second-place img {height:135px;}
.second-place::before {width:96px;}
.second-place::after {width:96px;}
.third-place {min-height: 140px;color: #CD8C40;}
.third-place .img {margin:-96px 0 2px 0;z-index: 2;position: relative;}
.third-place img {height:135px;}
.third-place::before {width:106px;}
.third-place::after {width:106px;}
.sum-win { text-align:center; font-size:22px; font-weight:700; display:inline-block; padding:0 0 5px 0; }
.sum-win span { color:#fff; font-size:22px;font-weight: 500;}
.name-win, .res-win {font-size:17px; color:#fff; font-weight:600;}
.name-win span:nth-child(1), .res-win span:nth-child(1) {color:#b5b5b5;}

.wnrt-gg table, .trnir-solo table { border:1px solid #171f27; border-bottom:2px solid #171f27;  border-spacing:0;}
.wnrt-gg th, .trnir-solo th { height:59px; background:#121920; border-right:1px solid #171f27;border-top:1px solid #171f27; border-bottom:1px solid #171f27; text-transform:uppercase; font-weight:600;}
.wnrt-gg td, .trnir-solo td { text-align:center; color:#fff; height:52px; border-right:1px solid #171f27;border-top:1px solid #171f27; width:20%; font-size:14px;}
.wnrt-gg td:first-of-type, .wnrt-gg th:first-of-type, .trnir-solo td:first-of-type, .trnir-solo th:first-of-type   { border-left:1px solid #171f27;}

/*Promo*/
h1.prm span { background:url(../images/promo-act.svg) center no-repeat; width:25px !important; margin-right:10px;}
.tourn-list { margin-bottom:40px; padding:20px 0}
.promotion{ margin-bottom:40px; padding:0px 0}
.promo-block { float:left; width:100%; position:relative;padding: 35px 0;overflow: hidden;}
.promo-block:after { content:''; display:block; position:absolute; border-bottom:2px solid #0a1624; right:0; bottom:0; width:1014px;}
.promo-block:last-of-type:after { display:none;}
.promo-block h3 {font-family:'FuturaPT-Book'; font-weight:normal; font-size:28px; text-transform:uppercase; color:#fff; letter-spacing:2px; margin-top:35px; cursor:pointer;margin-left: 220px;}
.promo-block p { font-size:14px; line-height:20px; margin-top:5px;margin-left: 220px;
padding-right: 100px;}
.promo-block img { float:left; margin-left:55px; margin-right:35px; border-radius:130px; display:block; margin-top:20px; cursor:pointer; }
.promo-block a.go-to-promo { background:url(../images/gototo.svg) no-repeat; width:30px; height:62px; display:block; float:right; position: absolute; top: 50%; margin-top:-32px; right:35px;transition:.2s;}

.go-to::before{
	position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
}
.promo-block:hover a.go-to-promo {opacity: .7;transform: scale(1.2);}

/*Turnir list*/
h1.trns span { background:url(../images/turnirs-act.svg) no-repeat center; width:25px !important; margin-right:10px;}
.tourn-list { padding:40px 0;}
.main-trn { max-width:1020px; background:#131c23; margin:0 auto; margin-bottom:38px; height:333px; position:relative; border-bottom:1px solid #1b252c;}
.main-trn table { border-spacing:0;}
.main-trn td { border-top:1px solid #1b252c; height:32px; color:#fff;}
.main-trn td:last-of-type { color:#fcb11b;}
.main-trn td:first-of-type, .main-trn td:last-of-type { padding:0 10px; }
.main-trn tr:last-of-type td { border-bottom:1px solid #1b252c; font-size:16px;}
.main-trn tr:nth-of-type(odd) td { background:#151c24;}
.torn-list {max-width:1066px; width:100%;margin:0 auto 0 auto;display: flex;justify-content: space-around;flex-wrap: wrap;}
.torn-list a {text-decoration: none;margin: 10px 0;}
.tr-block { display:inline-block; position:relative; margin:0 12px; transition: all 0.4s ease 0s;}
.tr-block:hover  { -webkit-transform: perspective(100px)  scale(1.05);
	  -ms-transform:perspective(100px)  scale(1.05);
	  -o-transform:perspective(100px)   scale(1.05);
	-moz-transform:perspective(100px)   scale(1.05);
	 transform:perspective(100px)   scale(1.05);
	 z-index:100;}
.trn-closed { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.80); border:1px solid rgba(33,48,52,.52); box-sizing:border-box;}
.tr-block img, .main-trn img { display:block;}
.main-trn img { float:left;}
.trn-desret { float:right; width:330px;}
.trn-desret h4 {  font-family:'FuturaPT-Book'; font-size:26px; color:#fff; font-weight:normal; text-align:center; padding-top:15px;}
.trn-desret .fond{ color:#ffb31b; font-size:28px; text-align:center; font-weight:600; padding:10px 0;}
.trn-desret .fond span { font-size:16px; color:#b0b6bc;}
.trn-desret a { display:block; margin:0 auto; text-align:center; color:#ffb31b; margin-top:15px; font-size:14px;}
.trn-desret a:hover { text-decoration:none;}
.trn-desret .fond em { font-style:normal; font-size:16px; text-transform:uppercase;}
.trn-name-cl { position:absolute; width:100%; height:60px; bottom:-1px; left:-1px;
background: -moz-linear-gradient(top, rgba(22,31,40,0.70) 0%, rgba(22,31,40,0.95) 36%, rgba(22,31,40,0.95) 100%);
background: -webkit-linear-gradient(top, rgba(22,31,40,0.70) 0%,rgba(22,31,40,0.95) 36%,rgba(22,31,40,0.95) 100%);
background: linear-gradient(to bottom, rgba(22,31,40,0.70) 0%,rgba(22,31,40,0.95) 36%,rgba(22,31,40,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75161f28', endColorstr='#e3161f28',GradientType=0 );
text-align:center; line-height:60px; color:#d99b1e; font-family:'FuturaPT-Book'; border:1px solid #1e2a2f; border-top:0 none;}
.trn-closed .icoo { background:url(../images/trn-cl-ico.svg) top center no-repeat; padding-top:90px; text-align:center; font-size:16px; margin-top:30px;}
.label-cl { background:url(../images/ref-fast.svg) no-repeat center top / cover; width:100px; height:30px; line-height:30px; text-align:center; color:#252f39; text-transform:uppercase; font-size:12px; text-shadow:0 1px rgba(255,255,255,0.25); font-weight:bold; box-shadow:0 0 16px rgba(255,122,11,1); border-radius:0 0 4px 4px; margin-left:30px;}
.trn-panel { position:absolute; background:rgba(31,38,46,.90);
width:682px; height:128px; left:0; bottom:0; z-index:4;border-left:1px solid #1b252c;}
.counter { float:left; margin-left:20px; margin-top:20px;}
.counter li { display:inline-block; color:#fff; text-align:center; position:relative; padding:0 15px;}
.counter li:after { content:':'; font-size:42px; display:block; position:absolute; right:-10px; top:-4px;}
.counter li:last-of-type { color:#e18b01;}
.counter li:last-of-type span { color:rgba(255,139,1,.90)}
.counter li:last-of-type:after { display:none;}
.counter li div { font-size:42px; font-weight:600;}
.counter li span { color:#fff; opacity:.5; font-size:16px; text-transform:uppercase;}
.gotoro { background:url(../images/gototo.svg) no-repeat center; width:30px; height:62px; float:left; margin:30px 40px;}
.trn-panel a {  background:url(../images/star-thg.svg) no-repeat center top / cover; height:38px; width:171px; display:block; text-align:center; color:#fff; cursor:pointer; text-transform:uppercase; font-size:13px; text-decoration:none; box-shadow:0 0 32px rgba(26,137,128,0.22), 0 2px 5px #164741; font-weight:bold; line-height:38px; float:left; margin-top:40px;}
.gonow {background:url(../images/gonow.png); width:100px; height:30px; line-height:30px; text-align:center; color:#252f39; text-transform:uppercase; font-size:12px; text-shadow:0 1px rgba(255,255,255,0.25); font-weight:bold; box-shadow:0 0 16px rgba(255,122,11,1); border-radius:0 0 4px 4px; margin-left:30px; position:absolute; top:0;}
.trn-panel a:hover { color:#ffb31b; text-shadow:0 1px 0 #000;  box-shadow:0 0 16px rgba(255,255,255,1); }
/*Tournir Solo*/
.tournir-solo { padding:30px 0; margin-bottom:40px;}
.trnir-solo th { color:#ffb31b;}
.trn-s-descr, .trn-rules { max-width:1044px; width: 100%; margin:0 auto; height:333px; position:relative;}
.trn-s-descr img {width: 100%;}
.trn-s-descr { margin-top:30px;}
.trn-rules { height:auto;}
.trn-rules h3 { text-transform:uppercase; font-size:28px; font-family: 'FuturaPT-Heavy'; color:#ffb31b; text-shadow:0 6px 6px #330e0e; text-align:center; padding:40px 0; float:left; width:100%; }
.trn-rules div.drppable-txt { overflow:hidden; font-size:13px; line-height:22px; height:215px; width:100%; float:left;}
.trn-rules p { padding-bottom:20px;}
.shadowplace { height:127px; width:100%; background:url(../images/bg-to-main.png); position:absolute; bottom:0; left:0;}
.dro-tur { float:left;}
.shadowplace h4 {font-family:'FuturaPT-Book'; font-size:26px; color:#fff; font-weight:normal; padding-top:25px;}
.shadowplace .fond{ color:#ffb31b; font-size:28px; font-weight:600; margin-left:10px;}
.shadowplace .fond span { font-size:16px; color:#b0b6bc;margin-right: 5px;}
.shadowplace .fond em { font-style:normal; font-size:16px; text-transform:uppercase;}
.time-tourn { font-size:12px; background:url(../images/time-ico.svg) left center no-repeat; padding-left:40px; float:left; margin-left:40px; margin-top:40px;}
.time-tourn strong { color:#fff;}

.sknd-slider {max-width: 1040px;margin-left: 106px;margin: 40px auto 0 auto;}
.sknd-slider .disabled {display:none !important;}
.sknd-slider .owl-stage-outer {margin: 0 30px;box-sizing: border-box;}
.sknd-slider .owl-carousel .owl-nav.disabled{display: block;}
.sknd-slider .game-block > img {  margin-left:0px;}
.sknd-slider .rblock { top:18px;}
.owl-prev { left:-50px;}
.owl-next { right:-50px;}
.owl-item .game-block { margin-right:0 !important;}
.owl-nav div { cursor:pointer;}
.tournir-solo .more-games { float:left; margin:50px 0 30px 0;clear:both; text-align: center;width: 100%; background: url(../images/more-bt-bg.svg) no-repeat center center / 100% auto;height: 42px;}
.tournir-solo .more-games a {width: 42px;height: 42px;display: inline-block;background: url(../images/more-ind-btn.svg) no-repeat center center / auto 100%;transition:.2s;}
.tournir-solo .more-games a:hover {transform: scale(1.2);}
.sknd-slider .owl-next {
    background: url(../images/home-right-arrow.svg) no-repeat center / auto 16px !important;
    transition: .5s;
    width: 16px;
    height: 16px;
    font-size: 0 !important;
    float: right;
	margin: 0 7px 0 0;
}
.sknd-slider .owl-prev {
    background: url(../images/home-left-arrow.svg) no-repeat center / auto 16px !important;
    transition: .5s;
    width: 16px;
    height: 16px;
    font-size: 0 !important;
    float: left;
	margin: 0 0 0 7px;
}
 .sknd-slider .owl-nav {margin:0;}
/*Contacts*/
h1.cnts span { background:url(../images/cnts-h1.svg) no-repeat center; width:25px !important; margin-right:10px;}
.contact-form { padding:40px; float:left; box-sizing:border-box; width:440px; background:url(../images/faq-bg.jpg) left repeat-y; border-radius:6px; border:1px solid #122b2f; margin-right:40px;}
.contact-form h3 { font-size:29px;  font-family: 'FuturaPT-Heavy'; font-weight:normal; margin-bottom:10px;}
.contact-form input[type="text"], .contact-form input[type="email"] { box-sizing:border-box; max-width:263px; width: 100%; height:43px; border:1px solid #1e2f3f; background:#0c1821; color:#fff; display:inline-block;  border-radius:4px; padding: 0 10px 0 10px;}
.contact-form input[type="submit"] { display:block; border:0 none; width:231px; height:38px; background:url(../images/cnt-submit.png); color:#fff; border-radius:1px; box-shadow:0 0 32px rgba(26,137,128,0.62), 0 3px 5px rgba(22,77,65,0.90); font-size:13px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:bold; cursor:pointer;}
.contact-form input[type="submit"]:hover { box-shadow:none;}
.contact-form div { margin-bottom:10px; font-size: 14px;}
.contact-form div label { width:90px; display:inline-block; line-height:41px; font-size:14px;}
.contact-form div.tarea label { display:block; width:100%;}
.contact-form div.tarea textarea { border:1px solid #1e2f3f; background:#0c1821; color:#fff; width:100%; resize:none; height:113px; border-radius:4px;padding: 10px;box-sizing: border-box;}
.contact-form div img {width: 100px; height: 60px; border-radius: 5px; vertical-align: middle; margin: 10px 10px 0 93px;}
.contact-info { font-size:14px; line-height:20px;margin-left: 480px;}
.contact-info p { padding:10px 0;}
.contact-info p a { color:#f4ac1c;}
.contact-info p:last-of-type { display:block; float:left;}
.half-contact { width:100%; float:left; margin:40px 0;}
.half-contact > div { max-width: 315px;width: 100%; margin: 5px 10px 5px 0; float:left; height:81px; background:url(../images/l27-g44.jpg); border-radius:4px; }
.half-contact > div > div { width:100%; height:100%; box-sizing:border-box; padding-left:105px; padding-top:20px; position:relative;}
.half-contact h3 { color:#a8b8c6; font-size:18px; font-weight:600;}
.half-contact a { color:#f4ac1c;}
.half-contact span { color:#48505a;}
.second-half > div { width:50%; float:left; margin-bottom:40px;}

.cnt-mail:before { content:""; position:absolute; width:65px; height:65px; border:1px solid #485D72; border-radius:100px;background: rgba(0,0,0,0.5) url(../images/mail-cnt-ico.svg) center no-repeat;top: 7px;left: 20px;}
.onl-chat:before { content:""; position:absolute; width:65px; height:65px; border:1px solid #485D72; border-radius:100px;background: rgba(0,0,0,0.5) url(../images/hlp-cnt-ico.svg) center no-repeat;top: 7px;left: 20px;}  


/*sliders*/
.slider { width:100%; height:384px; background-size:cover; font-family: 'FuturaPT-Book';background-color:#0b0d17;background-position: center;background-repeat: no-repeat;  }
.slider.slider-12 {background-image:url(../images/slider-12.webp);}
.slider.dbslide  {background-image:url(../images/slider4img.jpg);}
.slider.trslide {background-image:url(../images/slider3img.jpg);}
.slider.hrslide {background-image:url(../images/slide2img.jpg);}
.slider.pfrslide {background-image:url(../images/slider5ing.jpg);  }
.slider.pslide1 {background-image:url(../images/slider-bg.jpg);}


.slider-12-1 {margin: 70px 0 20px 290px;}
.slider-12-2 {margin-top: 120px;}
.slider-12-3 {display:none;}


.terebon {
 
 -webkit-animation: alert 1s linear 0s infinite normal !important ;
 animation: alert 1s linear 0s infinite normal !important ;
}


@-webkit-keyframes alert {
  0%{
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
  }
  50%{
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px);
  }
  100%{
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
  }
  
}

@keyframes alert {
  0%{
	-ms-transform: translateX(5px);
	transform: translateX(5px);
  }
  50%{
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
  }
 
	
    100%{
	-ms-transform: translateX(5px);
	transform: translateX(5px);
  }
}

.lfpnl.dslde p { color:#fff; font-family: 'Futura PT Demi';}
.slider .lfpnl.dslde p .ds-sub { display:inline; font-family:'Futura PT light'; font-size:inherit; line-height:inherit; color:inherit;}
.slider .lfpnl.dslde .ds-tags { display:none;}


.rtpnl.dslde { margin-top:50px; margin-right:140px;}
.rtpnl.dslde p, .rtpnl.tslde p { text-align:right;  font-family: 'Futura PT light'; text-transform:uppercase; font-size:31px; margin-bottom:30px; color:#ffb31b; opacity:0;}
.rtpnl.dslde p.ds3, .rtpnl.tslde p.ts2 {   font-family: 'FuturaPT-Book'; color:#fff; padding-top:20px;}
.rtpnl.tslde p.ts2 { line-height:0.9;}

.lfpnl.tslde p.tr1 { color:#fff; font-family: 'Futura PT Demi'; margin-top:70px;}
.lfpnl.tslde p.tr2 {margin-top:-50px; font-family: 'Futura PT Demi'; font-size:28px; margin-left:180px; color:#fb4b2f;}
.lfpnl.tslde p.tr3 {font-family: 'Futura PT light';  margin-top:0; color:#fff;}
.rcoins, .dpcoins { position:absolute; height:100%; width:793px; right:0;}
.rcoins > div, .dpcoins > div {position:absolute; z-index:223;}


.lfpnl.fslde  p { color:#fff; font-family: 'Futura PT Demi';}
.lfpnl.fslde span { font-family: 'Futura PT light';}
.rtpnl.fslde { margin-top:25px; margin-right:135px;}
.rtpnl.fslde p { text-align:right;  font-family: 'Futura PT light'; text-transform:uppercase; font-size:31px;  color:#ffb31b; margin-top:35px;}
.rcoin1-ind { width:67px; height:65px; background:url(../images/tcoin1.png);  top:35px; left:130px;}
.rcoin2-ind { width:65px; height:71px; background:url(../images/tcoin2.png); top:30px; left:269px;}
.rcoin3-ind { width:48px; height:54px; background:url(../images/tcoin3.png); top:40px; left:478px; }
.rcoin4-ind { width:71px; height:75px; background:url(../images/tcoin4.png); top:274px; left:266px;}
.nyslide { background:url(../images/snowslide.png) center center no-repeat;}
.lfpnl.nysli p { opacity:0;}
.lfpnl p.nyt1 { text-transform:uppercase; color:#fff; font-family: 'FuturaPT-Book'; font-size:31px; margin-top:45px;}
.lfpnl p.nyt2 { margin-top:0; font-family: 'Futura PT Demi'; font-size:44px; text-transform:uppercase; color:#fff;}
.lfpnl p.nyt3 { margin-top:0; font-family: 'FuturaPT-Book'; font-size:24px; text-transform:uppercase;}
.rtpnl.nysli { width:350px; position:relative; margin:0;}
.bigbow { position:absolute; top:0; left:-330px; z-index:2;}
.smalbow { margin-top:80px; margin-left:70px;}



#curtabs > ul { display:block; position:absolute; top:25px; left:50%; margin-left:-127px;}
#curtabs > ul li { display:inline-block; border:1px solid #adb3b9; border-radius:3px; width:68px; height:28px; text-align:center; line-height:26px; box-sizing:border-box; margin:0 7px;}
#curtabs > ul li a { color:#adb3b9; text-decoration:none; display:inline-block; width:100%; height:100%;}
#curtabs > ul li.ui-tabs-active a { color:#fff; }
#curtabs > ul li.ui-tabs-active { background:url(../images/cur-celect.svg); height:33px; border:0 none;}

.lfpnl.ftslde p {  font-family: 'Futura PT Demi'; font-size:45px; color:#fff;}
.lfpnl.ftslde span { font-family: 'Futura PT light'; font-size:40px;}
.rtpnl.ftslde p { text-align:right; text-transform:uppercase; font-size:31px;}
.rtpnl.ftslde p.ps1 { color:#ffb31b; font-family: 'Futura PT light'; padding-bottom:30px;}
.rtpnl.ftslde p.ps2 { color:#fff;}

.dpcoin1-ind { width:77px; height:57px; background:url(../images/pcoin-1.png);  top:35px; left:130px;}
.dpcoin2-ind { width:32px; height:69px; background:url(../images/pcoin-2.png); top:30px; left:478px;}
.dpcoin3-ind { width:65px; height:73px; background:url(../images/pcoin-3.png); top:280px; left:478px; }

nav ul {margin-left: 370px;float: left;transition: none;}

.grecaptcha-badge {display: none;}

/*фиксированное плавающее меню*/
    .fixed {
       top: 0px; /*высота шапки в пикселях*/
       position: fixed;
        z-index: 1000;
    }
    .ahead.fixed {
        background: rgba(11,14,19,0.9);
        width: 100%;
        float: left;
        padding-top: 0px;
		height: 51px;
    }
	.ahead.fixed .logo {top:0;width: 110px;height: auto;}
	.ahead.fixed .logo object {width: 110px;}
	.ahead.fixed .logo img {width: 30%;}
    .ahead.fixed .login-panel {top: 0px; position: relative;height: 51px;margin: 0;width: auto;}
    .ahead.fixed  #sidebar-toggle {top: 5px;cursor: pointer;}
    .ahead.fixed .login {
        height: 30px;
        width: 70px;
        font-size: 12px;
        margin-right: 11px;
        line-height: 31px;
    }
    .ahead.fixed .reg-fast {
        background:url(../images/ref-fast-user.svg) no-repeat 10px center , url(../images/ref-fast.svg) center right;
        width: 137px;
        height: 30px;
        line-height: 31px; 
        font-size: 12px;
    }
	.ahead.fixed .login-panel .login, .ahead.fixed .login-panel .reg-fast {margin-top: 11px;}
    .ahead.fixed .top-profile {height: 51px;margin: 0;  width: 160px;}
    .ahead.fixed .top-profile span {font-size: 10px; margin-left: 5px;}
    .ahead.fixed .top-profile a { font-size: 10px; margin-left: 5px;}
	
	.ahead.fixed .login-user-hover {top: 0;left: 9px;}

    .ahead.fixed .top-blns {font-size: 10px; margin: 0;width: auto;}
    .ahead.fixed .top-balance {width: 90px; float: left;height: 51px;margin: 0 75px 0 0;}
    .ahead.fixed .balance-page { font-size: 10px; margin-left: 5px;display: block;}
	.ahead.fixed .pay-blns {display:none;}

    .ahead.fixed .top-cass {
        width: 50px;
        font-size: 11px;
        margin-left: 0px;
        top: 7px;
        right: 0;
        padding-right: 0px;
		
    }
	.ahead .mob {display: none; position: relative; z-index: 100px;}
	.ahead.fixed .mob {display: block;margin-left: 150px; list-style: none;float: left;}
	.ahead.fixed .mob li {display: inline-block;line-height: 45px;position:relative;}
	.ahead.fixed .mob a {text-decoration:none; font-size: 14px; margin-right: 15px;}

	.ahead.fixed .reg-fast span {display: none;}
	
/*Страница инструкция */
.page-piastrix {
    position: relative;
    padding: 50px 0 90px 90px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 45px;
	background:url(../images/page-piastrix-fon.jpg) no-repeat center / cover;
	display: flex;
	align-items: center;
}
.page-piastrix .pp-1 {color:#fff; font-size:32px;font-family: 'Futura PT Demi';}
.page-piastrix .pp-2 {color:#f8ad1a; font-size:32px; margin-top:50px;font-family: 'FuturaPT-Book';}
.page-piastrix-text {float:left; width:100%;}
.page-piastrix-text h3 {font-size: 22px;padding: 20px 0;color: #fff;}
.page-piastrix-text h3.yellow {color:#f8ad1a;}
.page-piastrix-text a {color:#f8ad1a;}
.page-piastrix-text p {padding: 0 0 20px 0;}
.page-piastrix-text img {max-width:100%;}
.page-piastrix-text ul {list-style:none;}
.page-piastrix-text li {margin-bottom: 15px;font-size:14px;}
.page-piastrix-text li:before {
	content:"";
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #ffb21b;
    display: inline-block;
    margin-right: 15px;
	margin-bottom: 2px;
}

/*Плавающее меню*/

.mob-menu {
  position: fixed;
  bottom: 0;
  background-color: #1A242C;
  left: 0;
  width: 100%;
  height:65px;
  z-index: 101;
  display: none;
  justify-content: space-around;
  padding: 0 0 0 15px;
box-sizing: border-box;
}
.mob-menu .mob-menu1,.mob-menu .mob-menu2,.mob-menu .mob-menu3 {text-align: center;text-transform: uppercase;font-weight: 700;font-size: 9px;color: #FFFFFF; width:20%;transition: .2s;display: block;float: left;text-decoration:none;padding: 28px 0 0 0;margin: 14px 0 0 0;}
.mob-menu .mob-menu1:hover,.mob-menu .mob-menu2:hover,.mob-menu .mob-menu3:hover,.mob-menu .mob-menu4:hover {opacity:.6;}
.mob-menu .mob-menu1 {background:url(../images/mob-menu1.svg) no-repeat top center;}
.mob-menu .mob-menu2 {background:url(../images/mob-menu2.svg) no-repeat top center;}
.mob-menu .mob-menu3 {background:url(../images/mob-menu3.svg) no-repeat top center;}

.mob-menu .mob-menu4 {background:url(../images/logout-a-white.svg) no-repeat 70px;text-transform: uppercase;font-weight: 700;font-size: 9px;color: #FFFFFF; width: 110px;transition: .2s;float: right;text-decoration:none;height: 65px;align-content: center;display: flex;clear: none;flex-wrap: wrap;}
.mob-menu .mob-menu4 span {font-size: 13px;color: #FFB31B;display: block;width: 100%;}
.mob-menu .mob-menu4.profile-opn {background:url(../images/logout-a.svg) no-repeat 70px;}

#sidebar-toggle {display:none;}
	
@media screen and (min-width: 1900px) {
	body {
		background: #0D1116 ;
	}
}
@media screen and (max-width: 1280px) {

    nav ul {margin-left: 0;}

    .logo img {width: 50%;transition: 0.5s linear;}
    .logo {top: 5px; left: 15px; width:182px;}
    .topnav li a {font-size: 11px;}
    .topnav {
        padding-left: 180px;
        margin-bottom: -140px;
        position: relative;
        top: 40px;
		box-sizing: border-box;
    }
    .reg-fast {width: 150px;}
    .reg-fast span {display: none;}

    .pay-blns {display:none;}
	.pslide1 .rtpnl {margin-right: 40px;}
	.pslide1 .jpt-insl {font-size: 52px;width: 180px;}
	.pslide1 .jpt-insl::before {background: url(../images/diods-lamp.png) no-repeat center / 100%; width: 471px;}
	.jpt-insl::after {top:0;}
	.pslide1 .rtpnl h3 {width: 383px;margin-left: -20px;}
	
	#home-bonus h2 {font-size:16px;}
	#home-bonus .hb-1 a {margin: 0;}
	#home-bonus {flex-wrap: wrap;justify-content: center;}
	#home-bonus .home-bonus-2 {margin-top: 40px;}
	#home-bonus {row-gap: 0;}
	#home-bonus .home-bonus-2 {margin-left: 0;}
	#home-bonus img {height: auto;}
	
	.page-piastrix {flex-wrap: wrap-reverse;justify-content: center;padding: 0 0 40px 0;}
	.page-piastrix-2 img {max-width:100%;}
	.page-piastrix-1 {text-align:center;}
	.page-piastrix-1 .pp-1,.page-piastrix-1 .pp-2 {margin-top: 25px;}
	.page-piastrix-2 {margin-top:25px;}
	.page-piastrix-text h3 {font-size: 18px;}
	.page-piastrix .pp-1 {font-size: 22px;}
	
	.bottomnav1-1 a {font-size: 12px;}
	.bottomnav1-2-1 {font-size: 12px;}
	
}

@media screen and (min-width: 980px) {
	.mob980,.mob981 {display: none !important;}

}

@media screen and (max-width: 1024px) {
	.half-block {width: 100%;margin-bottom:15px;}
	.half-block.gamemonth-ind {margin: 0;}
	
	.trn-desret {max-width: 600px; padding: 30px 0; width: 100%;}
	.main-trn {max-width: 600px;width: 100%;height: 293px;}
	.main-trn img,.trn-panel {max-width: 600px;width: 100%;}
	.trn-panel {height: 100px;box-sizing: border-box;padding: 0 62px;}
	.trn-panel a {margin-top:30px;}
	.topnav .tournaments-count {padding:0;left: 70%;top: 33px;}	
	.counter {margin-left:0;}
	.counter li div {font-size: 22px;}
    .counter li span {font-size: 12px;}
	.main-trn tr:nth-of-type(2n+1) td {background: #333;}
	.gotoro { margin: 20px 10px 15px 10px;}
	
	.bottomnav2-2 .telegram {text-indent: -10000px;padding: 8px 19px 8px 19px;background: url("../images/footer-telegram.svg") no-repeat center;}
	.bottomnav2-2 .chat {text-indent: -10000px;padding: 8px 19px 8px 19px;background: url("../images/footer-chat.svg") no-repeat center;}
	.bottomnav1-2-1 {padding-top: 10px;}
	.bottomnav1-2-2 .img1, .bottomnav1-2-2 .img2 {margin-left: 10px;}
	.bottomnav1-2-2 img {height:24px;}
	.bottomnav2-1 .img2 {height: 24px;}
	
	
}
@media screen and (max-width: 980px) {
	
	.game-cart-1 {width: 35%;}
	.game-cart-2 {width: 65%;}
	.game-cart-3 {clear: both;padding-top:15px;width: 290px;margin: 0 auto;}
	.game-cart-2 div {padding: 10px 10px 10px 0;}


	
    .mm-list {margin-left: 0px !important;}


    .rubble {display: none;}
    #sh_button {display: none;}
    .mob980 {display: block;}
    .jpt-page-m h3 {
        display: none;
    }
    .jpt-block h3 {
        float: none;
        width: 200px;
        margin: 15px auto 15px auto;
        clear: both;
    }
    .jpt-insl {
        font-size: 42px;
        float: none;
        width: 300px;
        box-sizing: border-box;
        margin: 0 auto;
    }
    .jpt-insl::before {
        background: url(../images/diods-lamp.png) center center / 100% auto no-repeat;
        width: 300px;
        top: -45px;
        left: auto;
        margin-left: -40px;
    }
    .jpt-insl::after {
        background: url(../images/rubble.png) center center / 100% auto no-repeat;
        width: 49px;
        right: -20px;
    }
    .jackpot-page th {
        font-size: 11px;
        width: 20%;
        padding: 0 5px 0 48px;
    }
    .jackpot-page th.th1-j {background: #121920 url(../images/name-hjpt.png) no-repeat -10px center / auto 60%;}
    .jackpot-page th.th2-j {background: #121920 url(../images/date-hjpt.png) no-repeat -10px center  / auto 60%;}
    .jackpot-page th.th3-j {background: #121920 url(../images/game-hjpt.png) no-repeat -10px center  / auto 60%;}
    .jackpot-page th.th4-j {background: #121920 url(../images/bet-hjpt.png)  no-repeat -10px center / auto 60%;}
    .jackpot-page th.th5-j { background: #121920 url(../images/summ-jpt.png) no-repeat -10px center  / auto 60%;}
    .jackpot-page td {font-size: 10px; padding: 0 5px;}

    .rtpnl,.coins { display: none;}

    .form-ong,.form-ing {max-width: 507px;width: 100%  !important;}
    #reg-popup,#login-popup {max-width: 507px;width: 100% !important;}
    #reg-popup .form-ong input[type="text"] {max-width: 310px;width: 100%!important;}

    .subpanel {margin: 0px;}
    .contact-form {float: none;width:100%;margin: 0 auto;}
    .contact-info {margin-left: 0px;}

    .jprg-bl {margin: 0 auto;}
    .trn-s-descr, .trn-rules { max-width: 600px;}
    .trn-rules { padding: 0 15px;box-sizing: border-box;}

 
    .shadowplace .fond {font-size: 16px;}
    .shadowplace .fond span {font-size: 12px;margin-right: 10px;}
    .shadowplace h4 {font-size: 20px;}
    .time-tourn {
        float: none;
        clear: both;
        margin: 0px auto 0 auto;
        max-width: 180px;
    }
    .shadowplace {
        height: 147px;
        background: url(../images/bg-to-main.png) 0 0 / auto 100%;
    }

	.container {
        position: relative;
        height: 100%;
        width: 100%;
        left: 0;
        -webkit-transition:  left 0.4s ease-in-out;
        -moz-transition:  left 0.4s ease-in-out;
        -ms-transition:  left 0.4s ease-in-out;
        -o-transition:  left 0.4s ease-in-out;
        transition:  left 0.4s ease-in-out;
    }

	.topnav {
        position: absolute;
        left: -240px;
        background-color: #454545;
        width: 240px;
        height: 100%;
        box-sizing: border-box;
		margin-left: 0px;
		top: -40px;
    }
    .topnav  ul {
        margin: 0 !important;
        padding: 0;
        list-style: none;
    }
    .topnav  ul li {
        margin: 0;
		width: 50%;
		float: left;
    }
    .topnav ul li a {
        padding: 15px 5px;
    }


    #sidebar-toggle {
        display: block;
        padding: 10px 7px;
        float: left;
		position: absolute;
		z-index: 200;
		top: 35px;right: 7px;

    }
    #sidebar-toggle .bar{
         display: block;
        width: 17px;
        margin-bottom: 4px;
        height: 2px;
        background-color: #fff;
        border-radius: 1px;

    }
    #sidebar-toggle .bar:last-child{margin-bottom: 0;}
    .ahead.fixed .mob {display:none;}
	
	/*Страница инструкция */
		

	.top-profile {display: none;}
	.login-panel {margin-right: 35px;width: auto;height: 99px;}
	.ahead.fixed .login-panel {border-left: 1px solid rgba(255,255,255,0.10);}
	.ahead.fixed .top-balance {margin: 0 105px 0 0;}
	.ahead.fixed .top-cass {right: 30px;}
	.login-panel .balance-page {display:none;}
	.logo {top: 20px;width: 130px;}
	
	.mob-menu {display:flex;}
	
	.reg-fast {width: 110px;font-size: 9px;height:27px;line-height: 28px;background: url(../images/ref-fast-user.svg) no-repeat 10px center / 14px , url(../images/ref-fast.svg) center right;margin-top: 4px;}
	.login {height: 27px;margin-top: 4px;font-size: 9px;line-height: 28px;width: 55px;}
	.login-panel .login, .login-panel .reg-fast {margin-top: 39px;}
	.ahead.fixed .login-panel .login, .ahead.fixed .login-panel .reg-fast {margin-top: 13px;}
	
	.ahead.fixed .login {
		margin-left:10px;
		height: 27px;
		font-size: 9px;
		line-height: 28px;
		width: 55px;
	}
    .ahead.fixed .reg-fast {
		margin-right:30px;
		width: 110px;
		font-size: 9px;
		height: 27px;
		line-height: 28px;
		background: url(../images/ref-fast-user.svg) no-repeat 10px center / 14px , url(../images/ref-fast.svg) center right;
	}
	.ahead.fixed #sidebar-toggle {top: 10px;right: 5px;}
	.topnav li a {margin-top: 12px;}
	header {margin-top: -20px;}
	#upbutton {bottom: 65px;height: 50px;width: 56px;}
	.slider {background-position: 30% top !important;}

}


@media screen and (max-width: 768px) {
	
#fragment-3 .revert-payment {
    background: url(../images/revert-payment.png) no-repeat center / 100% 100%;
    width: 40px;
    font-size: 8px;
    font-weight: normal;
    line-height: 12px;
    padding: 6px 0;
    box-sizing: border-box;
}
	
	.game-cart-1 {width: 40%;}
	.game-cart-2 {width: 60%;}
	.game-cart-1 img {width: 90%;}

    #curtabs {
        clear: both;
        padding-top: 55px;
        position: relative;
    }
    #curtabs > ul {top: 0px;margin-left: -127px;}
    .winners > div:nth-child(1) {order:2;margin: 80px 0 10px 0;}
	.winners > div:nth-child(2) {order:1;margin: 100px 0 10px 0;}
	.winners > div:nth-child(3) {order:3;height: 170px;margin: 80px 0 10px 0;}
	.third-place .img {margin: -75px 0 2px 0;}
	.third-place::before {width: 96px;}
	.third-place::after {width: 96px;}

    .winners {
        height: auto;
        padding-top: 0px;
        width: 100%;
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
		margin-bottom: 20px;
    }
    .wnrt-gg td, .trnir-solo td {
        font-size: 11px;
    }
    .wnrt-gg th, .trnir-solo th {
        font-size: 11px;
    }

    .preart {margin: 40px 0;}

    .jpt-block {display: none;}
    .bonus-page .th1 {background: url(../images/th1-bns.png) 10px center / 16px auto no-repeat;}
    .bonus-page .th2 { background: url(../images/th2-bns.png)  10px center / 16px auto no-repeat;}
    .bonus-page .th3 {background: url(../images/th3-bns.png)  10px center / 16px auto no-repeat;}
    .bonus-page th {
        width: auto;
        font-size: 10px;
        padding-left: 38px;
    }
    .bonus-page td {font-size: 10px;padding: 0 2px;}

	
	.home-new .owl-carousel .owl-item, .home-slider .owl-carousel .owl-item{min-width: 245px;max-width: 245px;}
	
	#home-topicgame .owl-carousel .owl-item {min-width: 150px;max-width: 150px;}
	#home-topicgame .owl-carousel .owl-item > div {width: 150px;}
	#home-topicgame .owl-carousel .owl-item a {height: 100px;padding: 0 0 0 15px;background-size:auto 100%!important;font-size: 14px;background-position: 130%!important;}
	
	.bottomnav {display: block;}
	.bottomnav2 {margin-bottom: 30px;}
	.bottomnav2 > div, .bottomnav > div {width: 100%;}
	.bottomnav2-1 {justify-content: center;margin-bottom: 30px;}
	.bottomnav2-1 .img1 {max-width: 120px;margin-right: 10px;}
	.bottomnav2-2 {justify-content: center;}
	.bottomnav1-1 {text-align:center;}
	.bottomnav1-1 li {padding:0 5px;}
	.bottomnav1-2-1 {padding: 30px 0 10px 0;}
	.bottomnav1-2 > div {width:100%; text-align:center;}
	footer {padding: 30px 0 60px 0;}
	.home-new .owl-carousel .owl-stage,.home-slider .owl-carousel .owl-stage {display: flex; transform: translate3d(0px, 0px, 0px) !important;overflow-x: auto;overflow-y: hidden;width: 100% !important;scrollbar-width: none;-ms-overflow-style: none;}
	.home-new .home-all,.games_cat .home-all { margin: 0 !important;}
	.home-new .owl-carousel .owl-stage::-webkit-scrollbar,.home-slider .owl-carousel .owl-stage::-webkit-scrollbar {
		display: none;
	}
	.sknd-slider .owl-stage-outer {margin: 0 10px;}
	.sknd-slider .owl-carousel .owl-stage {display: flex; transform: translate3d(0px, 0px, 0px) !important;overflow-x: auto;overflow-y: hidden;width: 100% !important;scrollbar-width: none;-ms-overflow-style: none;}
	.sknd-slider .owl-carousel .owl-stage::-webkit-scrollbar {display: none;}


	.mainnav .owl-carousel .owl-stage {display: flex; transform: translate3d(0px, 0px, 0px) !important;overflow-x: auto;overflow-y: hidden;width: 100% !important;scrollbar-width: none;-ms-overflow-style: none;}
	.mainnav .owl-carousel .owl-stage::-webkit-scrollbar {display: none;}
	

	
}
@media screen and (max-width: 600px) {
	.game-cart-1 {width: 100%;text-align: center;}
	.game-cart-2 {width: 100%;}
	.game-cart-2 div {padding: 10px 0px 10px 0;width:100%;}
	.game-cart-1 img {width: auto;}

	.trn-panel {padding: 20px 35px;position: relative;height: auto;}
	.main-trn {height: 243px;}
	.trn-panel a {margin:30px auto 0 auto; float:none;}

	.main-trn img { float: none;}
	.counter {margin:0px auto 0px auto;}


    #sended-message div, #rec-pass-success div, #ui-msg div, #ui-confirm div, #reg-success div {font-size: 12px !important;}

    .slider {height: 180px;background-size: cover !important;}
    .lfpnl {margin-left: 0;width: 100%;box-sizing: border-box;}
    .slider .lfpnl p {font-size: 18px;margin: 20px 0 !important;text-align: left !important;}
    .slider .bx-viewport {height: 180px !important;}
    .srcoins, .dpcoins,.coins,.rcoins {display: none;}
    .slider .lfpnl a {width: 170px;height: 36px;margin: 20px 0 0 0;padding: 0 12px;grid-template-columns: 18px 1fr 18px;column-gap: 6px;font-size: 15px;border-radius: 5px;background-position: right 15px center, 0 0, 0 0;background-size: 13px, auto, auto;box-shadow: 0 0 16px rgba(240,150,40,.45), 0 6px 12px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);}
    .slider .lfpnl a::before {width: 18px;height: 18px;}
    .slider .lfpnl span {font-size: 25px;}
	.slider .bx-slider li {height: 180px;padding: 0 15px !important;margin: 0;box-sizing: border-box;}
	.slider .bx-slider {height: 180px;}
	
	.slider.pslide1 {background-position: 25% top !important;}
	.imgg {display:none;}
	.imgg1 {margin: 15px 0 0px 0;display:block;}
	.imgg1 img {max-width:260px;width:100%;}
	/* кнопка на одной высоте во всех слайдах, над точками */
	.slider .bx-slider li {position: relative;}
	.slider .lfpnl a, .pslide1 .lfpnl a {position: absolute;left: 15px;bottom: 30px;margin: 0;}
	/* Telegram: «Новости • Фриспины • Бонусы • Зеркало» одной строкой на тёмной плашке */
	.slider .lfpnl.dslde .ds-tags {display: inline-block;margin: 6px 0 0 !important;padding: 3px 7px;border-radius: 20px;background: rgba(10,12,20,.65);border: 1px solid rgba(255,179,27,.25);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);font: 10px/1 'Futura PT light', sans-serif;letter-spacing: 0;text-transform: none;color: #ffb31b;white-space: nowrap;}
	.slider .lfpnl.dslde .ds-tags span {display: inline;font-size: inherit;line-height: inherit;color: inherit;}
	.slider .lfpnl.dslde .ds-tags span + span::before {content: '•';margin: 0 2px;opacity: .6;}
	
	.slider.slider-12 {background-position: 57% top !important;}
	.slider-12 { background:url(../images/slider-12.webp) center center no-repeat;  background-size:cover;}
	.slider-12-1 {margin: 20px 0 -15px 0px;}
	.slider-12-1 img { width:160px;}
	.slider-12-3 {display:block;margin: 5px 0 -15px -7px;}
	.slider-12-3 img {width:160px;}
	

    .lfpnl p.nyt1 {margin-top: 15px !important;}
    .lfpnl p.nyt2 { display: none;}
    .lfpnl.nysli div img{width: 200px;}
    .lfpnl p.nyt3 {margin-top: 10px !important;}
    .slider .lfpnl.tslde p.tr2 {display: block;font-size: 13px;line-height: 1;margin: -33px 0 0 74px !important;}
    .lfpnl.tslde p.tr1 {margin-top: 20px;}
    .slider .bx-pager {bottom: 12px;}
	.slider .bx-controls-direction, .owl-nav {top: 100%;margin-top: -30px;width: calc(100% - 20px);left: 10px;}
	.slider .bx-controls-direction a, .owl-nav div { height: 24px;width: 24px;}
	.slider .bx-controls-direction {display: none;}
	.slider .bx-prev, .owl-prev {left:0;}
	.slider .bx-next, .owl-next {right:0;}
	.sknd-slider .owl-nav {top:50%;}
	

    .jackpot-page td img{display:none;}
    .jackpot-page th {padding: 0 5px 0 5px;}
    .jackpot-page th.th1-j {background: none;}
    .jackpot-page th.th2-j {background: none;}
    .jackpot-page th.th3-j {background: none;}
    .jackpot-page th.th4-j {background: none;}
    .jackpot-page th.th5-j { background: none;}

    .second-half > div {width: 100%;}
    #accordion div {padding-right: 15px;margin-left: 25px;}
    #accordion h3 { height: auto;}
    #accordion h3 em {padding-right: 10px;}
    #accordion h3::after {width: 100%;margin-left: 0px;}
    .trn-s-descr { height: 303px;max-width: 320px;}

    .gotoro {display: none;}
    .counter {margin: 10px auto 0px auto; float: none;width: 240px; clear:both;}
    .dro-tur {width: 220px; clear:both;margin: 20px auto; float: none;}
    .shadowplace h4 {padding-top: 0px;}
    .shadowplace {height: 207px;}

    .promo-block h3 {margin-left: 20px;}
    .promo-block p {margin-left: 20px;padding-right: 80px;}
    .promo-block img {margin-left: 20px;width: 80px;margin-right: 20px;}
    .promo-block h3 {font-size: 19px;letter-spacing: 2px;margin-top: 50px;margin-left: 120px;}
    .promo-block p {clear: both;padding-top: 10px;}
    .bonus-page ul li {width: 180px;}
	.bonus-page ul li span {display:none;}
    .bonus-page li::after {background: none;}
	.all-menu,.all-menu:hover,.all-menu.active:hover,.all-menu:hover,.all-menu.active {background-position: right 6px;margin: 0 10px 0 0;}
	.mainnav {font-size: 16px;}
	.mainsub ul a {padding: 5px 15px;font-size: 14px;}
	.game-block > img {height: auto;}
	
	#page-topicgame .game-block {width: 150px;height: 100px;}
	#page-topicgame a {width: 150px;height: 100px;}
	#page-topicgame .game-block p {font-size:14px;padding: 0 0 0 10px;}
	#page-topicgame .game-block img {right: -15px;height: 100px;width: auto;}
	.half-contact > div {max-width: 100%;}
	.mainsub ul li:nth-child(3) a:before {height: 20px;}
}
@media screen and (max-width: 480px) {
	h1 span {margin-top: -10px;background-size: auto 55% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;margin-right:0;}
	.text-gamem {margin-left: 0px;clear:both;text-align: center;}
	.img-place {width: 100%;margin-left: 10px;}
	.star-thg {margin: 0 auto;}
	.jspPane { padding: 0 0px 0 0 !important;}
	.garticle,.jspContainer {height: auto;} 
	.img-place { margin-left: 0px;}
	.mainnav .item ul li a {padding: 20px 0 15px 30px;}
	.mainnav .item ul li a p {
    margin: -10px 28px 0 0 !important;}

    .top-profile {background: none; border: none;}

    h1 {font-size: 16px;width:70%;}

    .game-block {width: 150px; height: 165px;font-size: 10px;margin: 0 1px;}
    .play-now {
        width: 34px;
        height: 29px;
        background: url(../images/play-btn-bg.svg) no-repeat center center / 100% auto;
        margin-top: 20px;
    }
	.slider {background-position: 40% top !important;}

    .demo-game {
        width: 64px;
        height: 25px;
        line-height: 25px;
        font-size: 10px;
        margin-top: 12px;
    }
    .rblock { top: 0px;height: 115px;}
    .game-block p {padding-left: 10px;}
    .game-block p a.plus {right: 0px;}
    .ttpg::after,.nnls:after {top: 4px;width: 51px;height: 51px;}
    .logo img {width: 100%;}

    #login-popup .form-ing input[type="text"], #login-popup .form-ing input[type="password"] {max-width: 100% !important;}
    #reg-popup .form-ong h3 span { left: 15px !important;}
    #reg-popup .form-ong h3 {padding-left: 60px !important;}

    #reg-popup .form-ong input[type="text"] {
        box-sizing: border-box;
        max-width: 100%;
    }
    .winners-ind th {font-size: 11px;}
    .w-c-2 p {margin-top: 0px;}
    .winners-ind td {font-size: 10px;}
    .contact-form input[type="text"], .contact-form input[type="email"] {max-width: 100%;}
    .contact-form div img {margin: 10px 10px 0 0px;}
    .tr-block img, .main-trn img { width: 100%;}
    .trn-closed .icoo {
        background: url(../images/trn-cl-ico.svg) top center / auto 70% no-repeat;
        padding-top: 60px;

    }
    .bonus-page ul li {width: 145px;}
    .bonus-page .th1,.bonus-page .th2,.bonus-page .th3 {background: none;}
    .bonus-page th {padding: 0 5px;}
    .bonus-page td {word-break: break-all;}
    .half-block > h3 {font-size:18px;}
    .w-c-1 { padding: 0px 10px;}
    .w-c-2 {padding: 0px 5px;}
	.w-c-2 img {width: 30%;}
	.w-c-3, .w-c-4 {width: 70px;}
    .article {padding: 0px 20px 0px 20px !important;}
 
	
	.ttpg::after {background: url(../images/topper.svg) no-repeat center / 100%; top: 8px;width: 48px;height: 48px;right: -3px;}
	.nnls::after {background: url(../images/newless.svg) no-repeat center / 100%;top: 8px;width: 48px;height: 48px;right: -3px;}
	
	.slider-8-title {display:none;}
	.slider-8-big {display: flex; justify-content: space-evenly; flex-wrap: wrap;}
	
	
	.home-new h2 span {margin-right: 0;margin-top: -9px;background-size: auto 55% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;}
	.home-new h2 {font-size: 16px;}
	.home-new .home-all {margin: 0px 50px 0 0;}
	.home-new .owl-nav {top: -62px;width: 40px;}
	#home-partners {height: 175px;}
	.home-new .owl-carousel .owl-item, .home-slider .owl-carousel .owl-item{min-width: 150px;max-width: 150px;}
	
	
	.img-place img {width: 200px;}
	
	.bottomnav1-1 {display: block;}
	.bottomnav1-1 ul {width: 100%;}
	
	.logo {top: 25px;width: 110px;}
	
	.providers-block {padding: 10px 0;height: auto !important;}
	.providers-block a {width: 160px;}

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

}

/* ============================================================
   Шапка: новый стиль (фон без «фонариков», кнопки как в слайдере)
   Блок стоит в конце файла намеренно — перекрывает старые правила
   шапки, включая .ahead.fixed и мобильные media-запросы выше.
   ============================================================ */
header {background:linear-gradient(180deg, #0b0f15 0%, #111823 70%, #0f151e 100%); border-bottom:1px solid rgba(255,255,255,.06); box-shadow:0 1px 0 rgba(246,183,60,.08);}
.ahead {background:none;}

.login-panel {display:flex; align-items:center; gap:10px; width:auto;}
.login-panel .login, .login-panel .reg-fast {margin-top:30px;}

/* «Вход» — тёмная стеклянная кнопка с иконкой пользователя */
.login {display:inline-flex; align-items:center; gap:8px; float:none; width:auto; height:42px; padding:0 18px; margin-right:0; box-sizing:border-box;
	background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:6px;
	color:#d6d9dd; font:600 15px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-decoration:none; text-shadow:none;
	transition:border-color .2s, background-color .2s, color .2s;}
.login::before {content:''; flex:0 0 18px; width:18px; height:18px; background:currentColor;
	-webkit-mask:url(../images/icons/user.svg) center / contain no-repeat; mask:url(../images/icons/user.svg) center / contain no-repeat;}
.login:hover {color:#fff; text-shadow:none; box-shadow:none; border-color:rgba(246,183,60,.6); background:rgba(246,183,60,.08);}

/* «Регистрация» — золотая кнопка с ракетой, как в слайдере */
.reg-fast {display:inline-flex; align-items:center; gap:9px; float:none; width:auto; height:42px; padding:0 20px; box-sizing:border-box; line-height:1;
	border-radius:6px; border:1px solid rgba(255,212,140,.85);
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	color:#1a1206; font:600 15px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:capitalize; text-decoration:none; text-shadow:none;
	box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 20px rgba(240,150,40,.4), 0 6px 14px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);
	transition:transform .15s, box-shadow .15s, filter .15s;}
.reg-fast::before {content:''; flex:0 0 18px; width:18px; height:18px; background:currentColor;
	-webkit-mask:url(../images/icons/rocket.svg) center / contain no-repeat; mask:url(../images/icons/rocket.svg) center / contain no-repeat;}
.reg-fast span {display:none;} /* «Быстрая» убрано: короче кнопка, меню помещается */
.reg-fast:hover {color:#1a1206; text-shadow:none; transform:translateY(-1px); filter:brightness(1.05);
	box-shadow:0 0 0 1px rgba(255,170,70,.28), 0 0 28px rgba(240,150,40,.6), 0 8px 16px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);}

/* меню: обычный регистр, иконка слева от текста */
@media screen and (min-width: 981px) {
	.topnav li {margin:0 1px;}
	.topnav li a {display:flex; align-items:center; gap:7px; padding:38px 11px 37px; font:500 15px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; color:#c3c8ce; transition:color .2s;}
	.topnav li a p {width:20px; height:20px; margin:0; background-size:18px auto !important;}
	.topnav li a.active, .topnav li a:hover {color:#f6b73c;}
	.topnav li a.active:after {border-bottom-width:3px; border-radius:3px 3px 0 0;}
}
@media screen and (min-width: 981px) and (max-width: 1280px) {
	.topnav li a {padding:38px 7px 37px; gap:5px; font-size:13px;}
	.topnav li a p {width:16px; height:16px; background-size:15px auto !important;}
	.login-panel {gap:8px;}
	.login {padding:0 12px; font-size:14px;}
	.reg-fast {padding:0 14px; font-size:14px;}
}

/* закреплённая шапка при прокрутке */
.ahead.fixed {background:rgba(11,15,21,.92); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border-bottom:1px solid rgba(255,255,255,.06);}
.ahead.fixed .login-panel {display:flex; align-items:center; gap:8px; height:51px;}
.ahead.fixed .login-panel .login, .ahead.fixed .login-panel .reg-fast {margin:0; height:34px; font-size:14px; line-height:1;}
.ahead.fixed .login {width:auto; padding:0 14px;}
.ahead.fixed .reg-fast {width:auto; padding:0 16px;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);}

/* мобильная шапка */
@media screen and (max-width: 980px) {
	.login-panel {gap:6px; height:99px;}
	.login-panel .login, .login-panel .reg-fast {margin-top:30px; height:30px; font-size:12px;}
	.login {padding:0 9px; gap:5px;}
	.reg-fast {padding:0 10px; gap:6px;}
	.login::before, .reg-fast::before {flex-basis:14px; width:14px; height:14px;}
	.ahead.fixed .login-panel .login, .ahead.fixed .login-panel .reg-fast {height:30px; font-size:12px;}
	.ahead.fixed .login {margin-left:0; padding:0 9px;}
	.ahead.fixed .reg-fast {margin-right:30px; padding:0 10px;}
}

/* шапка без пустой полосы сверху: 143px → 100px */
header {height:100px;}
.ahead {padding-top:0;}
.topnav {top:0; height:100px;}
.login-panel .login, .login-panel .reg-fast {margin-top:29px;}

@media screen and (min-width: 981px) {
	.topnav li a {padding:40px 11px 40px;}
	/* меню ровно посередине между логотипом и кнопками входа:
	   отступы = место под логотип слева и под кнопки справа */
	.topnav {padding-left:0;}
	.topnav .wrapper ul, nav ul {float:none; display:flex; justify-content:center; margin:0 !important; padding:0 269px 0 265px; box-sizing:border-box;}
}
@media screen and (min-width: 981px) and (max-width: 1280px) {
	.topnav li a {padding:40px 7px 40px;}
	.topnav .wrapper ul, nav ul {padding:0 234px 0 197px;}
}

/* логотип на ~30% меньше (365 → 255px), вишенки выходят за нижний край шапки */
@media screen and (min-width: 1281px) {
	.logo {width:255px; top:0;}
}

/* мобильная шапка: 70px, логотип, кнопки и бургер по центру */
@media screen and (max-width: 980px) {
	header {height:70px; margin-top:0;}
	.logo {top:7px;}
	.login-panel {height:70px;}
	.login-panel .login, .login-panel .reg-fast {margin-top:0;}
	#sidebar-toggle {top:18px;}
}

/* закреплённая шапка: меню с иконками, по центру между логотипом и кнопками входа */
@media screen and (min-width: 981px) {
	.ahead.fixed .mob {position:absolute; top:0; left:0; right:0; height:51px; margin:0; padding:0 243px 0 120px; box-sizing:border-box;
		display:flex; justify-content:center; align-items:center; gap:4px; float:none; pointer-events:none; z-index:1;}
	.ahead.fixed .mob li {line-height:1; pointer-events:auto;}
	.ahead.fixed .mob a {display:flex; align-items:center; gap:7px; margin:0; padding:0 10px; height:51px;
		font:500 15px/1 'Futura PT Demi', 'Open Sans', sans-serif; color:#c3c8ce; text-decoration:none; transition:color .2s;}
	.ahead.fixed .mob a::before {content:''; width:18px; height:18px; background:no-repeat center / contain;}
	.ahead.fixed .mob a.active, .ahead.fixed .mob a:hover {color:#f6b73c;}
	.ahead.fixed .mob .pr-t::before {background-image:url(../images/play-room-na.svg);}
	.ahead.fixed .mob .pr-t.active::before, .ahead.fixed .mob .pr-t:hover::before {background-image:url(../images/play-room-act.svg);}
	.ahead.fixed .mob .pt-t::before {background-image:url(../images/promo-na.svg);}
	.ahead.fixed .mob .pt-t.active::before, .ahead.fixed .mob .pt-t:hover::before {background-image:url(../images/promo-act.svg);}
	.ahead.fixed .mob .bn-t::before {background-image:url(../images/bonuses-na.svg);}
	.ahead.fixed .mob .bn-t.active::before, .ahead.fixed .mob .bn-t:hover::before {background-image:url(../images/bonuses-act.svg);}
	.ahead.fixed .mob .tn-t::before {background-image:url(../images/turnirs-na.svg);}
	.ahead.fixed .mob .tn-t.active::before, .ahead.fixed .mob .tn-t:hover::before {background-image:url(../images/turnirs-act.svg);}
	.ahead.fixed .mob .wt-t::before {background-image:url(../images/winnertop-na.svg);}
	.ahead.fixed .mob .wt-t.active::before, .ahead.fixed .mob .wt-t:hover::before {background-image:url(../images/winnertop-act.svg);}
	.ahead.fixed .login-panel {position:relative; z-index:2;} /* кнопки входа поверх растянутого меню */
}

/* фон шапки: тёмные края → лёгкий синий к центру (в тон фону страницы), мягкое свечение сверху */
header {background:
	radial-gradient(60% 140% at 50% 0%, rgba(46,92,160,.16) 0%, rgba(46,92,160,0) 70%),
	linear-gradient(90deg, #0b0f15 0%, #0d1522 30%, #0f1928 50%, #0d1522 70%, #0b0f15 100%);}
.ahead.fixed {background:
	radial-gradient(60% 160% at 50% 0%, rgba(46,92,160,.16) 0%, rgba(46,92,160,0) 70%),
	linear-gradient(90deg, rgba(11,15,21,.94) 0%, rgba(13,21,34,.94) 30%, rgba(15,25,40,.94) 50%, rgba(13,21,34,.94) 70%, rgba(11,15,21,.94) 100%);}

/* ============================================================
   Блок провайдеров под слайдером: «Все провайдеры» + таблетки
   ============================================================ */
.mainnav {background:none; border:0; padding:12px 0 4px;} /* без своего фона: кнопки стоят прямо на фоне сайта */
.mainnav .flex {gap:10px;}

/* «Все провайдеры» — золотая обводка, иконка сетки и стрелка */
.all-menu, .all-menu:hover, .all-menu.active, .all-menu.active:hover {display:inline-flex; align-items:center; gap:9px; height:46px; margin:0; padding:0 14px; box-sizing:border-box;
	background:rgba(246,183,60,.08); border:1px solid rgba(246,183,60,.75); border-radius:12px; color:#f6b73c;
	font:600 15px/1 'Futura PT Demi', 'Open Sans', sans-serif; box-shadow:0 0 18px rgba(246,183,60,.12); transition:background-color .2s;}
.all-menu:hover {background:rgba(246,183,60,.14);}
.all-menu::before {content:''; width:18px; height:18px; background:currentColor;
	-webkit-mask:url(../images/icons/grid.svg) center / contain no-repeat; mask:url(../images/icons/grid.svg) center / contain no-repeat;}
.all-menu::after {content:''; width:14px; height:14px; background:currentColor; transition:transform .2s;
	-webkit-mask:url(../images/icons/chevron-down.svg) center / contain no-repeat; mask:url(../images/icons/chevron-down.svg) center / contain no-repeat;}
.all-menu.active::after {transform:rotate(180deg);}

/* провайдеры — тёмные таблетки с рамкой */
.mainnav li a {display:flex; align-items:center; justify-content:center; gap:8px; height:46px; padding:0 16px 0 10px; box-sizing:border-box; border-radius:12px;
	background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.09); color:#c3c8ce; text-shadow:none;
	font:500 15px/1 'Futura PT Demi', 'Open Sans', sans-serif; white-space:nowrap; transition:border-color .2s, background-color .2s, color .2s;}
.mainnav li a p, .mainnav li a.active p, .mainnav li a:hover p {width:28px; height:28px; margin:0; background:none; box-shadow:none; border-radius:0;}
.mainnav li a p span {width:28px; height:28px; background-size:auto 20px !important;}
.mainnav li a:hover {color:#fff; border-color:rgba(246,183,60,.45); background:rgba(246,183,60,.06);}
.mainnav li a.active {color:#f6b73c; border-color:rgba(246,183,60,.8); background:rgba(246,183,60,.08);}
.mainnav .mm-cat-pragmatic {margin-left:0;} /* старый -20px налезал на NetEnt */
.mainnav .owl-item .item, .mainnav .owl-item li a {width:100%;}

/* на широких экранах карусель не нужна: все 7 провайдеров в ряд на всю ширину */
@media screen and (min-width: 1100px) {
	.mainnav .owl-carousel {flex:1; min-width:0;}
	.mainnav .owl-stage-outer {overflow:visible;}
	.mainnav .owl-stage {transform:none !important; width:100% !important; display:flex; gap:8px;}
	.mainnav .owl-item {flex:1 1 auto; width:auto !important; margin-right:0 !important;}
}

/* раскрывающийся список всех провайдеров */
.mainsub.active {padding:14px 0 6px;}
.mainsub ul a {display:inline-flex; align-items:center; padding:10px 16px 10px 12px; border-radius:12px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.09);
	color:#c3c8ce; font:500 15px/1 'Futura PT Demi', 'Open Sans', sans-serif;}
.mainsub ul a:hover {color:#fff; background:rgba(246,183,60,.06); border-color:rgba(246,183,60,.45);}

@media screen and (max-width: 600px) {
	.mainnav {padding:8px 0 2px;}
	.all-menu, .all-menu:hover, .all-menu.active, .all-menu.active:hover {height:38px; padding:0 10px; gap:6px; font-size:13px; border-radius:10px; margin:0;}
	.all-menu::before {width:14px; height:14px;}
	.all-menu::after {width:11px; height:11px;}
	.mainnav li a {height:38px; padding:0 10px 0 6px; gap:5px; font-size:13px; border-radius:10px;}
	.mainnav li a p, .mainnav li a p span {width:22px; height:22px;}
	.mainnav li a p span {background-size:auto 16px !important;}
	.mainsub ul a {padding:8px 12px 8px 10px; font-size:13px;}
}

/* светлая линия по низу слайдера — такая же, как на переходе шапка → слайдер */
.slider {position:relative;}
.slider::after {content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:rgba(255,255,255,.08); box-shadow:0 1px 0 rgba(246,183,60,.08); z-index:5; pointer-events:none;}
/* логотип над слайдером, чтобы вишенки были поверх (слайдер теперь position:relative).
   z-index ставим именно логотипу, а не шапке: иначе шапка перекрывает верхнее меню nav#menu */
.logo {z-index:20;}
/* меньше зазор между провайдерами и заголовком «ТОП» (только первый заголовок сразу под блоком провайдеров) */
.mainsub + .content > .wrapper > .tblock:first-child {padding-top:18px;}

/* ============================================================
   Карточка игры: скруглённая карточка, название + провайдер,
   при наведении «Играть» и «Демо», бейджи «Топ» и «Новинка»
   ============================================================ */
:is(.games_cat, .games_search) .game-block {isolation:isolate; transition:transform .2s;}
:is(.games_cat, .games_search) .game-block:hover {transform:translateY(-3px);}
/* фон и рамка карточки — отдельным слоем, начиная на 10px ниже верха:
   у картинок игр сверху прозрачная полоса, и персонажи по дизайну «вылезают» за рамку.
   Рамку не вешаем на сам .game-block — иначе он становится шире и карусель переносит карточку на второй ряд */
:is(.games_cat, .games_search) .game-block::before {content:''; position:absolute; top:10px; left:0; right:0; bottom:0; z-index:-1; border-radius:0 0 10px 10px;
	background:#121924; border:1px solid rgba(255,255,255,.06); border-top:0; /* сверху картинка квадратная — без скругления и линии */ box-shadow:0 6px 16px rgba(0,0,0,.35); transition:border-color .2s, box-shadow .2s;}
:is(.games_cat, .games_search) .game-block > img {display:block; transition:filter .2s, opacity .2s;}
:is(.games_cat, .games_search) .game-block:hover > img {opacity:1; filter:brightness(.45) blur(1.5px);}

/* низ карточки: название, провайдер, сердечко */
:is(.games_cat, .games_search) .game-block > p {background:none; height:auto; min-height:52px; padding:9px 40px 9px 12px; box-sizing:border-box;
	display:flex; flex-direction:column; justify-content:center; gap:3px; line-height:1;}
:is(.games_cat, .games_search) .game-block > p > a:not(.plus) {display:block; color:#e7eaee; font:600 14px/1.15 'Futura PT Demi', 'Open Sans', sans-serif;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
:is(.games_cat, .games_search) .game-block:hover > p, :is(.games_cat, .games_search) .game-block:hover > p > a:not(.plus) {color:#f6b73c;}
:is(.games_cat, .games_search) .gb-prov {display:block; color:#7d8794; font:500 11px/1 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
:is(.games_cat, .games_search) .gb-prov:empty {display:none;}
/* жёлтая мини-иконка провайдера перед названием (иконки те же, что в списке «Все провайдеры») */
:is(.games_cat, .games_search) .gb-prov {display:flex; align-items:center; gap:5px;}
:is(.games_cat, .games_search) .gb-prov::before {content:''; flex:0 0 12px; width:12px; height:12px; background:no-repeat center / contain;}
:is(.games_cat, .games_search) .gb-prov--greentube::before {background-image:url(../images/home-greentube.svg);}
:is(.games_cat, .games_search) .gb-prov--igroslots::before {background-image:url(../images/home-igrosoft.svg);}
:is(.games_cat, .games_search) .gb-prov--netent::before {background-image:url(../images/home-netent.svg);}
:is(.games_cat, .games_search) .gb-prov--pragmatic::before {background-image:url(../images/home-pragmatic.svg);}
:is(.games_cat, .games_search) .gb-prov--pushgaming::before {background-image:url(../images/home-pushgaming.svg);}
:is(.games_cat, .games_search) .gb-prov--yggdrasil::before {background-image:url(../images/home-yggdrasil.svg);}
:is(.games_cat, .games_search) .gb-prov--playngo::before {background-image:url(../images/home-playngo.svg);}
:is(.games_cat, .games_search) .gb-prov--megajack::before {background-image:url(../images/home-megajack.svg);}
:is(.games_cat, .games_search) .gb-prov--microgaming::before {background-image:url(../images/home-microgaming.svg);}
:is(.games_cat, .games_search) .gb-prov--belatra::before {background-image:url(../images/home-belatra.svg);}
:is(.games_cat, .games_search) .gb-prov--unicum::before {background-image:url(../images/home-unicum.svg);}
:is(.games_cat, .games_search) .gb-prov--betinhell::before {background-image:url(../images/home-betinhell.svg);}
:is(.games_cat, .games_search) .game-block > p a.plus {top:50%; right:10px; width:26px; height:26px; margin-top:-13px; opacity:1; background:#7d8794;
	-webkit-mask:url(../images/icons/heart.svg) center / 18px no-repeat; mask:url(../images/icons/heart.svg) center / 18px no-repeat; transition:background-color .2s, transform .2s;}
:is(.games_cat, .games_search) .game-block > p a.plus:hover {background:#f6b73c; transform:scale(1.1);}

/* при наведении: «Играть» (золотая) + «Демо» */
:is(.games_cat, .games_search) .game-block .rblock {top:10px; height:126px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; opacity:0; pointer-events:none; transition:opacity .2s;}
:is(.games_cat, .games_search) .game-block:hover .rblock {display:flex; opacity:1; pointer-events:auto;}
:is(.games_cat, .games_search) .rblock .play-now {display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; height:38px; margin:0; padding:0 14px 0 18px; box-sizing:border-box;
	border-radius:8px; border:1px solid rgba(255,212,140,.85); text-decoration:none;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	color:#1a1206; font:600 15px/1 'Futura PT Demi', 'Open Sans', sans-serif;
	box-shadow:0 0 18px rgba(240,150,40,.45), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22); transition:transform .15s, filter .15s;}
/* «Играть →»: текст слева, стрелка справа (при наведении чуть сдвигается) */
:is(.games_cat, .games_search) .rblock .play-now::before {content:'Играть';}
:is(.games_cat, .games_search) .rblock .play-now::after {content:''; width:16px; height:16px; background:currentColor; transition:transform .2s;
	-webkit-mask:url(../images/icons/arrow-long.svg) center / contain no-repeat; mask:url(../images/icons/arrow-long.svg) center / contain no-repeat;}
:is(.games_cat, .games_search) .rblock .play-now:hover {transform:translateY(-1px); filter:brightness(1.06);}
:is(.games_cat, .games_search) .rblock .play-now:hover::after {transform:translateX(3px);}
:is(.games_cat, .games_search) .rblock .demo-game {display:inline-flex; align-items:center; justify-content:center; gap:6px; width:auto; height:30px; margin:0; padding:0 13px 0 11px; box-sizing:border-box;
	border-radius:8px; background:rgba(10,12,20,.55); border:1px solid rgba(255,255,255,.22); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
	color:#e7eaee; font:500 13px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-decoration:none; transition:border-color .2s, color .2s;}
:is(.games_cat, .games_search) .rblock .demo-game::before {content:''; width:15px; height:15px; background:currentColor; /* иконка глаза */
	-webkit-mask:url(../images/icons/eye.svg) center / contain no-repeat; mask:url(../images/icons/eye.svg) center / contain no-repeat;}
:is(.games_cat, .games_search) .rblock .demo-game:hover {color:#f6b73c; border-color:rgba(246,183,60,.7);}

/* бейджи «Топ» (.ttpg) и «Новинка» (.nnls): серая полупрозрачная пилюля в правом верхнем углу */
:is(.games_cat, .games_search) .ttpg::after, :is(.games_cat, .games_search) .nnls::after {top:17px; right:7px; left:auto; width:auto; height:20px; padding:0 8px; border-radius:20px; box-sizing:border-box;
	display:inline-flex; align-items:center; font:600 10px/18px 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.5px; text-transform:uppercase;
	background-color:rgba(20,24,32,.55); border:1px solid rgba(255,255,255,.14); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); box-shadow:none;
	z-index:3; pointer-events:none; transition:opacity .2s;}
:is(.games_cat, .games_search) .ttpg::after {content:'Топ'; color:#f6c45a; background:rgba(20,24,32,.55);}
:is(.games_cat, .games_search) .nnls::after {content:'Новинка'; color:#ff7a6b; background:rgba(20,24,32,.55);}
:is(.games_cat, .games_search) .game-block:hover::after {opacity:0;} /* при наведении бейдж не мешает кнопкам */

/* любимая игра: сердечко залитое золотым + «пульс» при нажатии */
:is(.games_cat, .games_search) .game-block > p a.plus.fav {background:#f6b73c; -webkit-mask-image:url(../images/icons/heart-fill.svg); mask-image:url(../images/icons/heart-fill.svg);}
:is(.games_cat, .games_search) .game-block > p a.plus.fav-pop {animation:favPop .35s ease;}
@keyframes favPop {0% {transform:scale(1);} 40% {transform:scale(1.35);} 100% {transform:scale(1);}}

/* мини-уведомление «Игра добавлена в Любимые» (создаётся скриптом в public_general.html.twig) */
.fav-toast {position:fixed; left:50%; bottom:28px; z-index:10050; display:flex; align-items:center; gap:10px; padding:11px 16px 11px 13px; border-radius:12px;
	background:rgba(14,18,26,.92); border:1px solid rgba(246,183,60,.35); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
	box-shadow:0 12px 30px rgba(0,0,0,.5); color:#e7eaee; font:500 14px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; white-space:nowrap;
	transform:translate(-50%, 20px); opacity:0; pointer-events:none; transition:opacity .25s, transform .25s;}
.fav-toast.show {opacity:1; transform:translate(-50%, 0); pointer-events:auto;}
.fav-toast::before {content:''; flex:0 0 18px; width:18px; height:18px; background:#f6b73c;
	-webkit-mask:url(../images/icons/heart-fill.svg) center / contain no-repeat; mask:url(../images/icons/heart-fill.svg) center / contain no-repeat;}
.fav-toast.is-removed::before {background:#7d8794; -webkit-mask-image:url(../images/icons/heart.svg); mask-image:url(../images/icons/heart.svg);}
.fav-toast b {color:#fff; font-weight:600;}
.fav-toast a {margin-left:4px; color:#f6b73c; text-decoration:none; border-bottom:1px solid rgba(246,183,60,.4);}
.fav-toast a:hover {color:#ffd27a;}
@media (max-width: 600px) {
	.fav-toast {bottom:84px; font-size:13px; max-width:calc(100% - 32px); white-space:normal;} /* над нижним мобильным меню */
}

/* заголовки блоков с играми: ближе к играм (25px → 8px), шрифт 24 → 20px, иконка 20px с отступом 8px */
.games_cat .tblock, .content > .wrapper > .tblock:first-child {margin-bottom:8px;}
.games_cat .tblock h2, .content > .wrapper > .tblock:first-child h1 {font-size:20px; padding-bottom:8px;}
.games_cat .tblock h2 span, .content .tblock h1 span {width:20px; height:20px; margin:3px 8px 0 0; vertical-align:middle;
	background-size:contain !important; background-position:left center;}
/* стрелки каруселей привязаны к блоку с играми — держим их на одной линии с «Показать все» */
.games_cat .home-slider .owl-nav, .games_cat .home-slider1 .owl-nav {top:-35px;}
.games_cat .home-slider2 .owl-nav {top:-42px;}

/* ============================================================
   Блок «ТОП»: «Показать все» и стрелки справа — как у остальных блоков
   ============================================================ */
.content > .wrapper > .tblock .home-all {color:#ffb400; font-size:14px; float:right; margin:5px 90px 0 0; text-decoration:none; transition:.3s;}
.content > .wrapper > .tblock .home-all:hover {opacity:.4;}
/* секция «ТОП» обрезала стрелки (overflow:hidden): по вертикали открываем, по горизонтали оставляем обрезку */
#home-top {overflow:visible; overflow-x:clip;}
#home-top .home-slider .owl-nav {z-index:4;}
.is-searching .content > .wrapper > .tblock .home-all {display:none;}

/* ============================================================
   Поиск — первая кнопка в строке провайдеров, при нажатии раскрывается вправо поверх неё
   ============================================================ */
.mainnav .flex {position:relative;}
.mainnav-search {position:relative; flex:0 0 46px; height:46px; z-index:20;}
.mainnav-search .search {position:absolute; left:0; right:auto; top:0; width:46px; height:46px; margin:0; box-sizing:border-box;
	border:1px solid rgba(255,255,255,.09); border-radius:12px; background:#121924; overflow:hidden;
	transition:width .3s ease, border-color .2s, box-shadow .2s, background-color .2s;}
.mainnav-search .search:hover {border-color:rgba(246,183,60,.45); background:#161f2b;}
/* ширина при открытии — ровно до Greentube (поверх «Все провайдеры»); точное значение ставит скрипт, 244px — запасное */
.mainnav-search .search.activated {width:244px; border-color:rgba(246,183,60,.75); box-shadow:0 0 0 3px rgba(246,183,60,.12), 0 10px 24px rgba(0,0,0,.45);}
.mainnav-search .search .s-trig {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; z-index:3; cursor:pointer; background:none;}
.mainnav-search .search form {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto;}
.mainnav-search .search input[type=submit] {position:absolute; top:0; left:0; right:auto; width:44px; height:44px; margin:0; padding:0; border:0; cursor:pointer; font-size:0;
	background:#f6b73c; -webkit-mask:url(../images/icons/search.svg) center / 18px no-repeat; mask:url(../images/icons/search.svg) center / 18px no-repeat;
	transition:transform .2s, background-color .2s;}
/* анимация лупы: при наведении увеличивается и поворачивается, при нажатии «пружинит» */
.mainnav-search .search:hover input[type=submit] {transform:scale(1.12) rotate(-8deg); background:#ffd27a;}
.mainnav-search .search input[type=submit]:active {transform:scale(.88);}
.mainnav-search .search.is-pop input[type=submit] {animation:searchPop .35s ease;}
@keyframes searchPop {0% {transform:scale(1);} 40% {transform:scale(.8) rotate(-15deg);} 100% {transform:scale(1);}}
.mainnav-search .search input[type=text] {position:absolute; top:0; left:44px; right:0; width:auto; height:44px; margin:0; padding:0 14px 0 2px; box-sizing:border-box;
	border:0; outline:0; background:none; color:#fff; font:500 15px/44px 'Futura PT Demi', 'Open Sans', sans-serif; opacity:0; transition:opacity .2s .1s;}
.mainnav-search .search input[type=text]::placeholder {color:#7d8794;}
.mainnav-search .search.activated input[type=text] {opacity:1;}
@media screen and (max-width: 600px) {
	.mainnav-search {flex-basis:38px; height:38px;}
	.mainnav-search .search {width:38px; height:38px; border-radius:10px;}
	.mainnav-search .search input[type=submit] {width:36px; height:36px;}
	.mainnav-search .search input[type=text] {left:36px; height:36px; line-height:36px; font-size:14px;}
}

/* результаты поиска — та же сетка 6 в ряд, что и карусели */
.gameplace .games_search .game-block {margin:0; float:none;}
@media screen and (min-width: 1261px) {
	.gameplace .games_search {justify-content:flex-start !important; column-gap:27.2px; row-gap:22px; padding-top:12px;}
}
/* пустая карусель над «ТОП» (заполняется только при поиске через ?search=) — после сброса поиска давала лишние 40px */
.index-height .games_cat:not(:has(.game-block)) {display:none !important;}

/* ============================================================
   Выпадающий список «Все провайдеры»: плавное открытие/закрытие,
   кнопка «Все провайдеры» оранжевая только при наведении и когда список открыт
   ============================================================ */
.mainsub, .mainsub.active {display:grid; grid-template-rows:0fr; height:auto !important; padding:0; overflow:hidden; transition:grid-template-rows .35s ease, padding .35s ease;}
.mainsub.active {grid-template-rows:1fr; padding:12px 0 4px;}
.mainsub > .wrapper {min-height:0; overflow:hidden;}
.mainsub ul li {opacity:0; transform:translateY(-6px); transition:opacity .25s ease, transform .25s ease;}
.mainsub.active ul li {opacity:1; transform:none; transition-delay:calc(var(--i, 0) * 18ms);}
.mainsub ul a {transition:color .2s, border-color .2s, background-color .2s;}
.all-menu {background:rgba(255,255,255,.035) !important; border-color:rgba(255,255,255,.09) !important; color:#c3c8ce !important; box-shadow:none !important; transition:color .2s, border-color .2s, background-color .2s, box-shadow .2s;}
.all-menu:hover {background:rgba(246,183,60,.08) !important; border-color:rgba(246,183,60,.5) !important; color:#f6b73c !important;}
.all-menu.active, .all-menu.active:hover {background:rgba(246,183,60,.08) !important; border-color:rgba(246,183,60,.75) !important; color:#f6b73c !important; box-shadow:0 0 18px rgba(246,183,60,.12) !important;}

/* ============================================================
   Главная: блоки «Турнир …» и «Бонус кэшбек до 30%»
   заголовок ближе к баннеру, скругление баннеров, новые статусы турнира
   ============================================================ */
#home-bonus .hb-1 {margin-bottom:12px;}
#home-bonus h2 {padding-bottom:0;}
#home-bonus .hb-1 a {margin-top:6px;}
#home-bonus .hb-2, #home-bonus .home-bonus-2 .img {border-radius:10px; overflow:hidden;}
#home-bonus .hb-2 img {display:block; transition:transform .4s ease;}
#home-bonus .hb-2:hover img {transform:scale(1.02);}
/* статус: «Завершен» — тёмная стеклянная плашка с галочкой */
#home-bonus .label-cl {top:10px; left:10px; right:auto; margin:0; z-index:2; display:inline-flex; align-items:center; gap:7px; width:auto; height:28px; padding:0 12px 0 10px; box-sizing:border-box; white-space:nowrap;
	background:rgba(12,17,24,.72); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.14); border-radius:999px;
	color:#c3c8ce; font:600 12px/1 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase; box-shadow:0 4px 12px rgba(0,0,0,.3);}
#home-bonus .label-cl::before {content:''; flex:0 0 14px; width:14px; height:14px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center / contain no-repeat;}
/* статус: «Идет сейчас» — зелёная плашка с пульсирующей точкой */
#home-bonus .label-cl.is-live {color:#5ee08a; border-color:rgba(70,210,120,.45); background:rgba(10,40,22,.72); box-shadow:0 0 16px rgba(70,210,120,.25), 0 4px 12px rgba(0,0,0,.3);}
#home-bonus .label-cl.is-live::before {flex-basis:8px; width:8px; height:8px; margin:0 2px; border-radius:50%; -webkit-mask:none; mask:none; animation:livePulse 1.6s ease-out infinite;}
@keyframes livePulse {0% {box-shadow:0 0 0 0 rgba(94,224,138,.7);} 70% {box-shadow:0 0 0 7px rgba(94,224,138,0);} 100% {box-shadow:0 0 0 0 rgba(94,224,138,0);}}

/* турнир на главной: нижняя панель — таймер до конца + «Подробнее» */
#home-bonus .hb-foot {position:absolute; left:0; right:0; bottom:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:28px 14px 12px;
	background:linear-gradient(180deg, rgba(8,12,18,0) 0%, rgba(8,12,18,.78) 55%, rgba(8,12,18,.9) 100%);}
#home-bonus .hb-timer {display:flex; align-items:center; gap:10px;}
#home-bonus .hb-timer-lbl {color:#9aa3ad; font:500 12px/1.15 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:.04em;}
#home-bonus .hb-timer-box {display:flex; align-items:flex-start; gap:4px;}
#home-bonus .hb-timer-box > span {display:flex; flex-direction:column; align-items:center; min-width:40px; padding:5px 0 4px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:7px;}
#home-bonus .hb-timer-box b {color:#fff; font:600 19px/1 'Futura PT Demi', 'Open Sans', sans-serif; font-variant-numeric:tabular-nums;}
#home-bonus .hb-timer-box small {margin-top:3px; color:#7d8794; font:500 10px/1 'Open Sans', sans-serif; text-transform:uppercase;}
#home-bonus .hb-timer-box > span:last-child b {color:#f6b73c;}
#home-bonus .hb-timer-box > i {align-self:center; margin-top:-10px; color:#5a6470; font:600 16px/1 sans-serif; font-style:normal;}
#home-bonus .hb-ended {color:#c3c8ce; font:500 14px/1.2 'Futura PT Demi', 'Open Sans', sans-serif;}
#home-bonus .hb-more {display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; height:38px; padding:0 14px 0 16px; border-radius:6px;
	background:rgba(255,255,255,.08); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.22);
	color:#fff; font:600 14px/1 'Futura PT Demi', 'Open Sans', sans-serif; transition:border-color .2s, background-color .2s, color .2s, transform .15s;}
#home-bonus .hb-more::after {content:''; width:14px; height:14px; background:currentColor; -webkit-mask:url(/images/icons/chevron.svg) center / contain no-repeat; mask:url(/images/icons/chevron.svg) center / contain no-repeat;}
#home-bonus .hb-2:hover .hb-more {transform:translateY(-1px); background:rgba(246,183,60,.12); border-color:rgba(246,183,60,.75); color:#f6b73c;}
@media screen and (max-width: 600px) {
	#home-bonus .hb-foot {padding:22px 10px 10px;}
	#home-bonus .hb-timer-lbl {display:none;}
	#home-bonus .hb-timer-box > span {min-width:34px;}
	#home-bonus .hb-timer-box b {font-size:16px;}
	#home-bonus .hb-more {height:34px; padding:0 10px 0 12px; font-size:13px;}
}

/* ============================================================
   Низ главной: «Наши победители» и «Игра месяца»
   ============================================================ */
.subpanel {display:flex; gap:24px; align-items:stretch;}
.subpanel .half-block {float:none; flex:1 1 0; min-width:0; width:auto; margin:0; padding:0; box-sizing:border-box; overflow:hidden;
	background:linear-gradient(180deg, #121925 0%, #0e141d 100%); border:1px solid rgba(255,255,255,.07); border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.25);}
/* шапки вместо оранжевых плашек */
.subpanel .half-block h3 {display:flex; align-items:center; gap:10px; height:auto; margin:0; padding:18px 22px 14px; background:none; border-bottom:1px solid rgba(255,255,255,.06);
	color:#f6b73c; font:600 18px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:.02em; text-shadow:none; box-shadow:none;}
.subpanel .half-block h3 img {width:22px; height:auto; margin:0; filter:brightness(0) saturate(100%) invert(77%) sepia(55%) saturate(700%) hue-rotate(350deg) brightness(101%);}
.winners-ind h3::after {content:'LIVE'; margin-left:auto; padding:5px 10px 5px 21px; border-radius:999px;
	background:radial-gradient(circle at 11px 50%, #5ee08a 0 3.5px, transparent 4.5px), rgba(10,40,22,.7); border:1px solid rgba(70,210,120,.4);
	color:#5ee08a; font:600 11px/1 'Open Sans', sans-serif; letter-spacing:.06em; animation:liveBlink 1.6s ease-in-out infinite;}
@keyframes liveBlink {50% {box-shadow:0 0 12px rgba(94,224,138,.35);}}

/* таблица победителей */
.winners-ind > div {height:auto; padding:6px 14px 14px;}
.winners-ind table tr, .winners-ind table td, .winners-ind table th {height:auto !important;}
.winners-ind tr {background:none !important; border:0; box-shadow:none;}
.winners-ind table {border-collapse:separate; border-spacing:0 6px; table-layout:fixed;}
.winners-ind th {padding:6px 10px 2px; background:none; color:#6d7782; font:600 11px/1 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:.06em; text-align:left; border:0;}
.winners-ind th.w-c-1 {width:96px;} .winners-ind th.w-c-3 {width:84px;} .winners-ind th.w-c-4 {width:118px; text-align:right;}
.winners-ind td {padding:7px 10px; background:rgba(255,255,255,.035); border:0; color:#c3c8ce; font:500 13px/1.2 'Open Sans', sans-serif; text-align:left; vertical-align:middle; transition:background-color .2s;}
.winners-ind td:first-child {border-radius:10px 0 0 10px;}
.winners-ind td:last-child {border-radius:0 10px 10px 0;}
.winners-ind tr:hover td {background:rgba(255,255,255,.06);}
.winners-ind td.w-c-1 {color:#8d96a0; font-variant-numeric:tabular-nums;}
.winners-ind td.w-c-2 {white-space:nowrap; overflow:hidden;}
.winners-ind td.w-c-2 img {display:inline-block; vertical-align:middle; float:none; width:44px; height:32px; margin:0 10px 0 0; object-fit:cover; border-radius:6px; box-shadow:0 0 0 1px rgba(255,255,255,.08);}
.winners-ind td.w-c-2 p {display:inline-block; vertical-align:middle; float:none; max-width:calc(100% - 56px); margin:0; padding:0; color:#e6e8eb; font:600 13px/1.25 'Open Sans', sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.winners-ind td.w-c-3 {color:#8d96a0; font-variant-numeric:tabular-nums;}
.winners-ind td.w-c-3::after, .winners-ind td.w-c-4::after {content:' ₽';}
.winners-ind td.w-c-4 {text-align:right; color:#f6b73c; font:700 15px/1 'Futura PT Demi', 'Open Sans', sans-serif; font-variant-numeric:tabular-nums;}
/* новая строка: въезжает сверху и подсвечивается */
.winners-ind tr.w-new td {animation:wRowIn .6s cubic-bezier(.2,.8,.2,1) both, wRowGlow 2.2s ease-out .2s;}
.winners-ind tr.w-new td.w-c-4 {animation:wRowIn .6s cubic-bezier(.2,.8,.2,1) both, wAmountPop .6s ease-out .45s;}
.winners-ind tr.w-out td {animation:wRowOut .45s ease-in forwards;}
@keyframes wRowIn {from {opacity:0; transform:translateY(-14px);} to {opacity:1; transform:none;}}
@keyframes wRowOut {to {opacity:0; transform:translateY(10px);}}
@keyframes wRowGlow {0% {background:rgba(246,183,60,.18);} 100% {background:rgba(255,255,255,.035);}}
@keyframes wAmountPop {0% {transform:scale(1);} 40% {transform:scale(1.15); text-shadow:0 0 14px rgba(246,183,60,.7);} 100% {transform:scale(1);}}

/* игра месяца */
.gamemonth-ind > div {display:flex; align-items:center; gap:22px; padding:22px; height:auto;}
.gamemonth-ind .img-place {flex:0 0 220px; width:220px; margin:0; padding:0; display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center;}
.gamemonth-ind .img-place br {display:none;}
.gamemonth-ind .img-place img:first-child {width:100%; height:auto; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.08);}
.gamemonth-ind .img-place img:last-child {width:120px; height:auto; opacity:.95;}
.gamemonth-ind .text-gamem {flex:1 1 auto; min-width:0; width:auto; margin:0; padding:0; display:flex; flex-direction:column;}
.gamemonth-ind .text-gamem h4 {margin:0 0 10px; padding:0; color:#fff; font:600 22px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none;}
.gamemonth-ind .garticle {flex:1 1 auto; color:#9aa3ad; font:400 13px/1.55 'Open Sans', sans-serif;}
.gamemonth-ind .garticle b, .gamemonth-ind .garticle strong {color:#e6e8eb;}
.gamemonth-ind a.star-thg {display:inline-flex; align-items:center; justify-content:center; gap:9px; align-self:flex-start; width:auto; height:44px; margin:16px 0 0; padding:0 22px 0 18px; box-sizing:border-box;
	border-radius:6px; border:1px solid rgba(255,212,140,.85);
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	color:#1a1206; font:600 15px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-decoration:none; text-shadow:none;
	box-shadow:0 0 20px rgba(240,150,40,.35), 0 6px 14px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,236,190,.85); transition:transform .15s, filter .15s;}
.gamemonth-ind a.star-thg::after {content:''; width:16px; height:16px; background:currentColor; -webkit-mask:url(/images/icons/arrow-long.svg) center / contain no-repeat; mask:url(/images/icons/arrow-long.svg) center / contain no-repeat;}
.gamemonth-ind a.star-thg:hover {transform:translateY(-1px); filter:brightness(1.06);}

@media screen and (max-width: 980px) {
	.subpanel {flex-direction:column; gap:18px;}
	.winners-ind th.w-c-1 {width:70px;} .winners-ind th.w-c-3 {width:64px;} .winners-ind th.w-c-4 {width:90px;}
	.winners-ind td {padding:7px 8px; font-size:12px;}
	.winners-ind td.w-c-2 img {width:36px; height:26px; margin-right:8px;}
	.winners-ind td.w-c-2 p {max-width:calc(100% - 46px);}
	.winners-ind td.w-c-4 {font-size:14px;}
}
@media screen and (max-width: 600px) {
	.winners-ind th.w-c-3, .winners-ind td.w-c-3 {display:none;}
	.gamemonth-ind > div {flex-direction:column; align-items:center; padding:18px;}
	.gamemonth-ind .text-gamem {align-items:center; text-align:center;}
	.gamemonth-ind a.star-thg {align-self:center;}
}

/* «Зал славы» и «Игра месяца» компактнее; у новой строки мигает только сумма */
.winners-ind h3 img {display:none;}
.winners-ind h3::before {content:''; flex:0 0 22px; width:22px; height:22px; background:currentColor; -webkit-mask:url(/images/winnertop-na.svg) center / contain no-repeat; mask:url(/images/winnertop-na.svg) center / contain no-repeat;}
.subpanel .half-block h3 {min-height:50px; box-sizing:border-box; padding:14px 18px 12px; font-size:16px;}
.winners-ind > div {padding:4px 12px 12px;}
.winners-ind tr.w-new td {animation:wRowIn .6s cubic-bezier(.2,.8,.2,1) both;}
.winners-ind tr.w-new td.w-c-4 {animation:wRowIn .6s cubic-bezier(.2,.8,.2,1) both, wAmountFlash 1.4s ease-out .4s;}
@keyframes wAmountFlash {0% {color:#f6b73c; text-shadow:none;} 20% {color:#fff3c4; text-shadow:0 0 12px rgba(255,200,80,.95), 0 0 24px rgba(246,183,60,.6);} 45% {color:#f6b73c; text-shadow:0 0 4px rgba(246,183,60,.3);} 65% {color:#fff3c4; text-shadow:0 0 12px rgba(255,200,80,.9);} 100% {color:#f6b73c; text-shadow:none;}}
.gamemonth-ind > div {margin:0; gap:16px; padding:14px 18px 16px;}
.gamemonth-ind .img-place {flex:0 0 150px; width:150px; gap:8px;}
.gamemonth-ind .img-place img:first-child {border-radius:10px;}
.gamemonth-ind .img-place img:last-child {width:84px;}
.gamemonth-ind .text-gamem h4 {margin:0 0 6px; font-size:18px;}
.gamemonth-ind .garticle {font-size:12.5px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; height:auto !important; max-height:none;}
.gamemonth-ind .garticle .jspContainer, .gamemonth-ind .garticle .jspPane {position:static !important; width:auto !important; height:auto !important; overflow:visible !important;}
.gamemonth-ind .garticle .jspVerticalBar {display:none !important;}
.gamemonth-ind a.star-thg {height:38px; margin-top:12px; padding:0 18px 0 16px; font-size:14px;}

/* «Зал славы»: строки съезжают внутри окна фиксированной высоты, блок не прыгает */
.winners-ind > div {position:relative; overflow:hidden;}
.winners-ind tbody tr.w-move {transition:transform .55s cubic-bezier(.2,.8,.2,1);}
.winners-ind tr.w-new td {animation:wFadeIn .55s ease-out both;}
.winners-ind tr.w-new td.w-c-4 {animation:wFadeIn .55s ease-out both, wAmountFlash 1.4s ease-out .45s;}
.winners-ind tr.w-out td {animation:wFadeOut .5s ease-in forwards;}
@keyframes wFadeIn {from {opacity:0;} to {opacity:1;}}
@keyframes wFadeOut {to {opacity:0;}}
/* «Игра месяца»: размытый фон из картинки игры, картинка слева, звёзды плашкой поверх неё */
.gamemonth-ind {position:relative;}
.gamemonth-ind > div {position:relative; z-index:1; align-items:stretch; gap:18px; padding:16px 18px;}
.gamemonth-ind::before {content:''; position:absolute; inset:50px 0 0 0; background:var(--gm-img) center / cover no-repeat; filter:blur(28px) saturate(1.3); opacity:.28; transform:scale(1.2);}
.gamemonth-ind::after {content:''; position:absolute; inset:50px 0 0 0; background:linear-gradient(90deg, rgba(14,20,29,.2) 0%, rgba(14,20,29,.85) 60%);}
.gamemonth-ind .img-place {flex:0 0 172px; width:172px; position:relative; gap:0; justify-content:center;}
.gamemonth-ind .img-place img:first-child {width:100%; aspect-ratio:216/160; object-fit:cover; border-radius:12px;}
.gamemonth-ind .img-place img:last-child {position:absolute; left:50%; bottom:-10px; transform:translateX(-50%); width:auto; height:20px; padding:5px 10px; box-sizing:content-box;
	background:rgba(12,17,24,.85); border:1px solid rgba(246,183,60,.35); border-radius:999px; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);}
.gamemonth-ind .text-gamem {justify-content:center;}
.gamemonth-ind .text-gamem h4 {font-size:20px; margin-bottom:6px;}
.gamemonth-ind a.star-thg {margin-top:14px;}
@media screen and (max-width: 600px) {
	.gamemonth-ind .img-place {margin-bottom:12px;}
}
/* «Игра месяца»: убираем старый отступ 20px сверху/снизу, картинка 150px — блоки одной высоты */
.subpanel .gamemonth-ind > div {margin:0 !important;}
.gamemonth-ind .img-place {flex-basis:150px; width:150px;}

/* «Игра месяца» в стиле «Зала славы»: без размытого фона; картинка слева, справа название, звёзды и кнопка, описание плашкой снизу */
.gamemonth-ind::before, .gamemonth-ind::after {content:none;}
.gamemonth-ind h3::after {content:attr(data-badge); margin-left:auto; padding:5px 10px; border-radius:999px; background:rgba(246,183,60,.1); border:1px solid rgba(246,183,60,.4);
	color:#f6b73c; font:600 11px/1 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase;}
.subpanel .gamemonth-ind > div {display:grid; grid-template-columns:132px 1fr; grid-template-areas:"img title" "img stars" "img btn" "desc desc"; grid-template-rows:auto auto 1fr auto;
	column-gap:16px; row-gap:6px; align-items:start; padding:14px 12px 12px; margin:0 !important;}
.gamemonth-ind .img-place, .gamemonth-ind .text-gamem {display:contents;}
.gamemonth-ind .img-place img:first-child {grid-area:img; width:132px; height:98px; aspect-ratio:auto; object-fit:cover; border-radius:10px; box-shadow:0 0 0 1px rgba(255,255,255,.08);}
.gamemonth-ind .img-place img:last-child {grid-area:stars; position:static; transform:none; justify-self:start; width:auto; height:16px; padding:0; background:none; border:0; border-radius:0; -webkit-backdrop-filter:none; backdrop-filter:none;}
.gamemonth-ind .text-gamem h4 {grid-area:title; margin:2px 0 0; color:#fff; font:600 18px/1.2 'Futura PT Demi', 'Open Sans', sans-serif;}
.gamemonth-ind a.star-thg {grid-area:btn; align-self:end; justify-self:start; margin:0; height:36px; padding:0 16px 0 14px; font-size:14px;}
/* описание: 2 строки; «внутренний отступ» сделан тенью, чтобы обрезка шла ровно по строкам */
.gamemonth-ind .garticle {grid-area:desc; padding:0 !important; margin:20px 10px 8px !important; max-height:37.5px !important; overflow:hidden; background:rgba(255,255,255,.035); box-shadow:0 0 0 10px rgba(255,255,255,.035); border-radius:1px;
	color:#9aa3ad; font:400 12.5px/1.5 'Open Sans', sans-serif;}
@media screen and (max-width: 600px) {
	.subpanel .gamemonth-ind > div {grid-template-columns:110px 1fr; column-gap:12px;}
	.gamemonth-ind .img-place img:first-child {width:110px; height:82px;}
	.gamemonth-ind .text-gamem {text-align:left;}
}

/* «Игра месяца»: «Начать игру» — ховер как у остальных золотых кнопок (приподнимается, ярче, сильнее свечение) */
.gamemonth-ind a.star-thg {transition:transform .15s, box-shadow .15s, filter .15s;}
.gamemonth-ind a.star-thg:hover {color:#1a1206; text-shadow:none; transform:translateY(-1px); filter:brightness(1.05);
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	box-shadow:0 0 0 1px rgba(255,170,70,.28), 0 0 28px rgba(240,150,40,.6), 0 8px 16px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);}
.gamemonth-ind a.star-thg:active {transform:translateY(0); filter:brightness(.97);}

/* Джекпот (только плашка на главной — скрипт ставит .jpt-new): сумма с разрядами, лёгкое мерцание неона, ховер */
.jpt-block.jpt-new .jp-gap {display:inline-block; width:.16em;}
.jpt-block.jpt-new {cursor:pointer;}
.jpt-block.jpt-new .jpt-insl {width:363px; font-size:76px; white-space:nowrap; text-align:center; transition:color .25s, filter .25s;}
.jpt-block.jpt-new .jpt-insl::before {animation:neonFlicker 7s linear infinite; transition:filter .25s;}
.jpt-block.jpt-new:hover .jpt-insl {color:#ffd2b8; filter:brightness(1.08);}
.jpt-block.jpt-new:hover .jpt-insl::before {filter:brightness(1.25) saturate(1.2);}
@keyframes neonFlicker {0%, 90%, 100% {opacity:1;} 91% {opacity:.55;} 92% {opacity:1;} 93.5% {opacity:.7;} 94.5% {opacity:1;}}
@media (prefers-reduced-motion: reduce) {.jpt-block.jpt-new .jpt-insl::before {animation:none;}}

/* Джекпот на главной: подпись — «ДЖЕКПОТ» крупно золотым неоном, «КАЗИНО» мельче разрядкой; знак ₽ — неоном как цифры вместо картинки */
.jpt-block.jpt-new h3 {width:200px; padding-right:6px; box-sizing:border-box; color:#c9ced4; font:600 16px/1.25 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.42em; text-transform:uppercase; text-align:right;
	text-shadow:0 0 10px rgba(140,120,255,.55);}
.jpt-block.jpt-new h3::first-line {color:#ffd27a; font-size:38px; letter-spacing:.02em; line-height:1.05;
	text-shadow:0 0 2px #fff3c4, 0 0 10px rgba(255,190,70,.9), 0 0 24px rgba(246,150,40,.7), 0 0 42px rgba(240,110,20,.45);}
.jpt-block.jpt-new .jpt-insl::after {content:'₽'; background:none; width:auto; height:auto; top:50%; left:auto; right:-78px; transform:translateY(-50%);
	color:#fdb088 !important; -webkit-text-fill-color:#fdb088; font:600 70px/1 'Open Sans', sans-serif;
	text-shadow:0 0 2px #ffe3d1, 0 0 8px rgba(250,90,30,.9), 0 0 22px rgba(250,59,0,.75), 0 0 44px rgba(250,59,0,.45);}

/* Джекпот на главной: подпись как неоновые трубки — светится контур букв, внутри мягкий отсвет; шрифт как у цифр табло; изредка «моргает» */
.jpt-block.jpt-new h3 {color:transparent; -webkit-text-stroke:1.2px #d9d2ff; font-family:rotondacregular, 'Futura PT Demi', sans-serif; font-weight:500;
	text-shadow:0 0 4px rgba(170,150,255,.9), 0 0 12px rgba(130,110,255,.7), 0 0 26px rgba(110,90,255,.45);
	animation:neonSign 6s linear infinite;}
.jpt-block.jpt-new h3::first-line {color:transparent; -webkit-text-stroke:1.8px #fff1c9; font-size:40px;
	text-shadow:0 0 3px rgba(255,236,180,.95), 0 0 9px rgba(255,190,70,.9), 0 0 20px rgba(246,150,40,.75), 0 0 40px rgba(240,110,20,.5);}
@keyframes neonSign {0%, 96%, 100% {opacity:1;} 96.5% {opacity:.4;} 97% {opacity:1;} 98% {opacity:.6;} 98.5% {opacity:1;}}
@media (prefers-reduced-motion: reduce) {.jpt-block.jpt-new h3 {animation:none;}}

/* Джекпот на главной: вместо «Джекпот казино» — «Джекпот» неоном и под ним небольшое «Подробнее →» (текст меняет скрипт в public_general) */
.jpt-block.jpt-new h3 {-webkit-text-stroke:1.8px #fff1c9; font-size:40px; line-height:1.05; letter-spacing:.02em;
	text-shadow:0 0 3px rgba(255,236,180,.95), 0 0 9px rgba(255,190,70,.9), 0 0 20px rgba(246,150,40,.75), 0 0 40px rgba(240,110,20,.5);}
.jpt-block.jpt-new h3 .jp-more {display:inline-flex; align-items:center; gap:6px; margin-top:8px; padding:0; color:#9aa3ad; -webkit-text-stroke:0; text-shadow:none;
	font:500 13px/1 'Open Sans', sans-serif; letter-spacing:.02em; text-transform:none; transition:color .2s;}
.jpt-block.jpt-new h3 .jp-more::after {content:''; width:14px; height:14px; background:currentColor; -webkit-mask:url(/images/icons/arrow-long.svg) center / contain no-repeat; mask:url(/images/icons/arrow-long.svg) center / contain no-repeat; transition:transform .2s;}
.jpt-block.jpt-new:hover h3 .jp-more {color:#f6b73c;}
.jpt-block.jpt-new:hover h3 .jp-more::after {transform:translateX(3px);}

/* «Подробнее» под «Джекпот» — неоновая кнопка в тон рамке табло */
.jpt-block.jpt-new h3 .jp-more {margin-top:12px; height:30px; padding:0 12px 0 14px; box-sizing:border-box; border-radius:8px;
	border:1.5px solid #c9c2ff; background:rgba(40,30,110,.35); color:#ece9ff; font:600 12px/1 'Open Sans', sans-serif; letter-spacing:.08em; text-transform:uppercase;
	text-shadow:0 0 6px rgba(160,140,255,.9);
	box-shadow:0 0 6px rgba(140,120,255,.9), 0 0 16px rgba(110,90,255,.55), inset 0 0 6px rgba(140,120,255,.6);
	transition:box-shadow .2s, color .2s, border-color .2s, background-color .2s;}
.jpt-block.jpt-new:hover h3 .jp-more {color:#fff; border-color:#e2ddff; background:rgba(60,45,150,.45);
	box-shadow:0 0 8px rgba(160,140,255,1), 0 0 24px rgba(120,100,255,.75), inset 0 0 10px rgba(150,130,255,.8);}
/* «Подробнее» чуть меньше */
.jpt-block.jpt-new h3 .jp-more {font-size:10.5px; height:27px; padding:0 10px 0 12px; gap:5px;}
.jpt-block.jpt-new h3 .jp-more::after {width:12px; height:12px;}

/* Платёжные иконки: компактнее — блок 70px вместо 150px, логотипы в одну линию по центру */
.pay-mthds {padding:18px 0;}
.pay-mthds .wrapper {height:auto;}
.pay-mthds .owl-item {display:flex; align-items:center; justify-content:center; height:32px;}
.pay-mthds img {max-height:22px; width:auto !important; max-width:100%; margin:0 auto; transition:transform .2s;}
.pay-mthds img:hover {transform:scale(1.06);}
@media screen and (max-width: 768px) {.pay-mthds {padding:12px 0;} .pay-mthds img {max-height:18px;}}

/* Футер компактнее (328px → ~180px): меньше отступы, логотип меньше, ссылки в одну строку, тонкая линия над нижним рядом */
footer {padding:26px 0 20px;}
footer .bottomnav2 {align-items:center; margin:0 0 20px;}
footer .bottomnav2-1 {align-items:center;}
footer .bottomnav2-1 .img1 {width:auto; height:56px; margin-right:22px;}
footer .bottomnav2-1 .img2 {height:34px; width:auto;}
footer .bottomnav1-1 {align-items:center; justify-content:flex-end; gap:26px;}
footer .bottomnav1-1 ul {display:flex; align-items:center; gap:26px; width:auto;}
footer .bottomnav1-1 li {padding:0; height:auto; line-height:1.2; list-style:none;}
footer .bottomnav1-1 li a {white-space:nowrap; transition:color .2s;}
footer .bottomnav1-1 li a:hover {color:#f6b73c;}
footer .bottomnav {align-items:center; padding-top:18px; border-top:1px solid rgba(255,255,255,.06);}
@media screen and (max-width: 980px) {
	footer .bottomnav2 {flex-direction:column; align-items:flex-start; gap:16px;}
	footer .bottomnav1-1 {justify-content:flex-start; flex-wrap:wrap; gap:10px 22px;}
	footer .bottomnav1-1 ul {flex-wrap:wrap; gap:10px 22px;}
}

/* Футер: ссылки по 2 в ряд (3 колонки), чуть больше воздуха */
footer {padding:34px 0 22px;}
footer .bottomnav2 {margin:0 0 24px;}
footer .bottomnav2-1 .img1 {height:64px;}
footer .bottomnav1-1 {display:grid; grid-template-rows:repeat(2, auto); grid-auto-flow:column; grid-auto-columns:max-content; justify-content:end; align-content:center; gap:12px 48px;}
footer .bottomnav1-1 ul {display:contents;}
@media screen and (max-width: 980px) {
	footer .bottomnav1-1 {justify-content:start; gap:10px 32px;}
}

/* Футер: вертикальная черта между лого и 18+, у ссылок золотые точки и вертикальные черты между колонками, больше воздуха */
footer {padding:44px 0 26px;}
footer .bottomnav2 {margin:0 0 30px;}
footer .bottomnav2-1 .img1 {padding-right:24px; margin-right:24px; border-right:1px solid rgba(255,255,255,.14);}
footer .bottomnav1-1 {gap:0 34px;}
footer .bottomnav1-1 li {padding:7px 0 7px 24px; border-left:1px solid rgba(255,255,255,.12);}
footer .bottomnav1-1 li a {display:inline-flex; align-items:center; gap:9px;}
footer .bottomnav1-1 li a::before {content:''; width:5px; height:5px; border-radius:50%; background:#f6b73c; opacity:.7; transition:opacity .2s, box-shadow .2s;}
footer .bottomnav1-1 li a:hover::before {opacity:1; box-shadow:0 0 6px rgba(246,183,60,.8);}
@media screen and (max-width: 980px) {
	footer {padding:30px 0 22px;}
	footer .bottomnav1-1 {gap:0 20px;}
	footer .bottomnav1-1 li {padding-left:16px;}
}

/* Футер: вертикальные черты плавно растворяются сверху и снизу */
footer .bottomnav2-1 .img1 {border-right:1px solid; border-image:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.22) 50%, rgba(255,255,255,0)) 1;}
footer .bottomnav1-1 li {border-left:1px solid; border-image:linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.2)) 1;}
/* верхняя ссылка колонки — черта проявляется сверху, нижняя — гаснет книзу */
footer .bottomnav1-1 ul:nth-child(1) li:nth-child(1), footer .bottomnav1-1 ul:nth-child(2) li:nth-child(2), footer .bottomnav1-1 ul:nth-child(3) li:nth-child(1) {border-image:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.2)) 1;}
footer .bottomnav1-1 ul:nth-child(2) li:nth-child(1), footer .bottomnav1-1 ul:nth-child(2) li:nth-child(3), footer .bottomnav1-1 ul:nth-child(3) li:nth-child(2) {border-image:linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0)) 1;}

/* Платёжки: фон в цвет футера, сливаются с ним в один низ сайта; тонкая линия только сверху */
.pay-mthds {background:#131a21; border-top:1px solid rgba(255,255,255,.06); border-bottom:0; box-shadow:none;}

/* Горизонтальная черта под платёжками: по ширине контента, растворяется к краям */
.pay-mthds {position:relative;}
.pay-mthds::after {content:''; position:absolute; left:50%; bottom:0; width:min(1240px, calc(100% - 32px)); height:1px; transform:translateX(-50%);
	background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.16) 50%, rgba(255,255,255,0)); pointer-events:none;}

/* ============================================================
   Попап регистрации: тёмная карточка в стиле сайта, золотые акценты
   (двойной #reg-popup — чтобы перебить старые правила с #reg-popup .form-ong ...)
   ============================================================ */
#reg-popup#reg-popup {padding:0; border-radius:16px; overflow:hidden; background:#0e141d; border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 80px rgba(0,0,0,.6);}
#reg-popup#reg-popup .form-ong {background:linear-gradient(180deg, #131b26 0%, #0e141d 100%);}
#reg-popup#reg-popup .form-ong h3 {display:flex; align-items:center; justify-content:center; gap:10px; height:auto; padding:22px 24px 18px; background:none; border-bottom:1px solid rgba(255,255,255,.06);
	color:#f6b73c; font:600 20px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:none;}
#reg-popup#reg-popup .form-ong h3 span {position:static; float:none; display:block; flex:0 0 24px; width:24px; height:24px; margin:0; background:currentColor; -webkit-mask:url(/images/icons/user.svg) center / contain no-repeat; mask:url(/images/icons/user.svg) center / contain no-repeat;}
#reg-popup#reg-popup .form-bdy {padding:26px 0 24px;}
#reg-popup#reg-popup .form-bdy form {width:360px; max-width:calc(100% - 48px); margin:0 auto; float:none;}
#reg-popup#reg-popup form p {margin:0 0 8px; color:#8d96a0; font:600 12px/1.2 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase;}
#reg-popup#reg-popup input[type=text] {width:100%; height:46px; margin:0 0 22px; padding:0 16px; box-sizing:border-box; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:10px;
	color:#fff; font:500 15px/1 'Open Sans', sans-serif; outline:0; transition:border-color .2s, box-shadow .2s, background-color .2s;}
#reg-popup#reg-popup input[type=text]:focus {border-color:rgba(246,183,60,.75); box-shadow:0 0 0 3px rgba(246,183,60,.14); background:rgba(255,255,255,.06);}
/* валюта — пилюли */
#reg-popup#reg-popup .many {margin:0 8px 22px 0;}
#reg-popup#reg-popup .many label {display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:76px; height:38px; padding:0 16px; box-sizing:border-box;
	background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#c3c8ce; font:600 14px/1 'Open Sans', sans-serif; cursor:pointer; transition:all .2s;}
#reg-popup#reg-popup .many label::before, #reg-popup#reg-popup .many label::after {content:none;}
#reg-popup#reg-popup .many label:hover {border-color:rgba(246,183,60,.5); color:#fff;}
#reg-popup#reg-popup .many input:checked + label {background:rgba(246,183,60,.12); border-color:rgba(246,183,60,.8); color:#f6b73c; box-shadow:0 0 0 3px rgba(246,183,60,.1);}
/* чекбокс правил */
#reg-popup#reg-popup #cp-2 + label {display:block; width:auto; padding-left:32px; color:#9aa3ad; font:400 13px/22px 'Open Sans', sans-serif;}
#reg-popup#reg-popup #cp-2 + label::before {top:1px; left:0; width:20px; height:20px; box-sizing:border-box; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.2); border-radius:6px; transition:all .2s;}
#reg-popup#reg-popup #cp-2:checked + label::before {background:#f6b73c; border-color:#f6b73c;}
#reg-popup#reg-popup #cp-2 + label::after {content:''; position:absolute; opacity:0; top:5px; left:7px; width:5px; height:9px; border:solid #1a1206; border-width:0 2px 2px 0; transform:rotate(45deg); background:none; box-sizing:content-box;}
#reg-popup#reg-popup #cp-2:checked + label::after {opacity:1;}
#reg-popup#reg-popup #cp-2 + label a {color:#f6b73c; text-decoration:none; border-bottom:1px dashed rgba(246,183,60,.5);}
/* кнопка — золотая, как на сайте */
#reg-popup#reg-popup input[type=submit] {display:block; width:100% !important; max-width:none !important; height:52px; margin:24px 0 0 !important; padding:0; border-radius:8px; border:1px solid rgba(255,212,140,.85); cursor:pointer;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	color:#1a1206; font:600 18px/1 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.02em; text-transform:none; text-shadow:none;
	box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22); transition:transform .15s, filter .15s, box-shadow .15s;}
#reg-popup#reg-popup input[type=submit]:hover {transform:translateY(-1px); filter:brightness(1.05); box-shadow:0 0 0 1px rgba(255,170,70,.28), 0 0 30px rgba(240,150,40,.6), 0 10px 20px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);}
/* «У меня есть аккаунт» — тихая ссылка */
#reg-popup#reg-popup a.fancy {display:block; width:auto; height:auto; margin:16px auto 0; padding:0; background:none; text-align:center; color:#8d96a0; font:500 14px/1.4 'Open Sans', sans-serif; text-decoration:none; transition:color .2s;}
#reg-popup#reg-popup a.fancy::after {content:' →'; color:#f6b73c;}
#reg-popup#reg-popup a.fancy:hover {color:#fff;}
/* преимущества справа (заодно исправлена опечатка в заголовке) */
#reg-popup#reg-popup .privileg {box-sizing:border-box; margin:0; padding:0 30px 24px; background:linear-gradient(180deg, rgba(246,183,60,.06) 0%, rgba(14,20,29,0) 40%), #0b1018; border:0; border-left:1px solid rgba(255,255,255,.06);}
#reg-popup#reg-popup .privileg h3 {padding:24px 0 18px; margin:0 0 18px; border-bottom:1px solid rgba(255,255,255,.06); color:#8d96a0; font:600 0/1.2 'Open Sans', sans-serif; letter-spacing:.12em; text-transform:uppercase;}
#reg-popup#reg-popup .privileg h3::before {content:'Преимущества'; font-size:12px;}
#reg-popup#reg-popup .privileg h3::after {content:none;}
#reg-popup#reg-popup .privileg [class^="pppr-"] {display:block; position:relative; float:none; width:100%; box-sizing:border-box; min-height:52px; height:auto; margin:0 0 12px; padding:14px 14px 14px 80px;
	background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); border-radius:12px; color:#c3c8ce; font:400 14px/1.45 'Open Sans', sans-serif;}
#reg-popup#reg-popup .privileg [class^="pppr-"] span {position:absolute; left:14px; top:50%; transform:translateY(-50%); width:52px; height:52px; margin:0; background-size:contain; background-position:center; background-repeat:no-repeat;}
#reg-popup#reg-popup .privileg em {color:#f6b73c; font-style:normal; font-weight:700;}
@media screen and (max-width: 768px) {
	#reg-popup#reg-popup {flex-direction:column;}
	#reg-popup#reg-popup .privileg {border-left:0; border-top:1px solid rgba(255,255,255,.06);}
}

/* Попап регистрации: без выбора валюты (RUB выбрана по умолчанию и уходит с формой), форма по центру по высоте */
#reg-popup#reg-popup form p:nth-of-type(2), #reg-popup#reg-popup .many {display:none !important;}
#reg-popup#reg-popup input[type=text] {margin-bottom:18px;}
#reg-popup#reg-popup .form-ong {display:flex; flex-direction:column;}
#reg-popup#reg-popup .form-bdy {flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; height:auto;}
/* блик по кнопке «Регистрация»: лежит ровно поверх новой кнопки и мягко пробегает */
#reg-popup#reg-popup form {position:relative;}
#reg-popup#reg-popup .shiner {display:block !important; position:absolute; left:0; width:100% !important; max-width:none !important; height:52px; margin:-52px 0 0 0 !important; border-radius:8px; overflow:hidden; pointer-events:none;}
#reg-popup#reg-popup .shiner::after {content:''; position:absolute; top:0; left:-30%; width:70px; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,250,230,.55) 50%, rgba(255,255,255,0) 100%); transform:skewX(-20deg); animation:regShine 3.6s ease-in-out infinite;}
@keyframes regShine {0% {left:-30%;} 45%, 100% {left:120%;}}
/* Попап регистрации: подпись поля — «Введите Вашу почту:» (текст подменяем через CSS, шаблона попапа нет) */
#reg-popup#reg-popup form p:nth-of-type(1) {font-size:0;}
#reg-popup#reg-popup form p:nth-of-type(1)::before {content:'Введите Вашу почту:'; font-size:12px;}

/* ============================================================
   Попапы «Вход» и «Восстановить пароль» — в стиле попапа регистрации
   ============================================================ */
/* карточки */
#login-popup#login-popup {flex-wrap:nowrap; width:auto !important; vertical-align:middle; text-align:left; padding:0; border-radius:16px; overflow:hidden; background:#0e141d; border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 80px rgba(0,0,0,.6);}
#rec-pass#rec-pass {height:auto !important; min-height:0 !important; width:440px; max-width:calc(100vw - 32px); padding:0; border-radius:16px; overflow:hidden; background:linear-gradient(180deg, #131b26 0%, #0e141d 100%); border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 80px rgba(0,0,0,.6);}
#login-popup#login-popup .form-ing, #login-popup#login-popup .privileg {float:none; flex-shrink:0;}
#login-popup#login-popup .form-ing {display:flex; flex-direction:column; background:linear-gradient(180deg, #131b26 0%, #0e141d 100%);}
/* заголовки */
#login-popup#login-popup .form-ing h3, #rec-pass#rec-pass > h3 {display:flex; align-items:center; justify-content:center; gap:10px; height:auto; margin:0; padding:22px 24px 18px; background:none; border-bottom:1px solid rgba(255,255,255,.06);
	color:#f6b73c; font:600 20px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:none;}
#login-popup#login-popup .form-ing h3 span, #rec-pass#rec-pass > h3 span {position:static; float:none; display:block; flex:0 0 24px; width:24px; height:24px; margin:0; background:currentColor;
	-webkit-mask:url(/images/icons/user.svg) center / contain no-repeat; mask:url(/images/icons/user.svg) center / contain no-repeat;}
/* тело формы */
#login-popup#login-popup .login-form {flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; height:auto; padding:26px 0 24px;}
#rec-pass#rec-pass .form-bdy {padding:26px 0 26px; height:auto; border:0; background:none;}
#login-popup#login-popup .login-form form, #rec-pass#rec-pass .form-bdy form {position:relative; width:360px; max-width:calc(100% - 48px); margin:0 auto; float:none;}
#login-popup#login-popup form p, #rec-pass#rec-pass form p {margin:0 0 8px; padding:0; background:none; color:#8d96a0; font:600 12px/1.2 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase;}
#login-popup#login-popup input[type=text], #login-popup#login-popup input[type=password], #rec-pass#rec-pass input[type=text] {width:100%; height:46px; margin:0 0 18px; padding:0 16px; box-sizing:border-box;
	background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:10px; color:#fff; font:500 15px/1 'Open Sans', sans-serif; outline:0; transition:border-color .2s, box-shadow .2s, background-color .2s;}
#login-popup#login-popup input[type=text]:focus, #login-popup#login-popup input[type=password]:focus, #rec-pass#rec-pass input[type=text]:focus {border-color:rgba(246,183,60,.75); box-shadow:0 0 0 3px rgba(246,183,60,.14); background:rgba(255,255,255,.06);}
/* выбор валюты убираем (RUB выбрана по умолчанию и уходит с формой) */
#login-popup#login-popup .social-login {display:none !important;}
#rec-pass#rec-pass form p:nth-of-type(2), #rec-pass#rec-pass form > div:not(.shiner):not(:last-child) {display:none !important;}
/* золотые кнопки */
#login-popup#login-popup .us-shiner {position:relative; width:100%; height:auto; margin:6px 0 0; padding:0; background:none;}
#login-popup#login-popup input[type=submit], #rec-pass#rec-pass input[type=submit] {display:block; width:100% !important; max-width:none !important; height:52px; margin:6px 0 0 !important; padding:0; border-radius:8px; border:1px solid rgba(255,212,140,.85); cursor:pointer;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	color:#1a1206; font:600 18px/1 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.02em; text-transform:none; text-shadow:none;
	box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22); transition:transform .15s, filter .15s, box-shadow .15s;}
#login-popup#login-popup input[type=submit]:hover, #rec-pass#rec-pass input[type=submit]:hover {transform:translateY(-1px); filter:brightness(1.05);
	box-shadow:0 0 0 1px rgba(255,170,70,.28), 0 0 30px rgba(240,150,40,.6), 0 10px 20px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);}
/* блик поверх кнопок */
#login-popup#login-popup .shiner, #rec-pass#rec-pass .shiner {display:block !important; position:absolute; left:0; width:100% !important; max-width:none !important; height:52px; margin:-52px 0 0 0 !important; border-radius:8px; overflow:hidden; pointer-events:none;}
#login-popup#login-popup .shiner::after, #rec-pass#rec-pass .shiner::after {content:''; position:absolute; top:0; left:-30%; width:70px; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,250,230,.55) 50%, rgba(255,255,255,0) 100%); transform:skewX(-20deg); animation:regShine 3.6s ease-in-out infinite;}
/* «Забыли пароль?» — тихая ссылка */
#login-popup#login-popup a.forgot-pass {display:block; float:none; width:100%; height:auto; margin:18px auto 0; padding:0; background:none; text-align:center; color:#8d96a0; font:500 14px/1.4 'Open Sans', sans-serif; text-decoration:none; transition:color .2s;}
#login-popup#login-popup a.forgot-pass::after {content:' →'; color:#f6b73c;}
#login-popup#login-popup a.forgot-pass:hover {color:#fff;}
/* преимущества — как в регистрации */
#login-popup#login-popup .privileg {box-sizing:border-box; margin:0; padding:0 30px 24px; background:linear-gradient(180deg, rgba(246,183,60,.06) 0%, rgba(14,20,29,0) 40%), #0b1018; border:0; border-left:1px solid rgba(255,255,255,.06);}
#login-popup#login-popup .privileg h3 {padding:24px 0 18px; margin:0 0 18px; border-bottom:1px solid rgba(255,255,255,.06); color:#8d96a0; font:600 0/1.2 'Open Sans', sans-serif; letter-spacing:.12em; text-transform:uppercase;}
#login-popup#login-popup .privileg h3::before {content:'Преимущества'; font-size:12px;}
#login-popup#login-popup .privileg h3::after {content:none;}
#login-popup#login-popup .privileg [class^="pppr-"] {display:block; position:relative; float:none; width:100%; box-sizing:border-box; min-height:52px; height:auto; margin:0 0 12px; padding:14px 14px 14px 80px;
	background:rgba(255,255,255,.035); background-image:none; border:1px solid rgba(255,255,255,.06); border-radius:12px; color:#c3c8ce; font:400 14px/1.45 'Open Sans', sans-serif;}
#login-popup#login-popup .privileg [class^="pppr-"] span {position:absolute; left:14px; top:50%; transform:translateY(-50%); width:52px; height:52px; margin:0; background-size:contain; background-position:center; background-repeat:no-repeat;}
#login-popup#login-popup .privileg em {color:#f6b73c; font-style:normal; font-weight:700;}
@media screen and (max-width: 768px) {
	#login-popup#login-popup {flex-direction:column;}
	#login-popup#login-popup .privileg {border-left:0; border-top:1px solid rgba(255,255,255,.06);}
}
/* «Восстановить пароль»: подпись поля и короткая подсказка */
#rec-pass#rec-pass form p:nth-of-type(1) {font-size:0;}
#rec-pass#rec-pass form p:nth-of-type(1)::before {content:'Введите Вашу почту:'; font-size:12px;}
#rec-pass#rec-pass form p:nth-of-type(1)::after {content:'Пришлём ссылку для восстановления пароля'; display:block; margin:6px 0 2px; color:#6d7782; font:400 13px/1.4 'Open Sans', sans-serif; letter-spacing:0; text-transform:none;}

/* Попапы: раскладка включается только когда попап открыт в fancybox — в остальное время работает .hide (display:none) */
.fancybox-slide > #reg-popup#reg-popup {display:flex;}
.fancybox-slide > #login-popup#login-popup {display:inline-flex !important;}

/* Попапы: пустое поле при отправке — красная рамка и «встряхивание» вместо текстового сообщения */
#reg-popup#reg-popup input.field-error, #login-popup#login-popup input.field-error, #rec-pass#rec-pass input.field-error {border-color:rgba(255,95,80,.85); box-shadow:0 0 0 3px rgba(255,95,80,.15); animation:fieldShake .45s cubic-bezier(.36,.07,.19,.97) both;}
@keyframes fieldShake {10%, 90% {transform:translateX(-1px);} 20%, 80% {transform:translateX(3px);} 30%, 50%, 70% {transform:translateX(-6px);} 40%, 60% {transform:translateX(6px);}}

/* ============================================================
   Мобильное меню (mmenu): выезжает поверх справа, сайт не сдвигается, ☰ → ✕;
   в закреплённой шапке убрана засечка слева от «Вход», кнопка меню не наезжает на «Регистрацию»
   ============================================================ */
@media screen and (max-width: 980px) {
	html.mm-opened .mm-page, html.mm-opening .mm-page {left:0 !important; right:auto !important; transform:none !important; margin:0 !important;}
	html.mm-opened, html.mm-opened body {overflow:hidden;}
	/* затемнение под меню (ниже шапки; --mm-top ставит скрипт в public_general) */
	#mm-blocker {display:block !important; position:fixed; left:0; right:0; top:var(--mm-top, 70px); bottom:0; width:auto; height:auto; background:rgba(5,8,12,.6); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
		opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s; z-index:9990;}
	html.mm-opening #mm-blocker {opacity:1; visibility:visible;}
	/* панель меню — справа, под шапкой */
	#menu.mm-menu {display:block !important; position:fixed; top:var(--mm-top, 70px); right:0; left:auto; bottom:0; width:min(300px, 84vw); height:auto; z-index:9995; overflow-y:auto;
		background:linear-gradient(180deg, #121925 0%, #0b1018 100%); border-left:1px solid rgba(255,255,255,.08); box-shadow:-20px 0 40px rgba(0,0,0,.45);
		transform:translateX(100%); visibility:hidden; transition:transform .32s cubic-bezier(.2,.8,.2,1), visibility .32s;}
	html.mm-opening #menu.mm-menu {transform:none; visibility:visible;}
	#menu.mm-menu .mm-panel {position:static; width:auto; height:auto; padding:14px 12px 24px; transform:none; background:none; left:auto; right:auto;}
	#menu.mm-menu .mm-list {display:flex; flex-direction:column; gap:4px; width:auto; padding:0; margin:0;}
	#menu.mm-menu .mm-list li {display:block; width:auto; float:none; margin:0; padding:0; border:0;}
	#menu.mm-menu .mm-list li::after {content:none;}
	#menu.mm-menu .mm-list li a {display:flex; flex-direction:row; align-items:center; gap:14px; height:50px; padding:0 14px; margin:0; border-radius:10px; text-align:left;
		color:#c3c8ce; font:500 16px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; transition:background-color .2s, color .2s;}
	#menu.mm-menu .mm-list li a p {flex:0 0 22px; width:22px; height:22px; margin:0; background-size:20px auto !important; background-position:center !important;}
	#menu.mm-menu .mm-list li a::after {content:none;}
	#menu.mm-menu .mm-list li a:active, #menu.mm-menu .mm-list li a:hover {background:rgba(255,255,255,.05); color:#fff;}
	#menu.mm-menu .mm-list li a.active {background:rgba(246,183,60,.1); color:#f6b73c; box-shadow:inset 3px 0 0 #f6b73c;}
	#menu.mm-menu .mm-list li.mob980 {margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,.07);}
	/* шапка над затемнением; три полоски → крестик */
	.ahead:not(.fixed) {position:relative; z-index:9999;}
	.ahead.fixed {z-index:9999;}
	#sidebar-toggle .bar {transition:transform .3s, opacity .2s; transform-origin:center;}
	html.mm-opening #sidebar-toggle .bar:nth-of-type(1) {transform:translateY(6px) rotate(45deg);}
	html.mm-opening #sidebar-toggle .bar:nth-of-type(2) {opacity:0;}
	html.mm-opening #sidebar-toggle .bar:nth-of-type(3) {transform:translateY(-6px) rotate(-45deg);}
	/* закреплённая шапка */
	.ahead.fixed .login-panel {border-left:0; margin-right:35px;}
}

/* Мобильная шапка и меню — доработка:
   1) затемнение mmenu по умолчанию стояло справа поверх шапки (размывало «Регистрацию» и крестик) — ставим его строго под шапкой
   2) шапка на телефоне крупнее (~20%): 84px, кнопки 36px, логотип больше */
@media screen and (max-width: 980px) {
	html.mm-opened #mm-blocker, html.mm-opening #mm-blocker, #mm-blocker {left:0 !important; right:0 !important; top:var(--mm-top, 84px) !important; bottom:0 !important; width:auto !important; height:auto !important; z-index:9990 !important;}
	header {height:84px;}
	.ahead:not(.fixed) {height:84px;}
	.ahead:not(.fixed) .logo {width:116px; top:9px;}
	.ahead:not(.fixed) .logo > object {width:100%; height:auto;}
	.ahead:not(.fixed) .login-panel {height:84px; gap:6px; margin-right:40px;}
	.ahead:not(.fixed) .login-panel .login, .ahead:not(.fixed) .login-panel .reg-fast {margin-top:0; height:36px; font-size:13.5px; border-radius:7px;}
	.ahead:not(.fixed) .login {padding:0 11px; gap:6px;}
	.ahead:not(.fixed) .reg-fast {padding:0 12px; gap:7px;}
	.ahead:not(.fixed) .login::before, .ahead:not(.fixed) .reg-fast::before {flex-basis:16px; width:16px; height:16px;}
	#sidebar-toggle {top:25px; right:4px; padding:10px 6px;}
	#sidebar-toggle .bar {width:22px !important;}
	.ahead.fixed .login-panel {margin-right:40px;}
	.ahead.fixed .login-panel .login, .ahead.fixed .login-panel .reg-fast {height:34px; font-size:13px;}
	.ahead.fixed #sidebar-toggle {top:13px;}
}
@media screen and (max-width: 374px) {
	.ahead .reg-fast::before {display:none;}
	.ahead:not(.fixed) .logo {width:104px;}
}

/* Мобильное меню: убираем «белую рамку» при открытии — у mmenu на странице тень и анимация сдвига,
   а фон под страницей (html) прозрачный/белый. Красим фон в цвет сайта и отключаем тень/переходы страницы */
html {background:#0d1116;}
@media screen and (max-width: 980px) {
	.mm-page, html.mm-opened .mm-page, html.mm-opening .mm-page, html.mm-background .mm-page {box-shadow:none !important; transition:none !important; outline:0 !important; border:0 !important;}
	html.mm-opened, html.mm-opened body {background:#0d1116 !important;}
}
/* Мобильная закреплённая шапка: выше (58px вместо 52px), три полоски по центру относительно кнопок */
@media screen and (max-width: 980px) {
	.ahead.fixed {height:58px !important;}
	.ahead.fixed .login-panel {height:58px !important;}
	.ahead.fixed #sidebar-toggle {top:12px !important;}
}

/* Попапы на телефоне: на всю ширину экрана (с отступом 12px), без пустоты над полем, кнопки во всю ширину;
   в регистрации — преимущества компактной строкой из трёх плашек, во входе — скрыты */
@media screen and (max-width: 768px) {
	.fancybox-slide > #reg-popup#reg-popup, .fancybox-slide > #login-popup#login-popup, .fancybox-slide > #rec-pass#rec-pass {width:calc(100vw - 24px) !important; max-width:420px !important; height:auto !important; min-height:0 !important; margin:12px 0 !important; flex-direction:column !important;}
	#reg-popup#reg-popup .form-ong, #login-popup#login-popup .form-ing {width:100% !important; height:auto !important; min-height:0 !important;}
	#reg-popup#reg-popup .form-ong h3, #login-popup#login-popup .form-ing h3, #rec-pass#rec-pass > h3 {padding:18px 44px 16px; font-size:18px;}
	#reg-popup#reg-popup .form-bdy, #login-popup#login-popup .login-form, #rec-pass#rec-pass .form-bdy {height:auto !important; min-height:0 !important; padding:22px 0 20px !important; justify-content:flex-start;}
	#reg-popup#reg-popup .form-bdy form, #login-popup#login-popup .login-form form, #rec-pass#rec-pass .form-bdy form {width:auto !important; max-width:none !important; margin:0 18px !important;}
	#reg-popup#reg-popup a.fancy, #login-popup#login-popup a.forgot-pass {margin-top:14px;}
	#reg-popup#reg-popup .privileg {display:grid !important; grid-template-columns:repeat(3, 1fr); gap:8px; width:100% !important; height:auto !important; padding:14px 12px 16px !important; border-left:0 !important; border-top:1px solid rgba(255,255,255,.06) !important; position:static !important;}
	#reg-popup#reg-popup .privileg h3 {display:none;}
	#reg-popup#reg-popup .privileg [class^="pppr-"] {display:block !important; text-align:center; min-height:0; margin:0 !important; padding:10px 6px 10px !important; font-size:11.5px !important; line-height:1.35 !important;}
	#reg-popup#reg-popup .privileg [class^="pppr-"] span {position:static !important; transform:none !important; display:block; width:38px !important; height:38px !important; margin:0 auto 6px !important; background-size:contain !important;}
	#login-popup#login-popup .privileg {display:none !important;}
}

/* Регистрация на телефоне: преимущества красивее — иконка, крупная золотая цифра, короткая подпись (текст подменяем через CSS) */
@media screen and (max-width: 768px) {
	#reg-popup#reg-popup .privileg [class^="pppr-"] {display:flex !important; flex-direction:column; align-items:center; font-size:0 !important; line-height:0 !important; padding:12px 6px 12px !important;
		background:linear-gradient(180deg, rgba(246,183,60,.07) 0%, rgba(255,255,255,.02) 100%) !important; border:1px solid rgba(246,183,60,.18) !important;}
	#reg-popup#reg-popup .privileg [class^="pppr-"] br, #reg-popup#reg-popup .privileg [class^="pppr-"] em {display:none;}
	#reg-popup#reg-popup .privileg [class^="pppr-"] span {order:1; float:none !important; width:32px !important; height:32px !important; margin:0 auto 8px !important;}
	#reg-popup#reg-popup .privileg [class^="pppr-"]::before {order:2; display:block; color:#f6b73c; font:700 19px/1.1 'Futura PT Demi', 'Open Sans', sans-serif; text-shadow:0 0 12px rgba(246,183,60,.35);}
	#reg-popup#reg-popup .privileg [class^="pppr-"]::after {order:3; display:block; margin-top:4px; color:#9aa3ad; font:500 11px/1.3 'Open Sans', sans-serif;}
	#reg-popup#reg-popup .privileg .pppr-1::before {content:'до 30%';}
	#reg-popup#reg-popup .privileg .pppr-1::after {content:'возврат проигрыша';}
	#reg-popup#reg-popup .privileg .pppr-2::before {content:'96%';}
	#reg-popup#reg-popup .privileg .pppr-2::after {content:'отдача слотов';}
	#reg-popup#reg-popup .privileg .pppr-3::before {content:'Подарки';}
	#reg-popup#reg-popup .privileg .pppr-3::after {content:'активным игрокам';}
}

/* Капча в попапах регистрации и восстановления пароля: подпись «Подтвердите, что вы не робот:» и капча по центру (только когда капча появилась) */
[id^="captcha-recaptcha"]:not(:empty) {display:flex !important; flex-direction:column; align-items:center; width:100%; margin:18px 0 0; padding-top:16px; border-top:1px solid rgba(255,255,255,.06);}
[id^="captcha-recaptcha"]:not(:empty)::before {content:'Подтвердите, что вы не робот:'; display:block; width:100%; margin:0 0 10px; color:#8d96a0; font:600 12px/1.2 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase; text-align:center;}
[id^="captcha-recaptcha"] > div {margin:0 auto;}

/* ============================================================
   «Успешная регистрация» (.regist-good): карточка в стиле попапов, номер счёта и пароль крупно,
   кнопки «копировать» и понятное предупреждение «сохраните данные»
   ============================================================ */
.over.regist-good {position:fixed; inset:0; z-index:10000; background:rgba(5,8,12,.72); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); overflow-y:auto;}
.over.regist-good .regist-good-1 {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(440px, calc(100vw - 24px)); max-height:calc(100vh - 24px); overflow-y:auto; box-sizing:border-box; margin:0;
	padding:84px 26px 24px; text-align:center; background:linear-gradient(180deg, #131b26 0%, #0e141d 100%); border:1px solid rgba(255,255,255,.08); border-radius:16px; box-shadow:0 30px 80px rgba(0,0,0,.6);}
.over.regist-good .logo-over {position:absolute; left:50%; top:14px; transform:translateX(-50%); width:72px; height:72px; margin:0;}
.over.regist-good .logo-over img {width:72px; height:auto;}
.over.regist-good .title {margin:0 0 14px; padding:0; color:#f6b73c; font:600 22px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:none;}
/* предупреждение: сохраните данные */
.over.regist-good .text {display:flex; align-items:flex-start; gap:10px; margin:0 0 16px; padding:12px 14px; text-align:left; background:rgba(246,183,60,.08); border:1px solid rgba(246,183,60,.35); border-radius:10px;
	color:#f3d9a4; font:600 13px/1.45 'Open Sans', sans-serif;}
.over.regist-good .text::before {content:'!'; flex:0 0 20px; width:20px; height:20px; border-radius:50%; background:#f6b73c; color:#1a1206; font:800 13px/20px 'Open Sans', sans-serif; text-align:center;}
/* номер счёта и пароль */
.over.regist-good .form {margin:0 0 18px; padding:0; background:none; border:0;}
.over.regist-good .form1, .over.regist-good .form2 {position:relative; display:grid; grid-template-columns:1fr auto; grid-template-areas:"label btn" "value btn"; align-items:center; column-gap:12px; row-gap:2px;
	width:auto; height:auto; margin:0 0 10px; padding:10px 10px 10px 16px; box-sizing:border-box; text-align:left; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:10px; transition:border-color .2s, background-color .2s;}
.over.regist-good .form1 > div, .over.regist-good .form2 > div {grid-area:label; display:block; width:auto; margin:0; padding:0; color:#8d96a0; font:600 11px/1.2 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase;}
.over.regist-good .form1 > span, .over.regist-good .form2 > span {grid-area:value; display:block; margin:0; padding:0; color:#fff; font:600 20px/1.25 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.06em; word-break:break-all; user-select:all; -webkit-user-select:all;}
.over.regist-good i.copy {grid-area:btn; position:static; display:flex; align-items:center; justify-content:center; gap:6px; width:auto; height:36px; margin:0; padding:0 12px; box-sizing:border-box; cursor:pointer;
	background:rgba(246,183,60,.1); border:1px solid rgba(246,183,60,.45); border-radius:8px; color:#f6b73c; font:600 12px/1 'Open Sans', sans-serif; font-style:normal; transition:background-color .2s, border-color .2s, color .2s;}
.over.regist-good i.copy::before {content:''; width:16px; height:16px; background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E") center / contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E") center / contain no-repeat;}
.over.regist-good i.copy::after {content:'Копировать';}
.over.regist-good i.copy:hover {background:rgba(246,183,60,.18); border-color:rgba(246,183,60,.8);}
/* скопировано */
.over.regist-good .is-copied {border-color:rgba(70,210,120,.6); background:rgba(70,210,120,.06);}
.over.regist-good .is-copied i.copy {background:rgba(70,210,120,.14); border-color:rgba(70,210,120,.6); color:#5ee08a;}
.over.regist-good .is-copied i.copy::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");}
.over.regist-good .is-copied i.copy::after {content:'Скопировано';}
/* кнопка «Сохранить» (скачивает файл с данными) — золотая */
.over.regist-good input[type=submit] {display:block; width:100%; height:50px; margin:4px 0 18px; padding:0; border-radius:8px; border:1px solid rgba(255,212,140,.85); cursor:pointer;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	color:#1a1206; font:600 17px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-shadow:none;
	box-shadow:0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85); transition:transform .15s, filter .15s;}
.over.regist-good input[type=submit]:hover {transform:translateY(-1px); filter:brightness(1.05);}
/* подвал: письмо и спам */
.over.regist-good .text-footer, .over.regist-good .text-footer p {margin:0; color:#9aa3ad; font:400 13px/1.5 'Open Sans', sans-serif;}
.over.regist-good .text-footer a {color:#f6b73c; text-decoration:none;}
.over.regist-good .text-footer .green {color:#5ee08a; font-weight:600;}
.over.regist-good .text-spam {margin:12px 0 0; padding:10px 12px; background:rgba(255,255,255,.035); background-image:none; border-radius:8px; color:#8d96a0; font:400 12.5px/1.45 'Open Sans', sans-serif;}
.over.regist-good .text-spam .white {color:#e6e8eb; font-weight:600;}
/* крестик */
.over.regist-good .close {position:absolute; top:14px; right:14px; width:32px; height:32px; border-radius:8px; background:rgba(255,255,255,.05); background-image:none; cursor:pointer; transition:background-color .2s;}
.over.regist-good .close::before, .over.regist-good .close::after {content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#c3c8ce; border-radius:2px; transform:rotate(45deg);}
.over.regist-good .close::after {transform:rotate(-45deg);}
.over.regist-good .close:hover {background:rgba(255,255,255,.1);}
/* всплывающее «скопировано» */
.rg-toast {position:fixed; left:50%; bottom:28px; z-index:10010; transform:translate(-50%, 20px); opacity:0; pointer-events:none; padding:12px 18px; border-radius:10px; background:#0e141d; border:1px solid rgba(70,210,120,.5);
	color:#e6e8eb; font:600 14px/1.2 'Open Sans', sans-serif; box-shadow:0 12px 30px rgba(0,0,0,.5); transition:opacity .25s, transform .25s;}
.rg-toast.show {opacity:1; transform:translate(-50%, 0);}
@media screen and (max-width: 480px) {
	.over.regist-good .regist-good-1 {padding:78px 16px 18px;}
	.over.regist-good .title {font-size:19px;}
	.over.regist-good .form1 > span, .over.regist-good .form2 > span {font-size:18px;}
}
/* «Успешная регистрация»: снимаем старые фиксированные ширины, текст предупреждения понятнее */
.over.regist-good .regist-good-1 {max-width:none; padding-top:98px;}
.over.regist-good .logo-over {height:auto;}
.over.regist-good .form, .over.regist-good .text-spam, .over.regist-good .text-footer {max-width:none !important; float:none;}
.over.regist-good .form {width:100% !important;}
.over.regist-good .form1, .over.regist-good .form2 {width:100% !important; float:none !important;}
.over.regist-good .text-spam {display:block; width:100% !important; box-sizing:border-box;}
.over.regist-good .text {font-size:0; align-items:center;}
.over.regist-good .text::after {content:'Обязательно сохраните номер счёта и пароль — они нужны для входа на сайт. Скопируйте их или нажмите «Сохранить».'; font:600 13px/1.45 'Open Sans', sans-serif; color:#f3d9a4;}

/* «Успешная регистрация»: кнопки «Скопировать всё» и «Сохранить картинкой», .txt — тихой ссылкой */
.over.regist-good .rg-actions {display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 12px;}
.over.regist-good .rg-actions button {display:flex; align-items:center; justify-content:center; gap:8px; height:48px; padding:0 10px; border-radius:8px; cursor:pointer; font:600 15px/1 'Futura PT Demi', 'Open Sans', sans-serif; transition:transform .15s, filter .15s, background-color .2s, border-color .2s, color .2s;}
.over.regist-good .rg-actions button::before {content:''; flex:0 0 18px; width:18px; height:18px; background:currentColor;}
.over.regist-good .rg-copy-all {background:rgba(246,183,60,.1); border:1px solid rgba(246,183,60,.55); color:#f6b73c;}
.over.regist-good .rg-copy-all::before {-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E") center / contain no-repeat;}
.over.regist-good .rg-copy-all:hover {background:rgba(246,183,60,.18);}
.over.regist-good .rg-copy-all.is-done {background:rgba(70,210,120,.14); border-color:rgba(70,210,120,.6); color:#5ee08a;}
.over.regist-good .rg-save-img {border:1px solid rgba(255,212,140,.85); color:#1a1206;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	box-shadow:0 0 20px rgba(240,150,40,.35), 0 6px 14px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,236,190,.85);}
.over.regist-good .rg-save-img::before {-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='m21 16-5-5-8 8'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='m21 16-5-5-8 8'/%3E%3C/svg%3E") center / contain no-repeat;}
.over.regist-good .rg-save-img:hover {transform:translateY(-1px); filter:brightness(1.05);}
/* старая кнопка (скачивает .txt) — тихая ссылка */
.over.regist-good input[type=submit].rg-txt {height:auto; margin:0 auto 18px; padding:4px 6px; width:auto; background:none; border:0; box-shadow:none; color:#8d96a0; font:500 13px/1.3 'Open Sans', sans-serif; text-decoration:underline; text-decoration-style:dashed; text-underline-offset:3px;}
.over.regist-good input[type=submit].rg-txt:hover {color:#fff; transform:none; filter:none;}
@media screen and (max-width: 380px) {
	.over.regist-good .rg-actions {grid-template-columns:1fr;}
}
.over.regist-good .text::after {content:'Обязательно сохраните номер счёта и пароль — они нужны для входа на сайт. Скопируйте их или сохраните фото.';}
/* «Успешная регистрация»: иконка наполовину выходит за верх карточки */
.over.regist-good .regist-good-1 {overflow:visible; padding-top:58px;}
.over.regist-good .logo-over {top:-46px; width:92px;}
.over.regist-good .logo-over img {width:92px; filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));}
/* «Успешная регистрация»: текст предупреждения */
.over.regist-good .text::after {content:'Обязательно сохраните номер счёта и пароль — они нужны для входа на сайт. Скопируйте их или сохраните картинкой или файлом.';}

/* Шапка после входа (десктоп): профиль | баланс | «Касса» в одну линию; «Касса» — золотая кнопка как «Регистрация».
   Раньше баланс прятался под «Кассой», а в закреплённой шапке «Касса» была сжата до 50px */
@media screen and (min-width: 981px) {
	.login-panel:has(.top-profile) {display:flex; align-items:center; gap:8px; width:auto; height:99px;}
	.login-panel .top-profile, .login-panel .top-profile-1 {width:auto !important;}
	.login-panel .top-profile {float:none; height:auto; background:none; border:0;}
	.login-panel .top-profile-1 {height:auto; padding:0 2px; border:0;}
	.login-panel .top-profile-1 .login-user-image {width:34px; height:34px; margin:0 8px 0 0;}
	.login-panel .top-balance {float:none; display:flex; flex-direction:column; justify-content:center; width:auto; height:42px; margin:0 !important; padding:0 12px; box-sizing:border-box;
		background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:6px;}
	.login-panel .top-balance::before {content:'Баланс'; display:block; color:#8d96a0; font:600 10px/1.2 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase;}
	.login-panel .top-blns {float:none; width:auto; margin:2px 0 0; color:#fff; font:700 15px/1.1 'Futura PT Demi', 'Open Sans', sans-serif; white-space:nowrap;}
	.login-panel .top-blns .cur {margin-left:4px; color:#f6b73c; font-size:12px;}
	.login-panel .top-cass {position:static; display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; height:42px; padding:0 16px; box-sizing:border-box; line-height:1;
		border-radius:6px; border:1px solid rgba(255,212,140,.85); color:#1a1206; font-size:0; text-decoration:none; text-shadow:none;
		background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
		box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 20px rgba(240,150,40,.4), 0 6px 14px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22); transition:transform .15s, filter .15s;}
	.login-panel .top-cass::before {content:''; flex:0 0 18px; width:18px; height:18px; background:currentColor; -webkit-mask:url(/images/icons/wallet.svg) center / contain no-repeat; mask:url(/images/icons/wallet.svg) center / contain no-repeat;}
	.login-panel .top-cass::after {content:'Касса'; font:600 15px/1 'Futura PT Demi', 'Open Sans', sans-serif;}
	.login-panel .top-cass:hover {color:#1a1206; transform:translateY(-1px); filter:brightness(1.05);}
	/* закреплённая шапка */
	.ahead.fixed .login-panel:has(.top-profile) {height:51px;}
	.ahead.fixed .login-panel .top-balance {height:36px;}
	.ahead.fixed .login-panel .top-cass {width:auto !important; height:36px; font-size:0 !important; padding:0 16px !important;}
	.ahead.fixed .login-panel .top-cass::after {font-size:14px;}
	.ahead.fixed .login-panel .top-profile-1 .login-user-image {width:30px; height:30px;}
}

/* Шапка после входа: знак валюты вместо RUR (скрипт ставит .cur-sign), меню сдвинуто левее, чтобы не прилипало к профилю */
@media screen and (min-width: 981px) {
	.login-panel .top-blns .cur.cur-sign {margin-left:3px; font-size:15px; font-weight:700;}
}
@media screen and (min-width: 1281px) {
	body:has(.login-panel .top-profile) .topnav ul {padding:0 370px 0 255px !important;}
}


/* Шапка после входа — доработка: в закреплённой шапке баланс по центру и «Касса» не капсом; выпадающее меню профиля — аккуратная карточка */
@media screen and (min-width: 981px) {
	.ahead.fixed .login-panel .top-balance {padding:0 12px !important; margin:0 !important; justify-content:center;}
	.ahead.fixed .login-panel .top-blns {margin:2px 0 0 !important; padding:0 !important; line-height:1.1 !important;}
	.login-panel .top-cass, .login-panel .top-cass::after {text-transform:none !important;}
	.login-panel .top-balance, .login-panel .top-blns {text-align:left !important;}
	.login-panel .top-profile-1 {position:relative; cursor:pointer;}
	.login-panel .login-user-hover {position:absolute !important; top:calc(100% + 10px) !important; left:0 !important; right:auto !important; width:190px !important; height:auto !important; padding:6px !important; box-sizing:border-box; z-index:50 !important;
		background:#0e141d !important; border:1px solid rgba(255,255,255,.1); border-radius:12px; box-shadow:0 16px 40px rgba(0,0,0,.55);}
	.login-panel .login-user-hover a {display:flex !important; align-items:center; gap:10px; width:auto !important; height:40px !important; margin:0 !important; padding:0 12px !important; border:0 !important; border-radius:8px; background:none !important;
		color:#c3c8ce !important; font:500 14px/1 'Open Sans', sans-serif !important; text-transform:none !important; text-align:left !important; text-decoration:none; box-shadow:none !important;}
	.login-panel .login-user-hover a::before {content:''; flex:0 0 18px; width:18px; height:18px; background:currentColor; -webkit-mask:url(/images/icons/wallet.svg) center / contain no-repeat; mask:url(/images/icons/wallet.svg) center / contain no-repeat;}
	.login-panel .login-user-hover a.logout::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");}
	.login-panel .login-user-hover a:hover {background:rgba(255,255,255,.06) !important; color:#fff !important;}
	.login-panel .login-user-hover a.logout {margin-top:4px !important; border-top:1px solid rgba(255,255,255,.07) !important; border-radius:0 0 8px 8px; color:#e57f74 !important;}
	.login-panel .login-user-hover a.logout:hover {background:rgba(229,127,116,.1) !important;}
}
/* Мобильная шапка после входа: баланс-плашка + «Касса» в одну линию (раньше баланс прятался под «Кассой»);
   номер счёта и «Выход» — карточкой вверху бокового меню */
@media screen and (max-width: 980px) {
	.login-panel:has(.top-profile) {display:flex; align-items:center; gap:6px; width:auto;}
	.login-panel .top-balance {float:none; display:flex; flex-direction:column; justify-content:center; width:auto; height:36px; margin:0 !important; padding:0 10px !important; box-sizing:border-box; text-align:left !important;
		background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:7px;}
	.login-panel .top-balance::before {content:'Баланс'; display:block; color:#8d96a0; font:600 9px/1.1 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase;}
	.login-panel .top-blns {float:none; width:auto; margin:1px 0 0 !important; padding:0 !important; color:#fff; font:700 14px/1.1 'Futura PT Demi', 'Open Sans', sans-serif !important; white-space:nowrap; text-align:left !important;}
	.login-panel .top-blns .cur {margin-left:3px; color:#f6b73c; font-size:11px;}
	.login-panel .top-blns .cur.cur-sign {font-size:14px;}
	.login-panel .top-cass {position:static !important; display:inline-flex !important; align-items:center; justify-content:center; gap:6px; width:auto !important; height:36px !important; margin:0 !important; padding:0 12px !important; box-sizing:border-box;
		border-radius:7px; border:1px solid rgba(255,212,140,.85); color:#1a1206; font-size:0 !important; text-decoration:none; text-shadow:none;
		background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
		box-shadow:0 0 16px rgba(240,150,40,.35), inset 0 1px 0 rgba(255,236,190,.85);}
	.login-panel .top-cass::before {content:''; flex:0 0 16px; width:16px; height:16px; background:currentColor; -webkit-mask:url(/images/icons/wallet.svg) center / contain no-repeat; mask:url(/images/icons/wallet.svg) center / contain no-repeat;}
	.login-panel .top-cass::after {content:'Касса'; font:600 13.5px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none;}
	.ahead.fixed .login-panel .top-balance, .ahead.fixed .login-panel .top-cass {height:34px !important;}
	/* карточка аккаунта в меню */
	#menu.mm-menu .mm-account {display:flex; align-items:center; gap:12px; margin:0 0 12px; padding:12px 14px; border-radius:12px; background:rgba(246,183,60,.07); border:1px solid rgba(246,183,60,.25);}
	#menu.mm-menu .mm-account-ava {flex:0 0 38px; width:38px; height:38px; border-radius:50%; background:#f6b73c url(/images/logo-user.svg) center / 22px no-repeat;}
	#menu.mm-menu .mm-account-ava {background:rgba(246,183,60,.15); position:relative;}
	#menu.mm-menu .mm-account-ava::after {content:''; position:absolute; inset:9px; background:#f6b73c; -webkit-mask:url(/images/icons/user.svg) center / contain no-repeat; mask:url(/images/icons/user.svg) center / contain no-repeat;}
	#menu.mm-menu .mm-account-info {flex:1 1 auto; min-width:0;}
	#menu.mm-menu .mm-account-label {display:block; color:#8d96a0; font:600 10px/1.2 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase;}
	#menu.mm-menu .mm-account-num {display:block; margin-top:2px; color:#fff; font:700 18px/1.1 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em;}
	#menu.mm-menu .mm-account-out {flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 10px; border-radius:8px; border:1px solid rgba(229,127,116,.4); color:#e57f74; font:600 12px/1 'Open Sans', sans-serif; text-decoration:none;}
	#menu.mm-menu .mm-account-out::before {content:''; width:14px; height:14px; background:currentColor;
		-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E") center / contain no-repeat;
		mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E") center / contain no-repeat;}
}
@media screen and (min-width: 981px) {#menu .mm-account {display:none;}}

/* Мобильное меню после входа: карточка «Номер счета:» — первый пункт списка, без кнопки «Выход» (она есть ниже), «Выход» красным */
@media screen and (max-width: 980px) {
	#menu.mm-menu .mm-list li.mm-account-li {margin:0 0 8px; padding:0;}
	#menu.mm-menu .mm-account {margin:0;}
	#menu.mm-menu .mm-account-label {text-transform:none; letter-spacing:0; font-size:12px;}
	#menu.mm-menu .mm-account-num {font-size:20px;}
	#menu.mm-menu .mm-account-out {display:none;}
	#menu.mm-menu .mm-list li.mob981 a {color:#e57f74;}
}
@media screen and (min-width: 981px) {#menu .mm-account-li {display:none;}}

/* Телефон: страница не должна сдвигаться вбок, если какой-то элемент (виджет чата, слайдер, панель после входа) чуть шире экрана */
@media screen and (max-width: 980px) {
	html, body {max-width:100%; overflow-x:hidden;}
	@supports (overflow:clip) {html, body {overflow-x:clip;}}
	html {overscroll-behavior-x:none;}
	.mm-page, .container {max-width:100vw;} /* без overflow: у .container нулевая высота (float), и lazysizes считал картинки игр «за краем» — они не грузились на телефоне */
	.login-panel:has(.top-profile) {max-width:calc(100vw - 180px);}
	.login-panel .top-balance {min-width:0; overflow:hidden;}
	.login-panel .top-blns {overflow:hidden; text-overflow:ellipsis;}
}
@media screen and (max-width: 380px) {
	.login-panel .top-cass {padding:0 10px !important;}
	.login-panel .top-cass::before {display:none;}
}

/* Телефон: «Зал славы» и «Игра месяца» снова видны (старое правило сжимало блоки до 0), стрелки у лент провайдеров/тематик скрыты,
   карточка «Номер счета» в меню без жёлтой рамки */
@media screen and (max-width: 980px) {
	.subpanel {height:auto !important;}
	.subpanel .half-block {height:auto !important; min-height:0 !important; flex:none !important; width:100% !important;}
	.gamemonth-ind .garticle {text-align:left;}
	.cs-marquee .owl-nav, .home-slider1 .owl-nav, .home-slider2 .owl-nav {display:none !important;}
	#menu.mm-menu .mm-account {background:none !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.07) !important; border-radius:0 !important; padding:6px 14px 14px !important;}
}

/* «Зал славы» — заголовок ведёт на страницу; в футере у первой колонки ссылок нет засечки; на мобайле блок по центру */
.winners-ind h3 a.wn-link {color:inherit; text-decoration:none; transition:color .2s, text-shadow .2s;}
.winners-ind h3 a.wn-link:hover {color:#ffd27a; text-shadow:0 0 10px rgba(246,183,60,.45);}
footer .bottomnav1-1 ul:nth-child(1) li, footer .bottomnav1-1 ul:nth-child(2) li:nth-child(1) {border-left:0 !important; border-image:none !important; padding-left:0 !important;}
@media screen and (max-width: 980px) {
	footer .bottomnav2 {align-items:center !important;}
	footer .bottomnav2-1 {justify-content:center;}
	footer .bottomnav1-1 {justify-content:center !important;}
	footer .bottomnav1-1 li {justify-self:start;}
}

/* Страница провайдера (мобайл): 3 игры в ряд — карточка целиком уменьшена пропорционально (картинка, подпись, сердечко, кнопки при наведении) */
@media screen and (max-width: 600px) {
	.index-height > .games_cat {display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)); justify-content:stretch; gap:12px 8px;}
	.index-height > .games_cat .game-block {float:none; width:auto !important; height:auto !important; margin:0 !important; min-width:0;}
	.index-height > .games_cat .game-block > img {display:block; width:100% !important; height:auto !important; aspect-ratio:150 / 111; object-fit:cover;}
	.index-height > .games_cat .game-block > p {height:auto !important; min-height:0; padding:6px 22px 7px 7px !important;}
	.index-height > .games_cat .game-block > p > a:not(.plus) {display:block; font-size:11px !important; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.index-height > .games_cat .game-block .gb-prov {font-size:9px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.index-height > .games_cat .game-block a.plus {width:20px !important; height:20px !important; top:auto !important; bottom:4px !important; left:auto !important; right:3px !important; transform:none; background-size:14px !important;} /* сердечко на одной линии с названием */
	.index-height > .games_cat .game-block .rblock {top:0 !important; bottom:auto !important; height:auto !important; aspect-ratio:150 / 111; gap:6px;}
	.index-height > .games_cat .game-block .rblock a.play-now {height:28px !important; padding:0 10px !important; font-size:12px !important; gap:5px;}
	.index-height > .games_cat .game-block .rblock a.demo-game {height:22px !important; padding:0 8px !important; font-size:10px !important;}
}

/* Страница провайдера: количество игр вместо иконки поиска у заголовка */
.tblock.has-count .search {display:none !important;}
.tblock .tb-count {position:absolute; right:0; top:50%; transform:translateY(-50%); display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 14px 0 12px; box-sizing:border-box;
	background:rgba(246,183,60,.08); border:1px solid rgba(246,183,60,.4); border-radius:999px; color:#c3c8ce; font:500 13px/1 'Open Sans', sans-serif; white-space:nowrap;}
.tblock .tb-count::before {content:''; width:14px; height:14px; background:#f6b73c; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' rx='2'/%3E%3Crect x='13' y='3' width='8' height='8' rx='2'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2'/%3E%3Crect x='13' y='13' width='8' height='8' rx='2'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' rx='2'/%3E%3Crect x='13' y='3' width='8' height='8' rx='2'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2'/%3E%3Crect x='13' y='13' width='8' height='8' rx='2'/%3E%3C/svg%3E") center / contain no-repeat;}
.tblock .tb-count b {color:#f6b73c; font:700 15px/1 'Futura PT Demi', 'Open Sans', sans-serif;}
@media screen and (max-width: 600px) {
	.tblock .tb-count {height:28px; padding:0 11px 0 10px; font-size:12px;}
	.tblock .tb-count b {font-size:14px;}
}

/* Нижнее мобильное меню: 4 равные вкладки, иконки одного цвета (маска), активная вкладка — золотая с подсветкой (класс ставит скрипт), учтён вырез iPhone снизу */
@media screen and (max-width: 980px) {
	.mob-menu {display:grid !important; grid-template-columns:repeat(4, 1fr); align-items:stretch; height:auto !important; padding:6px 8px calc(6px + env(safe-area-inset-bottom)) !important; box-sizing:border-box;
		background:rgba(14,20,29,.94) !important; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-top:1px solid rgba(255,255,255,.07); box-shadow:0 -10px 30px rgba(0,0,0,.45);}
	.mob-menu a {position:relative; display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:auto !important; height:54px !important; margin:0 !important; padding:0 !important;
		background:none !important; border-radius:12px; color:#8d96a0 !important; font:600 10.5px/1 'Open Sans', sans-serif !important; letter-spacing:.02em; text-transform:none !important; text-decoration:none; -webkit-tap-highlight-color:transparent; transition:color .2s, background-color .2s;}
	.mob-menu a::before {content:''; width:24px; height:24px; background:currentColor; -webkit-mask:var(--ico) center / contain no-repeat; mask:var(--ico) center / contain no-repeat; transition:transform .2s;}
	.mob-menu a.mob-menu1 {--ico:url(/images/mob-menu1.svg);}
	.mob-menu a.mob-menu3 {--ico:url(/images/mob-menu3.svg);}
	.mob-menu a.mob-menu2 {--ico:url(/images/mob-menu2.svg);}
	.mob-menu a.mob-menu4 {--ico:url(/images/icons/user.svg);}
	.mob-menu a:active::before {transform:scale(.9);}
	.mob-menu a.is-active {color:#f6b73c !important; background:rgba(246,183,60,.08) !important;}
	.mob-menu a.is-active::before {filter:drop-shadow(0 0 6px rgba(246,183,60,.5));}
	.mob-menu a.is-active::after {content:''; position:absolute; top:-6px; left:50%; width:26px; height:3px; margin-left:-13px; border-radius:0 0 3px 3px; background:#f6b73c; box-shadow:0 0 10px rgba(246,183,60,.7);}
}

/* «Успешная регистрация»: финальная кнопка «Всё сохранил — начать игру» под блоком про спам.
   Сначала спокойная (контур), после копирования/сохранения данных — золотая с подсветкой */
.over.regist-good .rg-go {display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:50px; margin:14px 0 0; padding:0 16px; box-sizing:border-box; cursor:pointer;
	background:rgba(255,255,255,.03); border:1px solid rgba(246,183,60,.45); border-radius:8px; color:#e6e8eb; font:600 16px/1 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.01em;
	transition:background .3s, color .3s, border-color .3s, box-shadow .3s, transform .15s, filter .15s; -webkit-tap-highlight-color:transparent;}
.over.regist-good .rg-go::after {content:''; flex:0 0 18px; width:18px; height:18px; background:currentColor; -webkit-mask:url(/images/icons/arrow-long.svg) center / contain no-repeat; mask:url(/images/icons/arrow-long.svg) center / contain no-repeat; transition:transform .2s;}
.over.regist-good .rg-go:hover {border-color:rgba(246,183,60,.8); color:#fff;}
.over.regist-good .rg-go:hover::after {transform:translateX(3px);}
.over.regist-good .rg-go.is-ready {border-color:rgba(255,212,140,.85); color:#1a1206;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	box-shadow:0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85); animation:rgGoIn .5s ease-out;}
.over.regist-good .rg-go.is-ready:hover {transform:translateY(-1px); filter:brightness(1.05);}
@keyframes rgGoIn {0% {transform:scale(.97);} 60% {transform:scale(1.02);} 100% {transform:scale(1);}}

/* ============================================================
   Системные окна сайта: «Сообщение сайта» (#ui-msg), «Требуется подтверждение» (#ui-confirm), #sended-message —
   тёмная карточка в стиле попапов входа/регистрации, золотая кнопка
   ============================================================ */
.fancybox-slide > #ui-msg#ui-msg, .fancybox-slide > #sended-message#sended-message {display:inline-block !important;}
/* «Да / Отмена» в одну строку; display только внутри открытого окна — иначе .hide перестанет прятать блок внизу страницы */
.fancybox-slide > #ui-confirm#ui-confirm {display:inline-grid !important; grid-template-columns:1fr 1fr; column-gap:10px;}
#ui-msg#ui-msg, #ui-confirm#ui-confirm, #sended-message#sended-message {position:relative; width:420px; max-width:calc(100vw - 32px); min-height:0; height:auto; margin:0; padding:62px 28px 26px; box-sizing:border-box; overflow:visible; text-align:center;
	background:linear-gradient(180deg, #131b26 0%, #0e141d 100%); border:1px solid rgba(255,255,255,.08); border-radius:16px; box-shadow:0 30px 80px rgba(0,0,0,.6);}
/* значок сверху */
#ui-msg#ui-msg::before, #ui-confirm#ui-confirm::before, #sended-message#sended-message::before {content:'i'; position:absolute; left:50%; top:-26px; width:52px; height:52px; margin-left:-26px; box-sizing:border-box; border-radius:50%;
	background:linear-gradient(180deg, #f9c766 0%, #f2a535 55%, #e08a1c 100%); border:4px solid #131b26; box-shadow:0 0 22px rgba(240,150,40,.45);
	color:#1a1206; font:italic 700 24px/44px Georgia, 'Times New Roman', serif; text-align:center;}
#ui-confirm#ui-confirm::before {content:'?'; font:700 24px/44px 'Open Sans', sans-serif;}
#ui-msg#ui-msg h3, #ui-confirm#ui-confirm h3, #sended-message#sended-message h3 {height:auto; margin:0 0 12px; padding:0; background:none; border:0; color:#f6b73c; font:600 18px/1.25 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:none;}
#ui-msg#ui-msg .msg, #ui-confirm#ui-confirm .msg, #sended-message#sended-message > div {width:auto; height:auto; margin:0 0 22px; padding:0; color:#c3c8ce; font:400 15px/1.55 'Open Sans', sans-serif; text-transform:none; text-shadow:none;}
#ui-msg#ui-msg .msg, #ui-confirm#ui-confirm .msg, #sended-message#sended-message > div {text-wrap:balance;}
#ui-msg#ui-msg .msg:empty, #ui-confirm#ui-confirm .msg:empty {display:none;}
/* кнопки */
#ui-msg#ui-msg a.ui-msg-close, #ui-confirm#ui-confirm a.ui-confirm-ok, #sended-message#sended-message > a {display:flex; align-items:center; justify-content:center; width:100%; height:48px; margin:0; padding:0; box-sizing:border-box; border-radius:8px; border:1px solid rgba(255,212,140,.85);
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);
	color:#1a1206; font:600 17px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-decoration:none; text-shadow:none; transition:transform .15s, filter .15s;}
#ui-msg#ui-msg a.ui-msg-close:hover, #ui-confirm#ui-confirm a.ui-confirm-ok:hover, #sended-message#sended-message > a:hover {color:#1a1206; transform:translateY(-1px); filter:brightness(1.05);}
#sended-message#sended-message > a {font-size:0;}
#sended-message#sended-message > a::after {content:'Хорошо'; font-size:17px;}
#ui-confirm#ui-confirm h3, #ui-confirm#ui-confirm .msg {grid-column:1 / -1;}
#ui-confirm#ui-confirm a.ui-confirm-ok, #ui-confirm#ui-confirm a.ui-confirm-close {font-size:0;}
#ui-confirm#ui-confirm a.ui-confirm-ok::after {content:'Да'; font-size:17px;}
#ui-confirm#ui-confirm a.ui-confirm-close {display:flex; align-items:center; justify-content:center; width:100%; height:48px; margin:0; padding:0; box-sizing:border-box; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.14);
	color:#c3c8ce; text-decoration:none; text-transform:none; text-shadow:none; transition:border-color .2s, color .2s, background-color .2s;}
#ui-confirm#ui-confirm a.ui-confirm-close::after {content:'Отмена'; font:600 17px/1 'Futura PT Demi', 'Open Sans', sans-serif;}
#ui-confirm#ui-confirm a.ui-confirm-close:hover {border-color:rgba(255,255,255,.3); color:#fff; background:rgba(255,255,255,.07);}
/* крестик */
#ui-msg#ui-msg .fancybox-close-small, #ui-confirm#ui-confirm .fancybox-close-small, #sended-message#sended-message .fancybox-close-small {top:12px; right:12px; width:32px; height:32px; padding:0; border-radius:8px; background:rgba(255,255,255,.05); transition:background-color .2s;}
#ui-msg#ui-msg .fancybox-close-small::after, #ui-confirm#ui-confirm .fancybox-close-small::after, #sended-message#sended-message .fancybox-close-small::after {content:'×'; position:static; display:block; width:auto; height:auto; background:none; border:0; color:#c3c8ce; font:400 24px/32px 'Open Sans', sans-serif;}
#ui-msg#ui-msg .fancybox-close-small:hover, #ui-confirm#ui-confirm .fancybox-close-small:hover, #sended-message#sended-message .fancybox-close-small:hover {background:rgba(255,255,255,.1);}

/* Кнопка «Играть» на карточке игры: после нажатия, пока открывается игра, — вместо текста только крутилка по центру.
   Размер кнопки не меняется (скрипт в public_general фиксирует её ширину и ставит .is-launching / .gb-launching) */
.game-block.gb-launching .rblock {display:flex !important; opacity:1 !important; visibility:visible !important;}
.game-block.gb-launching > img {opacity:.35;}
.game-block.gb-launching .rblock a.demo-game {visibility:hidden;}
.game-block a.play-now.is-launching {pointer-events:none; justify-content:center;}
.game-block a.play-now.is-launching::before {display:none !important;}
.game-block a.play-now.is-launching::after {content:''; flex:0 0 18px; width:18px; height:18px; box-sizing:border-box; border:2px solid rgba(26,18,6,.25); border-top-color:#1a1206; border-radius:50%;
	background:none; -webkit-mask:none; mask:none; transform:none; animation:plSpin .7s linear infinite;}
@keyframes plSpin {to {transform:rotate(360deg);}}

/* ============================================================
   Страница «Правила» (/rules): «Содержание» слева (липкое), разделы — карточками, номера пунктов — золотом.
   Разметка — в шаблоне rules.html.twig
   ============================================================ */
.tblock.rl-head .search {display:none !important;}
.faq-block.rl-ready {padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; border-radius:0;}
.faq-block.rl-ready > div {display:grid; grid-template-columns:260px minmax(0, 1fr); align-items:start; gap:28px; width:auto; margin:0; padding:0;}
/* содержание */
.rl-toc {position:sticky; top:96px; display:flex; flex-direction:column; gap:2px; padding:14px; box-sizing:border-box;
	background:linear-gradient(180deg, #121925 0%, #0e141d 100%); border:1px solid rgba(255,255,255,.07); border-radius:14px;}
.rl-toc-t {margin:2px 8px 10px; color:#6d7782; font:600 11px/1.2 'Open Sans', sans-serif; letter-spacing:.1em; text-transform:uppercase;}
.rl-toc a {display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:9px; color:#a5adb6; font:500 13.5px/1.3 'Open Sans', sans-serif; text-decoration:none; transition:background-color .2s, color .2s;}
.rl-toc a:hover {background:rgba(255,255,255,.04); color:#fff;}
.rl-toc-n {flex:0 0 24px; height:24px; border-radius:50%; background:rgba(255,255,255,.06); color:#c3c8ce; font:700 12px/24px 'Futura PT Demi', 'Open Sans', sans-serif; text-align:center; transition:background .2s, color .2s;}
.rl-toc a.is-active {background:rgba(246,183,60,.09); color:#f6b73c;}
.rl-toc a.is-active .rl-toc-n {background:linear-gradient(180deg, #f9c766 0%, #f2a535 55%, #e08a1c 100%); color:#1a1206;}
/* колонка с текстом */
.rl-main {display:flex; flex-direction:column; gap:16px; min-width:0;}
.rl-intro {position:relative; padding:18px 22px 18px 58px; background:rgba(246,183,60,.06); border:1px solid rgba(246,183,60,.28); border-radius:14px;}
.rl-intro::before {content:'i'; position:absolute; left:18px; top:18px; width:24px; height:24px; border-radius:50%; background:#f6b73c; color:#1a1206; font:italic 700 15px/24px Georgia, serif; text-align:center;}
.rl-intro p {width:auto; margin:0 0 8px; padding:0; color:#d2d6db; font:400 15px/1.65 'Open Sans', sans-serif;}
.rl-intro p:last-child {margin-bottom:0;}
.rl-sec {scroll-margin-top:96px; padding:22px 26px 20px; background:linear-gradient(180deg, #121925 0%, #0e141d 100%); border:1px solid rgba(255,255,255,.07); border-radius:14px;}
.rl-sec h3 {display:flex; align-items:center; gap:14px; width:auto; margin:0 0 16px; padding:0 0 16px; border-bottom:1px solid rgba(255,255,255,.07); background:none;
	color:#fff; font:600 19px/1.3 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; letter-spacing:.01em;}
.rl-sec h3 em {flex:0 0 34px; height:34px; margin:0; padding:0; border-radius:50%; font-size:0; font-style:normal; background:linear-gradient(180deg, #f9c766 0%, #f2a535 55%, #e08a1c 100%); box-shadow:0 0 14px rgba(240,150,40,.3); text-align:center;}
.rl-sec h3 em::before {content:attr(data-n); font:700 15px/34px 'Futura PT Demi', 'Open Sans', sans-serif; color:#1a1206;}
.rl-sec > div {width:auto !important; margin:0 !important; padding:0 !important;}
.rl-sec p {width:auto; margin:0 0 12px; padding:0; color:#b9c0c8; font:400 14.5px/1.7 'Open Sans', sans-serif;}
.rl-sec p:last-child {margin-bottom:0;}
.rl-sec p.rl-item {display:grid; grid-template-columns:44px minmax(0, 1fr); column-gap:8px;}
.rl-sec p.rl-item .rl-n {color:#f6b73c; font:700 14px/1.75 'Futura PT Demi', 'Open Sans', sans-serif; font-variant-numeric:tabular-nums;}
@media screen and (max-width: 980px) {
	.faq-block.rl-ready > div {grid-template-columns:minmax(0, 1fr); gap:14px;}
	.rl-toc {position:relative; top:auto; flex-direction:row; gap:6px; padding:8px; overflow-x:auto; scrollbar-width:none;}
	.rl-toc::-webkit-scrollbar {display:none;}
	.rl-toc-t {display:none;}
	.rl-toc a {flex:0 0 auto; padding:7px 12px 7px 7px; white-space:nowrap; font-size:13px;}
	.rl-intro {padding:16px 16px 16px 50px;}
	.rl-intro::before {left:14px; top:16px;}
	.rl-intro p {font-size:14px;}
	.rl-sec {padding:18px 16px 16px;}
	.rl-sec h3 {gap:12px; font-size:17px;}
	.rl-sec h3 em {flex-basis:30px; height:30px;}
	.rl-sec h3 em::before {line-height:30px; font-size:14px;}
	.rl-sec p {font-size:14px;}
	.rl-sec p.rl-item {grid-template-columns:36px minmax(0, 1fr); column-gap:6px;}
}
/* перебиваем старые правила .faq-block (отступы у вложенных div, капс и отступ у заголовков) */
.faq-block.rl-ready > div {padding:0 !important;}
.faq-block.rl-ready .rl-main {margin:0 !important; padding:0 !important;}
.faq-block.rl-ready .rl-intro {margin:0 !important; padding:18px 22px 18px 58px !important;}
.faq-block.rl-ready .rl-sec h3 {text-transform:none !important;}
.faq-block.rl-ready .rl-sec h3 em {width:34px !important; padding:0 !important;}
@media screen and (max-width: 980px) {
	.faq-block.rl-ready .rl-intro {padding:16px 16px 16px 50px !important;}
	.faq-block.rl-ready .rl-sec h3 em {width:30px !important;}
}
.faq-block.rl-ready .rl-toc {text-align:left;}
.faq-block.rl-ready .rl-sec h3 {margin:0 0 16px !important; padding:0 0 16px !important; height:auto !important;}
.faq-block.rl-ready .rl-toc-t {text-align:left !important; padding:0 !important;}

/* Нижнее мобильное меню после входа: у «Профиль» сайт добавляет номер счёта (span.name) — он ломал вкладку; номер есть в меню ☰, здесь прячем */
@media screen and (max-width: 980px) {
	.mob-menu a.mob-menu4 .name {display:none !important;}
	.mob-menu a.mob-menu4 {text-align:center;}
}

/* ============================================================
   Скелетон-загрузка на главной (и везде, где есть карточки игр):
   1) пока карусели «ТОП», «Новинки», провайдеры… не запустились — карточки уже стоят рядом, нужной высоты (раньше блок был пустым и потом «прыгал»);
   2) пока картинка игры не подгрузилась — тёмная плашка с бегущим бликом, потом картинка мягко проявляется;
   3) у картинки сразу правильные пропорции 224×166 — карточка не меняет высоту, когда картинка загрузится.
   ============================================================ */
.home-slider .owl-carousel:not(.owl-loaded) {display:flex !important; gap:20px; overflow:hidden;}
.home-slider .owl-carousel:not(.owl-loaded) > .game-block {flex:0 0 auto;}
.game-block > img {aspect-ratio:224 / 166; object-fit:cover;}
.game-block > img.lazyload, .game-block > img.lazyloading {background:linear-gradient(100deg, #141c27 30%, #1f2a38 50%, #141c27 70%) 0 0 / 300% 100%; animation:skShimmer 1.4s linear infinite;}
.game-block > img.lazyloaded {animation:skFade .4s ease-out;}
@keyframes skShimmer {from {background-position:100% 0;} to {background-position:0 0;}}
@keyframes skFade {from {opacity:0;} to {opacity:1;}}
@media screen and (max-width: 980px) {
	.home-slider .owl-carousel:not(.owl-loaded) {gap:10px;}
}
@media (prefers-reduced-motion: reduce) {
	.game-block > img.lazyload, .game-block > img.lazyloading {animation:none;}
}

/* ===== Промо (/promo): 4 акции — карточки 2×2 в стиле сайта. Разметка шаблона не меняется ===== */
.tblock:has(h1.prm) .search {display:none;} /* поиск игр на странице промо не нужен */
.promotion:has(> .promo-block) {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; float:none; min-height:0; margin:0 0 40px; padding:0; background:none; border:0; box-shadow:none;}
.promotion > .promo-block {--pa:#f6b73c; --pa-rgb:246,183,60;
	position:relative; display:grid; grid-template-columns:76px minmax(0, 1fr); grid-template-areas:"ico ttl" "ico txt" "ico btn"; grid-template-rows:auto 1fr auto; column-gap:18px; float:none; width:auto; margin:0; padding:24px 24px 22px; box-sizing:border-box; overflow:hidden;
	background:radial-gradient(120% 90% at 0% 0%, rgba(var(--pa-rgb), .16) 0%, rgba(var(--pa-rgb), 0) 55%), linear-gradient(180deg, #151d29 0%, #111823 100%);
	border:1px solid rgba(255,255,255,.07); border-radius:16px; box-shadow:0 10px 26px rgba(0,0,0,.35); transition:transform .2s, border-color .2s, box-shadow .2s;}
.promotion > .promo-block.col2 {--pa:#8b7bff; --pa-rgb:139,123,255;}
.promotion > .promo-block.col3 {--pa:#ff6fb1; --pa-rgb:255,111,177;}
.promotion > .promo-block.col4 {--pa:#9bd23c; --pa-rgb:155,210,60;}
.promotion > .promo-block::after {display:none;}
.promotion > .promo-block:hover {transform:translateY(-3px); border-color:rgba(var(--pa-rgb), .45); box-shadow:0 16px 34px rgba(0,0,0,.45), 0 0 0 1px rgba(var(--pa-rgb), .15);}
/* иконка */
.promotion > .promo-block > a.go-to {grid-area:ico; align-self:start; display:block;}
.promotion > .promo-block img {float:none; display:block; width:76px; height:76px; margin:0; border-radius:50%; box-shadow:0 0 0 3px rgba(255,255,255,.9), 0 0 24px rgba(var(--pa-rgb), .45); transition:transform .25s;}
.promotion > .promo-block:hover img {transform:scale(1.06) rotate(-4deg);}
/* у «Турниров» заголовок и текст обёрнуты в ссылку — раскладываем её детей по той же сетке */
.promotion > .promo-block > a:not(.go-to):not(.go-to-promo) {display:contents; color:inherit; text-decoration:none;}
/* заголовок и текст */
.promotion > .promo-block h3 {grid-area:ttl; margin:4px 0 8px; padding:0; color:#fff; font:600 22px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.01em; text-transform:none; cursor:pointer;}
.promotion > .promo-block h3::first-letter {text-transform:uppercase;}
.promotion > .promo-block p {grid-area:txt; align-self:start; margin:0; padding:0; color:#9aa3ad; font:400 14px/1.6 'Open Sans', sans-serif;}
/* «Подробнее» вместо стрелки */
.promotion > .promo-block a.go-to-promo {grid-area:btn; justify-self:start; position:relative; z-index:2; top:auto; right:auto; float:none; display:inline-flex; align-items:center; gap:8px; width:auto; height:36px; margin:16px 0 0; padding:0 14px 0 16px; box-sizing:border-box; border:1px solid rgba(var(--pa-rgb), .55); border-radius:9px; background:rgba(var(--pa-rgb), .1); color:var(--pa); font:600 13px/1 'Open Sans', sans-serif; text-decoration:none; transform:none; opacity:1; transition:background-color .2s, border-color .2s, gap .2s;}
.promotion > .promo-block a.go-to-promo::before {content:'Подробнее';}
.promotion > .promo-block a.go-to-promo::after {content:''; width:14px; height:14px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;}
.promotion > .promo-block:hover a.go-to-promo {background:rgba(var(--pa-rgb), .2); border-color:var(--pa); gap:11px; opacity:1; transform:none;}
@media (max-width: 768px) {
	.promotion:has(> .promo-block) {grid-template-columns:1fr; gap:12px; margin-bottom:28px;}
	.promotion > .promo-block {grid-template-columns:56px minmax(0, 1fr); grid-template-areas:"ico ttl" "txt txt" "btn btn"; column-gap:14px; padding:18px 16px;}
	.promotion > .promo-block img {width:56px; height:56px;}
	.promotion > .promo-block h3 {align-self:center; margin:0; font-size:19px;}
	.promotion > .promo-block p {margin-top:12px; padding:0; font-size:13px;}
}

/* ===== Бонусы (/bonuses): «Второй шанс» (шаблон bonuses.html.twig) — верх с 4 шагами, уровни кешбэка карточками, примеры и важное ===== */
.bonus-page {float:none; display:block; background:none;}
.bonus-page > .wrapper {display:flex; flex-direction:column; gap:22px; padding-bottom:40px;}
/* герой */
.bn-hero {position:relative; overflow:hidden; padding:44px 32px 34px; border:1px solid rgba(255,255,255,.07); border-radius:20px; text-align:center;
	background:radial-gradient(55% 75% at 50% 0%, rgba(246,183,60,.20) 0%, rgba(246,183,60,0) 65%), radial-gradient(45% 70% at 12% 15%, rgba(168,85,247,.22) 0%, rgba(168,85,247,0) 70%), radial-gradient(45% 70% at 88% 20%, rgba(236,72,153,.18) 0%, rgba(236,72,153,0) 70%), #121a25; box-shadow:0 14px 34px rgba(0,0,0,.4);}
.bn-hero h2 {margin:0; padding:0; color:#f6b73c; font:400 44px/1.1 'FuturaPT-Book', 'Futura PT Demi', sans-serif; text-shadow:0 6px 14px rgba(0,0,0,.5);}
.bn-hero h2 strong {color:#fff; font-family:'FuturaPT-Heavy', 'Futura PT Demi', sans-serif;}
.bn-hero .sub-bns {margin:10px 0 0; padding:0; color:#fff; font:400 24px/1.3 'FuturaPT-Book', 'Futura PT Demi', sans-serif;}
.bn-hero .sub-bns span {color:#f6b73c; text-transform:none;}
.bn-hero-note {margin:14px 0 0; color:#c3c8ce; font:400 13px/1.4 'Open Sans', sans-serif;}
/* 4 шага */
.bonus-page ul.bn-steps {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; width:auto; margin:30px 0 0; padding:0; text-align:center; counter-reset:bnstep; list-style:none;}
.bonus-page ul.bn-steps li {position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; width:auto; margin:0; padding:0; background:none !important; color:#fff; font:600 15px/1.25 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; counter-increment:bnstep;}
.bonus-page ul.bn-steps li .bn-step-t {display:block; width:auto; height:auto; margin:0; border-radius:0; background:none; text-transform:lowercase;}
.bonus-page ul.bn-steps li .bn-step-t::first-letter {text-transform:uppercase;}
.bonus-page ul.bn-steps li::after {content:''; position:absolute; top:52px; left:calc(50% + 66px); right:calc(-50% + 66px); width:auto; height:0; background:none; border-top:2px dashed rgba(246,183,60,.45);}
.bonus-page ul.bn-steps li:last-child::after {display:none;}
.bonus-page ul.bn-steps li em {position:relative; top:auto; left:auto; display:block; width:104px; height:104px; margin:0; border-radius:50%; background:var(--st) center / contain no-repeat; transition:transform .25s;}
.bonus-page ul.bn-steps li:hover em {transform:translateY(-4px); background-position:center;}
.bonus-page ul.bn-steps li.df1-bns {--st:url(../images/pay-to-bns.svg);}
.bonus-page ul.bn-steps li.df2-bns {--st:url(../images/game-over-bns.svg);}
.bonus-page ul.bn-steps li.df3-bns {--st:url(../images/take-bns.svg);}
.bonus-page ul.bn-steps li.df4-bns {--st:url(../images/return-bns.svg);}
.bonus-page ul.bn-steps li em::after {content:counter(bnstep); position:absolute; right:-2px; top:-2px; width:28px; height:28px; border-radius:50%; background:linear-gradient(180deg, #f9c766, #e08a1c); color:#1a1206; font:700 14px/28px 'Open Sans', sans-serif; text-align:center; box-shadow:0 0 0 3px #121a25;}
/* общая карточка */
.bn-card {padding:26px 28px; border:1px solid rgba(255,255,255,.07); border-radius:16px; background:linear-gradient(180deg, #151d29 0%, #111823 100%);}
.bn-card h3 {margin:0 0 12px; padding:0; color:#fff; font:600 22px/1.25 'Futura PT Demi', 'Open Sans', sans-serif;}
.bn-card p {margin:0 0 10px; padding:0; color:#aab2bb; font:400 14px/1.7 'Open Sans', sans-serif;}
.bn-card p:last-child {margin-bottom:0;}
/* уровни */
.bn-tiers-head {display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:0 0 16px;}
.bn-tiers-head h3 {margin:0;}
.bn-tiers-head small {color:#8d96a0; font:400 13px/1.4 'Open Sans', sans-serif;}
.bn-tiers {display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:10px;}
.bn-tier {position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; padding:18px 8px 16px; border:1px solid rgba(246,183,60,calc(.12 + var(--lv) * .08)); border-radius:12px; text-align:center;
	background:linear-gradient(180deg, rgba(246,183,60,calc(.04 + var(--lv) * .035)) 0%, rgba(246,183,60,0) 100%), #121a25;}
.bn-tier b {color:#f6b73c; font:700 calc(26px + var(--lv) * 2px)/1 'Futura PT Demi', 'Open Sans', sans-serif;}
.bn-tier span {color:#c3c8ce; font:500 12px/1.3 'Open Sans', sans-serif; white-space:nowrap;}
.bn-tier i {color:#6d7782; font:400 11px/1.2 'Open Sans', sans-serif; font-style:normal;}
.bn-tier.is-top {border-color:#f6b73c; box-shadow:0 0 20px rgba(246,183,60,.25);}
.bn-tier.is-top::before {content:'Максимум'; position:absolute; top:-9px; left:50%; transform:translateX(-50%); padding:2px 8px; border-radius:6px; background:#f6b73c; color:#1a1206; font:700 10px/14px 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:.04em;}
.bn-auto {display:flex; align-items:center; gap:10px; margin:16px 0 0; padding:12px 14px; border-radius:10px; background:rgba(79,209,139,.08); border:1px solid rgba(79,209,139,.25); color:#bfe9d2; font:500 13px/1.4 'Open Sans', sans-serif;}
.bn-auto::before {content:''; flex:0 0 18px; height:18px; background:#4fd18b; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;}
/* примеры */
.bn-examples {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px;}
.bn-example {position:relative; padding:22px 22px 20px 22px; border:1px solid rgba(139,123,255,.25); border-radius:14px; background:radial-gradient(90% 80% at 0% 0%, rgba(139,123,255,.12), rgba(139,123,255,0) 60%), #121a25;}
.bn-example p {margin:0; padding:0; color:#c3c8ce; font:400 14px/1.65 'Open Sans', sans-serif;}
.bn-example-t {display:inline-flex; margin:0 0 10px; padding:3px 10px; border-radius:7px; background:rgba(139,123,255,.16); color:#b7adff; font:700 11px/16px 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:.05em;}
/* как получить + важно */
.bn-info {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px;}
.bn-howto, .bn-warn {display:flex; gap:14px; padding:22px; border-radius:14px; border:1px solid rgba(246,183,60,.25); background:rgba(246,183,60,.05);}
.bn-warn {border-color:rgba(255,106,95,.3); background:rgba(255,72,60,.06);}
.bn-howto::before, .bn-warn::before {content:''; flex:0 0 40px; height:40px; border-radius:11px; background-repeat:no-repeat; background-position:center; background-size:20px;}
.bn-howto::before {background-color:rgba(246,183,60,.14); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6b73c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E");}
.bn-warn::before {background-color:rgba(255,72,60,.14); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E");}
.bn-howto b, .bn-warn b {display:block; margin:0 0 6px; color:#fff; font:600 16px/1.3 'Futura PT Demi', 'Open Sans', sans-serif;}
.bn-howto p, .bn-warn p {margin:0; padding:0; color:#aab2bb; font:400 14px/1.65 'Open Sans', sans-serif;}
@media (max-width: 980px) {
	.bn-tiers {grid-template-columns:repeat(3, minmax(0, 1fr));}
	.bonus-page ul.bn-steps {grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:22px;}
	.bonus-page ul.bn-steps li:nth-child(2)::after {display:none;}
}
@media (max-width: 768px) {
	.bn-hero {padding:30px 16px 24px; border-radius:16px;}
	.bn-hero h2 {font-size:30px;}
	.bn-hero .sub-bns {font-size:18px;}
	.bonus-page ul.bn-steps li em {width:84px; height:84px;}
	.bonus-page ul.bn-steps li::after {top:42px; left:calc(50% + 54px); right:calc(-50% + 54px);}
	.bonus-page ul.bn-steps li {font-size:13px;}
	.bn-card {padding:20px 16px;}
	.bn-card h3 {font-size:19px;}
	.bn-tiers-head {flex-direction:column; align-items:flex-start; gap:4px;}
	.bn-tiers {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.bn-examples, .bn-info {grid-template-columns:1fr;}
}

/* ===== Турниры (/tournaments): активный турнир — большая карточка с таймером и топом, прошедшие — сетка карточек ===== */
.tblock:has(h1.trns) .search {display:none;}
.tourn-list {float:none; clear:both; width:auto; min-height:0; margin:16px 0 40px; padding:32px 24px 36px; box-sizing:border-box;
	background:radial-gradient(60% 260px at 50% 0%, rgba(246,183,60,.10) 0%, rgba(246,183,60,0) 100%), radial-gradient(40% 340px at 100% 100%, rgba(80,120,255,.07) 0%, rgba(80,120,255,0) 100%), linear-gradient(180deg, #121a26 0%, #0d131c 100%);
	border:1px solid rgba(255,255,255,.07); border-radius:18px; box-shadow:0 18px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);} /* вместо старого faq-bg.jpg */
.tourn-list:not(:has(.main-trn)) .torn-list::before {margin-top:4px;} /* нет идущего турнира — заголовок без большого отступа сверху */
/* --- активный турнир --- */
.tourn-list .main-trn {display:grid; grid-template-columns:560px 300px; grid-template-areas:"media side" "panel side"; width:max-content; max-width:100%; height:auto; margin:0 auto; overflow:hidden; background:#121a25; border:1px solid rgba(246,183,60,.28); border-radius:18px; box-shadow:0 18px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(246,183,60,.06);}
.tourn-list .main-trn > img {grid-area:media; float:none; display:block; width:100%; height:auto; aspect-ratio:682 / 333; object-fit:cover;}
.tourn-list .main-trn .gonow {grid-area:media; align-self:start; justify-self:start; z-index:5; display:inline-flex; align-items:center; gap:8px; width:auto; height:30px; margin:16px 0 0 16px; padding:0 12px 0 10px; box-sizing:border-box; border:1px solid rgba(70,210,120,.45); border-radius:9px; background:rgba(10,40,22,.78); box-shadow:0 0 16px rgba(70,210,120,.25); color:#5ee08a; font:700 12px/1 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:.04em; text-shadow:none; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);}
.tourn-list .main-trn .gonow::before {content:''; width:8px; height:8px; border-radius:50%; background:currentColor; animation:livePulse 1.6s ease-out infinite;}
.tourn-list .main-trn .trn-panel {grid-area:panel; align-self:stretch; position:relative; left:auto; bottom:auto; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:12px; width:auto; height:auto; margin:0; padding:10px 14px; box-sizing:border-box; border:0; border-top:1px solid rgba(255,255,255,.08); background:#0e141d;}
.tourn-list .main-trn .counter {float:none; margin:0;}
.tourn-list .main-trn .counter ul {display:flex; gap:8px; margin:0; padding:0;}
.tourn-list .main-trn .counter li {display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:46px; height:46px; padding:0; box-sizing:border-box; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(255,255,255,.06); color:#fff;}
.tourn-list .main-trn .counter li::after {display:none;}
.tourn-list .main-trn .counter li div {font:700 20px/1 'Futura PT Demi', 'Open Sans', sans-serif;}
.tourn-list .main-trn .counter li span {margin-top:4px; color:#8d96a0; opacity:1; font:600 10px/1 'Open Sans', sans-serif; text-transform:uppercase;}
.tourn-list .main-trn .counter li:last-of-type {border-color:rgba(246,183,60,.45); background:rgba(246,183,60,.1); color:#f6b73c;}
.tourn-list .main-trn .counter li:last-of-type span {color:rgba(246,183,60,.8);}
.tourn-list .main-trn .gotoro {display:none;}
.tourn-list .main-trn .trn-panel a {display:inline-flex; align-items:center; justify-content:center; gap:8px; float:none; width:auto; height:38px; margin:0; padding:0 16px; box-sizing:border-box; border:1px solid rgba(255,212,140,.85); border-radius:9px; background:linear-gradient(180deg, #f9c766 0%, #f2a535 55%, #e08a1c 100%); box-shadow:0 0 18px rgba(240,150,40,.35), inset 0 1px 0 rgba(255,236,190,.85); color:#1a1206; font:600 14px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-shadow:none; white-space:nowrap; transition:transform .15s, filter .15s;}
.tourn-list .main-trn .trn-panel a:hover {color:#1a1206; text-shadow:none; transform:translateY(-1px); filter:brightness(1.06); box-shadow:0 0 22px rgba(240,150,40,.45), inset 0 1px 0 rgba(255,236,190,.85);}
/* правая колонка: название, фонд, топ */
.tourn-list .main-trn .trn-desret {grid-area:side; float:none; display:flex; flex-direction:column; width:auto; padding:14px 14px 12px; box-sizing:border-box; border-left:1px solid rgba(255,255,255,.07); background:linear-gradient(180deg, #151d29 0%, #111823 100%);}
.tourn-list .main-trn .trn-desret h4 {margin:0; padding:0; color:#fff; font:600 18px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; text-align:center;}
.tourn-list .main-trn .trn-desret .fond {display:block; margin:4px 0 10px; padding:0 0 10px; border:0; border-bottom:1px solid rgba(255,255,255,.07); background:none; color:#f6b73c; font:700 22px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; text-align:center; text-shadow:0 0 18px rgba(246,183,60,.35);}
.tourn-list .main-trn .trn-desret .fond span {margin-right:6px; color:#8d96a0; font:500 13px/1 'Open Sans', sans-serif; text-shadow:none; vertical-align:2px;}
.tourn-list .main-trn .trn-desret .fond em {margin-left:3px; font-size:18px;}
.tourn-list .main-trn table {width:100%; border-collapse:separate; border-spacing:0 4px; margin:-4px 0 0;}
.tourn-list .main-trn td, .tourn-list .main-trn tr:nth-of-type(odd) td, .tourn-list .main-trn tr:last-of-type td {height:28px; padding:0 10px; border:0; background:rgba(255,255,255,.035); color:#e6e9ec; font:500 13px/1 'Open Sans', sans-serif;}
.tourn-list .main-trn td:first-of-type {width:26px; padding:0 0 0 8px; border-radius:8px 0 0 8px;}
.tourn-list .main-trn td:last-of-type {border-radius:0 8px 8px 0; color:#f6b73c; font-weight:700; text-align:right; white-space:nowrap;}
/* место — кружок; топ-3: золото, серебро, бронза */
.tourn-list .main-trn td:first-of-type {font-size:0;}
.tourn-list .main-trn tr td:first-of-type::before {content:counter(trnplace); display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:rgba(255,255,255,.08); color:#c3c8ce; font:700 11px/1 'Open Sans', sans-serif;}
.tourn-list .main-trn tbody {counter-reset:trnplace;}
.tourn-list .main-trn tr {counter-increment:trnplace;}
.tourn-list .main-trn tr:nth-child(1) td:first-of-type::before {background:linear-gradient(180deg, #ffd978, #e6a21c); color:#1a1206;}
.tourn-list .main-trn tr:nth-child(2) td:first-of-type::before {background:linear-gradient(180deg, #eef1f5, #a9b1bc); color:#1a1f26;}
.tourn-list .main-trn tr:nth-child(3) td:first-of-type::before {background:linear-gradient(180deg, #f2b98a, #b46a35); color:#1f1309;}
.tourn-list .main-trn .trn-desret > a {display:flex; align-items:center; justify-content:center; height:34px; margin:auto 0 0; padding:0 14px; border:1px solid rgba(246,183,60,.45); border-radius:9px; background:rgba(246,183,60,.08); color:#f6b73c; font:600 13px/1 'Open Sans', sans-serif; text-transform:none; text-decoration:none; transition:background-color .2s, border-color .2s;}
.tourn-list .main-trn table + a {margin-top:10px;}
.tourn-list .main-trn .trn-desret > a:hover {background:rgba(246,183,60,.16); border-color:#f6b73c; color:#f6b73c;}
/* --- прошедшие турниры: заголовок-разделитель + карточки-рамки с картинкой целиком --- */
.tourn-list .torn-list {display:grid; grid-template-columns:repeat(auto-fill, 250px); justify-content:center; gap:16px; max-width:none; margin:0;}
.tourn-list .torn-list::before {content:'Завершённые турниры'; grid-column:1 / -1; display:flex; align-items:center; gap:16px; margin:36px 0 6px; color:#c3c8ce; font:600 18px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.02em; white-space:nowrap; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.08);}
.tourn-list .torn-list::before {background:linear-gradient(90deg, #f6b73c, #f6b73c) left bottom / 56px 2px no-repeat;}
.tourn-list .torn-list::after {display:none;}
.tourn-list .torn-list > a {display:block; margin:0; text-decoration:none;}
.tourn-list .tr-block {position:relative; display:block; margin:0; padding:8px 8px 0; box-sizing:border-box; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:linear-gradient(180deg, #172131 0%, #111823 100%); box-shadow:0 8px 20px rgba(0,0,0,.35); transition:transform .2s, border-color .2s, box-shadow .2s;}
.tourn-list .tr-block:hover {transform:translateY(-3px); border-color:rgba(246,183,60,.4); box-shadow:0 14px 28px rgba(0,0,0,.45);}
.tourn-list .tr-block img {display:block; width:100%; height:auto; aspect-ratio:328 / 260; object-fit:cover; border-radius:9px; filter:grayscale(.3) brightness(.78); transition:filter .3s;}
.tourn-list .tr-block:hover img {filter:grayscale(0) brightness(1);}
.tourn-list .trn-closed {position:static; background:none; border:0;}
.tourn-list .trn-closed .icoo {display:none;}
.tourn-list .trn-closed .label-cl {position:absolute; top:16px; left:16px; display:inline-flex; align-items:center; gap:5px; width:auto; height:22px; margin:0; padding:0 8px 0 7px; box-sizing:border-box; border:1px solid rgba(255,255,255,.18); border-radius:7px; background:rgba(10,15,22,.75); box-shadow:none; color:#c3c8ce; font:700 10px/1 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:.04em; text-shadow:none; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);}
.tourn-list .trn-closed .label-cl::before {content:''; width:12px; height:12px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / contain no-repeat;}
.tourn-list .trn-closed .trn-name-cl {position:static; display:block; width:auto; height:40px; padding:0 62px 0 4px; line-height:40px !important; box-sizing:border-box; border:0; background:none; color:#fff; font:600 13px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; text-align:left; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tourn-list .trn-closed .trn-name-cl::after {content:'Итоги'; position:absolute; right:8px; bottom:9px; padding:4px 8px; line-height:1; border:1px solid rgba(246,183,60,.4); border-radius:7px; color:#f6b73c; font:600 11px/1 'Open Sans', sans-serif; transition:background-color .2s;}
.tourn-list .tr-block:hover .trn-name-cl::after {background:rgba(246,183,60,.14);}
/* у нечётных строк старое правило перебивает цвет и размер — уточняем */
.tourn-list .main-trn tr td:first-of-type, .tourn-list .main-trn tr:nth-of-type(odd) td:first-of-type, .tourn-list .main-trn tr:last-of-type td:first-of-type {font-size:0; width:26px; padding:0 0 0 8px; border-radius:8px 0 0 8px;}
.tourn-list .main-trn tr td:last-of-type, .tourn-list .main-trn tr:nth-of-type(odd) td:last-of-type, .tourn-list .main-trn tr:last-of-type td:last-of-type {color:#f6b73c; font-weight:700; text-align:right; border-radius:0 8px 8px 0;}
@media (max-width: 1000px) {
	.tourn-list .main-trn {grid-template-columns:minmax(0, 560px); grid-template-areas:"media" "panel" "side";}
	.tourn-list .main-trn .trn-desret {border-left:0; border-top:1px solid rgba(255,255,255,.07);}
}
@media (max-width: 768px) {
	.tourn-list {padding:16px 10px 24px;}
	.tourn-list .main-trn {width:auto; grid-template-columns:minmax(0, 1fr); border-radius:16px;}
	.tourn-list .main-trn .trn-panel {flex-direction:column; align-items:stretch; padding:12px;}
	.tourn-list .main-trn .counter ul {justify-content:space-between;}
	.tourn-list .main-trn .counter li {flex:1 1 0; min-width:0; height:50px;}
	.tourn-list .main-trn .trn-panel a {width:100%;}
	.tourn-list .torn-list {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px;}
	.tourn-list .torn-list::before {margin:26px 0 2px; font-size:16px;}
	.tourn-list .tr-block {padding:6px 6px 0;}
	.tourn-list .trn-closed .label-cl {top:11px; left:11px; height:20px; font-size:9px;}
	.tourn-list .trn-closed .trn-name-cl {height:34px; padding-right:4px; font-size:12px; line-height:34px !important;}
	.tourn-list .trn-closed .trn-name-cl::after {display:none;}
}
/* завершённые — горизонтальные карточки: картинка слева, текст справа */
.tourn-list .torn-list {grid-template-columns:repeat(auto-fill, 370px); gap:14px;}
.tourn-list .tr-block {display:grid; grid-template-columns:136px minmax(0, 1fr); grid-template-rows:auto 1fr auto; grid-template-areas:"img lbl" "img name" "img btn"; column-gap:14px; height:100%; padding:10px; box-sizing:border-box;}
.tourn-list .tr-block img {grid-area:img; align-self:center; width:136px; border-radius:9px;}
.tourn-list .trn-closed {display:contents;}
.tourn-list .trn-closed .label-cl {grid-area:lbl; position:static; justify-self:start; margin:2px 0 0;}
.tourn-list .trn-closed .trn-name-cl {grid-area:name; align-self:center; height:auto; padding:8px 0 !important; color:#fff; font-size:14px; line-height:1.3 !important; white-space:normal; overflow:visible; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.tourn-list .trn-closed .trn-name-cl::after {display:none;}
.tourn-list .tr-block::after {content:'Итоги турнира'; grid-area:btn; justify-self:start; display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 12px; box-sizing:border-box; border:1px solid rgba(246,183,60,.4); border-radius:7px; background:rgba(246,183,60,.06); color:#f6b73c; font:600 12px/1 'Open Sans', sans-serif; transition:background-color .2s;}
.tourn-list .tr-block:hover::after {background:rgba(246,183,60,.16);}
.tourn-list .torn-list > a {display:block;}
@media (max-width: 768px) {
	.tourn-list .torn-list {grid-template-columns:minmax(0, 1fr); gap:10px;}
	.tourn-list .tr-block {grid-template-columns:110px minmax(0, 1fr); column-gap:12px; padding:8px;}
	.tourn-list .tr-block img {width:110px;}
	.tourn-list .trn-closed .label-cl {top:auto; left:auto;}
	.tourn-list .trn-closed .trn-name-cl {height:auto; padding:6px 0 !important; font-size:13px; line-height:1.3 !important;}
	.tourn-list .tr-block::after {height:26px; font-size:11px;}
}

/* ===== Зал славы (/winners): без валютных вкладок, пьедестал топ-3 и таблица-плашки на фоне-панели ===== */
.tblock:has(h1.wns) .search {display:none;}
#curtabs > .ui-tabs-nav {display:none;} /* вкладки USD / UAH / RUR не нужны — всегда рубли */
#curtabs > #uahcurrency, #curtabs > #usdcurrency {display:none !important;}
#curtabs > #rurcurrency {display:block !important;}
#curtabs {float:none; clear:both; width:auto; min-height:0; margin:16px 0 40px; padding:28px 24px 32px; box-sizing:border-box;
	background:radial-gradient(60% 260px at 50% 0%, rgba(246,183,60,.10) 0%, rgba(246,183,60,0) 100%), radial-gradient(40% 340px at 100% 100%, rgba(80,120,255,.07) 0%, rgba(80,120,255,0) 100%), linear-gradient(180deg, #121a26 0%, #0d131c 100%);
	border:1px solid rgba(255,255,255,.07); border-radius:18px; box-shadow:0 18px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04); color:#e6e9ec;}
#curtabs > .ui-tabs-panel {margin:0; padding:0; border:0; background:none;}
/* --- пьедестал --- */
#curtabs .winners {display:flex; align-items:flex-end; justify-content:center; gap:18px; float:none; width:auto; height:auto; margin:36px 0 32px; padding:0;}
#curtabs .winners::before, #curtabs .winners::after {display:none;}
#curtabs .winners > div {--wc:#c9d1db; --wc-rgb:201,209,219;
	position:relative; float:none; display:flex; flex-direction:column; align-items:center; width:260px; height:auto; min-height:0; margin:0; padding:0 18px 20px; box-sizing:border-box; border:1px solid rgba(var(--wc-rgb), .28); border-radius:16px;
	background:radial-gradient(90% 70% at 50% 0%, rgba(var(--wc-rgb), .16) 0%, rgba(var(--wc-rgb), 0) 70%), linear-gradient(180deg, #172131 0%, #111823 100%); box-shadow:0 12px 28px rgba(0,0,0,.4); text-align:center;}
#curtabs .winners > .first-place {--wc:#f6b73c; --wc-rgb:246,183,60; width:290px; padding-bottom:26px; border-color:rgba(246,183,60,.5); box-shadow:0 16px 36px rgba(0,0,0,.45), 0 0 34px rgba(246,183,60,.14);}
#curtabs .winners > .third-place {--wc:#e0915a; --wc-rgb:224,145,90;}
#curtabs .winners > div::before, #curtabs .winners > div::after {display:none;}
#curtabs .winners .img {float:none; width:auto; height:auto; margin:-34px 0 6px; padding:0; background:none;}
#curtabs .winners .img img {display:block; width:96px; height:auto; margin:0 auto; filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));}
#curtabs .winners .first-place .img {margin-top:-46px;}
#curtabs .winners .first-place .img img {width:124px;}
#curtabs .winners .sum-win {margin:0 0 10px; padding:0; color:var(--wc); font:700 26px/1.1 'Futura PT Demi', 'Open Sans', sans-serif; text-shadow:0 0 18px rgba(var(--wc-rgb), .3); white-space:nowrap;}
#curtabs .winners .first-place .sum-win {font-size:32px;}
#curtabs .winners .name-win, #curtabs .winners .res-win {display:block; width:100%; margin:0; padding:7px 12px; box-sizing:border-box; border-radius:8px; background:rgba(255,255,255,.04); color:#fff; font:700 14px/1.2 'Open Sans', sans-serif; white-space:nowrap;}
#curtabs .winners .name-win {margin-bottom:6px;}
#curtabs .winners .name-win span, #curtabs .winners .res-win span {margin-right:4px; color:#8d96a0; font-weight:500;}
#curtabs .winners .res-win span ~ span {margin:0; color:#fff; font-weight:700;} /* знак ₽ после ставки */
/* --- таблица --- */
#curtabs table {width:100%; margin:0; border:0; border-collapse:separate; border-spacing:0 6px; background:none; box-shadow:none;}
#curtabs table tr:first-child td, #curtabs table th {height:34px; padding:0 16px; border:0; background:none; color:#8d96a0; font:600 11px/1 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:.06em; text-align:left;}
#curtabs table tr:not(:first-child) td {height:48px; padding:0 16px; border:0; border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); background:#151d29; color:#c3c8ce; font:500 14px/1.2 'Open Sans', sans-serif; text-align:left; transition:background-color .2s;}
#curtabs table tr:not(:first-child):hover td {background:#1a2433;}
#curtabs table tr:not(:first-child) td:first-child {border-left:1px solid rgba(255,255,255,.05); border-radius:10px 0 0 10px; color:#fff; font-weight:600;}
#curtabs table tr:not(:first-child) td:last-child {border-right:1px solid rgba(255,255,255,.05); border-radius:0 10px 10px 0;}
#curtabs table tr td:nth-child(3) {color:#fff;}
#curtabs table tr td:nth-child(4), #curtabs table tr td:last-child, #curtabs table th:nth-child(4), #curtabs table th:last-child {text-align:right;}
#curtabs table tr:not(:first-child) td:last-child {color:#f6b73c; font-weight:700;}
#curtabs table tr:not(:first-child) td:nth-child(2) {color:#8d96a0; font-size:13px;}
@media (max-width: 768px) {
	#curtabs {padding:18px 10px 20px; border-radius:16px;}
	#curtabs .winners {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:44px 10px; margin:40px 0 24px;}
	#curtabs .winners > div {width:auto; padding:0 10px 12px;}
	#curtabs .winners > .first-place {grid-column:1 / -1; order:-1; width:auto; max-width:300px; justify-self:center; width:100%;}
	#curtabs .winners .img img {width:72px;}
	#curtabs .winners .first-place .img img {width:100px;}
	#curtabs .winners .sum-win {font-size:19px;}
	#curtabs .winners .first-place .sum-win {font-size:26px;}
	#curtabs .winners .name-win, #curtabs .winners .res-win {padding:6px 8px; font-size:12px;}
	/* таблица — карточки: игра и выигрыш сверху, счёт / дата / ставка снизу */
	#curtabs table, #curtabs table tbody {display:block;}
	#curtabs table tr:first-child {display:none;}
	#curtabs table tr:not(:first-child) {width:auto; display:grid; grid-template-columns:minmax(0, 1fr) auto; grid-template-areas:"game win" "acc bet" "date date"; gap:4px 10px; margin:0 0 8px; padding:12px 14px; border:1px solid rgba(255,255,255,.06); border-radius:12px; background:#151d29;}
	#curtabs table tr:not(:first-child) td {display:block; height:auto; padding:0; border:0 !important; border-radius:0 !important; background:none !important; width:auto !important; min-width:0; white-space:nowrap; font-size:12px; text-align:left;}
	#curtabs table tr:not(:first-child) td:nth-child(1) {grid-area:acc; color:#c3c8ce; font-weight:500;}
	#curtabs table tr:not(:first-child) td:nth-child(2) {grid-area:date; font-size:11px;}
	#curtabs table tr:not(:first-child) td:nth-child(3) {grid-area:game; overflow:hidden; text-overflow:ellipsis; color:#fff; font-size:14px; font-weight:600;}
	#curtabs table tr:not(:first-child) td:nth-child(4) {grid-area:bet; text-align:right; color:#8d96a0;}
	#curtabs table tr:not(:first-child) td:nth-child(5) {grid-area:win; text-align:right; font-size:15px;}
	#curtabs table tr:not(:first-child) td:nth-child(1)::before {content:'Счёт: '; color:#8d96a0;}
	#curtabs table tr:not(:first-child) td:nth-child(4)::before {content:'Ставка: ';}
	#curtabs table tr:not(:first-child) td:nth-child(5)::after {content:' ₽';}
}