/*
Theme Name: Winity
*/


blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p {
	margin: 0
}

ol[role=list],
ul[role=list] {
	list-style: none
}

html:focus-within {
	scroll-behavior: smooth
}

body {
	line-height: 1.5;
	min-height: 100vh;
	text-rendering: optimizeSpeed
}

img,
picture {
	display: block;
	max-width: 100%
}

button,
input,
select,
textarea {
	font: inherit
}

@media (prefers-reduced-motion:reduce) {
	html:focus-within {
		scroll-behavior: auto
	}

	*,
	:after,
	:before {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important
	}
}

@keyframes growUp {
	0% {
		transform: scale(0)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes elastScaleUp {
	30% {
		opacity: 0;
		transform: scale(.7)
	}

	70% {
		transform: scale(1.3)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes messagesPulse {
	0% {
		transform: scaleY(1);
		transform-origin: 50% 50%
	}

	50% {
		transform: scaleY(.8);
		transform-origin: 50% 50%
	}

	to {
		transform: scaleY(1);
		transform-origin: 50% 50%
	}
}

@keyframes sonarWave {
	0% {
		box-shadow: 0 0 0 0 hsla(177, 8%, 48%, .7)
	}

	70% {
		box-shadow: 0 0 0 10px hsla(177, 8%, 48%, 0)
	}

	to {
		box-shadow: 0 0 0 0 hsla(177, 8%, 48%, 0)
	}
}

@keyframes winner-item-animation {
	0% {
		opacity: 0;
		transform: translateX(300px)
	}

	70% {
		opacity: 1;
		transform: translateX(-50px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes blink {
	0% {
		opacity: 1
	}

	50% {
		opacity: .7
	}

	to {
		opacity: 1
	}
}

@keyframes toastIn {
	0% {
		background-color: #e2d2ae;
		opacity: 0;
		transform: scale(.1, .015)
	}

	75% {
		background-color: transparent;
		background-color: initial;
		opacity: 1;
		transform: scaleY(.015)
	}

	to {
		transform: scale(1)
	}
}

@keyframes toastOut {
	0% {
		transform: scale(1)
	}

	35% {
		background-color: #e2d2ae;
		opacity: 1;
		transform: scaleY(.015)
	}

	to {
		background-color: transparent;
		background-color: initial;
		opacity: 0;
		transform: scale(.1, .015)
	}
}

@keyframes tournamentTitleShine {
	0% {
		-webkit-mask-position: 150%;
		mask-position: 150%
	}

	to {
		-webkit-mask-position: -50%;
		mask-position: -50%
	}
}

@keyframes heart-in {
	0% {
		opacity: 0;
		transform: scale(1)
	}

	25% {
		transform: scale(.9, 1.1)
	}

	50% {
		opacity: .5;
		transform: scale(1.1, .9)
	}

	75% {
		transform: scale(.95, 1.05)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes heart-out {
	0% {
		opacity: 0;
		transform: scale(1)
	}

	25% {
		transform: scale(.95, 1.05)
	}

	50% {
		opacity: .5;
		transform: scale(1.1, .9)
	}

	75% {
		transform: scale(.9, 1.1)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes heart-bg {
	0% {
		transform: scale(0)
	}

	30% {
		transform: scale(2)
	}

	60% {
		transform: scale(4)
	}

	to {
		background-color: transparent;
		transform: scale(6)
	}
}

@keyframes draw-line {
	to {
		stroke-dashoffset: 0
	}
}

@keyframes genieEffectIn {
	0% {
		bottom: -100%;
		clip-path: polygon(100% 0, 71% 0, 30% 0, 0 0, 0 25%, 12% 57%, 17% 83%, 18% 93%, 40% 95%, 60% 95%, 84% 92%, 85% 82%, 89% 55%, 100% 25%);
		opacity: 0;
		transform: scale(.08, .015)
	}

	35% {
		border-radius: 20px;
		outline: medium none currentcolor;
		outline: initial
	}

	65% {
		bottom: 0;
		clip-path: polygon(100% 0, 71% 0, 30% 0, 0 0, 0 25%, 12% 57%, 17% 83%, 18% 93%, 40% 95%, 60% 95%, 84% 92%, 85% 82%, 89% 55%, 100% 25%);
		opacity: 1;
		transform: scale(.7)
	}

	75% {
		border-radius: 0;
		clip-path: polygon(100% 0, 0 0, 0 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%, 100% 100%, 100% 100%, 100% 100%, 100% 0, 100% 0, 100% 0);
		outline: .5px solid #e2d2ae;
		transform: scale(.9, .7)
	}

	to {
		bottom: 0;
		clip-path: polygon(100% 0, 0 0, 0 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%, 100% 100%, 100% 100%, 100% 100%, 100% 0, 100% 0, 100% 0);
		outline: .5px solid #e2d2ae;
		transform: scale(1)
	}
}

@keyframes genieEffectOut {
	0% {
		border-radius: 0;
		bottom: 0;
		clip-path: polygon(100% 0, 0 0, 0 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%, 100% 100%, 100% 100%, 100% 100%, 100% 0, 100% 0, 100% 0);
		outline: .5px solid #e2d2ae;
		transform: scale(1)
	}

	25% {
		transform: scale(.9, .7) translateY(30px)
	}

	35% {
		clip-path: polygon(100% 0, 0 0, 0 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%, 100% 100%, 100% 100%, 100% 100%, 100% 0, 100% 0, 100% 0);
		outline: .5px solid #e2d2ae;
		transform: scale(.9, .7) translateY(10px)
	}

	65% {
		border-radius: 20px;
		opacity: 1;
		outline: medium none currentcolor;
		outline: initial;
		transform: scale(.7) translateY(-30px)
	}

	75% {
		bottom: 0;
		clip-path: polygon(100% 0, 71% 0, 30% 0, 0 0, 0 25%, 12% 57%, 17% 83%, 18% 93%, 40% 95%, 60% 95%, 84% 92%, 85% 82%, 89% 55%, 100% 25%);
		transform: scale(.7) translateY(-60px)
	}

	to {
		bottom: -100%;
		opacity: 0;
		transform: scale(.08, .015)
	}
}

@keyframes closeIconIn {
	0% {
		opacity: 0
	}

	95% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes closeIconOut {
	0% {
		opacity: 1
	}

	15% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

@keyframes glow {
	0% {
		box-shadow: inset 0 0 4px 0 #e2d2ae, 0 0 10px #e1d2ab, 0 0 20px #fff, 0 0 30px #e0d1ad, 0 0 40px #e0d1ad, 0 0 50px #e0d1ad, 0 0 55px #e0d1ad
	}

	to {
		box-shadow: inset 0 0 5px 1px #e2d2ae, 0 0 20px #e1d2ab, 0 0 30px #e2d2ae, 0 0 40px #e2d2ae, 0 0 50px #e2d2ae, 0 0 60px #e2d2ae, 0 0 65px #e2d2ae
	}
}

@keyframes fade-in-down {
	0% {
		opacity: 0;
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes flash {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes progress-bar-stripes {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 16px 0
	}
}

@keyframes bannerNextAnimate {
	0% {
		transform: translate(0) rotate(0deg)
	}

	2% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	4% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	6% {
		transform: translate(0) rotate(-.5deg)
	}

	8% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	10% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	12% {
		transform: translate(0) rotate(-.5deg)
	}

	14% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	16% {
		transform: translate(0) rotate(-.5deg)
	}

	18% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	20% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	22% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	24% {
		transform: translate(-1px) rotate(-.5deg)
	}

	26% {
		transform: translate(0) rotate(-.5deg)
	}

	28% {
		transform: translate(-1px) rotate(-.5deg)
	}

	30% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	32% {
		transform: translate(-1px) rotate(-.5deg)
	}

	34% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	36% {
		transform: translate(0) rotate(-.5deg)
	}

	38% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	40% {
		transform: translate(0) rotate(-.5deg)
	}

	42% {
		transform: translate(-1px) rotate(-.5deg)
	}

	44% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	46% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	48% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	50% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	52% {
		transform: translate(-1px) rotate(-.5deg)
	}

	54% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	56% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	58% {
		transform: translate(0) rotate(-.5deg)
	}

	60% {
		transform: translate(-1px) rotate(-.5deg)
	}

	62% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	64% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	66% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	68% {
		transform: translate(-1px) rotate(-.5deg)
	}

	70% {
		transform: translate(0) rotate(-.5deg)
	}

	to {
		transform: translateY(100%)
	}
}

@keyframes bannerNextPushAnimate {

	0%,
	70% {
		transform: translateY(-100%)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes bannerPrevAnimate {
	0% {
		transform: translate(0) rotate(0deg)
	}

	2% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	4% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	6% {
		transform: translate(0) rotate(-.5deg)
	}

	8% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	10% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	12% {
		transform: translate(0) rotate(-.5deg)
	}

	14% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	16% {
		transform: translate(0) rotate(-.5deg)
	}

	18% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	20% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	22% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	24% {
		transform: translate(-1px) rotate(-.5deg)
	}

	26% {
		transform: translate(0) rotate(-.5deg)
	}

	28% {
		transform: translate(-1px) rotate(-.5deg)
	}

	30% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	32% {
		transform: translate(-1px) rotate(-.5deg)
	}

	34% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	36% {
		transform: translate(0) rotate(-.5deg)
	}

	38% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	40% {
		transform: translate(0) rotate(-.5deg)
	}

	42% {
		transform: translate(-1px) rotate(-.5deg)
	}

	44% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	46% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	48% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	50% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	52% {
		transform: translate(-1px) rotate(-.5deg)
	}

	54% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	56% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	58% {
		transform: translate(0) rotate(-.5deg)
	}

	60% {
		transform: translate(-1px) rotate(-.5deg)
	}

	62% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	64% {
		transform: translateY(-1px) rotate(-.5deg)
	}

	66% {
		transform: translate(-1px, -1px) rotate(-.5deg)
	}

	68% {
		transform: translate(-1px) rotate(-.5deg)
	}

	70% {
		transform: translate(0) rotate(-.5deg)
	}

	to {
		transform: translateY(-100%)
	}
}

@keyframes bannerPrevPushAnimate {

	0%,
	70% {
		transform: translateY(100%)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes hithere {
	30% {
		transform: scale(1.2)
	}

	40% {
		transform: rotate(-20deg) scale(1.2)
	}

	50% {
		transform: rotate(20deg) scale(1.2)
	}

	60% {
		transform: rotate(-20deg) scale(1.2)
	}

	70% {
		transform: rotate(0deg) scale(1.2)
	}

	to {
		transform: scale(1)
	}
}

@keyframes skillPulse {
	50% {
		box-shadow: 0 0 0 5px hsla(42, 47%, 78%, .75)
	}

	to {
		box-shadow: 0 0 0 15px hsla(42, 47%, 78%, 0)
	}
}

@keyframes skillTextPulse {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1;
		transform: scale(1.1)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes skillBtnPulse {
	0% {
		opacity: 1;
		transform: scale(.98)
	}

	25% {
		transform: scale(1.02)
	}

	55% {
		transform: scale(1)
	}

	to {
		opacity: 1
	}
}

@keyframes skillHintIn {
	0% {
		opacity: 0;
		visibility: hidden
	}

	to {
		opacity: 1;
		visibility: visible
	}
}

@keyframes skillHintWidthIn {
	0% {
		width: 0
	}

	to {
		width: 19px
	}
}

@keyframes animButtonArrowLeft {
	0% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(-3px)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes animButtonArrowRight {
	0% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(3px)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes realButtonAnimation-0 {
	0% {
		opacity: 1
	}

	20%,
	to {
		opacity: 0
	}
}

@keyframes realButtonAnimation-1 {

	0%,
	20% {
		opacity: .8
	}

	40%,
	to {
		opacity: 0
	}
}

@keyframes realButtonAnimation-2 {

	0%,
	40% {
		opacity: .6
	}

	60%,
	to {
		opacity: 0
	}
}

@keyframes realButtonAnimation-3 {

	0%,
	60% {
		opacity: .4
	}

	80%,
	to {
		opacity: 0
	}
}

@keyframes realButtonAnimation-4 {

	0%,
	80% {
		opacity: .2
	}

	to {
		opacity: 0
	}
}

@keyframes shine {
	0% {
		transform: translateY(120%)
	}

	to {
		transform: translateY(-120%)
	}
}

.error-border,
.shake {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-iteration-count: 2;
	animation-name: shake;
	animation-timing-function: ease-in-out
}

.newIncoming {
	animation-duration: 1.3s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-name: tada
}

.newIncoming:hover {
	animation-play-state: paused
}

@font-face {
	font-family: Inter;
	font-weight: 700;
	src: local("Inter"), url(fonts/Inter-Bold.7ef6f6d.ttf) format("truetype")
}

@font-face {
	font-family: Inter;
	font-weight: 600;
	src: local("Inter"), url(fonts/Inter-SemiBold.e5532d9.ttf) format("truetype")
}

@font-face {
	font-family: Inter;
	font-weight: 500;
	src: local("Inter"), url(fonts/Inter-Medium.8540f35.ttf) format("truetype")
}

@font-face {
	font-family: Inter;
	font-weight: 400;
	src: local("Inter"), url(fonts/Inter-Regular.37dcabf.ttf) format("truetype")
}

@font-face {
	font-family: Jura;
	font-weight: 700;
	src: local("Jura"), url(fonts/Jura-Bold.2202f3d.ttf) format("truetype")
}

@font-face {
	font-family: Jura;
	font-weight: 600;
	src: local("Jura"), url(fonts/Jura-SemiBold.5207984.ttf) format("truetype")
}

@font-face {
	font-family: Jura;
	font-weight: 500;
	src: local("Jura"), url(fonts/Jura-Medium.f497d1e.ttf) format("truetype")
}

@font-face {
	font-family: Jura;
	font-weight: 400;
	src: local("Jura"), url(fonts/Jura-Regular.fc6f89c.ttf) format("truetype")
}

@font-face {
	font-family: JuraVF;
	font-stretch: 75% 200%;
	font-variation-settings: "wdth" 100, "wght" 400;
	font-weight: 100 1000;
	src: url(fonts/Jura-VF.25eaf0b.ttf) format("truetype-variations")
}

:root {
	--balance-outer: 25px
}

.accordion {
	padding: 10px 0
}

.accordion__panel {
	max-height: 0;
	overflow: hidden;
	padding-left: 35px;
	transition: opacity .2s ease-in-out, max-height .2s ease-in-out
}

.accordion__toggle {
	align-items: center;
	background-color: inherit;
	border: 0;
	color: #f4c271;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	justify-content: center;
	line-height: 2;
	outline: 0;
	padding: 5px 0 5px 35px;
	position: relative;
	text-align: left;
	text-transform: uppercase
}

.accordion__toggle:before {
	background: url(img/icon-tab__plus.7bb1b91.svg) no-repeat;
	content: "";
	display: block;
	height: 18px;
	left: 0;
	position: absolute;
	width: 18px
}

.accordion__terms.is-open .accordion__toggle:before {
	background: url(img/icon-tab__minus.527ffad.svg) no-repeat
}

.accordion__terms.is-open .accordion__panel {
	max-height: none
}

.border-inner,
.border-outer {
	position: relative
}

.border-inner:after,
.border-inner:before,
.border-outer:after,
.border-outer:before {
	background-color: #e2d2ae;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	width: 16px
}

.border-outer:before {
	left: 0;
	top: 0
}

.border-outer:after {
	right: 0;
	top: 0
}

.border-inner {
	border-left: 1px solid #e2d2ae;
	border-right: 1px solid #e2d2ae
}

.border-inner:before {
	bottom: 0;
	left: 0
}

.border-inner:after {
	bottom: 0;
	right: 0
}

.border-pseudo {
	border-color: #e2d2ae;
	border-style: solid;
	border-width: 0 1px;
	content: "";
	display: block;
	height: 100%;
	left: 8px;
	position: absolute;
	right: 8px
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer
}

button:focus {
	outline: none
}

.btn {
	background-color: #e2d2ae;
	border: 1px solid #fff;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.2;
	padding: 15px 40px;
	position: relative;
	text-align: center;
	text-transform: uppercase
}

.btn:after,
.btn:before {
	content: "";
	position: absolute;
	top: 19px
}

.btn:before {
	animation: animButtonArrowRight 1.3s linear infinite;
	animation-play-state: paused;
	border-color: transparent transparent transparent #383330;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	height: 0;
	left: 24px;
	width: 0
}

.btn:after {
	animation: animButtonArrowLeft 1.3s linear infinite;
	animation-play-state: paused;
	border-color: transparent #383330 transparent transparent;
	border-style: solid;
	border-width: 4px 6px 4px 0;
	height: 0;
	right: 24px;
	width: 0
}

.btn-shining:not([disabled]) {
	box-shadow: inset 0 0 20px hsla(0, 0%, 100%, 0);
	outline: 1px solid hsla(0, 0%, 100%, .5);
	outline-offset: 0;
	text-shadow: none;
	transition: all 1.25s cubic-bezier(.19, 1, .22, 1)
}

.btn-shining:not([disabled]):hover {
	box-shadow: 0 0 20px hsla(0, 0%, 100%, .2);
	outline-color: hsla(0, 0%, 100%, 0);
	outline-offset: 15px
}

.btn-line:not([disabled]):after {
	background: #fff;
	content: "";
	height: 155px;
	left: -75px;
	opacity: .2;
	position: absolute;
	top: -50px;
	transform: rotate(35deg);
	transition: all .55s cubic-bezier(.19, 1, .22, 1);
	width: 50px;
	z-index: -10
}

.btn-line:not([disabled]):hover:after {
	left: 120%;
	transition: all .55s cubic-bezier(.19, 1, .22, 1)
}

.btn-grid:not([disabled]) {
	background-position: 50%;
	background-repeat: repeat;
	background-size: 0;
	transition: .6s
}

.btn-grid:not([disabled]):hover {
	background-size: 4%
}

.btn.dark {
	background-color: #383330;
	border-color: #383330;
	color: #fff
}

.btn.dark:before {
	animation: animButtonArrowRight 1.3s linear infinite;
	animation-play-state: paused;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	height: 0;
	width: 0
}

.btn.dark:after {
	animation: animButtonArrowLeft 1.3s linear infinite;
	animation-play-state: paused;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
	border-width: 4px 6px 4px 0;
	height: 0;
	width: 0
}

.btn:hover:after,
.btn:hover:before {
	animation-play-state: running
}

.modal__close--btn {
	background-color: #1d1d1d;
	border: 1px solid rgba(51, 177, 172, .5);
	cursor: pointer;
	height: 53px;
	position: absolute;
	right: -53px;
	top: -53px;
	width: 53px;
	z-index: 9
}

.isMobile .modal__close--btn {
	top: 5px
}

.modal__close--btn:after,
.modal__close--btn:before {
	background-color: #ff0;
	content: "";
	display: block;
	height: 23px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 15px;
	width: 2px
}

.modal__close--btn:before {
	transform: rotate(45deg)
}

.modal__close--btn:after {
	transform: rotate(-45deg)
}

.filters {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	position: relative
}

@media(max-width:1200px) {
	.filters {
		flex-wrap: wrap;
		padding: 0
	}

	.filters:before {
		display: none
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters {
		flex-wrap: wrap;
		padding: 0
	}

	.filters:before {
		display: none
	}
}

.filters:before {
	background-image: url(img/matrix.1695554.svg);
	background-position: 0;
	background-repeat: repeat-x;
	background-size: auto;
	bottom: 0;
	left: -100px;
	position: absolute;
	right: -100px;
	top: 0;
	z-index: -10
}

.filters__container {
	flex-basis: 75%;
	position: relative
}

@media(max-width:1200px) {
	.filters__container {
		flex-basis: auto;
		width: 100%
	}
}

@media(max-width:767px) {
	.filters__container:before {
		background-image: url(img/matrix.1695554.svg);
		background-position: 50%;
		background-repeat: repeat;
		background-size: auto;
		bottom: 0;
		left: -15px;
		position: absolute;
		right: -15px;
		top: 0
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__container {
		flex-basis: auto;
		width: 100%
	}
}

.filters__list {
	color: #e2d2ae;
	display: flex;
	justify-content: space-between;
	position: relative
}

@media(max-width:992px) {
	.filters__list {
		overflow-x: auto
	}
}

.filters__item {
	list-style-type: none;
	margin-left: 20px;
	position: relative;
	transition: .1s ease-in-out
}

@media(max-width:1199px)and (min-width:992px) {
	.filters__item {
		font-size: 14px;
		margin-left: 0
	}
}

@media(max-width:991px)and (min-width:769px) {
	.filters__item {
		font-size: 13px;
		margin-left: 10px
	}
}

@media(max-width:767px) {
	.filters__item {
		font-size: 15px
	}
}

.filters__link {
	color: inherit;
	display: inline-block;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .3em;
	line-height: 20px;
	padding: 25px;
	-webkit-text-decoration: none;
	text-decoration: none;
	text-transform: uppercase
}

@media(max-width:1199px) {
	.filters__link {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media(max-width:991px) {
	.filters__link {
		left: 5px;
		right: 5px
	}
}

@media(min-width:769px) {
	.filters__link:not(.is-selected):hover:before {
		transform: scaleX(0);
		transform-origin: bottom right
	}
}

.filters__link:not(.is-selected):before {
	background-color: #d9c89b;
	bottom: 10px;
	clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);
	content: "";
	height: 3px;
	left: 14%;
	position: absolute;
	transform: scaleX(1);
	transform-origin: bottom left;
	transition: transform .3s ease-in-out;
	width: 70%
}

.filters__link.is-selected {
	pointer-events: none;
	-webkit-text-stroke: 1px #e2d2ae;
	-webkit-text-fill-color: transparent
}

.filters__link.is-selected:after,
.filters__link.is-selected:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.filters__link.is-selected:before {
	background-image: url(img/matrix.1695554.svg);
	background-position: 50%;
	background-repeat: repeat;
	background-size: auto;
	z-index: -2
}

.filters__link.is-selected:after {
	background: radial-gradient(52.31% 52.31% at 50% 55.38%, rgba(52, 53, 54, 0) 0, #252122 94.79%);
	opacity: .96;
	z-index: -1
}

.filters__search {
	background-color: #252122;
	border: 1px solid #5e7170;
	margin-left: 30px;
	margin-right: -170px;
	min-width: 400px;
	padding: 10px;
	position: relative;
	right: 0
}

@media(max-width:1200px) {
	.filters__search {
		margin-left: -25px;
		margin-top: 30px
	}
}

@media(max-width:767px) {
	.filters__search {
		margin-right: 0;
		min-width: 340px
	}
}

@media(max-width:575px) {
	.filters__search {
		min-width: 230px;
		width: 200px
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__search {
		margin-left: -25px;
		margin-top: 30px
	}
}

.filters__search:after,
.filters__search:before {
	background-color: #5e7170;
	clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);
	content: "";
	height: 5px;
	position: absolute;
	width: 117px
}

.filters__search:before {
	left: 45%;
	top: -6px;
	transform: rotate(180deg)
}

.filters__search:after {
	clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
	left: -28px;
	top: 22px;
	width: 50px
}

.filters__search-pseudo {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

.filters__search-pseudo:after,
.filters__search-pseudo:before {
	background-color: #5e7170;
	clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);
	content: "";
	height: 6px;
	position: absolute;
	width: 46px
}

.filters__search-pseudo:before {
	left: -27px;
	top: 19px;
	transform: rotate(90deg)
}

.filters__search-pseudo:after {
	right: -27px;
	top: 19px;
	transform: rotate(-90deg)
}

.filters__mobile-more {
	color: #e2d2ae;
	cursor: pointer;
	display: none;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px;
	margin: 20px 0 0;
	text-decoration-line: underline
}

@media(max-width:1200px) {
	.filters__mobile-more {
		display: block
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__mobile-more {
		display: block
	}
}

.filters__more {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
	margin-right: -120px
}

@media(max-width:1200px) {
	.filters__more {
		align-items: center;
		background-color: #2e2b2c;
		bottom: 0;
		height: 100%;
		left: 0;
		margin-bottom: 0;
		margin-right: 0;
		overflow: auto;
		padding-bottom: 20px;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 11
	}

	.filters__more:not(.showMobileFilters) {
		display: none
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__more {
		align-items: center;
		background-color: #2e2b2c;
		bottom: 0;
		height: 100%;
		left: 0;
		margin-bottom: 0;
		margin-right: 0;
		overflow: auto;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 11
	}

	.filters__more:not(.showMobileFilters) {
		display: none
	}
}

.filters__more-close {
	bottom: 25px;
	cursor: pointer;
	height: 32px;
	position: absolute;
	right: 25px;
	top: 15px;
	width: 32px
}

@media only screen and (min-width:1366px) {
	.filters__more-close {
		display: none
	}
}

.filters__more-close:after,
.filters__more-close:before {
	background-color: #e0d1ad;
	content: " ";
	height: 33px;
	left: 15px;
	position: absolute;
	width: 2px
}

.filters__more-close:before {
	transform: rotate(45deg)
}

.filters__more-close:after {
	transform: rotate(-45deg)
}

.filters__label {
	cursor: pointer;
	text-transform: uppercase
}

.filters__label input {
	display: none
}

.filters__title {
	cursor: pointer;
	display: inline-flex;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 18px;
	position: relative
}

.filters__title:after,
.filters__title:before {
	background-color: #718584;
	content: "";
	height: 1px;
	position: absolute
}

.filters__title:before {
	top: -5px;
	width: 83%
}

@media(max-width:1200px) {
	.filters__title:before {
		right: 0;
		width: 84%
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__title:before {
		right: 0;
		width: 84%
	}
}

.filters__title:after {
	bottom: -5px;
	width: 100%
}

@media(max-width:1200px) {
	.filters__title:after {
		width: 85%
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__title:after {
		width: 85%
	}
}

.filters__title-inner {
	background-color: #718584;
	clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
	color: #fff;
	padding: 10px 50px 10px 30px;
	position: relative;
	text-transform: uppercase
}

@media(max-width:1200px) {
	.filters__title-inner {
		clip-path: polygon(100% 0, 86% 100%, 0 100%, 14% 0);
		text-align: center;
		width: 250px
	}

	.filters__title-inner:before {
		display: none
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__title-inner {
		clip-path: polygon(100% 0, 86% 100%, 0 100%, 14% 0);
		text-align: center;
		width: 250px
	}

	.filters__title-inner:before {
		display: none
	}
}

.filters__title-inner:before {
	border-color: #fff transparent transparent;
	border-style: solid;
	border-width: 7px 3.5px 0;
	content: "";
	height: 0;
	left: 14px;
	position: absolute;
	top: 16px;
	width: 0
}

.filters__provider {
	flex-basis: 20%;
	margin: 20px 0;
	position: relative
}

.filters__provider-list {
	min-width: 400px;
	z-index: 10
}

@media(max-width:1200px) {
	.filters__provider-list {
		display: inline;
		display: initial;
		margin-top: 20px;
		min-width: 350px;
		padding: 0 10px;
		position: relative
	}
}

@media(max-width:1200px)and (min-width:992px) {
	.filters__provider-list {
		max-width: 80%
	}
}

@media only screen and (min-device-width:1366px) {
	.filters__provider-list {
		position: absolute;
		top: 58px
	}

	.filters__provider-list.is-hidden {
		display: none
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__provider-list {
		display: inline;
		display: initial;
		margin-top: 20px;
		max-width: 80%;
		min-width: 350px;
		padding: 0 10px;
		position: relative
	}
}

.filters__provider-list:after,
.filters__provider-list:before {
	background-color: #718584;
	content: "";
	height: 5px;
	left: 25%;
	position: absolute;
	transform: rotate(180deg);
	width: 61px
}

@media(max-width:1200px) {

	.filters__provider-list:after,
	.filters__provider-list:before {
		display: none
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {

	.filters__provider-list:after,
	.filters__provider-list:before {
		display: none
	}
}

.filters__provider-list:before {
	clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
	top: -5px
}

.filters__provider-list:after {
	bottom: 1px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%)
}

.filters__provider-list_inner {
	align-items: center;
	background-color: #303333;
	border: 1.5px solid #718584;
	clip-path: polygon(100% 0, 100% 93%, 85% 100%, 0 100%, 0 0);
	display: flex;
	flex-wrap: wrap;
	padding: 10px
}

@media(max-width:1200px) {
	.filters__provider-list_inner {
		border: none;
		clip-path: none
	}

	.filters__provider-list_inner:before {
		display: none
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__provider-list_inner {
		border: none;
		clip-path: none
	}

	.filters__provider-list_inner:before {
		display: none
	}
}

.filters__provider-list_inner:before {
	background-color: #718584;
	bottom: 20px;
	content: "";
	height: 1.5px;
	position: absolute;
	right: -4px;
	transform: rotate(-34deg);
	width: 69px
}

.filters__provider-list_inner>.is-active {
	background-color: #718584
}

.filters__provider-item {
	align-items: center;
	border: 1px solid #5e7170;
	color: #e2d2ae;
	display: flex;
	height: 43px;
	justify-content: center;
	padding: 5px;
	width: 33.3%
}

@media(max-width:767px) {
	.filters__provider-item {
		font-size: 12px
	}
}

@media(min-width:769px) {
	.filters__provider-item:hover {
		background-color: #4e5a58
	}
}

.filters__provider-item img {
	max-height: 20px;
	max-width: 100%
}

@media(max-width:767px) {
	.filters__provider-item img {
		max-height: 15px
	}
}

.filters__order {
	align-items: center;
	background-color: #303333;
	display: flex;
	flex-basis: 80%;
	margin: 13px 0;
	padding: 10px 40px
}

@media(max-width:1199px)and (min-width:993px) {
	.filters__order {
		flex-basis: 70%
	}
}

@media(max-width:991px)and (min-width:768px) {
	.filters__order {
		flex-basis: 74%
	}
}

.filters__order-title {
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 18px;
	position: relative
}

@media(max-width:1200px) {
	.filters__order-title {
		position: relative;
		text-transform: uppercase
	}

	.filters__order-title:after,
	.filters__order-title:before {
		background-color: #718584;
		content: "";
		height: 1px;
		position: absolute
	}

	.filters__order-title:before {
		right: 0;
		top: -5px;
		width: 84%
	}

	.filters__order-title:after {
		bottom: -5px;
		width: 85%
	}

	.filters__order-title_inner {
		background-color: #718584;
		clip-path: polygon(100% 0, 86% 100%, 0 100%, 14% 0);
		padding: 10px 50px 10px 30px;
		position: relative;
		text-align: center;
		width: 250px
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__order-title {
		position: relative;
		text-transform: uppercase
	}

	.filters__order-title:after,
	.filters__order-title:before {
		background-color: #718584;
		content: "";
		height: 1px;
		position: absolute
	}

	.filters__order-title:before {
		right: 0;
		top: -5px;
		width: 84%
	}

	.filters__order-title:after {
		bottom: -5px;
		width: 85%
	}

	.filters__order-title_inner {
		background-color: #718584;
		clip-path: polygon(100% 0, 86% 100%, 0 100%, 14% 0);
		padding: 10px 50px 10px 30px;
		position: relative;
		text-align: center;
		width: 250px
	}
}

.filters__order-text {
	color: #e2d2ae;
	font-size: 15px;
	letter-spacing: .15em;
	line-height: 18px;
	margin: 0 30px;
	text-decoration-line: underline;
	transition: .1s
}

@media(min-width:769px) {
	.filters__order-text:hover {
		font-weight: 900;
		-webkit-text-decoration: none;
		text-decoration: none;
		transition: .1s;
		-webkit-text-stroke: 1px #e2d2ae;
		-webkit-text-fill-color: transparent
	}
}

@media(max-width:991px) {
	.filters__order-text {
		margin: 0 20px
	}
}

@media(max-width:1200px) {
	.filters__order-text {
		margin: 7px;
		-webkit-text-decoration: none;
		text-decoration: none
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__order-text {
		margin: 7px;
		-webkit-text-decoration: none;
		text-decoration: none
	}
}

.filters__order-text.is-active {
	font-weight: 900;
	-webkit-text-decoration: none;
	text-decoration: none;
	transition: .1s;
	-webkit-text-stroke: 1px #e2d2ae;
	-webkit-text-fill-color: transparent
}

@media(max-width:1200px) {
	.filters__order-mobile {
		display: flex;
		justify-content: center;
		margin-top: 15px
	}

	.filters__order-mobile>.is-active {
		font-weight: 800
	}
}

@media only screen and (min-width:1366px) {
	.filters__order-mobile>.is-active {
		font-size: 22px;
		font-weight: 900;
		-webkit-text-decoration: none;
		text-decoration: none;
		-webkit-text-stroke: 1px #e2d2ae;
		-webkit-text-fill-color: transparent
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__order-mobile {
		display: flex;
		justify-content: center;
		margin-top: 15px
	}

	.filters__order-mobile>.is-active {
		font-weight: 800
	}
}

.filters__volatility {
	flex-basis: 20%;
	position: relative
}

@media(max-width:1199px)and (min-width:993px) {
	.filters__volatility {
		flex-basis: 30%
	}
}

@media(max-width:991px)and (min-width:769px) {
	.filters__volatility {
		flex-basis: 26%
	}
}

@media(max-width:767px) {
	.filters__volatility {
		margin: 20px 0
	}
}

.filters__volatility-list {
	height: 219px;
	position: absolute;
	top: 58px;
	width: 240px;
	z-index: 10
}

@media(max-width:1200px) {
	.filters__volatility-list {
		display: inline;
		height: auto;
		margin-top: 20px;
		color: #85770e;
		top: 0
	}

	.filters__volatility-list:after,
	.filters__volatility-list:before {
		display: none
	}
}

@media only screen and (min-width:1366px) {
	.filters__volatility-list.is-hidden {
		display: none
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__volatility-list {
		display: inline;
		height: auto;
		margin-top: 20px;
		position: static;
		top: 0
	}

	.filters__volatility-list:after,
	.filters__volatility-list:before {
		display: none
	}
}

.filters__volatility-list:after,
.filters__volatility-list:before {
	background-color: #718584;
	content: "";
	height: 5px;
	left: 25%;
	position: absolute
}

.filters__volatility-list:before {
	clip-path: polygon(8% 0, 60% 0, 68% 79%, 100% 87%, 100% 100%, 0 100%);
	top: -5px;
	width: 100px
}

.filters__volatility-list:after {
	bottom: 1px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
	transform: rotate(180deg);
	width: 61px
}

.filters__volatility-list_inner {
	align-items: center;
	background-color: #303333;
	border: 1.5px solid #718584;
	clip-path: polygon(100% 0, 100% 85%, 87% 100%, 0 100%, 0 0);
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-evenly;
	position: relative;
	width: 100%
}

@media(max-width:1200px) {
	.filters__volatility-list_inner {
		background-color: transparent;
		background-color: initial;
		border: none;
		flex-flow: row wrap
	}

	.filters__volatility-list_inner:before {
		display: none
	}

	.filters__volatility-list_inner>.is-active {
		background: none;
		border: none;
		font-weight: 800
	}

	.filters__volatility-list_inner>.is-active:after,
	.filters__volatility-list_inner>.is-active:before {
		display: none
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__volatility-list_inner {
		background-color: transparent;
		background-color: initial;
		border: none;
		flex-flow: row wrap
	}

	.filters__volatility-list_inner:before {
		display: none
	}

	.filters__volatility-list_inner>.is-active {
		background: none;
		border: none;
		font-weight: 800
	}

	.filters__volatility-list_inner>.is-active:after,
	.filters__volatility-list_inner>.is-active:before {
		display: none
	}
}

.filters__volatility-list_inner:before {
	background-color: #718584;
	bottom: 14px;
	content: "";
	height: 1.5px;
	position: absolute;
	right: -7px;
	transform: rotate(-46.5deg);
	width: 45px
}

.filters__volatility-list_inner>.is-active {
	background: linear-gradient(0deg, #303333 16%, rgba(95, 114, 113, .4) 59%, #303333 61%);
	border-bottom: 2px solid rgba(95, 114, 113, .4);
	border-top: 2px solid rgba(95, 114, 113, .4);
	position: relative
}

.filters__volatility-list_inner>.is-active:after,
.filters__volatility-list_inner>.is-active:before {
	background-image: url(img/run-dashes.4914526.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 10px;
	position: absolute;
	top: 2px;
	width: 20px
}

.filters__volatility-list_inner>.is-active:before {
	left: 5px
}

.filters__volatility-list_inner>.is-active:after {
	right: 5px
}

.filters__volatility-text {
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	color: #e2d2ae;
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	width: 70%
}

@media only screen and (max-width:1366px) {
	.filters__volatility-text {
		font-weight: 400;
		margin: 10px;
		text-transform: lowercase
	}
}

.filters__tournament {
	background-color: #303333;
	flex-basis: 80%;
	padding: 7px 40px
}

@media(max-width:1199px)and (min-width:768px) {
	.filters__tournament {
		flex-basis: 70%
	}
}

@media(max-width:767px) {
	.filters__tournament {
		margin: 20px 0
	}
}

@media(min-width:1200px) {
	.filters__tournament-title {
		display: none
	}
}

@media(max-width:1200px) {
	.filters__tournament-checkbox {
		display: none
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__tournament-checkbox {
		display: none
	}
}

.filters__tournament-text {
	color: #fff;
	display: inline-flex;
	font-size: 16px;
	letter-spacing: .04em;
	line-height: 16px;
	max-width: 10px
}

.filters__tournament-mobile {
	display: flex;
	justify-content: center;
	margin-top: 20px
}

@media(min-width:1200px) {
	.filters__tournament-mobile {
		display: none
	}
}

.filters__tournament-mobile_checkbox {
	color: #e2d2ae;
	cursor: pointer;
	font-size: 15px;
	font-style: normal;
	letter-spacing: .05em;
	line-height: 18px;
	margin: 0 15px
}

.filters__tournament-mobile>.is-active {
	font-weight: 800
}

.filters__tournament-mobile input {
	display: none
}

@media(max-width:1200px) {
	.filters__mobile {
		align-items: center;
		background-color: transparent;
		background-color: initial;
		display: flex;
		flex-basis: auto;
		flex-direction: column;
		width: 100%
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.filters__mobile {
		align-items: center;
		background-color: transparent;
		background-color: initial;
		display: flex;
		flex-basis: auto;
		flex-direction: column;
		width: 100%
	}
}

.filters .search__form-input {
	background-color: transparent;
	border: 0;
	color: #e2d2ae
}

@media(max-width:1199px)and (min-width:769px) {
	.filters .search__form-input {
		padding-right: 65px
	}
}

@media(max-width:767px) {
	.filters .search__form-input {
		width: auto
	}
}

@media(max-width:575px) {
	.filters .search__form-input {
		width: 60%
	}
}

.filters .search__form-label {
	background-image: url(img/input-bg.dde81ed.svg);
	background-position: top;
	background-repeat: repeat;
	color: #e2d2ae;
	padding: 3px 80px 3px 20px;
	text-transform: uppercase
}

@media(max-width:575px) {
	.filters .search__form-label {
		padding-left: 6px;
		padding-right: 10px
	}
}

.content-placeholder {
	overflow: hidden;
	padding-top: 66%;
	position: relative;
	width: 100%
}

.content-placeholder:after {
	animation: loading-placeholder 1.5s ease-in-out infinite;
	background-color: #292823;
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	transform: translateX(0);
	width: 100%
}

.content-placeholder__wrapper {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.content-placeholder__container {
	position: relative
}

.content-placeholder__container>:not(.loader) {
	filter: blur(10px);
	opacity: .4
}

.content-placeholder__container .loader {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0
}

.custom-checkbox {
	display: flex
}

.custom-checkbox__text {
	align-items: center;
	color: #fff;
	cursor: pointer;
	flex: 1;
	font-size: 16px;
	overflow: hidden;
	padding: 6px 0 6px 24px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap
}

.custom-checkbox__text:after,
.custom-checkbox__text:before {
	content: "";
	left: 0;
	position: absolute;
	transition: all .3s ease
}

.custom-checkbox__text:before {
	border: 1px solid #4c440f;
	bottom: 0;
	display: flex;
	height: 18px;
	margin: auto;
	top: 0;
	width: 18px
}

.custom-checkbox__text:after {
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	filter: grayscale(.5);
	height: 12px;
	left: 3px;
	top: 12px;
	transition: opacity .2s ease;
	width: 12px
}

.custom-checkbox__text:hover:before {
	border-color: #85770e
}

.custom-checkbox.disabled {
	cursor: not-allowed;
	opacity: .35
}

.custom-checkbox.disabled input {
	pointer-events: none
}

.custom-checkbox.disabled .custom-checkbox__text:before {
	border-color: #4d4d4b
}

.custom-checkbox.disabled .custom-checkbox__text:after {
	background-color: #1e1d1b
}

.custom-checkbox.disabled .custom-checkbox__text:hover:after {
	filter: grayscale(1)
}

.custom-checkbox.disabled .custom-checkbox__text:hover:before {
	border-color: #85770e
}

.custom-checkbox.is-checked .custom-checkbox__text:after {
	background-image: url(img/icon-status__checked.0fb3429.svg)
}

.custom-checkbox.is-checked .custom-checkbox__text:hover:after {
	filter: grayscale(1)
}

.custom-checkbox.is-checked .custom-checkbox__text:hover:before {
	border-color: #85770e
}

.custom-checkbox input {
	margin: 10px 0 0 20px;
	opacity: 0;
	position: absolute;
	z-index: -1
}

.custom-checkbox input:not(.checked-disabled):checked+.custom-checkbox__text:after {
	opacity: 1
}

.custom-radio__text {
	align-items: center;
	cursor: pointer;
	display: flex;
	margin-right: 10px;
	position: relative
}

.custom-radio__text:after,
.custom-radio__text:before {
	content: "";
	position: absolute
}

.custom-radio__text:before {
	background-color: #fff;
	border-radius: 9px;
	cursor: pointer;
	height: 16px;
	left: 0;
	position: relative;
	vertical-align: middle;
	width: 16px
}

.custom-radio.disabled {
	cursor: auto;
	opacity: .35;
	pointer-events: none
}

.custom-radio input {
	height: 0;
	opacity: 0;
	position: absolute;
	width: 0
}

.custom-radio input:checked~.custom-radio__text:after {
	background-color: #2f2d29;
	border-radius: 100%;
	height: 6px;
	left: calc(50% - 3px);
	position: absolute;
	width: 6px
}

.custom-select {
	background-color: #13100e;
	border: none;
	border-radius: 4px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
	color: #f9b242;
	height: 50px;
	min-width: 114px;
	width: 100%
}

.games-filters__sort.mobile .custom-select .vs__dropdown-option {
	padding: 5px 10px
}

.games-filters__sort.mobile .custom-select .vs__selected {
	font-size: 12px;
	top: 12px
}

.games-filters__sort.mobile .custom-select .vs__dropdown-menu {
	background-color: #201d1a;
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	padding: 5px 0
}

.games-filters__sort.mobile .custom-select .vs__dropdown-option--highlight {
	background-color: transparent
}

.games-filters__sort.mobile .custom-select .vs__open-indicator {
	border-color: #f9b242 transparent transparent;
	border-style: solid;
	border-width: 7px 4px 0;
	height: 0;
	margin: -2px 0 0;
	position: absolute;
	right: 10px;
	top: 50%;
	transition: transform .3s ease;
	width: 0;
	z-index: 10
}

.custom-select.noWrap .vs__selected {
	white-space: nowrap
}

.custom-select:not(.vs--single).vs--open .vs__selected-options .vs__selected {
	position: relative
}

.custom-select.no-border .vs__dropdown-toggle {
	border: none
}

.custom-select .vs__search,
.custom-select .vs__search:focus {
	border: 0;
	height: 0;
	margin: 0;
	padding: 0;
	width: 0
}

.custom-select .vs__dropdown-toggle {
	background: transparent;
	height: 100%;
	width: 100%
}

.custom-select .vs__selected {
	color: #f9b242;
	left: 0;
	position: absolute;
	top: 8px;
	z-index: 1
}

.custom-select .vs__open-indicator {
	fill: #f9b242
}

.custom-select option {
	color: #fff;
	font-weight: 700;
	line-height: 34px
}

.custom-select option:active,
.custom-select option:hover {
	background-color: rgba(59, 57, 55, .45);
	color: #f9b242
}

.form {
	margin: 0 auto;
	width: 250px
}

.form__label {
	align-items: flex-end;
	display: flex;
	font-weight: 500;
	line-height: 16px;
	overflow: visible;
	overflow: initial;
	overflow: hidden;
	text-align: left;
	top: -3px;
	width: 100%
}

.form__label,
.form__label--title {
	letter-spacing: .05em;
	position: relative
}

.form__label--title {
	border-top: 1px solid #4c440f;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap
}

.form__label--title:before {
	background-color: #4c440f;
	content: "";
	height: 1px;
	position: absolute;
	right: -18px;
	top: 5px;
	transform: rotate(50deg);
	width: 25px
}

.form__label--line {
	background-color: #4c440f;
	height: 1px;
	margin-left: 13px;
	width: calc(100% - 44px)
}

.form__label--empty-line {
	margin-left: 0;
	width: 100%
}

.form__label--progress {
	height: 8px;
	position: relative;
	right: 0;
	top: 1px;
	width: 33px
}

.form__label--progress:before {
	left: -2px;
	top: 3px;
	transform: rotate(136deg);
	width: 9px
}

.form__label--progress:after,
.form__label--progress:before {
	background-color: #4c440f;
	content: "";
	height: 1px;
	position: absolute
}

.form__label--progress:after {
	right: 0;
	top: 0;
	width: 28px
}

.form__label--progress .input-decor__progress {
	display: flex;
	height: 8px;
	margin-left: 4px;
	margin-top: 3px
}

.form__empty-label {
	align-items: flex-end;
	display: flex;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 16px;
	overflow: visible;
	overflow: initial;
	overflow: hidden;
	position: relative;
	text-align: left;
	top: -3px;
	width: 100%
}

.form__empty-label .form__label--line {
	margin-left: 0;
	width: 100%
}

.form__phone .form-input__raw_phone {
	flex: 1
}

.form__phone .form-input__raw_phone:before {
	background-color: #4c440f;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: -4px;
	width: 100%
}

.form__phone .form-input__raw_phone .form__input-wrap {
	padding-left: 4px
}

.form__phone .error-message {
	position: absolute
}

@media(min-width:768px) {
	.form__label-aside {
		border: 1px solid #797979;
		border-radius: 10px;
		padding: 15px 30px
	}
}

.form__label-aside .form__row {
	background-color: hsla(177, 8%, 48%, .4);
	border: 4px solid #718584;
	width: 100%
}

@media(min-width:769px) {
	.form__label-aside .form__row {
		align-content: center;
		display: flex;
		justify-content: center;
		place-content: center center
	}
}

@media(min-width:768px) {
	.form__label-aside .form__label {
		align-self: center;
		padding: 0 5px 0 0;
		text-align: right;
		width: 200px
	}
}

.form__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	color: #12110f;
	font-size: 16px;
	font-weight: 700;
	height: 36px;
	line-height: 1;
	padding: 6px 8px;
	width: 100%;
	z-index: 3
}

.form__input-radio:after {
	display: none
}

.form__input:hover {
	box-shadow: 0 0 20px #f9dd0e
}

.form__input.has-error {
	color: #f01b0d;
	margin-bottom: 25px
}

@media(min-width:769px) {
	.form__input.has-error {
		margin-bottom: 0
	}
}

.form__row {
	margin-top: 20px;
	position: relative
}

.form__row .v-select {
	height: 36px;
	width: 85px
}

.form__row .v-select .vs__dropdown-toggle {
	height: 100%
}

.form__input-wrap {
	padding: 0;
	position: relative;
	width: 100%
}

.form__input-wrap:after {
	background-color: #4c440f;
	bottom: -4px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%
}

.form__input-wrap_small {
	vertical-align: middle;
	width: auto
}

.form__input-wrap_select.is-valid {
	border-color: #00b7f4;
	z-index: 1
}

.form__input-wrap-visibility {
	cursor: pointer;
	height: 16px;
	position: absolute;
	right: 8px;
	top: 9px;
	z-index: 1
}

.form__input-wrap.no-border:before {
	content: none
}

.form__input-wrap.is-valid .error-message {
	display: none
}

.form__input-wrap.is-valid .form__input-state_select {
	background-color: #00b7f4
}

.form__input-wrap .date-birthday {
	width: 100%
}

.form__input-wrap .btn-preloader:before {
	z-index: 2
}

.form__input-wrap .recapcha-gl {
	margin-left: -30px;
	transform: scale(.82)
}

.form__input-wrap .form__input-state {
	border: 1px solid transparent;
	height: 35px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.form__input-wrap .v-select:hover {
	box-shadow: 0 0 20px #f9dd0e
}

.form__submit {
	display: block;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 2px;
	line-height: 1;
	padding: 10px 0;
	position: relative;
	text-transform: uppercase;
	transition: all .3s ease;
	width: 100%
}

.form__submit_simple {
	background-color: transparent;
	background-color: initial;
	border: 1px solid #ff0;
	color: #ff0
}

.form__submit_simple:after,
.form__submit_simple:before {
	display: none
}

.form__submit_simple:hover {
	background-color: #ff0;
	color: #8e58a3
}

.form__submit-icon {
	bottom: -41px;
	content: "";
	height: 36px;
	left: -47px;
	position: absolute;
	width: 62px;
	z-index: -1;
	fill: #fff
}

.form__submit[disabled] {
	background-color: #262626;
	border-color: #4f5150;
	color: #4f5150
}

.form__submit[disabled]:before {
	display: none
}

.form__verif-pic {
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	width: 116px
}

.form__verif-pic img {
	height: 29px;
	width: 116px
}

.form__radio {
	align-items: center;
	display: flex;
	height: 36px;
	justify-content: space-between;
	padding: 0 10px;
	width: 100%;
	z-index: 1
}

.form__personal-info {
	width: 100%
}

.form__personal-info .form__row {
	align-content: center;
	display: flex;
	justify-content: center;
	place-content: center center
}

@media(max-width:767px) {
	.form__personal-info .form__row {
		max-width: 154px
	}
}

.form_radio input[type=radio] {
	display: none
}

.form_radio label {
	cursor: pointer;
	display: inline-block;
	line-height: 18px;
	margin-right: 0;
	padding-left: 25px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.form_radio label:before {
	background-color: #fff;
	border-radius: 50%;
	bottom: 1px;
	height: 12px;
	left: 0;
	width: 12px
}

.form_radio label:after,
.form_radio label:before {
	content: "";
	display: inline-block;
	position: absolute
}

.form_radio label:after {
	background-color: transparent;
	border: 1px solid #4c440f;
	border-radius: 50%;
	bottom: -2px;
	height: 19px;
	left: -3px;
	width: 18px
}

.form_radio input[type=radio]:checked+label:before {
	background-color: #4c440f;
	border: 3px solid #fff;
	padding: 3px
}

.form_radio label:hover:before {
	filter: brightness(120%)
}

.form_radio input[type=radio]:disabled+label:before {
	filter: grayscale(100%)
}

.form-input__error .form__label--title,
.form-phone__error .form__label--title {
	border-top: 1px solid #e33ee6;
	color: #e33ee6
}

.form-input__error .form__input-wrap:after,
.form-input__error .form__label--line,
.form-input__error .form__label--progress:after,
.form-input__error .form__label--progress:before,
.form-input__error .form__label--title:before,
.form-phone__error .form__input-wrap:after,
.form-phone__error .form__label--line,
.form-phone__error .form__label--title:before {
	background-color: #e33ee6
}

.form-input__error .form__input {
	color: #e33ee6
}

.form-input__error .form__input:hover {
	box-shadow: 0 0 20px #e33ee6
}

.form-input__error .input-decor__progress path,
.form-input__error .input-decor__progress rect,
.form-input__error .input-decor__progress-fill path,
.form-input__error .input-decor__progress-fill rect {
	fill: #e33ee6
}

.form-input__error .v-select:hover {
	box-shadow: 0 0 20px #e33ee6
}

.form-phone__error .form-input__raw_phone:before {
	background-color: #e33ee6
}

.form-input__day {
	margin-right: 4px;
	width: 61px
}

.form-input__month {
	margin-right: 4px;
	width: 69px
}

.form-input__year {
	width: 89px
}

.form.is-hidden {
	opacity: 0;
	transition: opacity .5s ease
}

.agreements {
	position: relative
}

.agreements__text {
	font-size: 12px
}

.agreements__label {
	display: block
}

.agreements .error-message,
.agreements__label:not(:last-child) {
	margin-bottom: 10px
}

.select-style.contains-large-text .vs__selected-options {
	max-width: calc(100% - 25px)
}

.form-input__country .select-style.contains-large-text .vs__selected-options {
	padding: 4px 2px;
	text-transform: capitalize
}

.select-style.contains-large-text .vs__selected {
	display: block;
	margin-top: 0;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap
}

.select-style .vs__search::-moz-placeholder {
	background-color: #fff;
	border: none;
	color: #12100e;
	font-feature-settings: "smcp";
	font-variant: small-caps;
	overflow-x: hidden;
	text-transform: lowercase
}

.select-style .vs__dropdown-menu,
.select-style .vs__dropdown-toggle,
.select-style .vs__search::placeholder {
	background-color: #fff;
	border: none;
	color: #12100e;
	font-feature-settings: "smcp";
	font-variant: small-caps;
	overflow-x: hidden;
	text-transform: lowercase
}

.form-input__country .select-style .vs__search::-moz-placeholder {
	text-transform: capitalize
}

.form-input__country .select-style .vs__dropdown-menu,
.form-input__country .select-style .vs__dropdown-toggle,
.form-input__country .select-style .vs__search::placeholder {
	text-transform: capitalize
}

.select-style .vs__dropdown-toggle {
	border-radius: 0;
	border-radius: initial
}

.select-style .vs__clear {
	display: none
}

.select-style .vs__selected {
	color: currentcolor;
	font-size: 18px;
	font-weight: 800;
	max-width: calc(100% - 15px);
	text-overflow: ellipsis;
	white-space: nowrap
}

.select-style .vs__option {
	max-width: 90%
}

input {
	border: none;
	color: #fff;
	outline: none
}

html {
	font-feature-settings: "liga", "kern", "kern";
	font-kerning: normal;
	margin-right: 0 !important;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility
}

html.preloaded {
	height: 100%;
	overflow: hidden;
	width: 100%
}

body {
	background-color: #12110f;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-display: swap;
	font-family: Jura, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
	font-size: 15px;
	height: 100vh;
	line-height: 1.5;
	max-width: 100%;
	overflow-x: hidden;
	padding-bottom: 35px;
	position: relative
}

@supports(font-variation-settings:normal) {
	body {
		font-family: JuraVF, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif
	}
}

@media(min-width:769px) {
	body {
		padding-bottom: 0
	}
}

@media(max-width:576px) {
	body {
		height: 100vh;
		height: calc(var(--vh, 1vh)*100);
		min-height: 100vh;
		min-height: calc(var(--vh, 1vh)*100)
	}
}

body.no-menu {
	padding-bottom: 0
}

body.no-scroll-ios {
	height: 100%;
	margin-top: 0 !important;
	overflow: hidden;
	position: fixed;
	width: 100%
}

a {
	transform: translateZ(0)
}

a,
img {
	backface-visibility: hidden
}

img:not([alt]) {
	filter: blur(0)
}

.hidden {
	display: none !important
}

.display-inline-flex {
	display: inline-flex;
	flex-wrap: wrap
}

.justify-content__center {
	justify-content: center
}

.pointer-events-none {
	pointer-events: none
}

.hidden,
.is-hidden {
	display: none
}

.disabled,
[data-disabled],
[disabled] {
	filter: grayscale(1);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.disabled>*,
[data-disabled]>*,
[disabled]>* {
	cursor: not-allowed
}

.disabled-scroll {
	overflow: hidden
}

.cursor-not-allowed {
	cursor: not-allowed
}

.not-visible {
	opacity: 0;
	position: absolute;
	visibility: hidden;
	z-index: -1
}

.noWrap {
	white-space: nowrap
}

.slide-in-enter,
.slide-in-leave-to {
	transform: translateY(100%)
}

.slide-in-enter-active,
.slide-in-leave-active {
	transition: all .4s ease
}

.link,
a {
	color: #3ee6e0;
	cursor: pointer;
	display: inline-block;
	position: relative;
	-webkit-text-decoration: none;
	text-decoration: none;
	transition: color .2s
}

.link:active,
a:active {
	color: #16a8a3
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.vm--modal {
	background-color: transparent !important;
	box-shadow: none !important
}

.vm--overlay {
	background: rgba(18, 16, 14, .7) !important
}

.vm--container,
.vm--overlay {
	width: 100vw
}

.auth__form-captcha>div,
.signup__form-captcha>div {
	display: flex;
	height: 71px !important;
	justify-content: center;
	width: 100% !important
}

.auth__form-captcha[disabled],
.signup__form-captcha[disabled] {
	background-color: transparent;
	opacity: .5
}

.auth__form-captcha .grecaptcha-badge,
.signup__form-captcha .grecaptcha-badge {
	position: static !important;
	visibility: visible !important;
	width: 100% !important
}

.auth__form-captcha iframe,
.signup__form-captcha iframe {
	transform: scale(.81)
}

.container-fluid {
	margin-left: auto;
	margin-right: auto;
	max-width: 1700px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%
}

.icon-status__error {
	background: url(img/icon-status__error.9863f63.svg) no-repeat;
	height: 21px;
	width: 21px
}

.icon-status__accept {
	background: url(img/icon-status__accept.5fc6000.svg) no-repeat;
	height: 20px;
	width: 20px
}

.canceled-wrapper:not(.is-visible) {
	display: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@media(min-width:769px) {
	::-webkit-scrollbar {
		background-color: #12100e;
		height: 6px;
		width: 6px
	}

	::-webkit-scrollbar-track {
		background-color: #12100e;
		border: 2px solid #12100e
	}

	::-webkit-scrollbar-thumb {
		background-color: #f9b242;
		border-left: 1px solid #12100e;
		border-radius: 10px;
		border-right: 1px solid #12100e
	}
}

.new-gift {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-name: tada
}

.new-gift:hover {
	animation-play-state: paused
}

.deposit-sum {
	align-items: center;
	display: flex;
	font-size: 12px;
	font-weight: 600;
	height: 36px;
	justify-content: space-between;
	padding: 10px 16px
}

.deposit-sum__count {
	color: #3ee6e0;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em
}

.js-bodyLockScroll {
	overflow: hidden;
	width: 100vw
}

.section-title {
	background-color: rgba(37, 33, 34, .6);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: table;
	position: relative;
	text-align: center
}

@media(max-width:575px) {
	.section-title {
		width: calc(100% - 30px)
	}
}

.section-title:after,
.section-title:before {
	background-color: #3ee6e0;
	width: 10px
}

.section-title-item {
	border-left: 2px solid #3ee6e0;
	border-right: 2px solid #3ee6e0;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .3em;
	line-height: 19px;
	padding: 20px 60px;
	text-transform: uppercase
}

@media(max-width:575px) {
	.section-title-item {
		font-size: 14px
	}
}

.section-title-item:after,
.section-title-item:before {
	background-color: #3ee6e0;
	width: 10px
}

@media(min-width:769px) {
	::-webkit-scrollbar {
		background-color: #252122;
		height: 6px;
		width: 6px
	}

	::-webkit-scrollbar-track {
		background-color: #252122;
		border: 2px solid #252122
	}

	::-webkit-scrollbar-thumb {
		background-color: #e2d2ae;
		border-left: 1px solid #252122;
		border-radius: 10px;
		border-right: 1px solid #252122
	}
}

.text-center {
	text-align: center;
	width: 100%
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.js-blur-mask {
	filter: blur(4px)
}

.fade-enter-active,
.fade-leave-active {
	transition: transform .3s ease
}

.fade-enter,
.fade-leave-to {
	transform: scaleY(0)
}

.dots-bg {
	background: linear-gradient(90deg, #252122 21px, transparent 1%) 50%, linear-gradient(#252122 21px, transparent 1%) 50%, #383330;
	background-size: 22px 22px
}

.auth-modal,
.global-search-modal,
.info-modal,
.info-modal--close-button,
.info-modal--close-button .modal-info__wrapper {
	overflow: visible !important;
	overflow: initial !important
}

@media(max-width:992px) {
	.info-modal--close-button .modal-info__wrapper {
		overflow: auto !important
	}
}

.is-pending {
	position: relative
}

.is-pending:before {
	background-color: rgba(48, 45, 40, .4);
	background-image: url(img/preloader.c5c85b0.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	content: "";
	cursor: not-allowed;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.blur-up {
	filter: blur(2px);
	transition: filter .4s, filter .4s
}

.lazyload .blur-up {
	height: 16px;
	width: 16px
}

.blur-up.lazyloaded {
	filter: blur(0)
}

figure.image img {
	height: auto;
	width: auto
}

.chat {
	color: #3ee6e0;
	cursor: pointer;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.history {
	padding: 20px 0
}

.history__title {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 54px;
	margin-bottom: 46px;
	text-align: center;
	text-transform: uppercase
}

.history__block--decor {
	overflow: hidden
}

@media(max-width:768px) {
	.history__block--decor {
		display: none
	}
}

.history__table {
	border-collapse: collapse;
	position: relative;
	width: 100%;
	z-index: 1
}

@media(max-width:768px) {
	.history__table {
		margin-top: 15px
	}
}

.history__table__content-wrapper {
	align-items: center;
	display: flex;
	white-space: nowrap
}

@media(max-width:768px) {
	.history__table__content-wrapper {
		justify-content: center
	}
}

.history__table--link {
	display: inline-block
}

@media(min-width:768px) {
	.history__table--link {
		margin-top: 5px
	}
}

.history__table--link-text {
	margin-left: 4px;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.history__table--td {
	border-bottom: 1px solid #1e1d1b
}

@media(max-width:768px) {
	.history__table--td {
		border-bottom: initial;
		color: #bfaa0e
	}
}

@media(min-width:993px) {
	.history__table--td {
		font-size: 12px;
		padding: 15px
	}
}

@media(min-width:769px)and (max-width:991px) {
	.history__table--td {
		font-size: 12px;
		padding: 15px 6px
	}
}

@media(max-width:424px) {
	.history__table--td {
		text-align: left
	}
}

.history__table--td--action {
	display: flex
}

@media(min-width:1201px) {
	.history__table--td--action {
		align-items: center;
		justify-content: flex-start
	}
}

@media(max-width:1200px) {
	.history__table--td--action {
		flex-direction: column
	}
}

@media(min-width:576px) {
	.history__table--td--action:has(.history__table--link) {
		align-items: flex-start;
		flex-direction: column
	}
}

.history__table--header {
	color: #fff;
	line-height: 1.9
}

@media(max-width:768px) {
	.history__table--header {
		display: none;
		min-width: 100%
	}
}

.history__table--body .full-width td {
	padding: 0
}

@media(min-width:769px) {
	.history__table--action {
		align-items: center;
		display: flex;
		justify-content: space-between;
		min-width: 100px
	}
}

@media(max-width:767px) {

	.history__table--active,
	.history__table--queued {
		display: flex
	}
}

.history__table--payment-committed,
.history__table--payment-ok {
	color: #bfaa0e
}

.history__table--payment-rejected {
	align-items: center;
	color: #888887;
	display: inline-flex;
	font-weight: 700
}

.history__table--payment-cancelled,
.history__table--payment-failure {
	color: #888887
}

.history__table--payment-btn {
	color: #bfaa0e;
	margin-left: 15px;
	padding: 0;
	text-decoration-line: underline
}

.history__table--payment-btn.rejected {
	margin: 0
}

.history__table--row {
	position: relative
}

@media(max-width:768px) {
	.history__table--row {
		align-items: center;
		background: #12110f;
		border: 1px solid #1e1d1b;
		border-radius: 3px;
		display: flex;
		flex-direction: column;
		margin-bottom: 30px;
		padding: 25px 15px
	}
}

@media(max-width:768px)and (max-width:768px) {
	.history__table--row {
		margin-bottom: 16px;
		padding: 16px 16px 0
	}
}

@media(max-width:768px) {
	.history__table--row--decor {
		display: block
	}

	.history__table--row td {
		position: relative;
		z-index: 1
	}
}

@media(max-width:768px)and (max-width:768px) {
	.history__table--row td {
		align-items: center;
		display: flex;
		flex-direction: column;
		font-size: 14px;
		margin-bottom: 14px;
		padding: 5px;
		width: 100%
	}
}

@media(min-width:769px) {
	.history__table--row--decor {
		display: none
	}
}

.history__table--bold,
.history__table--default-bold {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 24px
}

@media(max-width:768px) {

	.history__table--bold,
	.history__table--default-bold {
		align-items: center;
		display: flex;
		flex-direction: column
	}
}

@media(min-width:768px) {

	.history__table--bold,
	.history__table--default-bold {
		text-align: left
	}
}

@media(min-width:769px)and (max-width:991px) {

	.history__table--bold,
	.history__table--default-bold {
		font-size: 14px
	}
}

.history__table--bold {
	color: #bfaa0e
}

@media(max-width:768px) {
	.history__table--balance {
		align-items: center;
		display: flex;
		flex-direction: column
	}
}

.history__table--btn {
	background-color: transparent;
	border: initial;
	color: #bfaa0e;
	padding: 0;
	text-decoration-line: underline
}

@media(min-width:768px) {
	.history__table--btn {
		margin-left: 15px
	}
}

.history__table--btn.rejected {
	margin: 0
}

.history__table--title {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 24px;
	padding: 15px;
	text-align: left;
	text-transform: uppercase
}

.history__table-active,
.history__table-committed {
	color: #bfaa0e
}

@media(max-width:768px) {

	.history__table-active,
	.history__table-committed {
		display: flex;
		flex-direction: column
	}
}

.history__table-rejected {
	color: #888887;
	font-weight: 700
}

@media(max-width:768px) {
	.history__table-rejected {
		display: flex;
		flex-direction: column
	}
}

.history__table-cancelled {
	color: #888887
}

@media(max-width:768px) {
	.history__table-cancelled {
		display: flex;
		flex-direction: column
	}
}

.history__table td {
	color: #888887
}

@media(max-width:768px) {
	.history__table td {
		text-align: center
	}
}

.history__table .mobile-title {
	color: #fff;
	font-weight: 700
}

@media(min-width:769px) {
	.history__table .mobile-title {
		display: none
	}
}

@media(max-width:767px) {
	.history__table .mobile-title {
		display: inline-flex;
		justify-content: center;
		text-transform: uppercase
	}
}

.history__table .empty-table {
	text-align: center
}

.history__block {
	background: #12110f;
	border: 1px solid #162624;
	margin: 0 auto 20px;
	max-width: 90%;
	min-height: 150px;
	padding: 40px 60px 0 80px;
	position: relative
}

@media(max-width:1400px) {
	.history__block {
		padding: 25px
	}
}

@media(max-width:1200px) {
	.history__block {
		max-width: 100%
	}
}

@media(min-width:769px)and (max-width:991px) {
	.history__block {
		padding: 25px 0
	}
}

@media(max-width:768px) {
	.history__block {
		background: transparent;
		border: initial;
		padding: 0
	}
}

@media only screen and (max-width:1366px)and (min-device-pixel-ratio:2) {
	.history__block {
		background-color: transparent;
		background-color: initial;
		border: initial
	}
}

.history__block .decor {
	z-index: 0 !important
}

.history__filters {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 90%
}

@media(max-width:1199px) {
	.history__filters {
		flex-wrap: wrap;
		max-width: 100%
	}
}

@media(max-width:575px) {
	.history__filters {
		flex-direction: column
	}
}

.history__filters--right {
	margin-bottom: 14px;
	margin-top: 14px
}

.history__filters-icon {
	cursor: pointer;
	height: 20px;
	position: relative;
	width: 20px
}

@media(min-width:768px) {
	.history__filters-icon {
		margin: 0 10px
	}
}

@media(max-width:767px) {
	.history__filters-icon {
		margin-left: 6px
	}
}

.history__filters-icon--cross {
	height: 10px;
	left: -2px;
	position: absolute;
	top: 12px;
	width: 10px
}

.history__filters-icon--cross:after,
.history__filters-icon--cross:before {
	background-color: #f9b242;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px
}

.history__filters-icon--cross:before {
	transform: rotate(45deg)
}

.history__filters-icon--cross:after {
	transform: rotate(-45deg)
}

.history__charged {
	align-items: center;
	background-color: #3ee6e0;
	bottom: 15px;
	clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 40%);
	color: #fff;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	justify-content: space-around;
	left: 0;
	letter-spacing: .05em;
	line-height: 24px;
	margin: 75px auto 0;
	max-width: 648px;
	padding: 1px;
	position: fixed;
	right: 0;
	text-align: left;
	z-index: 10
}

@media(max-width:767px) {
	.history__charged {
		clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%, 0 30%);
		flex-direction: column;
		width: 90%
	}
}

@media only screen and (maxwidth:1366px)and (min-device-pixel-ratio:2) {
	.history__charged {
		bottom: 80px;
		flex-direction: column;
		margin: 0 auto
	}
}

.history__charged--content {
	background-color: #131311;
	clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 40%);
	display: flex;
	justify-content: space-between;
	width: 100%
}

@media(max-width:767px) {
	.history__charged--content {
		clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%, 0 30%);
		flex-direction: column
	}
}

.history__charged--block {
	align-items: center;
	display: flex
}

@media(max-width:767px) {
	.history__charged--block {
		margin-top: 6px
	}
}

.history__charged--info {
	color: #fff;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 24px;
	padding: 15px 25px;
	position: relative;
	text-align: left
}

.history__charged--action {
	border-left: 1px solid #3ee6e0;
	display: flex;
	font-size: 12px;
	padding: 0 32px
}

@media(max-width:767px) {
	.history__charged--action {
		border-top: 1px solid #3ee6e0;
		justify-content: center;
		padding: 12px
	}
}

.history__charged--btn {
	color: #bfaa0e;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	text-transform: capitalize
}

.history__charged--btn__no {
	color: #888887;
	text-decoration: none;
	text-decoration: initial
}

.history__charged td {
	padding: initial
}

.history__select {
	display: inline-flex;
	margin: 0 auto;
	position: relative;
	z-index: 8
}

@media(max-width:768px) {
	.history__select {
		margin-top: 10px
	}
}

.history__select--btn {
	background-color: #1e1d1b;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.2;
	padding: 10px 50px 10px 40px;
	position: relative
}

@media(max-width:767px) {
	.history__select--btn {
		padding: 8px 26px 8px 8px
	}
}

.history__select--btn:before {
	border-color: #fff transparent transparent;
	border-style: solid;
	border-width: 8px 6px 0;
	content: "";
	height: 0;
	position: absolute;
	right: 30px;
	top: 17px;
	width: 0
}

@media(max-width:767px) {
	.history__select--btn:before {
		right: 8px
	}
}

.history__select--currency {
	z-index: 7
}

.history__select--currency .dropdown-list {
	left: 0
}

.history__select:not(:last-child) {
	margin-right: 8px
}

.history__select .is-open {
	background: #1e1b0f;
	color: #f9dd0e
}

.history__select .is-open:before {
	border-color: #f9dd0e transparent transparent;
	transform: rotate(180deg)
}

.history__search {
	display: inline-block;
	margin-bottom: 16px;
	margin-right: 8px;
	margin-top: 12px
}

@media(max-width:767px) {
	.history__search {
		margin-bottom: 0
	}
}

@media(max-width:575px) {
	.history__search {
		margin-top: 16px;
		width: 300px
	}
}

.history__search-form--input {
	background: #1e1b0f;
	color: #6c6b68
}

@media(max-width:767px) {
	.history__payment .history__filters {
		flex-direction: column
	}
}

.history .preloader:not(.preloader__button) {
	z-index: 998
}

.history .icon-status__inform {
	color: #3ee6e0;
	cursor: pointer;
	display: inline-block;
	height: 18px;
	margin-left: 5px;
	margin-right: 5px;
	width: 18px
}

.dropdown-list {
	background-color: #1e1d1b;
	box-shadow: 0 0 20px #f9dd0e;
	color: #85770e;
	max-height: 250px;
	min-width: 170px;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: hidden auto;
	position: absolute;
	right: 0;
	top: 50px;
	width: 100%
}

.dropdown-list__inner {
	margin: auto;
	padding-top: 10px;
	width: 90%
}

.dropdown-list__inner,
.dropdown-list__label {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	position: relative
}

.dropdown-list__label {
	color: #85770e;
	cursor: pointer;
	margin-bottom: 15px
}

.dropdown-list__label:before {
	bottom: -5px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%
}

.dropdown-list__label:hover {
	filter: opacity(.7)
}

.dropdown-list__label.is-active {
	color: #f9dd0e;
	font-weight: 700
}

.dropdown-list__label.is-active:before {
	background-color: #85770e
}

.dropdown-list__label input {
	display: none
}

.dropdown-list.corner-left:before {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%)
}

.dropdown-list.corner-right:before {
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%)
}

.dropdown-decor {
	line-height: 1.5;
	min-width: 150px;
	position: relative
}

.dropdown-decor__icon {
	display: inline-flex;
	height: 16px;
	margin-right: 8px;
	width: 16px
}

.dropdown-decor__icon :deep svg {
	height: 100%;
	width: 100%
}

.dropdown-decor__button {
	display: flex;
	flex-direction: column;
	padding: 0 0 2px;
	position: relative;
	width: 100%
}

.dropdown-decor__button:before {
	background-color: #4c440f;
	bottom: -1px;
	content: "";
	height: 1px;
	position: absolute;
	width: 100%
}

.dropdown-decor__top {
	display: flex;
	line-height: 1;
	overflow: hidden;
	padding: 2px 0;
	position: relative;
	width: 100%
}

.dropdown-decor__title {
	border-top: 1px solid #4c440f;
	color: #fff;
	font-size: 10px;
	letter-spacing: .05em;
	padding-right: 4px;
	position: relative;
	top: -2px
}

.dropdown-decor__title:after,
.dropdown-decor__title:before {
	background-color: #4c440f;
	content: "";
	height: 1px;
	position: absolute
}

.dropdown-decor__title:before {
	right: -14px;
	top: 5px;
	transform: rotate(45deg);
	width: 17px
}

.dropdown-decor__title:after {
	bottom: -2px;
	left: calc(100% + 11px);
	width: 300px
}

.dropdown-decor__text {
	align-items: center;
	background-color: #1e1d1b;
	color: #f9dd0e;
	font-size: 16px;
	justify-content: space-between;
	overflow: hidden;
	padding: 6px 16px 6px 8px;
	text-align: left;
	text-overflow: ellipsis;
	transition: all .3s ease;
	white-space: nowrap;
	width: 100%
}

.is-open .dropdown-decor__text:hover {
	box-shadow: none
}

.dropdown-decor__list,
.dropdown-decor__text:hover {
	box-shadow: 0 0 20px #f9dd0e
}

.dropdown-decor__list {
	background-color: #1e1d1b;
	height: auto;
	opacity: 1;
	position: absolute;
	top: 10px;
	transition: opacity .3s ease-in;
	z-index: 16
}

.dropdown-decor__list--inner {
	background-color: #1e1d1b;
	display: flex;
	flex-direction: column;
	max-height: 400px;
	overflow-y: auto;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dropdown-decor__list--inner input {
	display: none
}

.dropdown-decor__list--search {
	height: 32px;
	margin: 5px 0 0;
	position: relative
}

.dropdown-decor__list--search:before {
	border: 1px solid #4c440f;
	content: "";
	height: 32px;
	left: -1px;
	position: absolute;
	top: -3px;
	width: 100%;
	z-index: 1
}

.dropdown-decor__list--search input {
	color: #1e1d1b;
	display: block;
	height: 26px;
	margin: 0 0 0 2px;
	padding: 2px 5px;
	position: relative;
	width: calc(100% - 6px);
	z-index: 2
}

.dropdown-decor__item {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	padding: 7px 0;
	position: relative;
	transition: all .3s ease
}

.dropdown-decor__item:hover {
	filter: opacity(.7)
}

.dropdown-decor__item.with-border {
	color: #85770e
}

.dropdown-decor__item.with-border.is-active {
	color: #f9dd0e
}

.dropdown-decor__item.with-border:not(:last-child):before {
	background-color: #12110f;
	bottom: 0;
	content: "";
	height: 1px;
	left: -10px;
	position: absolute;
	width: calc(100% + 20px)
}

.dropdown-decor__group--name {
	color: #f9dd0e;
	font-size: 24px;
	font-weight: 700;
	margin-left: 24px
}

.dropdown-decor__toggle {
	background-color: #f9dd0e;
	display: inline-flex;
	height: 7px;
	-webkit-mask-image: url(img/bg-popular__desription.svg);
	mask-image: url(img/bg-popular__desription.svg);
	position: absolute;
	right: 5px;
	top: 55%;
	transform: rotate(135deg);
	transition: transform .3s ease;
	width: 7px
}

.is-open .dropdown-decor__toggle {
	transform: rotate(-45deg)
}

.dropdown-decor:not(:last-child) {
	margin-right: 15px
}

.dropdown-decor .custom-checkbox {
	color: #fff;
	display: block;
	font-weight: 700
}

.dropdown-decor .custom-checkbox:hover {
	color: #f9b242
}

.modal-info__wrapper {
	align-items: center;
	background-color: #1e1d1b;
	display: flex;
	flex-flow: column nowrap;
	height: 100%;
	justify-content: center;
	margin: 0 auto;
	max-width: 90%;
	overflow: visible;
	padding: 20px 30px;
	position: relative;
	text-align: left
}

@media(min-width:769px) {
	.modal-info__wrapper {
		margin: 0 auto
	}
}

@media(min-width:1200px) {
	.modal-info__wrapper {
		max-width: 1360px
	}
}

@media(min-width:768px)and (max-width:1200px) {
	.modal-info__wrapper {
		margin: 0 auto
	}
}

@media(max-width:576px) {
	.modal-info__wrapper {
		overflow-x: hidden
	}
}

.modal-info__wrapper--dark {
	background-color: #12110f;
	padding: 40px
}

@media(min-width:769px) {
	.modal-info__wrapper--bg {
		background: url(img/balance-bg.df18c4f.svg) 56% -5% no-repeat #12110f
	}
}

.modal-info__container {
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: hidden auto;
	position: relative;
	z-index: 1
}

.modal-info__title {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 1.5px;
	line-height: 1.4;
	margin-bottom: 16px;
	position: relative;
	text-align: center;
	text-shadow: 0 0 5px #f9dd0e, 1px 1px 0 #000;
	text-transform: uppercase;
	z-index: 1
}

.modal-info__body {
	margin-bottom: 20px
}

.modal-info__body.success {
	color: #f9dd0e;
	font-size: 20px
}

.modal-info__footer {
	align-content: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 40px;
	justify-content: center;
	padding: 10px;
	place-content: center;
	text-align: center
}

.modal-info__close {
	background: #12110f;
	cursor: pointer;
	height: 53px;
	position: absolute;
	right: -54px;
	top: -54px;
	width: 53px
}

@media(max-width:992px) {
	.modal-info__close {
		height: 27px;
		right: 15px;
		top: 15px;
		width: 27px;
		z-index: 99
	}
}

.modal-info__close:after,
.modal-info__close:before {
	background-color: #f9dd0e;
	content: "";
	display: block;
	height: 25px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 13px;
	width: 2px
}

@media(max-width:992px) {

	.modal-info__close:after,
	.modal-info__close:before {
		height: 23px;
		top: 2px
	}
}

.modal-info__close:before {
	transform: rotate(45deg)
}

.modal-info__close:after {
	transform: rotate(-45deg)
}

.modal-info__terms-and-privacy,
.modal-info__terms-and-privacy .modal-info__wrapper {
	overflow: visible !important;
	overflow: initial !important
}

@media(max-width:768px) {
	.modal-info__terms-and-privacy .modal-info__wrapper {
		padding: 40px 30px 20px
	}
}

.modal-info__with-close-btn,
.modal-info__with-close-btn .modal-info__wrapper {
	overflow: visible !important;
	overflow: initial !important
}

.bonusPromotion__modal {
	display: flex;
	margin: auto
}

@media(max-width:424px) {
	.skill-info__modal {
		padding: 0 12px
	}
}

@media(max-width:992px) {
	.modal-2fa .modal-info__body {
		margin-bottom: 0
	}
}

.modal-2fa .modal-info__wrapper {
	background-image: url(img/bg-homepage__top.96042d7.png);
	background-position: center 150px;
	background-size: cover
}

.static {
	color: #fff;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
	font-size: 18px;
	font-weight: 400
}

.static * {
	box-sizing: border-box
}

.static a {
	color: #3ee6e0;
	font-style: normal;
	line-height: 14px;
	text-decoration-line: underline
}

.static a:hover {
	text-shadow: 0 0 10px #287b77
}

.static ul {
	color: #c4c4c3;
	padding-left: 33px
}

.static ul li {
	font-style: normal;
	font-weight: 400;
	list-style-type: none;
	margin-bottom: 16px;
	position: relative
}

.static ol {
	color: #fff;
	display: block;
	font-family: Jura, serif;
	font-size: 36px;
	font-stretch: normal;
	font-weight: 700;
	letter-spacing: 2.2px;
	line-height: 1.5;
	list-style-position: inside;
	list-style-type: decimal;
	margin-bottom: 12px;
	text-shadow: 0 0 15px #3ee6e0;
	text-transform: uppercase
}

@media(max-width:767px) {
	.static ol {
		font-size: 24px;
		letter-spacing: 0;
		text-shadow: 0 0 10px #3ee6e0
	}
}

.static ol ol {
	padding-left: 30px
}

.static ol li {
	list-style-type: decimal;
	position: relative
}

.static ol li,
.static ol strong {
	color: #fff
}

.static .dot li {
	list-style-type: none;
	position: relative
}

.static .dot li:before {
	background: #fff;
	border-radius: 50%;
	content: "";
	height: 8px;
	left: -20px;
	position: absolute;
	top: 7px;
	width: 8px
}

.static .rhombus>li {
	list-style-type: none;
	padding-left: 17px;
	position: relative
}

.static .rhombus>li:after,
.static .rhombus>li:before {
	border: 2px solid #3ee6e0;
	content: "";
	height: 14px;
	left: 0;
	position: absolute;
	top: 4px
}

.static .rhombus>li:before {
	transform: rotate(-45deg)
}

.static .rhombus>li:after {
	transform: rotate(45deg)
}

.static .seo-section {
	border: 1px solid #1d4643;
	float: left;
	margin: 27px 27px 0 0;
	max-width: 429px;
	padding: 15px;
	position: relative
}

.is-mobile .static .seo-section {
	float: none;
	margin: 0;
	max-width: 100%
}

.is-mobile .static .seo-section__title {
	font-size: 16px;
	line-height: 1.4;
	padding: 10px 0 10px 32px;
	text-align: left
}

.is-mobile .static .seo-section__characteristics-item {
	margin: 0
}

.is-mobile .static .seo-section__characteristics-item:before {
	top: 9px
}

.is-mobile .static .seo-section__characteristics-item--link {
	font-size: 16px;
	text-transform: inherit
}

.static .seo-section__title {
	color: #fff;
	font-family: Jura, sans-serif;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 10px;
	text-align: center;
	text-transform: uppercase
}

.static .seo-section__characteristics-item {
	line-height: 1.8;
	position: relative
}

.static .seo-section__characteristics-item:before {
	background: url(img/puls-icon.ac1f37f.svg);
	content: "";
	height: 16px;
	left: -25px;
	position: absolute;
	top: 7px;
	width: 16px
}

.static .seo-section__characteristics-item--link {
	font-family: Jura, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0;
	-webkit-text-decoration: none;
	text-decoration: none;
	text-transform: uppercase
}

.static .seo-section__decor {
	border-color: #33b1ac;
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.static .seo-section__decor--left,
.static .seo-section__decor--right {
	height: 100%;
	width: 100%
}

.static .seo-section__decor--left:after,
.static .seo-section__decor--left:before,
.static .seo-section__decor--right:after,
.static .seo-section__decor--right:before {
	background: url(img/bg-popular__desription.svg);
	content: "";
	height: 7px;
	position: absolute;
	width: 7px
}

.static .seo-section__decor--left:before,
.static .seo-section__decor--right:before {
	top: -1px
}

.static .seo-section__decor--left:after,
.static .seo-section__decor--right:after {
	bottom: -1px
}

.static .seo-section__decor--left:after,
.static .seo-section__decor--left:before {
	left: -1px
}

.static .seo-section__decor--left:before {
	transform: rotate(-90deg)
}

.static .seo-section__decor--left:after {
	transform: rotate(180deg)
}

.static .seo-section__decor--right:after,
.static .seo-section__decor--right:before {
	right: -1px
}

.static .seo-section__decor--right:after {
	transform: rotate(90deg)
}

.static p {
	color: #c4c4c3;
	font-style: normal;
	line-height: 2;
	margin: 20px 0;
	text-transform: inherit
}

.static .accordion__terms {
	margin-top: 12px
}

.static .accordion__panel {
	margin-top: 6px
}

.static button {
	background: #1d4643;
	border: 1px solid #3ee6e0;
	border-radius: 4px;
	color: #3ee6e0;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	padding: 10px 40px;
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 0 #000;
	text-transform: uppercase
}

.static button:after,
.static button:before {
	content: "";
	left: 10px;
	position: absolute;
	top: 19px
}

.static button:hover {
	background: #287b77;
	text-shadow: 0 0 5px #3ee6e0, 1px 1px 0 #000
}

.static table {
	background-color: transparent;
	border-collapse: separate;
	border-spacing: 0 2px;
	color: #fff;
	display: table;
	margin: 50px auto;
	width: 100%
}

.static thead {
	background: #162624
}

.static thead th {
	border-color: #33b1ac;
	border-style: solid;
	border-width: 1px 0;
	font-family: Jura, sans-serif;
	font-size: 12px;
	font-weight: 600
}

.static thead th:first-child {
	border-bottom-left-radius: 4px;
	border-left-width: 1px;
	border-top-left-radius: 4px
}

.static thead th:last-child {
	border-bottom-right-radius: 4px;
	border-right-width: 1px;
	border-top-right-radius: 4px
}

.static tbody {
	border-color: inherit;
	vertical-align: middle
}

.static tbody tr {
	background: rgba(32, 33, 47, .4)
}

.static td,
.static th {
	color: #fff;
	display: table-cell;
	font-size: 14px;
	font-weight: 400;
	line-height: 3.3;
	padding: 6px 24px;
	text-align: left;
	vertical-align: inherit
}

.static td:not(:first-child),
.static th:not(:first-child) {
	color: #3ee6e0;
	font-weight: 700;
	text-align: center
}

.static td p,
.static th p {
	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px
}

.static td span,
.static th span {
	color: #3ee6e0
}

.static tr {
	border-color: inherit;
	display: table-row;
	vertical-align: inherit
}

.static .printPage {
	background-image: url(img/icon-pagePrint.4426353.svg);
	background-size: cover;
	cursor: pointer;
	display: inline-flex;
	height: 20px;
	margin: 5px;
	position: relative;
	width: 20px;
	z-index: 1
}

.static .skills-table {
	background-color: transparent;
	border-collapse: separate;
	border-spacing: 0;
	color: #fff;
	margin: auto;
	max-width: 660px;
	overflow: hidden;
	width: 100%
}

.static .skills-table__level {
	align-items: center;
	background-color: #3ee6e0;
	border-radius: 50%;
	color: #162624;
	display: flex;
	font-size: 18px;
	font-weight: 400;
	height: 28px;
	justify-content: center;
	line-height: 150%;
	margin-left: auto;
	position: relative;
	width: 28px
}

.static .skills-table__level.current-level:before {
	background-image: url(img/icon-bonusPromotion__await.e09cdc2.svg);
	background-position: 50%;
	background-size: cover;
	content: "";
	filter: brightness(0) saturate(100%) invert(93%) sepia(70%) saturate(3618%) hue-rotate(137deg) brightness(92%) contrast(93%);
	height: 12px;
	left: -30px;
	position: absolute;
	width: 12px
}

.static .skills-table__title {
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
	text-align: center;
	text-transform: uppercase
}

.static .skills-table td,
.static .skills-table th {
	color: #fff;
	padding: 0;
	text-align: center
}

.static .skills-table td:first-child,
.static .skills-table th:first-child {
	padding-left: 10px;
	padding-right: 0
}

.static .skills-table td:last-child,
.static .skills-table th:last-child {
	padding-right: 10px
}

.static .skills-table thead {
	background: transparent;
	font-weight: 700
}

.static .skills-table thead:after {
	content: "";
	display: block;
	height: 2px;
	width: 0
}

.static .skills-table thead th {
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	padding: 0 10px
}

.static .skills-table tbody td {
	border-bottom: 1px solid hsla(0, 0%, 100%, .2);
	line-height: 120%;
	padding-bottom: 10px;
	padding-top: 10px
}

.static .skills-table tbody td:first-child {
	padding-right: 10px;
	text-align: right;
	width: 0
}

.static .skills-table tbody td:not(:first-child) {
	font-weight: 400
}

.static .skills-table tbody td:nth-child(3) {
	width: 25%
}

.static .skills-table tbody td:last-child {
	width: 5%
}

.static .skills-table tbody td:nth-last-child(-n+2) {
	color: #f9dd0e
}

.static .skills-table tr {
	background-color: #162624
}

.custom-toast {
	right: 25px !important;
	top: 86px !important;
	width: 477px !important;
	z-index: 50000 !important
}

.custom-toast__item {
	align-items: center;
	background: url(img/grid-bg.c2c6cfd.svg) #1e1b0f;
	border-style: solid;
	border-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	line-height: 1.7;
	min-height: 128px;
	padding: 20px 30px 10px 10px;
	position: relative;
	text-align: center;
	z-index: 2
}

.custom-toast__item.info {
	border-color: #e2d2ae;
	color: #f9dd0e
}

.vue-notification-wrapper .custom-toast__item.info.hide {
	box-shadow: 0 0 15px 2px #f9dd0e
}

.custom-toast__item.info.hide .close-button:after,
.custom-toast__item.info.hide .close-button:before {
	background-color: #f9dd0e
}

.custom-toast__item.success {
	color: #f9dd0e
}

.custom-toast__item.success .custom-toast__type {
	color: #3ee6e0
}

.custom-toast__item.error {
	color: #f9dd0e
}

.custom-toast__item.error .custom-toast__type {
	color: #f01b0d
}

.custom-toast__item.achievement .custom-toast__link {
	color: #f9dd0e
}

.custom-toast__item.achievement .custom-toast__type {
	color: #3ee6e0
}

.custom-toast__item.achievement .custom-toast__type--icon {
	color: #f9dd0e
}

.custom-toast__item.free-spin {
	gap: 15px;
	justify-content: center;
	padding: 15px 35px 25px 30px;
	text-align: left
}

@media(min-width:576px) {
	.custom-toast__item.free-spin {
		flex-direction: row;
		gap: 25px;
		padding-top: 30px
	}
}

.custom-toast__item.free-spin .free-spin__image-wrapper {
	height: 84px;
	position: relative;
	width: 130px
}

@media(min-width:576px) {
	.custom-toast__item.free-spin .free-spin__image-wrapper {
		flex: 0 0 130px
	}
}

.custom-toast__item.free-spin .free-spin__image-wrapper--count-2 .free-spin__image,
.custom-toast__item.free-spin .free-spin__image-wrapper--count-3 .free-spin__image {
	height: 70%;
	position: absolute;
	width: 70%
}

.custom-toast__item.free-spin .free-spin__image-wrapper--count-2 .free-spin__image:first-child {
	bottom: 0;
	right: 0
}

.custom-toast__item.free-spin .free-spin__image-wrapper--count-2 .free-spin__image:last-child {
	left: 0;
	top: 0
}

.custom-toast__item.free-spin .free-spin__image-wrapper--count-3 .free-spin__image:first-child {
	bottom: 0;
	right: 0
}

.custom-toast__item.free-spin .free-spin__image-wrapper--count-3 .free-spin__image:nth-child(2) {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.custom-toast__item.free-spin .free-spin__image-wrapper--count-3 .free-spin__image:nth-child(3) {
	left: 0;
	top: 0
}

.custom-toast__item.free-spin .free-spin__image {
	border-radius: 6px;
	display: inline-block;
	height: 100%;
	width: 100%
}

.custom-toast__item.free-spin .free-spin__title {
	align-items: center;
	color: #3ee6e0;
	display: flex;
	font-size: 24px;
	font-weight: 700;
	gap: 8px;
	line-height: 36px;
	margin-bottom: 8px;
	text-transform: uppercase
}

@media(max-width:575px) {
	.custom-toast__item.free-spin .free-spin__title {
		justify-content: center
	}
}

.custom-toast__item.free-spin .free-spin__title-icon {
	color: #f9dd0e;
	height: 32px
}

.custom-toast__item.free-spin .free-spin__game-link,
.custom-toast__item.free-spin .free-spin__text {
	font-family: Inter, serif;
	font-size: 12px;
	letter-spacing: .05em;
	line-height: 20px
}

.custom-toast__item.free-spin .free-spin__text {
	color: #fff
}

@media(max-width:575px) {
	.custom-toast__item.free-spin .free-spin__text {
		text-align: center
	}
}

.custom-toast__item.free-spin .free-spin__game-link {
	color: #f9dd0e;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.custom-toast__type {
	align-items: center;
	display: flex;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase
}

.custom-toast__type--icon {
	height: 32px;
	margin-right: 6px;
	width: 32px
}

.custom-toast__type--icon svg {
	height: 32px;
	width: 32px
}

.custom-toast__title {
	font-size: 24px;
	font-weight: 700;
	margin: 0
}

.custom-toast__title.add,
.custom-toast__title.hide {
	position: relative;
	text-transform: uppercase
}

.custom-toast__title.add:before,
.custom-toast__title.hide:before {
	content: "✓"
}

.custom-toast__title.add {
	color: #3ee6e0
}

.custom-toast__text {
	font-size: 12px;
	letter-spacing: .05em
}

.custom-toast__text+a {
	display: none
}

@media(orientation:portrait) {
	.custom-toast--mobile {
		bottom: 60px !important;
		top: auto !important;
		width: calc(100% - 45px) !important
	}
}

@media(orientation:landscape) {
	.custom-toast--mobile {
		top: 24px !important
	}
}

.custom-toast .close-button {
	cursor: pointer;
	height: 14px;
	position: absolute;
	right: 7px;
	top: 7px;
	width: 14px
}

.custom-toast .close-button:after,
.custom-toast .close-button:before {
	background-color: #3ee6e0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 2px
}

.custom-toast .close-button:before {
	transform: rotate(45deg)
}

.custom-toast .close-button:after {
	transform: rotate(-45deg)
}

.custom-toast .vue-notification-wrapper {
	animation-duration: .7s;
	animation-name: bounceInRight;
	animation-timing-function: linear;
	box-shadow: 0 0 15px 2px #3ee6e0;
	min-height: 128px;
	overflow: visible;
	overflow: initial;
	position: relative
}

.custom-toast .vue-notification-wrapper:after,
.custom-toast .vue-notification-wrapper:before {
	background: url(img/tooltib-border-desctop.8be1a92.svg) no-repeat;
	background-size: cover;
	content: "";
	height: calc(100% + 26px);
	position: absolute;
	width: 173px;
	z-index: 0
}

@media(max-width:575px) {

	.custom-toast .vue-notification-wrapper:after,
	.custom-toast .vue-notification-wrapper:before {
		background: url(img/tooltib-border.b50963a.svg) no-repeat;
		background-size: cover;
		height: calc(100% + 33px);
		width: 155px
	}
}

.custom-toast .vue-notification-wrapper:before {
	left: -13px;
	top: -14px
}

.custom-toast .vue-notification-wrapper:after {
	right: -13px;
	top: -14px;
	transform: rotateY(180deg)
}

.custom-toast .vue-notification-wrapper:not(:last-child) {
	margin-bottom: 30px
}

.custom-toast .vue-notification-wrapper.vn-fade-leave-active {
	animation-name: backOutRight
}

.custom-toast .vue-notification-wrapper .toast-info__header {
	color: #f9dd0e;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 10px
}

@media(max-width:575px) {
	.custom-toast .vue-notification-wrapper .toast-info__header {
		font-size: 22px
	}
}

@media only screen and (max-width:375px) {
	.self-exclusion-modal .modal-info__body {
		margin-top: 14px;
		max-height: 90vh
	}
}

@media only screen and (max-width:825px) {
	.self-exclusion-modal .modal-info__body {
		margin-top: 14px;
		max-height: 92vh
	}
}

.tooltip {
	display: block;
	z-index: 10000
}

.tooltip:before {
	background-image: linear-gradient(135deg, #f9dd0e 25%, #1d4643 0, #1d4643 50%, #f9dd0e 0, #f9dd0e 75%, #1d4643 0, #1d4643);
	background-size: 6px 6px;
	clip-path: polygon(0 13%, 0 100%, 0 100%, 100% 100%, 100% 0);
	left: -6px
}

.tooltip:after,
.tooltip:before {
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 6px
}

.tooltip:after {
	background: #1d4643;
	clip-path: polygon(-100px 0, 0 100%, 0 100%, 100% 85%, 100% 0);
	right: -5.8px
}

.tooltip[aria-hidden=true] {
	opacity: 0;
	transition: opacity .15s, visibility .15s;
	visibility: hidden
}

.tooltip[aria-hidden=false] {
	opacity: 1;
	transition: opacity .15s;
	visibility: visible
}

.tooltip .tooltip-arrow {
	border: solid #1d4643;
	border-bottom-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-width: 5px 5px 0;
	bottom: -5px;
	height: 0;
	left: auto !important;
	margin: 0 5px;
	position: absolute;
	right: 23px;
	width: 0
}

.tooltip .tooltip-inner {
	background-color: #1d4643;
	color: #f9dd0e;
	display: flex;
	flex-direction: column;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 1.2;
	max-width: 300px;
	padding: 10px 2px 10px 10px;
	position: relative;
	white-space: pre-line;
	width: 100%
}

.tooltip .tooltip-inner span {
	position: relative
}

.tooltip .tooltip-inner span:before {
	content: "";
	height: 1px;
	left: 0;
	opacity: .2;
	position: absolute;
	top: -6px;
	width: 100%
}

.tooltip .tooltip-inner span+span {
	color: #f9dd0e
}

.tooltip .tooltip-inner span+span:before {
	background-color: #1d4643
}

.tooltip--centered .tooltip-arrow {
	left: 50% !important;
	transform: translateX(-100%)
}

@media(max-width:424px) {
	.tooltip--no-arrow-mobile .tooltip-arrow {
		display: none
	}
}

.profile__checkbox-tooltip .tooltip-arrow {
	left: 25px !important
}

h1,
h2,
h3,
h4,
h5 {
	color: #fff;
	font-family: Jura, serif;
	font-weight: 700;
	line-height: 1.5
}

h1 {
	font-size: 56px;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 19px;
	text-shadow: 0 0 20px #3ee6e0;
	text-transform: uppercase
}

@media(max-width:767px) {
	h1 {
		font-size: 36px;
		font-weight: 700;
		letter-spacing: 2.2px;
		text-shadow: 0 0 15px #3ee6e0
	}
}

h2 {
	font-size: 36px;
	font-stretch: normal;
	letter-spacing: 2.2px;
	margin-bottom: 12px;
	text-shadow: 0 0 15px #3ee6e0;
	text-transform: uppercase
}

@media(max-width:767px) {
	h2 {
		font-size: 24px;
		letter-spacing: 0;
		text-shadow: 0 0 10px #3ee6e0
	}
}

h3 {
	font-size: 24px;
	letter-spacing: 0;
	margin-bottom: 16px;
	text-shadow: 0 0 10px #3ee6e0;
	text-transform: uppercase
}

@media(max-width:767px) {
	h3 {
		font-size: 20px;
		letter-spacing: 2px;
		text-shadow: 0 0 5px #3ee6e0
	}
}

h4 {
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	text-shadow: 0 0 5px #3ee6e0
}

h5 {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 15px
}

a[href^=tel] {
	cursor: default
}

td,
th {
	color: #757575
}

b,
strong,
th {
	font-weight: 700
}

em,
i {
	color: #fff
}

p {
	margin-top: 0
}

blockquote {
	color: #fff;
	font-size: 15px;
	font-style: italic;
	line-height: 1.5;
	margin-left: 55px;
	position: relative
}

blockquote:before {
	background-color: #231e1f;
	content: "";
	display: block;
	height: 100%;
	left: -22px;
	position: absolute;
	top: 0;
	width: 2px
}

button {
	font-family: Jura, serif
}

::-moz-selection {
	background-color: #1e727c;
	color: #fff
}

::selection {
	background-color: #1e727c;
	color: #fff
}

.color-blue {
	color: #80d8ff
}

.color-yellow {
	color: #ff0
}

.color-pink {
	color: #e9417d
}

.color-green {
	color: #44b759
}

.color-grey-light {
	color: #c4c4c3
}

.table-responsive {
	display: block;
	overflow-x: auto;
	width: 100%
}

.section__title {
	color: #fffdfd;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 2.3488px;
	line-height: 1.45;
	text-align: center;
	text-transform: capitalize
}

@media(max-width:575px) {
	.section__title {
		font-size: 28px
	}
}

@media(min-width:1200px) {
	.section__title {
		font-size: 66px
	}
}

@media(min-width:992px) {
	.section__title {
		font-size: 62px
	}
}

@media(min-width:768px) {
	.section__title {
		font-size: 52px
	}
}

@media(min-width:576px) {
	.section__title {
		font-size: 40px
	}
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}

.swiper {
	display: block;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	box-sizing: content-box;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	transition-timing-function: ease;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	width: 100%;
	z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	display: block;
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	/*width: 100%*/
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
	transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-left: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-top: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	height: var(--swiper-centered-offset-after);
	min-width: 1px;
	width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
	border: 4px solid #007aff;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top: 4px solid transparent;
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	align-items: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	cursor: pointer;
	display: flex;
	height: 44px;
	height: var(--swiper-navigation-size);
	justify-content: center;
	margin-top: -22px;
	margin-top: calc(0px - var(--swiper-navigation-size)/2);
	position: absolute;
	top: 50%;
	top: var(--swiper-navigation-top-offset, 50%);
	width: 27px;
	width: calc(var(--swiper-navigation-size)/44*27);
	z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	cursor: auto;
	opacity: .35;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	cursor: auto;
	opacity: 0;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	transform-origin: center;
	width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
	transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px;
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto
}

.swiper-button-lock {
	display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: 44px;
	font-size: var(--swiper-navigation-size);
	font-variant: normal;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	left: auto;
	right: 10px;
	right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next"
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transform: translateZ(0);
	transition: opacity .3s;
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 8px;
	bottom: var(--swiper-pagination-bottom, 8px);
	left: 0;
	top: auto;
	top: var(--swiper-pagination-top, auto);
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	font-size: 0;
	overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	position: relative;
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	background: #000;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	border-radius: 50%;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	display: inline-block;
	height: 8px;
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	opacity: .2;
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
	width: 8px;
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	opacity: 1;
	opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	left: auto;
	left: var(--swiper-pagination-left, auto);
	right: 8px;
	right: var(--swiper-pagination-right, 8px);
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: 6px 0;
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
	color: inherit;
	color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transform-origin: left top;
	width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	height: 4px;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
	width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	height: 100%;
	left: 0;
	top: 0;
	width: 4px;
	width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
	display: none
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-direction: column;
	flex-wrap: wrap
}

.vue-modal-bottom,
.vue-modal-bottomLeft,
.vue-modal-bottomRight,
.vue-modal-left,
.vue-modal-right,
.vue-modal-top,
.vue-modal-topLeft,
.vue-modal-topRight {
	background: #0000;
	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 9999999
}

.vue-modal-bottomLeft,
.vue-modal-bottomRight,
.vue-modal-topLeft,
.vue-modal-topRight {
	height: 12px;
	width: 12px
}

.vue-modal-top {
	cursor: n-resize;
	height: 12px;
	right: 12;
	top: 0;
	width: 100%
}

.vue-modal-bottom {
	bottom: 0;
	cursor: s-resize;
	height: 12px;
	left: 0;
	width: 100%
}

.vue-modal-left {
	cursor: w-resize;
	height: 100%;
	left: 0;
	top: 0;
	width: 12px
}

.vue-modal-right {
	cursor: e-resize;
	height: 100%;
	right: 0;
	top: 0;
	width: 12px
}

.vue-modal-topRight {
	background: #0000;
	cursor: ne-resize;
	right: 0;
	top: 0
}

.vue-modal-topLeft {
	cursor: nw-resize;
	left: 0;
	top: 0
}

.vue-modal-bottomLeft {
	bottom: 0;
	cursor: sw-resize;
	left: 0
}

.vue-modal-bottomRight {
	bottom: 0;
	cursor: se-resize;
	right: 0
}

#vue-modal-triangle:after {
	background: #0000;
	border-bottom: 10px solid #ddd;
	border-left: 10px solid #0000;
	content: "";
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 0
}

#vue-modal-triangle.clicked:after {
	border-bottom: 10px solid #369be9
}

.vm--block-scroll {
	overflow: hidden;
	width: 100vw
}

.vm--container {
	z-index: 999
}

.vm--container,
.vm--overlay {
	box-sizing: border-box;
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%
}

.vm--overlay {
	background: #0003;
	opacity: 1
}

.vm--container.scrollable {
	height: 100%;
	min-height: 100vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.vm--modal {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 20px 60px -2px #1b213a66;
	box-sizing: border-box;
	overflow: hidden;
	position: relative
}

.vm--container.scrollable .vm--modal {
	margin-bottom: 2px
}

.vm--top-right-slot {
	display: block;
	position: absolute;
	right: 0;
	top: 0
}

.vm-transition--overlay-enter-active,
.vm-transition--overlay-leave-active {
	transition: all 50ms
}

.vm-transition--overlay-enter,
.vm-transition--overlay-leave-active {
	opacity: 0
}

.vm-transition--modal-enter-active,
.vm-transition--modal-leave-active {
	transition: all .4s
}

.vm-transition--modal-enter,
.vm-transition--modal-leave-active {
	opacity: 0;
	transform: translateY(-20px)
}

.vm-transition--default-enter-active,
.vm-transition--default-leave-active {
	transition: all 2ms
}

.vm-transition--default-enter,
.vm-transition--default-leave-active {
	opacity: 0
}

.vue-dialog {
	font-size: 14px
}

.vue-dialog div {
	box-sizing: border-box
}

.vue-dialog-content {
	flex: 1 0 auto;
	padding: 14px;
	width: 100%
}

.vue-dialog-content-title {
	font-weight: 600;
	padding-bottom: 14px
}

.vue-dialog-buttons {
	border-top: 1px solid #eee;
	display: flex;
	flex: 0 1 auto;
	width: 100%
}

.vue-dialog-buttons-none {
	padding-bottom: 14px;
	width: 100%
}

.vue-dialog-button {
	background: #0000;
	border: 0;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	font-size: inherit;
	height: 40px;
	line-height: 40px;
	font: inherit;
	margin: 0;
	outline: none;
	padding: 0
}

.vue-dialog-button:hover {
	background: #f9f9f9
}

.vue-dialog-button:active {
	background: #f3f3f3
}

.vue-dialog-button:not(:first-of-type) {
	border-left: 1px solid #eee
}

:root {
	--balance-outer: 25px
}

.header {
	background-color: #12110f;
	background-image: url(img/bg-header.a9979c8.svg);
	background-position: right 0;
	background-repeat: no-repeat;
	padding: 0 15px;
	top: -1px;
	will-change: auto;
	z-index: 11
}

@media(max-width:768px) {
	.header {
		background-image: none;
		padding: 4px 10px
	}
}

.header__wrapper {
	display: flex;
	justify-content: space-between;
	min-height: 100px;
	position: relative;
	transition: all .3s ease
}

@media(min-width:577px) {
	.header__wrapper {
		align-items: center
	}
}

@media(max-width:768px) {
	.header__wrapper {
		align-items: center;
		min-height: 53px
	}
}

.header__aside {
	align-items: center;
	display: flex
}

@media print {
	.header__aside {
		display: none
	}
}

.header__aside--content {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: center
}

.header__aside--search {
	align-items: center;
	background-color: #1e1b0f;
	border-radius: 10px;
	color: #85770e;
	display: flex;
	overflow: hidden;
	padding: 0;
	position: relative
}

.user-unauthorized .header__aside--search {
	padding: 3px
}

@media(min-width:425px) {
	.user-unauthorized .header__aside--search-icon {
		height: 42px;
		width: 42px
	}
}

@media(min-width:321px)and (max-width:424px) {
	.user-unauthorized .header__aside--search-icon {
		height: 38px;
		width: 38px
	}
}

@media(min-width:768px) {
	.header__aside--search {
		display: none
	}
}

.header__aside--search:before {
	background-image: radial-gradient(#4c440f 1px, transparent 0), radial-gradient(#4c440f 1px, transparent 0);
	background-position: 4px 4px, 2px 2px;
	background-size: 4px 4px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.header__aside--search-icon {
	align-items: center;
	background: none;
	border: 0;
	display: flex;
	height: 32px;
	justify-content: center;
	width: 32px;
	z-index: 2
}

.header__aside--unauthorized {
	display: flex
}

@media(max-width:575px) {
	.header__aside--unauthorized {
		font-size: 12px;
		text-align: center
	}
}

.header__aside .user-menu__container,
.header__aside--user-menu {
	align-items: center;
	display: flex;
	gap: 8px
}

@media(max-width:767px) {
	.header__aside .filters-dropdown {
		display: none
	}
}

.header__sign {
	color: #252122;
	display: inline-block;
	font-size: 10px;
	line-height: 1.2;
	padding: 10px 0;
	position: relative;
	-webkit-text-decoration: none;
	text-decoration: none;
	text-transform: uppercase;
	transition: .3s ease
}

.header__sign:before {
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 20px
}

.header__sign:hover span:after,
.header__sign:hover span:before {
	animation-play-state: running
}

.header__sign span {
	align-items: center;
	display: flex;
	position: relative
}

.header__sign span:after,
.header__sign span:before {
	content: "";
	position: absolute;
	transition: all .3s ease
}

.header__sign span:after {
	animation: animButtonArrowLeft 1.3s linear infinite;
	animation-play-state: paused;
	border-color: transparent #383330 transparent transparent;
	border-style: solid;
	border-width: 4px 6px 4px 0;
	height: 0;
	right: -10px;
	width: 0
}

.header__sign span:before {
	animation: animButtonArrowRight 1.3s linear infinite;
	animation-play-state: paused;
	border-color: transparent transparent transparent #383330;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	height: 0;
	left: -10px;
	width: 0
}

.header__nav {
	align-items: center;
	display: flex;
	margin-left: auto;
	margin-right: auto
}

@media(max-width:1499px) {
	.header__nav {
		display: none
	}
}

.header__nav--link {
	align-items: normal;
	color: #85770e;
	display: inline;
	font-size: 14px;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 2px;
	line-height: 28px;
	margin: 0;
	padding: 10px 5px;
	position: relative;
	-webkit-text-decoration: none;
	text-decoration: none;
	text-transform: uppercase

}

.header__nav--link a {
	color: #85770e;
}

@media(min-width:769px) {
	.header__nav--link:hover:after {
		transform: scaleX(0);
		transform-origin: bottom right
	}
}

@media(min-width:1731px) {
	.header__nav--link {
		font-size: 24px;
		padding: 10px 20px
	}
}

@media(min-width:1571px)and (max-width:1730px) {
	.header__nav--link {
		font-size: 16px;
		padding: 10px
	}
}

.header__nav--link.is-active,
.header__nav--link.link-active {
	background-color: #1e1b0f;
	border: 1px solid #4c440f;
	border-radius: 5px;
	color: #f9dd0e
}

.header__nav--link.is-active .decor,
.header__nav--link.link-active .decor {
	display: block
}

.header__nav--link.is-active .icon-arrow__breadcrumbs path,
.header__nav--link.link-active .icon-arrow__breadcrumbs path {
	fill: #f9dd0e
}

.header__nav--link:hover {
	background-color: #1e1b0f;
}

.header__nav--link:hover a {
	color: #f9dd0e
}

.header__nav--link:hover .icon-arrow__breadcrumbs path {
	fill: #f9dd0e
}

.header__nav--link .decor {
	display: none
}

.header__nav--link button {
	align-items: center;
	display: flex
}

.header__nav--link .icon-arrow__breadcrumbs {
	height: 28px;
	width: 32px
}

.header__nav--link .icon-arrow__breadcrumbs path {
	fill: #85770e
}

.header__nav--link .decor__left:after,
.header__nav--link .decor__left:before,
.header__nav--link .decor__right:after,
.header__nav--link .decor__right:before {
	background-color: #4c440f;
	background-repeat: no-repeat;
	height: 13px;
	-webkit-mask-image: url(img/corner-icon-bg.d62da46.svg);
	mask-image: url(img/corner-icon-bg.d62da46.svg);
	width: 13px
}

.header__nav--link .decor__left:before,
.header__nav--link .decor__right:before {
	top: -3px
}

.header__nav--link .decor__left:after,
.header__nav--link .decor__right:after {
	bottom: -3px
}

.header__nav--link .decor__left:before {
	left: -3px;
	transform: rotate(0deg)
}

.header__nav--link .decor__left:after {
	left: -3px;
	transform: rotate(-90deg)
}

.header__nav--link .decor__right {
	height: auto;
	width: auto
}

.header__nav--link .decor__right:before {
	right: -3px;
	transform: rotate(90deg)
}

.header__nav--link .decor__right:after {
	right: -3px;
	transform: rotate(180deg)
}

.header__nav--search {
	align-items: center;
	background-color: #1e1b0f;
	border-radius: 5px;
	color: #85770e;
	display: flex;
	height: 52px;
	margin-left: 5px;
	padding: 8px 16px;
	position: relative;
	width: 150px
}

@media(min-width:1731px) {
	.header__nav--search {
		width: 180px
	}
}

.header__nav--search:before {
	background-image: radial-gradient(#4c440f 10%, transparent 0), radial-gradient(#4c440f 10%, transparent 0);
	background-position: 0 0, 19px 20px;
	background-size: 13px 13px;
	border-radius: 10px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.header__nav--search-icon {
	align-items: center;
	background: none;
	border: 0;
	display: flex;
	height: 32px;
	justify-content: center;
	margin-right: 10px;
	width: 32px;
	z-index: 2
}

.header__nav--search:hover {
	box-shadow: 0 0 20px #f9dd0e
}

.header__nav--search span {
	z-index: 2
}

.header__dropdown {
	background-color: transparent;
	position: relative
}

.header__dropdown--button {
	align-items: center;
	border: 1px solid transparent;
	display: flex;
	justify-content: center;
	min-width: 200px;
	position: relative;
	text-align: left;
	z-index: 10
}

.header__dropdown--text {
	align-items: center;
	display: block;
	overflow: hidden;
	padding-right: 4px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.header__dropdown--list {
	background-color: #12110f;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 20px #3ee6e0;
	left: 4px;
	max-height: 400px;
	opacity: 1;
	overflow: auto;
	position: absolute;
	top: 50px;
	transition: opacity .3s ease-in;
	width: auto;
	z-index: 16
}

.header__dropdown--item {
	align-items: center;
	background-color: #1e1b0f;
	color: #85770e;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	gap: 8px;
	justify-content: center;
	line-height: 21px;
	overflow: hidden;
	padding: 16px;
	transition: .3s;
	white-space: nowrap;
	width: 100%
}

.header__dropdown--item:hover {
	background-color: #162624;
	color: #3ee6e0;
	padding-left: 16px
}

.header__dropdown--item:hover .header__dropdown--icon {
	filter: hue-rotate(130deg) brightness(100%) contrast(200%);
	transform: scale(1.5) translateX(-2px)
}

.header__dropdown--item:hover .decor__left:after,
.header__dropdown--item:hover .decor__left:before,
.header__dropdown--item:hover .decor__right:after,
.header__dropdown--item:hover .decor__right:before {
	background-color: #3ee6e0
}

.header__dropdown--item .decor__left:after,
.header__dropdown--item .decor__left:before,
.header__dropdown--item .decor__right:after,
.header__dropdown--item .decor__right:before {
	background-color: #4c440f
}

.header__dropdown--inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 6px;
	justify-content: center;
	padding: 10px;
	width: 100%
}

.header__dropdown--inner input {
	display: none
}

.header__dropdown--icon {
	height: 100%;
	transition: all .3s ease;
	width: 100%
}

.header__dropdown--icon-wrapper {
	align-items: center;
	display: flex;
	flex: 0 0 16px;
	justify-content: center
}

.header__dropdown.is-open .icon-arrow__breadcrumbs {
	transform: rotate(-180deg)
}

.header__dropdown.is-open .icon-arrow__breadcrumbs path {
	fill: #3ee6e0
}

.header__dropdown.is-open .header__dropdown--button {
	border: 1px solid #3ee6e0;
	border-radius: 5px;
	box-shadow: 0 0 20px #3ee6e0;
	color: #3ee6e0;
	z-index: 17
}

.header__dropdown.is-open .header__dropdown--button .decor {
	display: block
}

.header__dropdown.is-open .header__dropdown--button .decor__left:after,
.header__dropdown.is-open .header__dropdown--button .decor__left:before,
.header__dropdown.is-open .header__dropdown--button .decor__right:after,
.header__dropdown.is-open .header__dropdown--button .decor__right:before {
	background-color: #3ee6e0
}

.header__dropdown .is-active {
	color: #f9dd0e
}

@media(max-width:767px) {
	.header--fixed {
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100
	}
}

.header--sticky {
	position: sticky
}

.header--sticky .header__wrapper {
	animation: stickyHeader .75s ease-in-out forwards;
	left: 0;
	right: 0;
	top: 0;
	width: 100%
}

@media(min-width:769px)and (max-width:1399px) {
	.header--sticky .header-logo {
		margin-top: 1px;
	}

	.header .header-logo {
		margin-right: auto;
		position: static;

	}
}

.header-sign__authorized {
	align-items: center;
	display: flex
}

@media(max-width:767px) {
	.header .header-logo {
		margin-right: auto;
		position: static
	}
}

@media(max-width:767px) {
	.header .header-logo__link {
		align-items: center;
		display: flex
	}
}

@media(max-width:767px) {
	.header .header-logo__mobile-logo {
		margin-left: 0
	}
}

.header .sign__in {
	margin-left: 10px;
	margin-right: 26px
}

@media(max-width:425px) {
	.header .sign__in {
		margin-right: 18px
	}
}

.header .sign__up {
	line-height: 30px
}

.header .sign__login-button {
	align-items: center;
	display: flex;
	justify-content: center
}

@media(max-width:768px) {
	.header .sign__login-button {
		padding: 10px 16px
	}
}

@media(max-width:576px) {
	.header .sign__login-button {
		font-size: 13px
	}
}

@media(max-width:425px) {
	.header .sign__login-button {
		padding: 5px 8px
	}
}

.header .dropdown-decor {
	min-width: 65px;
	width: 65px
}

.header .dropdown-decor__title {
	width: 100%
}

.header .dropdown-decor__title:before {
	display: none
}

.header .dropdown-decor__text {
	text-transform: uppercase
}

.header .dropdown-decor__list {
	text-transform: uppercase;
	top: 80px;
	width: 65px
}

.header .dropdown-decor:not(:last-child) {
	margin-right: 0
}

:root {
	--balance-outer: 25px
}

.burger-icon {
	cursor: pointer;
	height: 16px;
	min-width: 16px;
	position: relative;
	transform: rotate(0deg);
	transition: rotate .5s ease-in-out;
	width: 16px
}

@media(min-width:768px) {
	.burger-icon--fixed {
		/*left: 18px;*/
		/*position: fixed;*/
		/*top: 41px;*/
		z-index: 100
	}
}

.burger-icon--wrapper {
	align-items: center;
	display: flex;
	height: 27px;
	justify-content: center;
	position: relative;
	width: 24px
}

@media(min-width:1500px) {
	.burger-icon--wrapper {
		display: none
	}
}

.burger-icon--wrapper:before {
	background-image: radial-gradient(#4c440f 10%, transparent 0), radial-gradient(#4c440f 10%, transparent 0);
	background-position: 0 0, 19px 20px;
	background-size: 13px 13px;
	content: "";
	height: 100%;
	top: 0;
	z-index: 0
}

.burger-icon span,
.burger-icon--wrapper:before {
	border-radius: 10px;
	left: 0;
	position: absolute;
	width: 100%
}

.burger-icon span {
	background-color: #fff;
	display: block;
	height: 2px;
	opacity: 1;
	transform: rotate(0deg);
	transition: .25s ease-in-out
}

.burger-icon span:first-child {
	left: 2px;
	top: 0;
	width: 12px
}

.burger-icon span:nth-child(2),
.burger-icon span:nth-child(3) {
	top: 6px
}

.burger-icon span:nth-child(4) {
	left: 2px;
	top: 12px;
	width: 12px
}

.open span:first-child {
	left: 50%;
	top: 6px;
	width: 0
}

.open span:nth-child(2) {
	transform: rotate(45deg)
}

.open span:nth-child(3) {
	transform: rotate(-45deg)
}

.open span:nth-child(4) {
	left: 50%;
	top: 6px;
	width: 0
}

:root {
	--balance-outer: 25px
}

@media(min-width:1401px) {
	.header-logo {
		margin-top: 10px
	}
}

@media(min-width:769px)and (max-width:1499px) {
	.header-logo {
		margin-left: 17px;
		margin-right: auto;
		margin-top: 0;		
	}
}

@media(max-width:768px) {
	.header-logo {
		left: 22px;
		position: absolute;
		z-index: 10
	}
}

@media(max-width:575px) {
	.header-logo__link {
		align-items: center;
		display: flex
	}
}

.header-logo__mobile-logo {
	display: inline-block;
	height: 32px;
	margin-right: auto;
	width: 42px
}

@media(max-width:768px) {
	.header-logo__mobile-logo {
		margin-left: 14px
	}
}

@media(min-width:769px) {
	.header-logo--fixed {
		left: 39px;
		position: fixed;
		top: 25px;
		z-index: 100
	}

	.is-mobile {
		top: 30px
	}
}

@media(max-width:424px) {
	.header-logo svg {
		width: 100px
	}
}

:root {
	--balance-outer: 25px
}

.decor {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.balances-change .decor .decor__left:before,
.balances-change .decor .decor__right:before {
	top: -2px
}

.balances-change .decor .decor__left:after,
.balances-change .decor .decor__right:after {
	bottom: -2px
}

.balances-change .decor .decor__left:after,
.balances-change .decor .decor__left:before {
	left: -2px
}

.balances-change .decor .decor__left:before {
	transform: scale(.5) rotate(-90deg)
}

.balances-change .decor .decor__left:after {
	transform: scale(.5) rotate(180deg)
}

.balances-change .decor .decor__right:after,
.balances-change .decor .decor__right:before {
	right: -2px
}

.balances-change .decor .decor__right:before {
	transform: scale(.5)
}

.balances-change .decor .decor__right:after {
	transform: scale(.5) rotate(90deg)
}

.balance__bonusList .decor {
	z-index: auto
}

.decor__left,
.decor__right {
	height: 100%;
	width: 100%
}

.decor__left:after,
.decor__left:before,
.decor__right:after,
.decor__right:before {
	background-color: var(--decor);
	content: "";
	height: 7px;
	-webkit-mask-image: url(img/bg-popular__desription.svg);
	mask-image: url(img/bg-popular__desription.svg);
	position: absolute;
	width: 7px
}

.decor__left:before,
.decor__right:before {
	top: -1px
}

.decor__left:after,
.decor__right:after {
	bottom: -1px
}

.decor__left:after,
.decor__left:before {
	left: -1px
}

.decor__left:before {
	transform: rotate(-90deg)
}

.decor__left:after {
	transform: rotate(180deg)
}

.decor__right:after,
.decor__right:before {
	right: -1px
}

.decor__right:after {
	transform: rotate(90deg)
}

:root {
	--balance-outer: 25px
}

.circle {
	animation: preloader-animation 1s linear infinite;
	transform-origin: center
}

.circle-1 {
	animation-delay: 0s
}

.circle-2 {
	animation-delay: -.12s
}

.circle-3 {
	animation-delay: -.25s
}

.circle-4 {
	animation-delay: -.37s
}

.circle-5 {
	animation-delay: -.5s
}

.circle-6 {
	animation-delay: -.62s
}

.circle-7 {
	animation-delay: -.75s
}

.circle-8 {
	animation-delay: -.87s
}

:root {
	--balance-outer: 25px
}

.form-button {
	background-color: #1d4643;
	border: 1px solid #3ee6e0;
	border-radius: 4px;
	color: #3ee6e0;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	padding: 10px 30px;
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 0 #000;
	text-transform: uppercase;
	transition: all .3s ease
}

.form-button__border-icon {
	background-color: #000;
	border: 1px solid #3ee6e0;
	border-radius: 50%;
	height: 13px;
	left: -7px;
	position: absolute;
	top: calc(50% - 7px);
	width: 13px;
	z-index: 1
}

.form-button__border-icon:before {
	background-color: #3ee6e0;
	border-radius: 100% 0 0 100%/50% 0 0 50%;
	content: "";
	height: 7px;
	left: 2px;
	position: absolute;
	top: 2px;
	width: 4px;
	z-index: 2
}

.form-button__border-icon--transparent {
	left: auto;
	right: -8px
}

.form-button__border-icon--transparent:before {
	border-radius: 0 100% 100% 0/0 50% 50% 0;
	left: auto;
	right: 2px
}

.form-button:hover {
	background-color: #287b77;
	text-shadow: 0 0 5px #3ee6e0, 1px 1px 0 #000
}

.form-button:hover .form-button__border-icon:before {
	border-radius: 0 100% 100% 0/0 50% 50% 0;
	left: auto;
	right: 2px
}

.form-button:hover .form-button__border-icon--transparent {
	left: auto;
	right: -8px
}

.form-button:hover .form-button__border-icon--transparent:before {
	border-radius: 100% 0 0 100%/50% 0 0 50%;
	left: 2px;
	right: auto
}

.form-button:hover .contains-background {
	opacity: 0
}

.form-button.yellow {
	background-color: #4c440f;
	border: 1px solid #f9dd0e;
	color: #f9dd0e;
	text-shadow: 1px 1px 0 #000
}

.form-button.yellow:hover {
	background-color: #85770e;
	text-shadow: 0 0 5px #f9dd0e, 1px 1px 0 #000
}

.form-button.yellow .form-button__border-icon {
	border: 1px solid #f9dd0e
}

.form-button.yellow .form-button__border-icon:before {
	background-color: #f9dd0e
}

.form-button.purple {
	background-color: #461c45;
	border: 1px solid #e33ee6;
	color: #e33ee6;
	text-shadow: 1px 1px 0 #000
}

.form-button.purple:hover {
	background-color: #7a277a;
	text-shadow: 0 0 5px #e33ee6, 1px 1px 0 #000
}

.form-button.purple .form-button__border-icon {
	border: 1px solid #e33ee6
}

.form-button.purple .form-button__border-icon:before {
	background-color: #e33ee6
}

.form-button.outlined {
	background: transparent;
	color: #3ee6e0
}

.form-button.outlined:hover {
	background: transparent;
	text-shadow: 0 0 5px #3ee6e0, 1px 1px 0 #000
}

.form-button.yellow.outlined {
	background: transparent;
	color: #f9dd0e
}

.form-button.yellow.outlined:hover {
	background: transparent;
	text-shadow: 0 0 5px #f9dd0e, 1px 1px 0 #000
}

.form-button.purple.outlined {
	background: transparent;
	color: #f9dd0e
}

.form-button.purple.outlined:hover {
	background: transparent;
	text-shadow: 0 0 5px #f9dd0e, 1px 1px 0 #000
}

.form-button.small {
	padding: 6px 20px
}

.form-button.medium {
	padding: 10px 30px
}

.form-button.large {
	padding: 13px 40px
}

.form-button[disabled] {
	background: #12110f;
	border: 1px solid #4d4d4b;
	color: #4d4d4b;
	cursor: not-allowed;
	filter: none;
	pointer-events: none
}

.form-button[disabled]:hover {
	background-color: #12110f;
	text-shadow: inherit
}

.form-button[disabled] .form-button__border-icon {
	border: 1px solid #4d4d4b
}

.form-button[disabled] .form-button__border-icon:before {
	background-color: #4d4d4b
}

.form-button .contains-background {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%
}

.form-button .contains-background:before {
	animation: shine 2s ease-in-out infinite;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAAA1CAYAAADRRnAUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHtSURBVHgB7dzLTgJBEIXhEk1cQqKufAPYufP9X0ts24REMgKB6mm6Ts1/NprgJ/TMyVx7MAuUUsqjOYPNbVcWKy2fB5vYRivqg/mDTWzZomIlLEXFSliKipWwFBUrYSkqVsJSVKyEpahYCZupqO67HkZhwtsnmzn1Ntmb+UvzUr13ML/We0G59X2x/W2c1EG8mzPY3JZjVKyEjVbUluNMbGLLFhUrYSnqWLu0KxVptqhL2xWOKrnceNmiYiUsRcVKWHb97Vbx+Jaz/sYs7YSI2769YaewK8TOCzuFFYedF3YKKw47L+yUlkdxW8Yy6vHhUYWRe1y6xzS/j/rj2XzZXpgGVuxvoMe/H1uzywujnHl9d8P0s+n/2DqnrpXD+3pX3tSeG9up13eNn3l15ftMs22wcVIH8WnOYHPbaLt+Qk4mWlGL+YNNbCkqVsJGK+q3+YNNbCkqVsJGK+re/MEmthQVK2EpKlbCUlSshKWoWAlLUbESNlpRv8yfUQu/5TOPsnLLavbZU41RLIzilu3feA8zz66yN/ztNHuvjfZtfuvqvReFN4PsepAdNl7zX7jfWNsNgxipC+/VnMHmtpxMYSUsRV2mbdn9UlRjksa97KiSMykFm9uyRcVKWIqKlbAUFSthKSpWxRJCCJklP2UUloQ9ReT/AAAAAElFTkSuQmCC);
	background-position: -17px 0;
	background-repeat: no-repeat;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

:root {
	--balance-outer: 25px
}

.homepage__wrapper {
	background-image: url(img/bg-homepage__top.96042d7.png), url(img/bg-homepage__bottom.e919274.png);
	background-position: top, 50%;
	background-repeat: no-repeat, repeat-y;
	background-size: contain
}

.homepage__container {
	height: 100%;
	margin: auto;
	max-width: 1344px
}

@media(min-width:576px) {
	.homepage__container {
		padding: 0 85px 0 0;
	}
}

@media(max-width:575px) {
	.homepage__container {
		padding: 6px
	}
}

:root {
	--balance-outer: 25px
}

.banner__wrapper {
	position: relative
}

.banner__preview {
	height: 1px;
	left: -100px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: -100px;
	width: 1px
}

.banner__container {
	padding: 40px 50px 60px
}

@media(max-width:991px) {
	.banner__container {
		padding: 40px 30px 60px
	}
}

@media(max-width:575px) {
	.banner__container {
		padding: 20px 20px 30px
	}
}

.banner__container .content-placeholder {
	padding-top: 34.2%
}

.banner__single-image {
	height: 100%
}

.banner__single-image .swiper-slide {
	padding: 0;
	width: 100%
}

.banner__single-image img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.banner__border {
	height: calc(100% + 99px);
	position: absolute;
	top: -64px
}

@media(max-width:991px) {
	.banner__border {
		height: calc(100% + 62px);
		top: -40px
	}

	.banner__border.banner__border--right {
		right: -26px
	}

	.banner__border.banner__border--left {
		left: -26px
	}
}

@media(max-width:575px) {
	.banner__border {
		height: calc(100% + 44px);
		top: -29px
	}

	.banner__border.banner__border--right {
		right: -17px
	}

	.banner__border.banner__border--left {
		left: -17px
	}
}

.banner__border--right {
	right: -39px
}

.banner__border--left {
	left: -39px;
	transform: scaleX(-1)
}

:root {
	--balance-outer: 25px
}

.games-filters {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	height: auto;
	justify-content: center;
	margin-bottom: 30px;
	position: relative
}

@media(max-width:768px) {
	.games-filters {
		justify-content: center
	}
}

@media(max-width:576px) {
	.games-filters {
		flex-direction: column
	}
}

.games-filters__search {
	align-items: center;
	background-color: #1e1b0f;
	border-radius: 5px;
	color: #85770e;
	display: flex;
	padding: 10px 18px;
	position: relative;
	width: 290px
}

.games-filters__search:before {
	background-image: radial-gradient(#4c440f 10%, transparent 0), radial-gradient(#4c440f 10%, transparent 0);
	background-position: 0 0, 19px 20px;
	background-size: 13px 13px;
	border-radius: 10px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.games-filters__search-icon {
	align-items: center;
	background: none;
	border: 0;
	display: flex;
	height: 32px;
	justify-content: center;
	margin-right: 10px;
	width: 32px;
	z-index: 2
}

.games-filters__search:hover {
	box-shadow: 0 0 20px #f9dd0e
}

.games-filters__search span {
	z-index: 2
}

.games-filters__item {
	align-items: center;
	background-color: #181613;
	border-radius: 10px;
	border-radius: 0;
	color: #85770e;
	cursor: pointer;
	display: flex;
	height: 100%;
	justify-content: center;
	line-height: 1.4;
	padding: 15px 20px;
	position: relative;
	transition: all .3s ease
}

.games-filters__item:hover {
	background-color: #162624;
	color: #f9dd0e
}

@media(hover:hover) {
	.games-filters__item:hover {
		color: #3ee6e0;
		padding: 15px 15px 15px 25px
	}

	.games-filters__item:hover .decor {
		--decor: #3ee6e0 !important;
		transition: all .3s ease
	}

	.games-filters__item:hover .games-filters__item--icon {
		filter: hue-rotate(130deg) brightness(100%) contrast(200%);
		transform: scale(1.8) translateX(-4px)
	}
}

.games-filters__item--icon {
	align-items: center;
	display: flex;
	height: 16px;
	margin-right: 9px;
	transition: all .3s ease;
	width: 16px
}

.games-filters__item--icon svg {
	height: 16px;
	width: 16px
}

.games-filters__item--text {
	color: currentcolor;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap
}

.games-filters__item.is-active {
	color: #3ee6e0
}

.games-filters__item.is-active .games-filters__item--icon {
	filter: hue-rotate(130deg) brightness(100%) contrast(200%)
}

.games-filters__dropdown {
	height: auto;
	overflow: hidden;
	width: 100%
}

.games-filters__dropdown--icon {
	display: inline-flex;
	height: 16px;
	margin-right: 8px;
	width: 16px
}

.games-filters__dropdown--icon svg {
	height: 100%;
	width: 100%
}

.games-filters__dropdown--button {
	display: flex;
	flex-direction: column;
	margin: 2px 0;
	padding: 0 0 2px;
	position: relative;
	width: 100%
}

.games-filters__dropdown--button:before {
	background-color: #4c440f;
	bottom: -1px;
	content: "";
	height: 1px;
	position: absolute;
	width: 100%
}

.games-filters__dropdown--title {
	border-top: 1px solid #4c440f;
	color: #fff;
	font-size: 10px;
	letter-spacing: .05em;
	padding-right: 4px;
	position: relative;
	top: -2px
}

.games-filters__dropdown--title:after,
.games-filters__dropdown--title:before {
	background-color: #4c440f;
	content: "";
	height: 1px;
	position: absolute
}

.games-filters__dropdown--title:before {
	right: -15px;
	top: 6px;
	transform: rotate(56deg);
	width: 19px
}

.games-filters__dropdown--title:after {
	bottom: 0;
	left: calc(100% + 11px);
	width: 100vw
}

.games-filters__dropdown--item-content {
	align-items: center;
	display: flex;
	justify-content: center;
	width: calc(100% - 50px)
}

.games-filters__dropdown--inner-text,
.games-filters__dropdown--text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.games-filters__dropdown--text {
	align-items: center;
	background-color: #1e1b0f;
	color: #f9dd0e;
	font-size: 16px;
	justify-content: space-between;
	padding: 6px 16px 6px 8px;
	text-align: left;
	transition: all .3s ease;
	width: 100%
}

.is-open .games-filters__dropdown--text:hover {
	box-shadow: none
}

.games-filters__dropdown--text:hover {
	box-shadow: 0 0 20px #3ee6e0
}

.games-filters__dropdown--list {
	background-color: #1e1d1b;
	box-shadow: 0 0 20px #3ee6e0;
	height: auto;
	max-width: 180px;
	min-width: 150px;
	opacity: 1;
	position: absolute;
	transition: opacity .3s ease-in;
	z-index: 16
}

@media(max-width:767px) {
	.games-filters__dropdown--list {
		left: 0;
		max-width: none;
		width: 100%
	}
}

.games-filters__dropdown--inner {
	background-color: #12110f;
	display: flex;
	flex-direction: column;
	gap: 2px;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: hidden auto;
	padding: 2px 10px 12px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.games-filters__dropdown--inner input,
.games-filters__dropdown--inner.is-hidden {
	display: none
}

.games-filters__dropdown--item {
	align-items: center;
	background-color: #1e1b0f;
	color: #85770e;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	justify-content: center;
	padding: 16px 0;
	position: relative;
	transition: all .3s ease;
	width: auto;
	z-index: 10
}

.games-filters__dropdown--item:hover {
	filter: opacity(.7)
}

.games-filters__dropdown .toggle {
	background-color: #f9dd0e;
	display: inline-flex;
	height: 7px;
	-webkit-mask-image: url(img/bg-popular__desription.svg);
	mask-image: url(img/bg-popular__desription.svg);
	position: absolute;
	right: 5px;
	top: 55%;
	transform: rotate(135deg);
	transition: transform .3s ease;
	width: 7px
}

.is-open .games-filters__dropdown .toggle {
	transform: rotate(-45deg)
}

.games-filters__dropdown .decor {
	overflow: hidden
}

.games-filters .decor {
	z-index: 0
}

.games-filters .decor__left:before,
.games-filters .decor__right:before {
	top: 0
}

.games-filters .decor__left:after,
.games-filters .decor__right:after {
	bottom: 0
}

.games-filters .decor__left:after,
.games-filters .decor__left:before {
	left: 0
}

.games-filters .decor__right:after,
.games-filters .decor__right:before {
	right: 0
}

:root {
	--balance-outer: 25px
}

.games-slider {
	border: 1px solid #1d4643;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
	z-index: 1
}

@media(min-width:768px) {
	.games-slider {
		padding: 25px 30px
	}
}

@media(min-width:321px)and (max-width:767px) {
	.games-slider {
		padding: 14px 8px
	}
}

@media(max-width:321px) {
	.games-slider {
		padding: 8px 0 17px
	}
}

@media(max-width:767px) {
	.games-slider__jackpot {
		border-color: transparent
	}

	.games-slider__jackpot .decor {
		display: none
	}
}

.games-slider__header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
	position: relative
}

@media(max-width:768px) {
	.games-slider__header {
		margin-bottom: 6px
	}
}

@media(max-width:575px) {
	.games-slider__header {
		flex-wrap: wrap;
		gap: 6px
	}
}

@media(max-width:321px) {
	.games-slider__header {
		padding: 0 7px
	}
}

.games-slider__header.is-livegames .games-slider__pagination,
.games-slider__header.is-livegames .games-slider__title {
	min-width: 25%
}

.games-slider__title {
	align-items: center;
	display: flex;
	letter-spacing: 1px;
	text-transform: uppercase
}

@media(min-width:768px) {
	.games-slider__title {
		font-size: 36px;
		font-weight: 700
	}
}

@media(max-width:767px) {
	.games-slider__title {
		font-weight: 600
	}
}

@media(min-width:576px)and (max-width:767px) {
	.games-slider__title {
		font-size: 24px
	}
}

@media(min-width:425px)and (max-width:575px) {
	.games-slider__title {
		font-size: 16px
	}
}

@media(max-width:424px) {
	.games-slider__title {
		font-size: 14px
	}
}

.games-slider__title--text {
	max-width: 800px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media(max-width:1199px)and (min-width:992px) {
	.games-slider__title--text {
		max-width: 600px
	}
}

@media(max-width:991px)and (min-width:768px) {
	.games-slider__title--text {
		max-width: 470px
	}
}

@media(max-width:767px)and (min-width:576px) {
	.games-slider__title--text {
		max-width: 370px
	}
}

@media(max-width:575px)and (min-width:425px) {
	.games-slider__title--text {
		max-width: 260px
	}
}

@media(max-width:424px) {
	.games-slider__title--text {
		max-width: 170px
	}
}

.games-slider__title--img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%
}

@media(min-width:768px) {
	.games-slider__title--img {
		margin-right: 13px;
		width: 32px
	}
}

@media(min-width:576px)and (max-width:767px) {
	.games-slider__title--img {
		margin-right: 15px;
		width: 25px
	}
}

@media(min-width:425px)and (max-width:575px) {
	.games-slider__title--img {
		margin-right: 6px;
		width: 20px
	}
}

@media(max-width:424px) {
	.games-slider__title--img {
		margin-right: 6px;
		width: 15px
	}
}

 .games-slider__title--tooltip-icon {
	color: #f9dd0e;
	cursor: help;
	display: flex;
	margin-left: 10px
}

@media(max-width:767px) {
	 .games-slider__title--tooltip .tooltip-arrow {
		display: none
	}
}

.games-slider__pagination {
	display: flex
}

.games-slider__pagination--btn {
	background-color: #4c440f;
	border: 1px solid #85770e;
	border-radius: 5px;
	color: #f9dd0e;
	cursor: pointer;
	height: 53px;
	position: relative;
	transition: all .3s ease;
	width: 53px
}

.games-slider__pagination--btn.disabled {
	background-color: #4d4d4b;
	border-color: #888887
}

.games-slider__pagination--btn:hover {
	background-color: #85770e;
	border-color: #f9dd0e;
	box-shadow: 0 0 5px #f9dd0e, 1px 1px 0 #000
}

@media(min-width:993px) {

	.games-slider__pagination--btn.next-btn--mobile,
	.games-slider__pagination--btn.prev-btn--mobile {
		display: none
	}

	.games-slider__pagination--btn.disabled {
		cursor: not-allowed
	}
}

@media(max-width:992px) {
	.games-slider__pagination--btn {
		background-color: transparent !important;
		background-image: url(img/icon-slider__arrow.228f0c4.svg);
		background-position: 50%;
		background-repeat: no-repeat;
		border-color: transparent !important;
		height: 12px;
		position: absolute;
		top: 48%;
		width: 12px
	}

	.games-slider__pagination--btn:hover {
		box-shadow: none
	}

	.games-slider__pagination--btn.prev-btn--mobile {
		left: -3px;
		transform: rotate(180deg)
	}

	.games-slider__pagination--btn.next-btn--mobile {
		right: 0
	}

	.games-slider__pagination--btn.next-btn,
	.games-slider__pagination--btn.prev-btn {
		display: none
	}
}

.games-slider__pagination--btn.prev-btn {
	margin-right: 8px
}

.games-slider__pagination--prev-icon {
	align-items: center;
	display: flex;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) rotate(180deg)
}

.games-slider__pagination--next-icon {
	align-items: center;
	display: flex;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.games-slider__pagination--nav {
	display: flex
}

.games-slider__all-btn {
	align-items: center;
	background-color: #4c440f;
	border: 1px solid #85770e;
	border-radius: 5px;
	color: #f9dd0e;
	display: flex;
	font-weight: 700;
	height: 100%;
	letter-spacing: .05em;
	margin-left: auto;
	position: relative;
	text-transform: lowercase;
	transition: all .3s ease;
	white-space: nowrap
}

.games-slider__all-btn.disabled {
	background-color: #4d4d4b;
	border-color: #888887
}

.games-slider__all-btn:hover {
	background-color: #85770e;
	border-color: #f9dd0e;
	box-shadow: 0 0 5px #f9dd0e, 1px 1px 0 #000
}

@media(max-width:991px) {

	.lang-es .games-slider__all-btn,
	.lang-fr .games-slider__all-btn,
	.lang-pl .games-slider__all-btn,
	.lang-pt .games-slider__all-btn {
		font-size: 10px
	}
}

@media(min-width:768px) {
	.games-slider__all-btn {
		font-size: 16px;
		margin-right: 16px;
		padding: 14px
	}
}

@media(max-width:767px) {
	.games-slider__all-btn {
		font-size: 12px;
		margin-right: 10px
	}
}

@media(min-width:576px)and (max-width:767px) {
	.games-slider__all-btn {
		padding: 9px
	}
}

@media(min-width:425px)and (max-width:575px) {
	.games-slider__all-btn {
		padding: 6px
	}
}

@media(max-width:424px) {
	.games-slider__all-btn {
		font-size: 10px;
		padding: 5px
	}
}

.games-slider__all-btn--counter {
	background-color: #f9dd0e;
	border: 1px solid #12110f;
	border-radius: 3px;
	color: #12110f;
	font-weight: 600;
	letter-spacing: 1px;
	position: absolute;
	text-align: center;
	z-index: 1
}

@media(min-width:769px) {
	.games-slider__all-btn--counter {
		font-size: 12px;
		padding: 3px 6px;
		right: -11px;
		top: -13px
	}
}

@media(max-width:768px) {
	.games-slider__all-btn--counter {
		font-size: 10px;
		padding: 1px 3px;
		right: -8px;
		top: -10px
	}
}

.games-slider__slider {
	position: relative;
	width: 100%
}

@media(max-width:991px) {
	.games-slider__slider {
		padding: 0 16px
	}
}

@media(max-width:768px) {
	.games-slider__slider {
		padding: 0 10px
	}
}

.games-slider__slider--slide {
	display: grid;
	grid-auto-rows: 1fr;
	grid-template-columns: repeat(5, minmax(126px, 1fr));
	padding: 6px;
	grid-gap: 25px
}

@media(max-width:768px) {
	.games-slider__slider--slide {
		padding: 3px 10px;
		grid-gap: 12px;
		justify-items: center
	}
}

.games-slider--livegames {
	z-index: 10
}

.games-slider .decor__left,
.games-slider .decor__right {
	height: auto
}

.games-slider .game-item__image {
	display: inline-block
}

.games-slider .content-placeholder {
	padding-top: 68%
}

.games-slider .is-hidden {
	opacity: 0;
	position: absolute;
	z-index: -1
}

:root {
	--balance-outer: 25px
}

.tooltip-wrapper--centered {
	align-items: center;
	display: flex;
	justify-content: center
}

:root {
	--balance-outer: 25px
}

.seo-block {
	margin: 0 auto;
	max-width: 1132px;
	padding: 25px 16px;
	width: 100%
}

.seo-block.is-mobile .show-all {
	margin: 40px auto 0
}

.seo-block .content-box {
	overflow: hidden;
	position: relative;
	transition: max-height 1s linear
}

.seo-block .content-box:before {
	bottom: 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0
}

.seo-block .content-box.hide {
	max-height: 200px;
	min-height: 60px
}

.seo-block .content-box.hide:before {
	bottom: 0;
	box-shadow: inset 1px -14px 12px -1px rgba(18, 17, 15, .9);
	content: "";
	height: 24px;
	left: 0;
	position: absolute;
	right: 0;
	top: auto
}

.seo-block .content-box .text-header {
	margin-bottom: 44px
}

.seo-block .show-all {
	background-color: transparent;
	border: none;
	border-bottom: 1px dashed #3ee6e0;
	color: #3ee6e0;
	display: block;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2.2px;
	line-height: 1.5;
	margin-left: auto;
	padding: 5px 15px;
	position: relative;
	text-transform: capitalize
}

.seo-block .link {
	text-decoration-line: underline
}

:root {
	--balance-outer: 25px
}

.footer {
	background-color: #1e1d1b;
	color: #d9c89b;
	font-size: 14px;
	line-height: 26px;
	overflow: hidden;
	position: relative
}

@media(min-width:769px) {
	.footer {
		background-image: url(img/footer-bg.f72b8c9.svg);
		background-position: 50%;
		background-repeat: no-repeat
	}
}

@media print {
	.footer {
		display: none
	}
}

.footer__content {
	display: flex;
	position: relative
}

@media(min-width:768px) {

	.footer__content:after,
	.footer__content:before {
		background: #4d4d4b;
		content: "";
		height: 1px;
		left: -50%;
		position: absolute;
		width: 200vw
	}

	.footer__content:before {
		top: 0
	}

	.footer__content:after {
		bottom: 0
	}
}

@media(max-width:767px) {
	.footer__content {
		flex-direction: column
	}
}

.footer__payments {
	align-items: center;
	align-self: center;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 55px;
	justify-content: center;
	margin-bottom: 60px;
	max-width: 1336px;
	width: 100%
}

@media(max-width:767px) {
	.footer__payments {
		margin-bottom: 0
	}
}

@media(max-width:575px) {
	.footer__payments {
		gap: 10px 20px
	}

	.footer__payment-item {
		transform: scale(.7)
	}
}

.footer__payment-logo svg {
	height: 100%;
	width: 100%
}

.footer--wrapper {
	display: flex;
	flex-direction: column;
	position: relative
}

@media(min-width:768px) {
	.footer--wrapper {
		padding-bottom: 33px;
		padding-top: 60px
	}
}

@media(max-width:767px) {
	.footer--wrapper {
		flex-wrap: wrap;
		justify-content: center;
		padding-bottom: 25px;
		padding-top: 25px
	}
}

.footer--aside {
	display: flex;
	flex: 0 0 28%;
	flex-direction: column;
	gap: 30px;
	padding: 47px 123px 56px 0
}

@media(min-width:768px) {
	.footer--aside {
		border-right: 1px solid #4d4d4b
	}
}

@media(max-width:991px) {
	.footer--aside {
		padding-right: 40px
	}
}

@media(max-width:767px) {
	.footer--aside {
		align-items: center;
		display: flex;
		flex: 0 0 auto;
		flex-direction: column;
		padding: 20px 0 28px;
		text-align: center
	}
}

.footer--list {
	display: flex;
	flex-direction: column;
	gap: 20px
}

.footer--center {
	flex: 0 1 auto;
	overflow: hidden;
	padding: 47px 0 56px 120px
}

@media(max-width:991px) {
	.footer--center {
		padding: 47px 0 56px 40px
	}
}

@media(max-width:767px) {
	.footer--center {
		padding: 0
	}
}

.footer--title {
	font-size: 14px;
	line-height: 1.45;
	margin-bottom: 20px;
	padding-bottom: 10px
}

.footer--link,
.footer--title {
	font-weight: 700;
	text-transform: uppercase
}

.footer--link {
	color: #888887;
	font-size: 16px;
	letter-spacing: .8px;
	line-height: 150%
}

.footer--link a {
	color: #888887;
	font-size: 16px;
	letter-spacing: .8px;
	line-height: 150%
}

.footer--link:hover {
	-webkit-text-decoration: underline;
	text-decoration: underline
}

@media(max-width:767px) {
	.footer--partners {
		border-bottom: 1px solid #4d4d4b;
		padding-bottom: 24px
	}
}

.footer--partners__wrapper {
	align-items: center;
	display: flex;
	flex-flow: row wrap;
	gap: 41px;
	justify-content: flex-start
}

@media(max-width:991px) {
	.footer--partners__wrapper {
		gap: 35px
	}
}

@media(max-width:767px) {
	.footer--partners__wrapper {
		gap: 13px;
		justify-content: space-around
	}
}

.footer--partners__wrapper.secure-link {
	justify-content: center
}

.footer--partners__link {
	cursor: pointer
}

.footer--partners__icon {
	display: block
}

.footer--license {
	color: #4d4d4b;
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	margin: 0 auto;
	max-width: 85%;
	padding: 32px 0 40px;
	text-align: center
}

@media(max-width:767px) {
	.footer--license {
		color: #888887;
		font-size: 10px;
		letter-spacing: .5px;
		line-height: 20px;
		max-width: 100%;
		padding: 24px 0 22px
	}
}

:root {
	--balance-outer: 25px
}

.locale-switcher__locales-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 20px;
	width: 100%
}

.locale-switcher__locale-item {
	align-items: center;
	background-color: #1e1b0f;
	border-radius: 5px;
	color: #85770e;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	height: 53px;
	justify-content: center;
	text-transform: uppercase;
	width: 53px
}

.locale-switcher__locale-item--active {
	background-color: #162624;
	border: 1px solid #0a4e4b;
	color: #3ee6e0
}

.locale-switcher__dropdown-wrapper {
	position: relative;
	width: 65px
}

.dropdown-decor {
	min-width: 65px
}

.dropdown-decor__title {
	width: 100%
}

.dropdown-decor__title:before {
	display: none
}

.dropdown-decor__list,
.dropdown-decor__text {
	text-transform: uppercase
}

.dropdown-decor__list {
	top: 55px;
	width: 100%
}

.dropdown-decor:not(:last-child) {
	margin-right: 0
}

:root {
	--balance-outer: 25px
}

.user-menu__balance-container {
	display: flex;
	justify-content: center;
	position: relative
}

.user-menu__balance-content {
	display: flex;
	gap: 10px;
	white-space: nowrap
}

.user-menu__balance.form-button {
	margin: 0 7px;
	padding: 12px 13px
}

.user-menu__balance.form-button.small {
	padding: 6px 20px
}

.user-menu__dropdown-open {
	align-items: center;
	display: flex;
	justify-content: center
}

.user-menu__dropdown-open .user-menu__dropdown-checkbox {
	display: none
}

.user-menu__dropdown-open .user-menu__dropdown-icon {
	align-items: center;
	cursor: pointer;
	display: flex;
	justify-content: center;
	max-width: 18px;
	position: relative;
	transform: rotate(0deg);
	transition: transform .3s ease;
	z-index: 10
}

.user-menu__dropdown-open .user-menu__dropdown-icon i {
	display: flex
}

.user-menu__dropdown-open .user-menu__dropdown-checkbox:checked+.user-menu__dropdown-icon {
	transform: rotate(180deg)
}

.user-menu__currency-list {
	background-color: rgba(18, 17, 15, .95);
	border: 1px solid #f9dd0e;
	border-radius: 5px;
	left: 0;
	position: absolute;
	top: 60px;
	width: 100%;
	z-index: 999
}

@media(max-width:576px) {
	.user-menu__currency-list {
		top: 55px
	}
}

.user-menu__notification-icon {
	position: absolute;
	top: -5px
}

.user-menu__user-name {
	background-color: #12110f;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
	padding: 4px 20px;
	position: absolute;
	text-transform: none;
	top: -11px;
	white-space: nowrap;
	z-index: 10
}

.user-menu__user-name .decor__left:after,
.user-menu__user-name .decor__left:before,
.user-menu__user-name .decor__right:after,
.user-menu__user-name .decor__right:before {
	background-color: #f9dd0e
}

.currency-list {
	display: flex;
	flex-direction: column
}

.currency-list__link {
	cursor: pointer;
	padding: 16px;
	position: relative
}

.currency-list__link:not(.currency-list__link:last-child):after {
	background: #4c440f;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%
}

.currency-list__balance-name,
.currency-list__balance-value {
	letter-spacing: 0
}

.currency-list__balance-name {
	color: #fff;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px
}

.currency-list__balance-value {
	color: #f9dd0e;
	font-family: Jura, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 36px;
	white-space: nowrap
}


:root {
	--balance-outer: 25px
}

.preloader {
	align-items: center;
	bottom: 0;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	right: 0;
	top: 0;
	width: 100%
}

.preloader__button .preloader__item {
	height: calc(100% - 10px)
}

.preloader__full-screen {
	z-index: 1002
}

.preloader-anim-leave-active {
	transition: opacity 1.5s
}

.preloader-anim-leave-to {
	opacity: 0
}

.preloader[fullscreen] {
	position: fixed
}

.preloader:not([fullscreen]) {
	position: absolute
}

.preloader:not(.preloader__button) {
	background-color: #12110f;
	z-index: 1001
}

@keyframes ellipse-animation-1 {
	0% {
		transform: translate(32px, 32px) rotate(0)
	}

	to {
		transform: translate(32px, 32px) rotate(-93deg)
	}
}

@keyframes ellipse-animation-2 {
	0% {
		transform: translate(32px, 32px) rotate(0)
	}

	to {
		transform: translate(32px, 32px) rotate(45deg)
	}
}

@keyframes ellipse-animation-3 {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

:root {
	--balance-outer: 25px
}

.games-sidebar {
	align-items: center;
	background-color: #162624;
	bottom: 0;
	display: flex;
	flex-direction: column;
	grid-row: 13;
	height: 1px;
	left: 0;
	position: fixed;
	right: 0;
	transition: height .1s;
	width: 100%;
	z-index: 20001
}

@media(min-width:1200px) {
	.games-sidebar {
		grid-column: 1/8
	}
}

@media(min-width:992px)and (max-width:1199px) {
	.games-sidebar {
		grid-column: 1/7;
		grid-row: 15
	}
}

@media(min-width:769px)and (max-width:991px) {
	.games-sidebar {
		grid-column: 1/6;
		grid-row: 18
	}
}

@media(min-width:576px)and (max-width:768px) {
	.games-sidebar {
		grid-column: 1/4;
		grid-row: 19
	}
}

@media(max-width:575px) {
	.games-sidebar {
		grid-column: 1/3;
		grid-row: 25
	}
}

.games-sidebar__nav {
	align-items: center;
	border-bottom: 36px solid #3ee6e0;
	border-left: 26px solid transparent;
	border-right: 26px solid transparent;
	display: flex;
	height: 0;
	left: 70px;
	position: absolute;
	top: -36px;
	width: -moz-fit-content;
	width: fit-content
}

@media(max-width:425px) {
	.games-sidebar__nav {
		left: 46px
	}
}

.games-sidebar__nav:before {
	background: #3ee6e0;
	content: "";
	display: block;
	height: 1px;
	left: -100%;
	position: absolute;
	top: 35px;
	width: 100%
}

.games-sidebar__nav:after {
	align-items: center;
	border-bottom: 35px solid #162624;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	content: "";
	display: flex;
	height: 0;
	left: -24px;
	position: absolute;
	top: 1px;
	width: calc(100% + 46px)
}

.games-sidebar__nav--dots {
	left: calc(100% + 100px);
	position: absolute;
	top: 1px
}

.games-sidebar__nav--btn {
	align-items: center;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 16px;
	font-weight: 700;
	left: 0;
	letter-spacing: .05em;
	line-height: 24px;
	max-width: 100%;
	padding: 10px 20px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	top: 20px;
	z-index: 10
}

.games-sidebar__nav--btn.is-active {
	color: #3ee6e0
}

.games-sidebar__nav--btn:not(.games-sidebar__nav--btn:last-of-type):after {
	background: rgba(62, 230, 224, .34);
	content: "";
	display: block;
	height: calc(100% - 24px);
	position: absolute;
	right: 0;
	top: 12px;
	width: 1px
}

.games-sidebar__nav--toggle-btn-wrapper {
	background: #3ee6e0;
	height: 36px;
	left: calc(100% + 12px);
	position: absolute;
	top: 0;
	transform: skew(36deg);
	width: 64px
}

.games-sidebar__nav--toggle-btn-wrapper:after {
	background: #3ee6e0;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 100%;
	position: absolute;
	width: 100vw
}

.games-sidebar__nav--toggle-btn {
	background: #162624;
	border: 2px solid #162624;
	height: calc(100% - 2px);
	left: -1px;
	top: 1px;
	width: calc(100% - 1px)
}

.games-sidebar__nav--toggle-btn-arrow {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	transform: skew(-36deg)
}

.games-sidebar__nav--toggle-btn-arrow:before {
	border-right: 2px solid #3ee6e0;
	border-top: 2px solid #3ee6e0;
	content: "";
	display: inline-block;
	height: 10px;
	position: relative;
	right: -4px;
	top: -3px;
	transform: rotate(135deg);
	width: 10px
}

.games-sidebar__nav--icon {
	max-height: 16px;
	max-width: 18px
}

.games-sidebar__list {
	display: block;
	height: 100%;
	padding: 10px 30px;
	position: relative;
	width: 100%
}

.games-sidebar__list--slider {
	flex-grow: 1;
	height: 100%;
	position: relative
}

@media(min-width:768px) {
	.games-sidebar__list--slider {
		padding: 10px 0
	}
}

@media(min-width:576px)and (max-width:767px) {
	.games-sidebar__list--slider {
		padding: 10px 0
	}
}

@media(max-width:575px) {
	.games-sidebar__list--slider {
		padding: 5px 0
	}
}

.games-sidebar__list--slider .swiper-wrapper {
	align-items: center
}

.games-sidebar__list--slider .game__hover {
	border-radius: 5px
}

.games-sidebar__list--slider img {
	-o-object-fit: contain;
	object-fit: contain
}

.games-sidebar.is-open {
	height: auto
}

.games-sidebar.is-open .games-sidebar__nav--toggle-btn {
	background: #3ee6e0
}

.games-sidebar.is-open .games-sidebar__nav--toggle-btn-arrow:before {
	border-color: #162624;
	top: 2px;
	transform: rotate(315deg)
}

.games-sidebar .swiper-container {
	overflow: hidden
}

.resize-observer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border: none;
	background-color: transparent;
	pointer-events: none;
	display: block;
	overflow: hidden;
	opacity: 0
}

.resize-observer object {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: -1
}

.vc-popover-content-wrapper {
	--popover-horizontal-content-offset: 8px;
	--popover-vertical-content-offset: 10px;
	--popover-slide-translation: 15px;
	--popover-transition-time: 0.14s ease-in-out;
	--popover-caret-horizontal-offset: 18px;
	--popover-caret-vertical-offset: 8px;
	position: absolute;
	display: block;
	outline: none;
	z-index: 10
}

.vc-popover-content-wrapper:not(.is-interactive) {
	pointer-events: none
}

.vc-popover-content {
	position: relative;
	outline: none;
	z-index: 10;
	box-shadow: var(--shadow-lg)
}

.vc-popover-content.direction-bottom {
	margin-top: var(--popover-vertical-content-offset)
}

.vc-popover-content.direction-top {
	margin-bottom: var(--popover-vertical-content-offset)
}

.vc-popover-content.direction-left {
	margin-right: var(--popover-horizontal-content-offset)
}

.vc-popover-content.direction-right {
	margin-left: var(--popover-horizontal-content-offset)
}

.vc-popover-caret {
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	border-top: inherit;
	border-left: inherit;
	background-color: inherit;
	-webkit-user-select: none;
	user-select: none;
	z-index: -1
}

.vc-popover-caret.direction-bottom {
	top: 0
}

.vc-popover-caret.direction-bottom.align-left {
	transform: translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-bottom.align-center {
	transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-bottom.align-right {
	transform: translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-top {
	top: 100%
}

.vc-popover-caret.direction-top.align-left {
	transform: translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-top.align-center {
	transform: translateX(-50%) translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-top.align-right {
	transform: translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-left {
	left: 100%
}

.vc-popover-caret.direction-left.align-top {
	transform: translateX(-50%) rotate(135deg)
}

.vc-popover-caret.direction-left.align-middle {
	transform: translateY(-50%) translateX(-50%) rotate(135deg)
}

.vc-popover-caret.direction-left.align-bottom {
	transform: translateX(-50%) rotate(135deg)
}

.vc-popover-caret.direction-right {
	left: 0
}

.vc-popover-caret.direction-right.align-top {
	transform: translateX(-50%) rotate(-45deg)
}

.vc-popover-caret.direction-right.align-middle {
	transform: translateY(-50%) translateX(-50%) rotate(-45deg)
}

.vc-popover-caret.direction-right.align-bottom {
	transform: translateX(-50%) rotate(-45deg)
}

.vc-popover-caret.align-left {
	left: var(--popover-caret-horizontal-offset)
}

.vc-popover-caret.align-center {
	left: 50%
}

.vc-popover-caret.align-right {
	right: var(--popover-caret-horizontal-offset)
}

.vc-popover-caret.align-top {
	top: var(--popover-caret-vertical-offset)
}

.vc-popover-caret.align-middle {
	top: 50%
}

.vc-popover-caret.align-bottom {
	bottom: var(--popover-caret-vertical-offset)
}

.fade-enter-active,
.fade-leave-active,
.slide-fade-enter-active,
.slide-fade-leave-active {
	transition: all var(--popover-transition-time);
	pointer-events: none
}

.fade-enter,
.fade-leave-to,
.slide-fade-enter,
.slide-fade-leave-to {
	opacity: 0
}

.slide-fade-enter.direction-bottom,
.slide-fade-leave-to.direction-bottom {
	transform: translateY(calc(var(--popover-slide-translation)*-1))
}

.slide-fade-enter.direction-top,
.slide-fade-leave-to.direction-top {
	transform: translateY(var(--popover-slide-translation))
}

.slide-fade-enter.direction-left,
.slide-fade-leave-to.direction-left {
	transform: translateX(var(--popover-slide-translation))
}

.slide-fade-enter.direction-right,
.slide-fade-leave-to.direction-right {
	transform: translateX(calc(var(--popover-slide-translation)*-1))
}

.vc-day-popover-row {
	--day-content-transition-time: 0.13s ease-in;
	display: flex;
	align-items: center;
	transition: all var(--day-content-transition-time)
}

.vc-day-popover-row:not(:first-child) {
	margin-top: 3px
}

.vc-day-popover-row-indicator {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 0;
	width: 15px;
	margin-right: 3px
}

.vc-day-popover-row-indicator span {
	transition: all var(--day-content-transition-time)
}

.vc-day-popover-row-content {
	display: flex;
	align-items: center;
	flex-wrap: none;
	flex-grow: 1;
	width: max-content
}

.vc-container {
	--white: #fff;
	--black: #000;
	--gray-100: #f7fafc;
	--gray-200: #edf2f7;
	--gray-300: #e2e8f0;
	--gray-400: #cbd5e0;
	--gray-500: #a0aec0;
	--gray-600: #718096;
	--gray-700: #4a5568;
	--gray-800: #2d3748;
	--gray-900: #1a202c;
	--red-100: #fff5f5;
	--red-200: #fed7d7;
	--red-300: #feb2b2;
	--red-400: #fc8181;
	--red-500: #f56565;
	--red-600: #e53e3e;
	--red-700: #c53030;
	--red-800: #9b2c2c;
	--red-900: #742a2a;
	--orange-100: #fffaf0;
	--orange-200: #feebc8;
	--orange-300: #fbd38d;
	--orange-400: #f6ad55;
	--orange-500: #ed8936;
	--orange-600: #dd6b20;
	--orange-700: #c05621;
	--orange-800: #9c4221;
	--orange-900: #7b341e;
	--yellow-100: ivory;
	--yellow-200: #fefcbf;
	--yellow-300: #faf089;
	--yellow-400: #f6e05e;
	--yellow-500: #ecc94b;
	--yellow-600: #d69e2e;
	--yellow-700: #b7791f;
	--yellow-800: #975a16;
	--yellow-900: #744210;
	--green-100: #f0fff4;
	--green-200: #c6f6d5;
	--green-300: #9ae6b4;
	--green-400: #68d391;
	--green-500: #48bb78;
	--green-600: #38a169;
	--green-700: #2f855a;
	--green-800: #276749;
	--green-900: #22543d;
	--teal-100: #e6fffa;
	--teal-200: #b2f5ea;
	--teal-300: #81e6d9;
	--teal-400: #4fd1c5;
	--teal-500: #38b2ac;
	--teal-600: #319795;
	--teal-700: #2c7a7b;
	--teal-800: #285e61;
	--teal-900: #234e52;
	--blue-100: #ebf8ff;
	--blue-200: #bee3f8;
	--blue-300: #90cdf4;
	--blue-400: #63b3ed;
	--blue-500: #4299e1;
	--blue-600: #3182ce;
	--blue-700: #2b6cb0;
	--blue-800: #2c5282;
	--blue-900: #2a4365;
	--indigo-100: #ebf4ff;
	--indigo-200: #c3dafe;
	--indigo-300: #a3bffa;
	--indigo-400: #7f9cf5;
	--indigo-500: #667eea;
	--indigo-600: #5a67d8;
	--indigo-700: #4c51bf;
	--indigo-800: #434190;
	--indigo-900: #3c366b;
	--purple-100: #faf5ff;
	--purple-200: #e9d8fd;
	--purple-300: #d6bcfa;
	--purple-400: #b794f4;
	--purple-500: #9f7aea;
	--purple-600: #805ad5;
	--purple-700: #6b46c1;
	--purple-800: #553c9a;
	--purple-900: #44337a;
	--pink-100: #fff5f7;
	--pink-200: #fed7e2;
	--pink-300: #fbb6ce;
	--pink-400: #f687b3;
	--pink-500: #ed64a6;
	--pink-600: #d53f8c;
	--pink-700: #b83280;
	--pink-800: #97266d;
	--pink-900: #702459
}

.vc-container.vc-red {
	--accent-100: var(--red-100);
	--accent-200: var(--red-200);
	--accent-300: var(--red-300);
	--accent-400: var(--red-400);
	--accent-500: var(--red-500);
	--accent-600: var(--red-600);
	--accent-700: var(--red-700);
	--accent-800: var(--red-800);
	--accent-900: var(--red-900)
}

.vc-container.vc-orange {
	--accent-100: var(--orange-100);
	--accent-200: var(--orange-200);
	--accent-300: var(--orange-300);
	--accent-400: var(--orange-400);
	--accent-500: var(--orange-500);
	--accent-600: var(--orange-600);
	--accent-700: var(--orange-700);
	--accent-800: var(--orange-800);
	--accent-900: var(--orange-900)
}

.vc-container.vc-yellow {
	--accent-100: var(--yellow-100);
	--accent-200: var(--yellow-200);
	--accent-300: var(--yellow-300);
	--accent-400: var(--yellow-400);
	--accent-500: var(--yellow-500);
	--accent-600: var(--yellow-600);
	--accent-700: var(--yellow-700);
	--accent-800: var(--yellow-800);
	--accent-900: var(--yellow-900)
}

.vc-container.vc-green {
	--accent-100: var(--green-100);
	--accent-200: var(--green-200);
	--accent-300: var(--green-300);
	--accent-400: var(--green-400);
	--accent-500: var(--green-500);
	--accent-600: var(--green-600);
	--accent-700: var(--green-700);
	--accent-800: var(--green-800);
	--accent-900: var(--green-900)
}

.vc-container.vc-teal {
	--accent-100: var(--teal-100);
	--accent-200: var(--teal-200);
	--accent-300: var(--teal-300);
	--accent-400: var(--teal-400);
	--accent-500: var(--teal-500);
	--accent-600: var(--teal-600);
	--accent-700: var(--teal-700);
	--accent-800: var(--teal-800);
	--accent-900: var(--teal-900)
}

.vc-container.vc-blue {
	--accent-100: var(--blue-100);
	--accent-200: var(--blue-200);
	--accent-300: var(--blue-300);
	--accent-400: var(--blue-400);
	--accent-500: var(--blue-500);
	--accent-600: var(--blue-600);
	--accent-700: var(--blue-700);
	--accent-800: var(--blue-800);
	--accent-900: var(--blue-900)
}

.vc-container.vc-indigo {
	--accent-100: var(--indigo-100);
	--accent-200: var(--indigo-200);
	--accent-300: var(--indigo-300);
	--accent-400: var(--indigo-400);
	--accent-500: var(--indigo-500);
	--accent-600: var(--indigo-600);
	--accent-700: var(--indigo-700);
	--accent-800: var(--indigo-800);
	--accent-900: var(--indigo-900)
}

.vc-container.vc-purple {
	--accent-100: var(--purple-100);
	--accent-200: var(--purple-200);
	--accent-300: var(--purple-300);
	--accent-400: var(--purple-400);
	--accent-500: var(--purple-500);
	--accent-600: var(--purple-600);
	--accent-700: var(--purple-700);
	--accent-800: var(--purple-800);
	--accent-900: var(--purple-900)
}

.vc-container.vc-pink {
	--accent-100: var(--pink-100);
	--accent-200: var(--pink-200);
	--accent-300: var(--pink-300);
	--accent-400: var(--pink-400);
	--accent-500: var(--pink-500);
	--accent-600: var(--pink-600);
	--accent-700: var(--pink-700);
	--accent-800: var(--pink-800);
	--accent-900: var(--pink-900)
}

.vc-container {
	--font-normal: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--font-bold: 700;
	--text-xs: 12px;
	--text-sm: 14px;
	--text-base: 16px;
	--text-lg: 18px;
	--leading-snug: 1.375;
	--rounded: 0.25rem;
	--rounded-lg: 0.5rem;
	--rounded-full: 9999px;
	--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
	--slide-translate: 22px;
	--slide-duration: 0.15s;
	--slide-timing: ease;
	--day-content-transition-time: 0.13s ease-in;
	--weeknumber-offset: -34px;
	position: relative;
	display: inline-flex;
	width: max-content;
	height: max-content;
	font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
	color: var(--gray-900);
	background-color: var(--white);
	border: 1px solid;
	border-color: var(--gray-400);
	border-radius: var(--rounded-lg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent
}

.vc-container,
.vc-container * {
	box-sizing: border-box
}

.vc-container:focus,
.vc-container :focus {
	outline: none
}

.vc-container [role=button],
.vc-container button {
	cursor: pointer
}

.vc-container.vc-is-expanded {
	min-width: 100%
}

.vc-container .vc-container {
	border: none
}

.vc-container.vc-is-dark {
	color: var(--gray-100);
	background-color: var(--gray-900);
	border-color: var(--gray-700)
}

:root {
	--balance-outer: 25px
}

.all-regular-games__main {
	border: 1px solid #1d4643;
	height: 100%;
	margin: 50px auto 0;
	max-width: 1344px;
	position: relative;
	z-index: 1
}

@media(min-width:768px) {
	.all-regular-games__main {
		padding: 32px
	}
}

@media(max-width:767px) {
	.all-regular-games__main {
		padding: 12px
	}
}

.all-regular-games__main--wrapper {
	overflow: hidden
}

.all-regular-games__header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 25px
}

@media(min-width:1200px) {
	.all-regular-games__header {
		gap: 0 40px
	}
}

@media(max-width:1199px) {
	.all-regular-games__header {
		gap: 0 20px
	}
}

@media(min-width:992px) {
	.all-regular-games__header {
		flex-wrap: nowrap;
		max-height: 48px
	}
}

@media(max-width:767px) {
	.all-regular-games__header {
		font-size: 28px;
		gap: 10px;
		margin-bottom: 15px
	}
}

@media(min-width:768px)and (max-width:991px) {
	.all-regular-games__header {
		font-size: 32px
	}
}

:root {
	--balance-outer: 25px
}

.breadcrumbs {
	color: #fff;
	display: flex;
	justify-content: center;
	padding: 0 0 5px;
	position: relative;
	width: 100%
}

@media print {
	.breadcrumbs {
		display: none
	}
}

.breadcrumbs__list {
	align-items: center;
	display: flex;
	list-style-type: none;
	padding: 15px 30px 20px;
	position: relative
}

@media(max-width:767px) {
	.breadcrumbs__list {
		overflow: scroll;
		white-space: nowrap
	}
}

.breadcrumbs__list:after,
.breadcrumbs__list:before {
	content: "";
	position: absolute
}

.breadcrumbs__list--item {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 24px;
	padding: 0 10px;
	position: relative;
	text-align: left;
	text-transform: uppercase
}

.breadcrumbs__list--item:after {
	border-right: 2px solid #f9dd0e;
	border-top: 2px solid #f9dd0e;
	bottom: 0;
	content: "";
	height: 8px;
	margin: auto;
	position: absolute;
	right: -1px;
	top: 0;
	transform: rotate(45deg);
	width: 8px
}

.breadcrumbs__list--item:last-child:after {
	content: none
}

.breadcrumbs__list--current {
	color: #888887
}

.breadcrumbs__list--link {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	position: relative;
	-webkit-text-decoration: none;
	text-decoration: none;
	transition: color .2s
}

:root {
	--balance-outer: 25px
}

.header .user-menu__link {
	-webkit-text-decoration: none;
	text-decoration: none
}

@media(max-width:576px) {
	.header .user-menu__link {
		margin-left: auto;
		order: -1;
		z-index: 1
	}
}

.header .user-menu__logout {
	background-color: #4c440f;
	border: 1px solid #85770e;
	border-radius: 5px;
	height: 50px;
	padding: 8px 10px;
	width: 50px
}

.header .user-menu__logout:hover {
	background-color: #85770e;
	border: 1px solid #4c440f
}

.header .user-menu__balance {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative
}

@media(max-width:991px) {
	.header .user-menu__player-level {
		order: -1
	}
}

.header .user-menu__button.open-cash-button.form-button {
	margin: 0 7px;
	padding: 12px 13px
}

.header .user-menu__container {
	display: flex;
	transition: .4s
}

@media(max-width:575px) {
	.header .user-menu__container {
		align-items: center;
		justify-content: space-between;
		order: 1;
		padding-top: 0;
		position: relative;
		width: 100%
	}

	.header .user-menu__container:before {
		bottom: 0;
		content: "";
		left: -4%;
		position: absolute;
		right: -4%;
		top: 0;
		z-index: -1
	}
}

.header .user-menu__notify {
	align-items: center;
	background-color: #4c440f;
	border: 1px solid #85770e;
	border-radius: 5px;
	display: flex;
	height: 53px;
	justify-content: center;
	margin: 0 5px;
	text-align: center;
	-webkit-text-decoration: none;
	text-decoration: none;
	width: 53px
}

@media(max-width:767px) {
	.header .user-menu__notify {
		height: 32px;
		width: 32px
	}

	.header .user-menu__notify .user-menu__bonus-icon,
	.header .user-menu__notify .user-menu__messages-icon {
		height: 22px;
		width: 22px
	}

	.header .user-menu__notify .user-menu__bonus-icon svg,
	.header .user-menu__notify .user-menu__messages-icon svg {
		height: 22px;
		width: 22px
	}
}

.header .user-menu__notify:hover {
	background-color: #85770e;
	border: 1px solid #f9dd0e;
	box-shadow: 0 0 20px #f9dd0e;
	cursor: pointer
}

.header .user-menu__notify .user-menu__bonus-icon,
.header .user-menu__notify .user-menu__messages-icon {
	height: 32px;
	width: 32px
}

.header .user-menu__notify .user-menu__bonus-icon svg,
.header .user-menu__notify .user-menu__messages-icon svg {
	height: 32px;
	width: 32px
}

.header .user-menu__notify p {
	margin-top: 5px
}

.header .user-menu__notify .state {
	transition: opacity .3s ease
}

.header .user-menu__notify .state .line_1 {
	animation: messagesPulse 1.5s infinite;
	animation-delay: 1.2s
}

.header .user-menu__notify .state .line_2 {
	animation: messagesPulse 1.5s infinite;
	animation-delay: 2s
}

.header .user-menu__notify .state .line_3 {
	animation: messagesPulse 1.5s infinite;
	animation-delay: 1.9s
}

.header .user-menu__notify .state .line_4 {
	animation: messagesPulse 1.5s infinite;
	animation-delay: .1s
}

.header .user-menu__notify .state .line_5 {
	animation: messagesPulse 1.5s infinite;
	animation-delay: 1.4s
}

.header .user-menu__notify .state .line_6 {
	animation: messagesPulse 1.5s infinite;
	animation-delay: 1.8s
}

.header .user-menu__notify .state .line_7 {
	animation: messagesPulse 1.5s infinite;
	animation-delay: .2s
}

.header .user-menu__notify .state .line_8 {
	animation: messagesPulse 1.5s infinite;
	animation-delay: .4s
}

.header .user-menu__bonus-icon path {
	fill: #3ee6e0
}

.header .user-menu__messages-icon path {
	fill: #e33ee6
}

.header .user-menu__info-count {
	border: 1px solid #12110f;
	border-radius: 3px;
	color: #12110f;
	display: block;
	padding: 3px 6px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: -12px
}

@media(max-width:767px) {
	.header .user-menu__info-count {
		padding: 0 4px;
		right: -8px;
		top: -9px
	}
}

.header .user-menu__info-count--turquoise {
	background-color: #3ee6e0
}

.header .user-menu__info-count--lavender {
	background-color: #e33ee6
}

.header .user-menu__cash {
	align-items: center;
	display: flex;
	flex-direction: column
}

@media(max-width:767px) {
	.header .user-menu__cash {
		flex-direction: row;
		margin-bottom: 10px;
		order: -1
	}
}

.header .user-menu__cash_mob {
	flex-basis: 100%;
	flex-wrap: wrap;
	order: 0
}

.header .user-menu__item--wrapper {
	display: flex;
	gap: 8px;
	justify-content: flex-end
}

@media(max-width:576px) {
	.header .user-menu__item--wrapper {
		order: 1
	}
}

@media(max-width:768px) {
	.header .user-menu__item--logout {
		display: none
	}
}

:root {
	--balance-outer: 25px
}

.player-level {
	background: #1e1b0f;
	display: block;
	position: relative
}

.player-level:after,
.player-level:before {
	background: url(img/player-level-badge-border.a4754ed.svg) no-repeat 0 0/100% auto;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.player-level:after {
	transform: rotate(180deg)
}

.player-level__content,
.player-level__image {
	align-items: center;
	display: flex;
	justify-content: center
}

.player-level__image {
	height: 25px;
	margin-top: 2px;
	width: 25px
}

@media(max-width:767px) {
	.player-level__image {
		height: 17px;
		width: 17px
	}
}

.player-level__content {
	gap: 4px;
	padding: 7px 12px
}

@media(max-width:767px) {
	.player-level__content {
		padding: 2px 7px
	}
}

.player-level__text {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap
}

@media(max-width:767px) {
	.player-level__text {
		font-size: 14px
	}
}

.player-level__text--highlighted {
	color: #f9dd0e
}

.player-level__progress {
	height: 4px;
	margin: 0 3px 3px;
	position: relative
}

.player-level__progress--available,
.player-level__progress--current {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0
}

.player-level__progress--available {
	background: rgba(249, 221, 14, .2);
	width: 100%
}

.player-level__progress--current {
	background: #f9dd0e;
	transition: width .3s
}

:root {
	--balance-outer: 25px
}

.crawler-game-item__title {
	border-bottom: 1px solid transparent;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	margin-top: 10px;
	vertical-align: middle
}

.crawler-game-item__demo {
	color: #f9b242;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 11px;
	position: relative;
	text-transform: uppercase;
	white-space: nowrap;
	z-index: 1
}

.crawler-game-item .game-item__hover {
	opacity: 1
}

.crawler-game-item .game-item__hover:after,
.crawler-game-item .game-item__hover:before {
	height: 100%;
	width: 100%
}

:root {
	--balance-outer: 25px
}

.game-item {
	max-height: 156px;
	max-width: 236px
}

.game-item,
.game-item__content {
	border-radius: 10px;
	height: 100%;
	position: relative;
	width: 100%
}

.game-item__content {
	overflow: hidden
}

.game-item__image {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.game-item__hover {
	align-items: center;
	background-color: rgba(0, 0, 0, .8);
	bottom: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s ease-in-out;
	width: 100%;
	z-index: 15
}

.game-item__hover:after,
.game-item__hover:before {
	border: 1px solid transparent;
	border-radius: 10px;
	content: "";
	height: 100%;
	position: absolute;
	width: 100%
}

.game-item__hover:after {
	right: 0;
	top: 0
}

.game-item__hover:before {
	bottom: 0;
	left: 0
}

.game-item__hover--bottom {
	align-items: center;
	display: flex;
	justify-content: space-between;
	left: 0;
	padding: 0 10px;
	position: absolute;
	width: 100%
}

@media(min-width:576px) {
	.game-item__hover--bottom {
		bottom: 4px
	}
}

@media(min-width:425px)and (max-width:575px) {
	.game-item__hover--bottom {
		bottom: 10px
	}
}

@media(max-width:424px) {
	.game-item__hover--bottom {
		bottom: 4px
	}
}

.game-item__hover:not(.is-active) a {
	pointer-events: none
}

.game-item__ribbon {
	transition: opacity .3s ease-in-out
}

.game-item__ribbon.custom--0 {
	background: #461c45;
	border: 1px solid #7a277a;
	left: -3px;
	max-width: 66px;
	position: absolute;
	top: -3px;
	width: 100%;
	z-index: 1
}

@media(min-width:768px) {
	.game-item__ribbon.custom--0 {
		left: -6px;
		max-width: 144px;
		top: -6px
	}
}

.game-item__ribbon.custom--0:after,
.game-item__ribbon.custom--0:before {
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: calc(100% + 1px)
}

@media(min-width:768px) {

	.game-item__ribbon.custom--0:after,
	.game-item__ribbon.custom--0:before {
		height: 6px
	}
}

.game-item__ribbon.custom--0:before {
	background: #461c45;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
	width: 3px
}

@media(min-width:768px) {
	.game-item__ribbon.custom--0:before {
		width: 6px
	}
}

.game-item__ribbon.custom--0:after {
	background: linear-gradient(rgba(18, 16, 14, .5), rgba(18, 16, 14, 0));
	clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
	width: 100%
}

.game-item__ribbon.custom--0 .ribbon-text {
	color: #e33ee6;
	font-size: 8px;
	font-weight: 700;
	position: relative;
	text-align: center;
	text-transform: uppercase
}

@media(min-width:768px) {
	.game-item__ribbon.custom--0 .ribbon-text {
		font-size: 16px;
		padding: 3px 0
	}
}

.game-item__ribbon.custom--1 {
	background: #1d4643;
	border: 1px solid #287b77;
	left: -3px;
	max-width: 66px;
	position: absolute;
	top: -3px;
	width: 100%;
	z-index: 1
}

@media(min-width:768px) {
	.game-item__ribbon.custom--1 {
		left: -6px;
		max-width: 144px;
		top: -6px
	}
}

.game-item__ribbon.custom--1:after,
.game-item__ribbon.custom--1:before {
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: calc(100% + 1px)
}

@media(min-width:768px) {

	.game-item__ribbon.custom--1:after,
	.game-item__ribbon.custom--1:before {
		height: 6px
	}
}

.game-item__ribbon.custom--1:before {
	background: #1d4643;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
	width: 3px
}

@media(min-width:768px) {
	.game-item__ribbon.custom--1:before {
		width: 6px
	}
}

.game-item__ribbon.custom--1:after {
	background: linear-gradient(rgba(18, 16, 14, .5), rgba(18, 16, 14, 0));
	clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
	width: 100%
}

.game-item__ribbon.custom--1 .ribbon-text {
	color: #3ee6e0;
	font-size: 8px;
	font-weight: 700;
	position: relative;
	text-align: center;
	text-transform: uppercase
}

@media(min-width:768px) {
	.game-item__ribbon.custom--1 .ribbon-text {
		font-size: 16px;
		padding: 3px 0
	}
}

.game-item__ribbon.custom--2 {
	background: #4c440f;
	border: 1px solid #85770e;
	left: -3px;
	max-width: 66px;
	position: absolute;
	top: -3px;
	width: 100%;
	z-index: 1
}

@media(min-width:768px) {
	.game-item__ribbon.custom--2 {
		left: -6px;
		max-width: 144px;
		top: -6px
	}
}

.game-item__ribbon.custom--2:after,
.game-item__ribbon.custom--2:before {
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: calc(100% + 1px)
}

@media(min-width:768px) {

	.game-item__ribbon.custom--2:after,
	.game-item__ribbon.custom--2:before {
		height: 6px
	}
}

.game-item__ribbon.custom--2:before {
	background: #4c440f;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
	width: 3px
}

@media(min-width:768px) {
	.game-item__ribbon.custom--2:before {
		width: 6px
	}
}

.game-item__ribbon.custom--2:after {
	background: linear-gradient(rgba(18, 16, 14, .5), rgba(18, 16, 14, 0));
	clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
	width: 100%
}

.game-item__ribbon.custom--2 .ribbon-text {
	color: #f9dd0e;
	font-size: 8px;
	font-weight: 700;
	position: relative;
	text-align: center;
	text-transform: uppercase
}

@media(min-width:768px) {
	.game-item__ribbon.custom--2 .ribbon-text {
		font-size: 16px;
		padding: 3px 0
	}
}

.game-item__ribbon:before {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 100%;
	left: -6px;
	max-height: 80px;
	max-width: 80px;
	position: absolute;
	top: -6px;
	width: 100%;
	z-index: 15
}

@media(max-width:767px) {
	.game-item__ribbon:before {
		left: -3px;
		max-height: 42px;
		max-width: 42px;
		top: -3px
	}
}

.game-item__ribbon.free:before {
	background-image: url(img/icon-game__fs.9068a49.svg)
}

.game-item__ribbon.exclusive:before {
	background-image: url(img/icon-game__exclusive.7e893bc.svg)
}

.game-item__ribbon.new:before {
	background-image: url(img/icon-game__new.a9b3587.svg)
}

.game-item__ribbon.hot:before {
	background-image: url(img/icon-game__hot.c2f70d5.svg)
}

.game-item__ribbon.tournament:before {
	background-image: url(img/icon-game__tournament.e3605b2.svg)
}

.game-item__ribbon.live:before {
	background-image: url(img/icon-game__live.dc5ecd1.svg)
}

.game-item__blocked {
	align-items: center;
	background-color: rgba(30, 27, 15, .9);
	bottom: 0;
	color: #bfaa0e;
	display: flex;
	font-size: 18px;
	font-weight: 400;
	height: 100%;
	justify-content: center;
	left: 0;
	padding: 0 10px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 15
}

.game-item__title {
	border-bottom: 1px solid transparent;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	margin-top: 10px;
	transform: translateY(-10px);
	transition: all .3s ease;
	vertical-align: middle
}

.is-active .game-item__title {
	transform: translateY(0)
}

@media(max-width:767px) {
	.game-item__title {
		font-size: 10px;
		line-height: 14px
	}
}

.game-item__real {
	height: 60px;
	position: relative;
	width: 60px;
	z-index: 1
}

.game-item__real--icon {
	display: flex;
	height: 48px;
	width: 48px
}

@media(min-width:425px)and (max-width:767px) {
	.game-item__real--icon {
		height: 25px;
		width: 25px
	}
}

@media(max-width:424px) {
	.game-item__real--icon {
		height: 20px;
		width: 20px
	}
}

.game-item__real:last-of-type {
	margin-bottom: 60px
}

@media(max-width:767px) {
	.game-item__real:last-of-type {
		margin-bottom: 30px
	}
}

.game-item__real svg {
	height: 100%;
	width: 100%
}

.game-item__demo {
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 8px;
	position: relative;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	text-transform: uppercase;
	transition: all .3s ease;
	white-space: nowrap;
	z-index: 1
}

@media(max-width:767px) {
	.game-item__demo {
		font-size: 10px;
		line-height: 14px;
		margin-bottom: 15px
	}
}

.game-item__demo:hover {
	-webkit-text-decoration: none;
	text-decoration: none
}

.game-item__favourite {
	cursor: pointer;
	position: relative;
	transition: transform .3s ease;
	z-index: 1
}

@media(min-width:768px) {
	.game-item__favourite {
		height: 23px;
		width: 23px
	}
}

@media(max-width:575px) {
	.game-item__favourite {
		height: 15px;
		width: 15px
	}
}

@media(min-width:576px)and (max-width:767px) {
	.game-item__favourite {
		height: 18px;
		width: 18px
	}
}

.game-item__favourite--icon {
	height: 100%;
	width: 100%;
	fill: #f9b242
}

.game-item__favourite:hover {
	transform: scale(1.1)
}

.game-item__favourite svg {
	height: 100%;
	width: 100%
}

.game-item__provider-logo {
	margin-left: auto;
	max-height: 25px;
	-o-object-fit: contain;
	object-fit: contain
}

@media(min-width:768px) {
	.game-item__provider-logo {
		max-width: 60px
	}
}

@media(min-width:576px)and (max-width:767px) {
	.game-item__provider-logo {
		max-width: 50px
	}
}

@media(min-width:425px)and (max-width:575px) {
	.game-item__provider-logo {
		max-width: 45px
	}
}

@media(max-width:424px) {
	.game-item__provider-logo {
		max-width: 35px
	}
}

.game-item.is-active {
	box-shadow: 0 0 6px 2px #3ee6e0
}

.game-item.is-active .game-item__ribbon {
	opacity: 0
}

.game-item.withoutIcon {
	background-color: #1e1b0f
}

.game-item .v-lazy-image {
	border-radius: 5px;
	display: flex;
	filter: blur(5px);
	height: 100%;
	margin: auto;
	max-height: 156px;
	max-width: 236px;
	transition: filter 1.3s;
	width: 100%;
	will-change: filter
}

.game-item .v-lazy-image-loaded {
	filter: blur(0)
}

.game-item .is-active {
	opacity: 1
}

.game-item .is-active:after,
.game-item .is-active:before {
	border-color: #33b1ac
}

:root {
	--balance-outer: 25px
}

@media(max-width:767px) {

	.slider-game-item__demo,
	.slider-game-item__title {
		font-size: 10px;
		line-height: 14px
	}

	.slider-game-item__demo {
		margin-bottom: 15px
	}
}

.slider-game-item__hover--bottom {
	display: flex;
	min-height: 20px;
	padding: 0 10px 5px;
	position: relative;
	width: 100%
}

.slider-game-item__jackpot--hidden {
	opacity: 0;
	transition: opacity .3s ease
}

.slider-game-item--wrapper {
	position: relative
}

:root {
	--balance-outer: 25px
}

.popular-filters__item {
	align-items: baseline;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	transition: all .3s ease
}

.popular-filters__item--winSum:not(.popular-filters__item--winSum.is-active) {
	border-color: #7a277a
}

.popular-filters__item--winSum.is-active {
	background-color: #461c45;
	border-color: #e33ee6;
	box-shadow: 0 0 20px #e33ee6
}

.popular-filters__item--winSum:hover {
	border-color: #e33ee6
}

.popular-filters__item--multiplier:not(.popular-filters__item--multiplier.is-active) {
	border-color: #287b77
}

.popular-filters__item--multiplier.is-active {
	background-color: #1d4643;
	border-color: #3ee6e0;
	box-shadow: 0 0 20px #3ee6e0
}

.popular-filters__item--multiplier:hover {
	border-color: #3ee6e0
}

.popular-filters__item--win:not(.popular-filters__item--win.is-active) {
	border-color: #85770e
}

.popular-filters__item--win.is-active {
	background-color: #4c440f;
	border-color: #f9dd0e;
	box-shadow: 0 0 20px #f9dd0e
}

.popular-filters__item--win:hover {
	border-color: #f9dd0e
}

@media(min-width:768px) {
	.popular-filters__item {
		height: 48px;
		padding: 7px;
		width: 48px
	}
}

@media(min-width:576px)and (max-width:767px) {
	.popular-filters__item {
		height: 33px;
		padding: 3px;
		width: 33px
	}
}

@media(min-width:425px)and (max-width:575px) {
	.popular-filters__item {
		height: 25px;
		padding: 3px;
		width: 25px
	}
}

@media(max-width:424px) {
	.popular-filters__item {
		height: 22px;
		padding: 2px;
		width: 22px
	}
}

.popular-filters__item--icon svg {
	height: 100%;
	width: 100%
}

.popular-filters__item+.popular-filters__item {
	margin-left: 8px
}

.popular-filters__row {
	display: flex
}

:root {
	--balance-outer: 25px
}

.popular-game-item {
	border-radius: 10px;
	display: flex;
	flex-direction: column
}

.popular-game-item.popular-game-item--winSum {
	background-color: rgba(70, 28, 69, .3)
}

.popular-game-item.popular-game-item--winSum .popular-game-item__description {
	background-color: #461c45;
	border: 1px solid #7a277a
}

.popular-game-item.popular-game-item--winSum .decor__left:after,
.popular-game-item.popular-game-item--winSum .decor__left:before,
.popular-game-item.popular-game-item--winSum .decor__right:after,
.popular-game-item.popular-game-item--winSum .decor__right:before {
	background-color: #e33ee6
}

.popular-game-item.popular-game-item--multiplier {
	background-color: rgba(29, 70, 67, .3)
}

.popular-game-item.popular-game-item--multiplier .popular-game-item__description {
	background-color: #1d4643;
	border: 1px solid #287b77
}

.popular-game-item.popular-game-item--multiplier .decor__left:after,
.popular-game-item.popular-game-item--multiplier .decor__left:before,
.popular-game-item.popular-game-item--multiplier .decor__right:after,
.popular-game-item.popular-game-item--multiplier .decor__right:before {
	background-color: #3ee6e0
}

.popular-game-item.popular-game-item--win {
	background-color: rgba(76, 68, 15, .3)
}

.popular-game-item.popular-game-item--win .popular-game-item__description {
	background-color: #4c440f;
	border: 1px solid #85770e
}

.popular-game-item.popular-game-item--win .decor__left:after,
.popular-game-item.popular-game-item--win .decor__left:before,
.popular-game-item.popular-game-item--win .decor__right:after,
.popular-game-item.popular-game-item--win .decor__right:before {
	background-color: #f9dd0e
}

.popular-game-item__description {
	flex: 1 1 auto;
	left: 0;
	min-height: 63px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1
}

@media(min-width:768px) {
	.popular-game-item__description {
		padding: 5px 8px 0
	}
}

@media(min-width:576px)and (max-width:767px) {
	.popular-game-item__description {
		padding: 10px 8px 0
	}
}

@media(max-width:576px) {
	.popular-game-item__description {
		padding: 8px 5px 0
	}
}

.popular-game-item__description--text {
	font-weight: 400
}

@media(min-width:1400px) {
	.popular-game-item__description--text {
		font-size: 14px
	}
}

@media(min-width:768px)and (max-width:1399px) {
	.popular-game-item__description--text {
		font-size: 12px
	}
}

@media(max-width:767px) {
	.popular-game-item__description--text {
		font-size: 10px;
		letter-spacing: 1px;
		line-height: 12px
	}
}

.popular-game-item__description--value {
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 27px
}

@media(min-width:1401px) {
	.popular-game-item__description--value {
		font-size: 20px
	}
}

@media(min-width:768px)and (max-width:1399px) {
	.popular-game-item__description--value {
		font-size: 18px
	}
}

@media(max-width:767px) {
	.popular-game-item__description--value {
		font-size: 14px;
		letter-spacing: 1px
	}
}

.popular-game-item--winSum .popular-game-item__description {
	align-items: center;
	display: flex;
	justify-content: center
}

@media(min-width:768px) {
	.popular-game-item--winSum .popular-game-item__description {
		padding: 5px 8px
	}
}

@media(min-width:576px)and (max-width:767px) {
	.popular-game-item--winSum .popular-game-item__description {
		padding: 10px 8px
	}
}

@media(max-width:767px) {
	.popular-game-item--winSum .popular-game-item__description {
		min-height: 50px
	}
}

@media(max-width:576px) {
	.popular-game-item--winSum .popular-game-item__description {
		padding: 8px 5px
	}
}

.popular-game-item--winSum .popular-game-item__description--text {
	display: none
}

@media(min-width:768px) {
	.popular-game-item--winSum .popular-game-item__description--value {
		font-size: 24px
	}
}

@media(max-width:767px) {
	.popular-game-item--winSum .popular-game-item__description--value {
		font-size: 14px;
		line-height: 1
	}
}

.popular-game-item.is-active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

@media(min-width:768px) {
	.popular-game-item .game-item {
		height: 336px;
		max-height: none
	}
}

.popular-game-item .game-item__content {
	border-radius: 10px 10px 0 0
}

.popular-game-item .game-item__image:not(.bigIcon) {
	-o-object-fit: contain;
	object-fit: contain
}

.popular-game-item .game-item__hover.is-active:after,
.popular-game-item .game-item__hover.is-active:before {
	border-radius: 10px 10px 0 0
}

:root {
	--balance-outer: 25px
}

.jackpot-game-item--container {
	border-radius: 65px
}

.jackpot-game-item--container.item-0 {
	background-image: radial-gradient(#e33ee6 1px, transparent 0);
	background-position: -3px 0;
	background-size: 18px 18px
}

.jackpot-game-item--container.item-0 .jackpot-game-item .jackpot--alternative:before {
	background-color: #461c45;
	background-image: url(img/bg-jackpot__count-0.99feb94.gif)
}

.jackpot-game-item--container.item-0 .jackpot-game-item .jackpot--alternative .jackpot__sum {
	color: #e33ee6;
	text-shadow: 0 0 5px #e33ee6, 1px 1px 0 #000
}

.jackpot-game-item--container.item-0 .jackpot-game-item .jackpot--alternative .style-color__primary {
	fill: #e33ee6
}

.jackpot-game-item--container.item-0 .jackpot-game-item .jackpot--alternative .style-color__border {
	stroke: #7a277a
}

.jackpot-game-item--container.item-0 .jackpot-game-item .jackpot--alternative circle {
	fill: #461c45
}

.jackpot-game-item--container.item-1 {
	background-image: radial-gradient(#3ee6e0 1px, transparent 0);
	background-position: -3px 0;
	background-size: 18px 18px
}

.jackpot-game-item--container.item-1 .jackpot-game-item .jackpot--alternative:before {
	background-color: #1d4643;
	background-image: url(img/bg-jackpot__count-1.29a1aa5.gif)
}

.jackpot-game-item--container.item-1 .jackpot-game-item .jackpot--alternative .jackpot__sum {
	color: #3ee6e0;
	text-shadow: 0 0 5px #3ee6e0, 1px 1px 0 #000
}

.jackpot-game-item--container.item-1 .jackpot-game-item .jackpot--alternative .style-color__primary {
	fill: #3ee6e0
}

.jackpot-game-item--container.item-1 .jackpot-game-item .jackpot--alternative .style-color__border {
	stroke: #287b77
}

.jackpot-game-item--container.item-1 .jackpot-game-item .jackpot--alternative circle {
	fill: #1d4643
}

.jackpot-game-item--container.item-2 {
	background-image: radial-gradient(#f9dd0e 1px, transparent 0);
	background-position: -3px 0;
	background-size: 18px 18px
}

.jackpot-game-item--container.item-2 .jackpot-game-item .jackpot--alternative:before {
	background-color: #4c440f;
	background-image: url(img/bg-jackpot__count-2.8bb739c.gif)
}

.jackpot-game-item--container.item-2 .jackpot-game-item .jackpot--alternative .jackpot__sum {
	color: #f9dd0e;
	text-shadow: 0 0 5px #f9dd0e, 1px 1px 0 #000
}

.jackpot-game-item--container.item-2 .jackpot-game-item .jackpot--alternative .style-color__primary {
	fill: #f9dd0e
}

.jackpot-game-item--container.item-2 .jackpot-game-item .jackpot--alternative .style-color__border {
	stroke: #85770e
}

.jackpot-game-item--container.item-2 .jackpot-game-item .jackpot--alternative circle {
	fill: #4c440f
}

@media(min-width:1200px) {
	.jackpot-game-item--container {
		padding: 50px 0 36px
	}
}

@media(min-width:768px)and (max-width:1199px) {
	.jackpot-game-item--container {
		padding: 40px 0 30px
	}
}

@media(max-width:767px) {
	.jackpot-game-item--container {
		max-width: 390px;
		width: 100%
	}
}

@media(min-width:576px)and (max-width:767px) {
	.jackpot-game-item--container {
		padding: 40px 0 20px
	}
}

@media(min-width:425px)and (max-width:575px) {
	.jackpot-game-item--container {
		padding: 35px 0 30px
	}
}

@media(max-width:424px) {
	.jackpot-game-item--container {
		padding: 35px 0 30px
	}
}

.jackpot-game-item--wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: auto;
	max-width: 330px;
	position: relative;
	width: 100%
}

.jackpot-game-item .game-item {
	height: 227px;
	margin-bottom: 5px;
	max-height: none;
	max-width: 350px
}

@media(max-width:1199px) {
	.jackpot-game-item .game-item {
		height: 196px
	}
}

@media(max-width:321px) {
	.jackpot-game-item .game-item {
		height: 148px
	}
}

.jackpot-game-item .game-item__content {
	border-radius: 10px;
	position: relative
}

.jackpot-game-item .game-item__image {
	-o-object-fit: cover;
	object-fit: cover
}

:root {
	--balance-outer: 25px
}

.hot-game-item {
	height: 215px;
	padding-top: 20px;
	position: relative;
	width: -moz-fit-content;
	width: fit-content
}

@media(max-width:424px) {
	.hot-game-item {
		display: flex;
		flex-direction: column;
		height: 140px;
		margin-top: 10px;
		padding-top: 0
	}
}

.hot-game-item__decor {
	background-image: url(img/icon-gamesHot__decor.dcb89a6.svg);
	background-repeat: no-repeat;
	background-size: contain;
	height: 60px;
	position: absolute;
	right: -9px;
	top: -9px;
	width: 175px
}

@media(max-width:424px) {
	.hot-game-item__decor {
		right: -6px;
		top: -16px;
		width: 115px
	}
}

.hot-game-item__description {
	display: flex;
	justify-content: center;
	margin-top: 6px
}

@media(max-width:424px) {
	.hot-game-item__description {
		margin-top: 2px
	}
}

.hot-game-item__description--value {
	background-color: #461c45;
	color: #e33ee6;
	font-size: 18px;
	margin: 0 auto;
	min-width: 140px;
	padding: 0 15px;
	position: relative;
	text-align: center;
	z-index: 1
}

@media(max-width:424px) {
	.hot-game-item__description--value {
		font-size: 10px;
		font-weight: 800;
		letter-spacing: .05em;
		line-height: 20px;
		min-width: 100px;
		padding-left: 10px;
		padding-right: 10px
	}
}

.hot-game-item__description .decor__left:before,
.hot-game-item__description .decor__right:before {
	top: 0
}

.hot-game-item__description .decor__left:after,
.hot-game-item__description .decor__right:after {
	bottom: 0
}

.hot-game-item__description .decor__left:after,
.hot-game-item__description .decor__left:before {
	left: 0
}

.hot-game-item__description .decor__right:after,
.hot-game-item__description .decor__right:before {
	right: 0
}

:root {
	--balance-outer: 25px
}

.live-filters {
	align-items: center;
	display: flex
}

@media(max-width:575px) {
	.live-filters {
		order: 3;
		width: 100%
	}
}

.live-filters__row {
	display: none
}

@media(min-width:1200px) {
	.live-filters__row {
		display: flex
	}
}

.live-filters__text-item {
	color: #f9dd0e
}

.live-filters__item {
	align-items: center;
	background-color: #4c440f;
	border: 1px solid #85770e;
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	font-size: 20px;
	font-weight: 700;
	gap: 8px;
	height: 53px;
	justify-content: center;
	transition: all .3s ease;
	width: 53px
}

.live-filters__item--icon {
	align-items: center;
	color: #f9dd0e;
	display: flex;
	height: 32px;
	width: 32px
}

.live-filters__item:not(.is-active):hover {
	box-shadow: 0 0 20px #85770e
}

.live-filters__item.is-active {
	background-color: #1d4643;
	border-color: #287b77;
	color: #3ee6e0
}

.live-filters__item.is-active .live-filters__item--icon,
.live-filters__item.is-active .live-filters__text-item {
	color: #3ee6e0
}

.live-filters__item.is-active path+path {
	fill: #3ee6e0
}

.live-filters__item.is-active path:only-child {
	fill: #3ee6e0
}

.live-filters__item+.live-filters__item {
	margin-left: 8px
}

.live-filters__dropdown {
	background-color: transparent;
	display: none;
	height: 48px;
	position: relative;
	width: 180px
}

@media(max-width:1199px) {
	.live-filters__dropdown {
		display: block
	}
}

@media(max-width:991px) {
	.live-filters__dropdown {
		width: 150px
	}
}

@media(max-width:767px) {
	.live-filters__dropdown {
		height: auto;
		width: 100%
	}
}

.live-filters__dropdown--button {
	align-items: center;
	background-color: #162624;
	color: #f9b242;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	height: 100%;
	justify-content: center;
	line-height: 1;
	padding: 10px 16px 9px;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 1
}

@media(max-width:767px) {
	.live-filters__dropdown--button {
		font-size: 10px;
		letter-spacing: 1px
	}
}

.live-filters__dropdown--text {
	align-items: center;
	color: #3ee6e0;
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	overflow: hidden;
	padding-right: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.live-filters__dropdown--list {
	box-shadow: none;
	height: auto;
	opacity: 1;
	position: absolute;
	top: 52px;
	transition: opacity .3s ease-in;
	width: 100%;
	z-index: 16
}

@media(max-width:767px) {
	.live-filters__dropdown--list {
		left: 50%;
		top: 48px;
		transform: translateX(-50%)
	}
}

.live-filters__dropdown--item {
	align-items: center;
	color: #85770e;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	width: 100%
}

.live-filters__dropdown--inner {
	align-items: center;
	background-color: #1e1b0f;
	border-bottom: 1px solid #bfaa0e;
	display: flex;
	flex-direction: column;
	gap: 23px;
	justify-content: center;
	max-height: 400px;
	overflow: visible;
	overflow: initial;
	padding: 16px;
	position: relative;
	z-index: 1
}

.live-filters__dropdown--inner input {
	display: none
}

.live-filters__dropdown--inner .decor__left:after,
.live-filters__dropdown--inner .decor__right:after {
	display: none
}

.live-filters__dropdown--icon {
	color: #f9dd0e;
	height: 16px;
	margin-right: 8px;
	width: 17px
}

.live-filters__dropdown--icon svg {
	height: 100%;
	width: 100%
}

.live-filters__dropdown--button-icon {
	color: #3ee6e0
}

.live-filters__dropdown--button-icon path+path {
	fill: #3ee6e0
}

.live-filters__dropdown--button-icon path:only-child {
	fill: #3ee6e0
}

.live-filters__dropdown .toggle {
	background-color: #3ee6e0;
	border: none;
	display: inline-flex;
	height: 7px;
	margin: 0;
	-webkit-mask-image: url(img/bg-popular__desription.svg);
	mask-image: url(img/bg-popular__desription.svg);
	position: absolute;
	right: 16px;
	top: 50%;
	transform: rotate(135deg) translate(-50%);
	transition: transform .3s ease;
	width: 7px
}

.is-open .live-filters__dropdown .toggle {
	transform: rotate(-45deg)
}

.live-filters__dropdown .is-active {
	color: #f9dd0e
}

.live-filters__dropdown .custom-checkbox {
	color: #fff;
	display: block;
	margin-bottom: 16px
}

.live-filters__dropdown .custom-checkbox:hover {
	color: #f9b242
}

@media(max-width:991px) {
	.live-filters.alternate-view {
		order: 3;
		width: 100%
	}
}

@media(max-width:767px) {
	.live-filters.alternate-view {
		margin-top: 10px
	}
}

.live-filters.alternate-view .live-filters__row {
	gap: 16px
}

.live-filters.alternate-view .live-filters__item {
	background: #1e1b0f;
	border: none;
	border-radius: 0;
	border-radius: initial;
	color: #85770e;
	flex: 0 1 auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	padding: 16px 21px;
	position: relative;
	width: auto;
	z-index: 1
}

.live-filters.alternate-view .live-filters__item--icon {
	height: 16px;
	width: 16px
}

.live-filters.alternate-view .live-filters__item.is-active {
	background-color: #162624;
	color: #3ee6e0
}

.live-filters.alternate-view .live-filters__item+.live-filters__item {
	margin-left: 0
}

:root {
	--balance-outer: 25px
}

.game__live-wrapper {
	background-color: rgba(30, 29, 27, .85);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	bottom: 0;
	color: #f9dd0e;
	padding: 5px;
	position: absolute;
	width: 100%
}

:root {
	--balance-outer: 25px
}

.item-title {
	border-bottom: 1px solid transparent;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	margin-top: 10px;
	transform: translateY(-10px);
	transition: all .3s ease;
	vertical-align: middle
}

.is-active .item-title {
	transform: translateY(0)
}

@media(max-width:767px) {
	.item-title {
		font-size: 10px;
		line-height: 14px
	}
}

:root {
	--balance-outer: 25px
}

.provider-logo {
	margin-left: auto;
	max-height: 25px;
	-o-object-fit: contain;
	object-fit: contain
}

@media(min-width:768px) {
	.provider-logo {
		max-width: 60px
	}
}

@media(min-width:576px)and (max-width:767px) {
	.provider-logo {
		max-width: 50px
	}
}

@media(min-width:425px)and (max-width:575px) {
	.provider-logo {
		max-width: 45px
	}
}

@media(max-width:424px) {
	.provider-logo {
		max-width: 35px
	}
}

:root {
	--balance-outer: 25px
}

.demo__btn {
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 8px;
	position: relative;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	text-transform: uppercase;
	transition: all .3s ease;
	white-space: nowrap;
	z-index: 1
}

@media(max-width:767px) {
	.demo__btn {
		font-size: 10px;
		line-height: 14px;
		margin-bottom: 15px
	}
}

.demo__btn:hover {
	-webkit-text-decoration: none;
	text-decoration: none
}

:root {
	--balance-outer: 25px
}

.animated__line {
	opacity: 0
}

.is-animate .animated__line {
	animation: 1s linear infinite both;
	opacity: 1;
	transition: all .3s ease
}

.is-animate .animated__line.line-1 {
	animation-name: realButtonAnimation-0
}

.is-animate .animated__line.line-2 {
	animation-name: realButtonAnimation-1
}

.is-animate .animated__line.line-3 {
	animation-name: realButtonAnimation-2
}

.is-animate .animated__line.line-4 {
	animation-name: realButtonAnimation-3
}

.is-animate .animated__line.line-5 {
	animation-name: realButtonAnimation-4
}


:root {
	--balance-outer: 25px
}

.promo {
	background-color: #12110f;
	background-image: url(img/bg-promo.5d8f8cb.svg);
	background-image: url(img/bg-homepage__top.96042d7.png), url(img/bg-homepage__bottom.e919274.png);
	background-position: top;
	background-position: top, 50%;
	background-repeat: no-repeat;
	background-repeat: no-repeat, repeat-y;
	background-size: contain;
	padding-bottom: 50px;
	padding-top: 40px
}

.promo__title {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	margin: 0 auto 54px;
	position: relative;
	text-align: center
}

@media(max-width:575px) {
	.promo__title {
		margin-bottom: 20px
	}
}

.promo__title--item {
	border-color: #718584;
	color: #fff;
	font-size: 56px;
	font-weight: 500;
	letter-spacing: .3em;
	line-height: 56px;
	padding: 10px 60px;
	text-transform: uppercase
}

@media(max-width:575px) {
	.promo__title--item {
		font-size: 36px;
		letter-spacing: .05em;
		line-height: 36px
	}
}

.promo__list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 0 auto 100px;
	max-width: 1344px;
	text-align: center
}

@media(min-width:992px) {
	.promo__list {
		gap: 80px
	}
}

@media(min-width:1400px) {
	.promo__list {
		gap: 110px
	}
}

@media(max-width:991px) {
	.promo__list {
		gap: 50px
	}
}

@media(max-width:767px) {
	.promo__list {
		gap: 37px;
		margin-bottom: 50px
	}
}

:root {
	--balance-outer: 25px
}

.all-games {
	background-image: url(img/bg-homepage__top.96042d7.png), url(img/bg-homepage__bottom.e919274.png);
	background-position: top, 50%;
	background-repeat: no-repeat, repeat-y;
	background-size: contain
}

.all-games__main {
	border: 1px solid #1d4643;
	height: 100%;
	margin: 50px auto 0;
	max-width: 1344px;
	position: relative;
	z-index: 1
}

@media(min-width:768px) {
	.all-games__main {
		padding: 32px
	}
}

@media(max-width:767px) {
	.all-games__main {
		padding: 12px
	}
}

.all-games__main--wrapper {
	overflow: hidden
}

.all-games__header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 25px
}

@media(min-width:1200px) {
	.all-games__header {
		gap: 0 40px
	}
}

@media(max-width:1199px) {
	.all-games__header {
		gap: 0 20px
	}
}

@media(min-width:992px) {
	.all-games__header {
		flex-wrap: nowrap
	}
}

@media(max-width:767px) {
	.all-games__header {
		font-size: 28px;
		gap: 10px;
		margin-bottom: 15px
	}
}

@media(min-width:768px)and (max-width:991px) {
	.all-games__header {
		font-size: 32px
	}
}

@media(min-width:993px) {
	.all-games__header--live {
		flex-wrap: wrap
	}
}

@media(min-width:768px) {
	.all-games__sub-filter {
		margin-top: 32px
	}
}

:root {
	--balance-outer: 25px
}

.promo {
	background-image: url(img/bg-promo.5d8f8cb.svg);
	background-position: top;
	background-repeat: no-repeat
}

.promo-single {
	color: #bfbfbf;
	padding: 0 30px 30px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

@media(min-width:768px) {
	.promo-single {
		padding: 0 15px 30px
	}
}

.promo-single__title {
	color: #fff;
	font-size: 38px;
	font-weight: 800;
	letter-spacing: 3px;
	line-height: 1.25;
	margin-bottom: 19px
}

.promo-single__item {
	height: 85%;
	margin: 0 auto;
	max-width: 90%;
	padding: 20px;
	position: relative;
	width: 95%
}

:root {
	--balance-outer: 25px
}

.mobile-sidebar {
	background-color: rgba(18, 16, 14, .7);
	content: "";
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
}

.mobile-sidebar .hidden {
	display:none;
}

.mobile-sidebar__content {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	overflow-y: auto;
	padding-top: 12px
}

.mobile-sidebar__content--wrapper {
	background-color: #12110f;
	height: 100%;
	padding: 108px 40px 48px;
	width: 378px
}

@media(max-width:767px) {
	.mobile-sidebar__content--wrapper {
		background-color: #12100e;
		padding: 70px 24px 42px;
		width: 100%
	}
}

.mobile-sidebar__delimiter {
	background-color: #bfbfbf;
	height: 1px;
	opacity: .1
}

.mobile-sidebar__nav {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 44px 0
}

@media(max-width:575px) {
	.mobile-sidebar__nav {
		margin: 22px 0
	}
}

.mobile-sidebar__nav-link {
	color: #85770e;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.45;
	text-transform: uppercase;
	text-align: center;
}

.mobile-sidebar__nav-link a {
	color: #85770e;
}

@media(min-width:769px) {
	.mobile-sidebar__nav-link--logout {
		display: none
	}
}

.mobile-sidebar__nav-link:not(:last-child) {
	margin-bottom: 25px
}

.mobile-sidebar__nav-link button {
	padding: 0
}

.mobile-sidebar__cashier .form-button {
	height: 100%
}

.mobile-sidebar__profile {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 32px;
	padding-right: 8px;
	position: relative
}

@media(min-width:768px) {
	.mobile-sidebar__profile {
		align-items: center;
		flex-direction: column;
		justify-content: center
	}
}

@media(min-width:992px) {
	.mobile-sidebar__profile {
		display: none
	}
}

.mobile-sidebar__balance {
	align-items: center;
	display: flex;
	height: 40px;
	justify-content: center;
	position: relative
}

.mobile-sidebar__bottom-block {
	width: 100%
}

.mobile-sidebar__language {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 20px;
	width: 100%
}

.mobile-sidebar__language-item {
	align-items: center;
	background-color: #1e1b0f;
	border-radius: 5px;
	color: #85770e;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	height: 53px;
	justify-content: center;
	text-transform: uppercase;
	width: 53px
}

.mobile-sidebar__language-item--active {
	background-color: #162624;
	border: 1px solid #0a4e4b;
	color: #3ee6e0
}

.mobile-sidebar__dropdown {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 18px
}

.mobile-sidebar__dropdown--button {
	align-items: center;
	border-radius: 5px;
	color: #85770e;
	display: flex;
	font-size: 24px;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 2px;
	line-height: 1.45;
	min-width: 201px;
	padding: 9px 16px;
	text-transform: uppercase
}

.mobile-sidebar__dropdown--button .icon-arrow__breadcrumbs {
	height: 28px;
	width: 32px
}

.mobile-sidebar__dropdown--button .icon-arrow__breadcrumbs path {
	fill: #85770e
}

.mobile-sidebar__dropdown--inner {
	display: flex;
	flex-direction: column;
	padding-top: 4px
}

.mobile-sidebar__dropdown--list {
	width: 100%
}

.mobile-sidebar__dropdown--item {
	align-items: center;
	background-color: #1e1b0f;
	color: #85770e;
	display: flex;
	font-size: 16px;
	gap: 8px;
	justify-content: center;
	margin-bottom: 4px;
	padding: 14px 16px;
	text-align: center;
	width: 201px
}

.mobile-sidebar__dropdown--item .decor__left:after,
.mobile-sidebar__dropdown--item .decor__left:before,
.mobile-sidebar__dropdown--item .decor__right:after,
.mobile-sidebar__dropdown--item .decor__right:before {
	background-color: #4c440f
}

.mobile-sidebar__dropdown--icon {
	height: 100%;
	transition: all .3s ease;
	width: 100%
}

.mobile-sidebar__dropdown--icon-wrapper {
	align-items: center;
	display: flex;
	flex: 0 0 16px;
	justify-content: center
}

.mobile-sidebar__dropdown .is-closed {
	height: 0;
	opacity: 0;
	overflow: hidden
}

.mobile-sidebar__dropdown .link-active {
	color: #f9dd0e
}

.mobile-sidebar .is-open .mobile-sidebar__dropdown--button {
	background-color: #1e1b0f;
	color: #f9dd0e
}

.mobile-sidebar .is-open .icon-arrow__breadcrumbs path {
	fill: #f9dd0e
}