html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}

ul {
	list-style: none
}

button, input, select, textarea {
	margin: 0;
	font-family: inherit
}

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

input[type=number] {
	-moz-appearance: textfield
}

html {
	box-sizing: border-box
}

body {
	-webkit-user-select: none;
	user-select: none
}

*, :before, :after {
	box-sizing: border-box
}

img, video {
	height: auto;
	max-width: 100%
}

iframe {
	border: 0
}

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

td, th {
	padding: 0
}

:focus {
	outline: 0
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none
}

div {
	box-sizing: border-box
}

a {
	text-decoration: none
}

a, button, select {
	cursor: pointer;
	vertical-align: top
}

body {
	max-width: 100vw;
	background-image: linear-gradient(#9eebe0 0%, #fffaef00 100%), linear-gradient(90deg, #f1fffe 0%, #f6fff0 35.94%, #eefffe 71.88%, #fff9ee 100%);
	background-position: top, top;
	background-repeat: no-repeat, repeat;
	background-size: 100% 350px, auto;
	font-family: Montserrat Alternates, sans-serif, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	overflow-x: hidden
}

@media screen and (max-width:1023px) {
	body {
		max-width: 1024px;
		min-width: 1024px
	}

}

.datepicker-body {
	margin-top: 40px;
	position: absolute
}

.ui-datepicker {
	width: 300px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 14px -5px #1ed0b4e6;
	z-index: 10000 !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important
}

.ui-datepicker_top .ui-datepicker {
	top: inherit !important;
	bottom: 0 !important
}

.ui-datepicker-header {
	color: #fff;
	border-radius: 8px 8px 0 0;
	padding: 20px 0;
	display: flex;
	position: relative
}

.ui-datepicker-title {
	margin: auto;
	display: flex
}

.ui-datepicker-year, .ui-datepicker-month {
	box-sizing: border-box;
	text-indent: 20px;
	cursor: pointer;
	height: 40px;
	width: 120px;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #292929;
	background-color: #fff;
	background-image: url(../img/arr_select.svg);
	background-position: 90%;
	background-repeat: no-repeat;
	background-size: 13px;
	border: 1px solid #039c9333;
	border-radius: 10px;
	margin: 5px 7px;
	font-size: 12px;
	font-weight: 400;
	line-height: 40px;
	display: block;
	box-shadow: 0 1px 4px #039c9333
}

.ui-datepicker-year option, .ui-datepicker-month option {
	color: #292929
}

.ui-datepicker-prev, .ui-datepicker-next {
	display: none
}

.ui-datepicker-calendar {
	width: calc(100% - 40px);
	border-radius: 0 0 8px 8px;
	margin: 0 auto 20px;
	padding: 0 0 20px
}

.ui-datepicker td {
	text-align: center;
	box-sizing: border-box;
	height: 27px;
	width: 27px;
	padding: 3px
}

.ui-datepicker td a {
	color: #292929;
	border: 2px solid #fff;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 500;
	line-height: 27px;
	display: block
}

.ui-datepicker td a.ui-state-active {
	color: #fff;
	background: #9eebe0;
	border: 1px solid #9eebe0
}

.ui-datepicker td a:hover {
	color: #9eebe0;
	border: 2px solid #9eebe0;
	font-weight: 700
}

.ui-datepicker th {
	color: #606060;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700
}

.ui-datepicker-unselectable:hover {
	background-color: none !important
}

.datepicker-body_r .ui-datepicker {
	right: 0 !important;
	left: inherit !important
}

.datepicker-body_l .ui-datepicker {
	left: 0 !important;
	right: inherit !important
}

.datepicker-body_top .ui-datepicker {
	top: inherit !important;
	bottom: 0 !important
}

::-webkit-scrollbar-track {
	visibility: hidden;
	background-color: #0000
}

::-webkit-scrollbar {
	width: 0;
	height: 0;
	visibility: hidden
}

::-webkit-scrollbar-thumb {
	visibility: hidden
}

.has-text-overflow {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

body.linda-has-user .show-guest, body:not(.linda-has-user) .show-user {
	display: none !important
}

@media screen and (max-width:1279px) {
	.show-1280 {
		display: none
	}

}

@media screen and (max-width:1439px) {
	.show-1440 {
		display: none
	}

}

@media screen and (max-width:1679px) {
	.show-1680 {
		display: none
	}

}

@media screen and (max-width:1919px) {
	.show-1920 {
		display: none
	}

}

.is-center {
	text-align: center
}

.is-centered {
	margin: 0 auto
}

.is-left {
	text-align: left
}

.max-1800 {
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto
}

.bottom-4 {
	margin-bottom: 4px !important
}

.top-4 {
	margin-top: 4px !important
}

.bottom-6 {
	margin-bottom: 6px !important
}

.top-6 {
	margin-top: 6px !important
}

.bottom-8 {
	margin-bottom: 8px !important
}

.top-8 {
	margin-top: 8px !important
}

.bottom-10 {
	margin-bottom: 10px !important
}

.top-10 {
	margin-top: 10px !important
}

.bottom-12 {
	margin-bottom: 12px !important
}

.top-12 {
	margin-top: 12px !important
}

.bottom-15 {
	margin-bottom: 15px !important
}

.top-15 {
	margin-top: 15px !important
}

.bottom-16 {
	margin-bottom: 16px !important
}

.top-16 {
	margin-top: 16px !important
}

.bottom-18 {
	margin-bottom: 18px !important
}

.top-18 {
	margin-top: 18px !important
}

.bottom-20 {
	margin-bottom: 20px !important
}

.top-20 {
	margin-top: 20px !important
}

.bottom-22 {
	margin-bottom: 22px !important
}

.top-22 {
	margin-top: 22px !important
}

.bottom-24 {
	margin-bottom: 24px !important
}

.top-24 {
	margin-top: 24px !important
}

.bottom-26 {
	margin-bottom: 26px !important
}

.top-26 {
	margin-top: 26px !important
}

.bottom-28 {
	margin-bottom: 28px !important
}

.top-28 {
	margin-top: 28px !important
}

.bottom-30 {
	margin-bottom: 30px !important
}

.top-30 {
	margin-top: 30px !important
}

.bottom-32 {
	margin-bottom: 32px !important
}

.top-32 {
	margin-top: 32px !important
}

.bottom-36 {
	margin-bottom: 36px !important
}

.top-36 {
	margin-top: 36px !important
}

.bottom-40 {
	margin-bottom: 40px !important
}

.top-40 {
	margin-top: 40px !important
}

.bottom-44 {
	margin-bottom: 44px !important
}

.top-44 {
	margin-top: 44px !important
}

.bottom-60 {
	margin-bottom: 60px !important
}

.top-60 {
	margin-top: 60px !important
}

.bottom-65 {
	margin-bottom: 65px !important
}

.top-65 {
	margin-top: 65px !important
}

.bottom-72 {
	margin-bottom: 72px !important
}

.top-72 {
	margin-top: 72px !important
}

.bottom-80 {
	margin-bottom: 80px !important
}

.top-80 {
	margin-top: 80px !important
}

.slick-slider {
	box-sizing: border-box;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	display: block;
	position: relative
}

.slick-list {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	overflow: hidden
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
	transform: translate(0, 0)
}

.slick-track {
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	top: 0;
	left: 0
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	height: auto;
	border: 1px solid #0000;
	display: block
}

.slick-arrow.slick-hidden {
	display: none
}

@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")format("woff");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	list-style: none;
	position: relative;
	overflow: hidden
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	width: 100%;
	height: 100%;
	z-index: 1;
	box-sizing: content-box;
	transition-property: transform;
	display: flex;
	position: relative
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform: translate(0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
	flex-flow: column wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out
}

.swiper-container-pointer-events {
	touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
	touch-action: pan-x
}

.swiper-slide {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	transition-property: transform;
	position: relative
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(#0000, #00000080)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(#00000080, #0000)
}

.swiper-container-css-mode>.swiper-wrapper {
	scrollbar-width: none;
	-ms-overflow-style: none;
	overflow: auto
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
	width: calc(var(--swiper-navigation-size)/44*27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1*var(--swiper-navigation-size)/2);
	z-index: 10;
	cursor: pointer;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	justify-content: center;
	align-items: center;
	display: flex;
	position: absolute;
	top: 50%
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
	text-transform: none !important
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	left: auto;
	right: 10px
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
	--swiper-navigation-color: #000
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	text-align: center;
	z-index: 10;
	transition: opacity .3s;
	position: absolute;
	transform: translate(0, 0)
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	width: 100%;
	bottom: 10px;
	left: 0
}

.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 {
	width: 8px;
	height: 8px;
	opacity: .2;
	background: #000;
	border-radius: 50%;
	display: inline-block
}

button.swiper-pagination-bullet {
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	margin: 0;
	padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
	top: 50%;
	right: 10px;
	transform: translateY(-50%)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	width: 8px;
	top: 50%;
	transform: translateY(-50%)
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, top .2s;
	display: inline-block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	white-space: nowrap;
	left: 50%;
	transform: translate(-50%)
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
	background: #00000040;
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	width: 100%;
	height: 100%;
	transform-origin: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0)
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: 100% 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	top: 0;
	left: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	top: 0;
	left: 0
}

.swiper-pagination-white {
	--swiper-pagination-color: #fff
}

.swiper-pagination-black {
	--swiper-pagination-color: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	-ms-touch-action: none;
	background: #0000001a;
	border-radius: 10px;
	position: relative
}

.swiper-container-horizontal>.swiper-scrollbar {
	z-index: 50;
	height: 5px;
	width: 98%;
	position: absolute;
	bottom: 3px;
	left: 1%
}

.swiper-container-vertical>.swiper-scrollbar {
	z-index: 50;
	width: 5px;
	height: 98%;
	position: absolute;
	top: 1%;
	right: 3px
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	background: #00000080;
	border-radius: 10px;
	position: relative;
	top: 0;
	left: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-top-color: #0000;
	border-radius: 50%;
	margin-top: -21px;
	margin-left: -21px;
	animation: 1s linear infinite swiper-preloader-spin;
	position: absolute;
	top: 50%;
	left: 50%
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	to {
		transform: rotate(360deg)
	}

}

.swiper-container .swiper-notification {
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
	position: absolute;
	top: 0;
	left: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0;
	position: absolute;
	bottom: 0;
	left: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
	content: "";
	-webkit-filter: blur(50px);
	filter: blur(50px);
	background: #000;
	position: absolute;
	inset: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	backface-visibility: hidden
}

.form-error, .ng-untouched+.form-label .form-error, .ng-valid+.form-label .form-error, .datepicker-open+.form-label .form-error, .ng-valid-login .g-identical {
	display: none
}

.ng-invalid:focus+.form-label .form-error {
	display: none !important
}

.ng-invalid.datepicker-open+.form-label .form-error {
	display: none
}

.ng-invalid.ng-touched+.form-label .form-error {
	display: flex
}

.form-check.ng-untouched+label+.form-label .form-error {
	display: none
}

.form-check.ng-touched.ng-invalid+label+.form-label .form-error, .form-check.ng-dirty.ng-invalid+label+.form-label .form-error {
	display: flex
}

.g-minlength, .g-maxlength, .g-pattern, .g-required, .g-min, .g-max, .g-passwordVer, .g-over-18, .g-identical {
	display: none
}

.ng-invalid-minlength+.form-label .form-error .g-minlength, .ng-invalid-maxlength+.form-label .form-error .g-maxlength, .ng-invalid-min+.form-label .form-error .g-min, .ng-invalid-max+.form-label .form-error .g-max, .ng-invalid-phone+.form-label .form-error .g-pattern, .ng-invalid-pattern+.form-label .form-error .g-pattern, .ng-invalid-postcode+.form-label .form-error .g-pattern, .ng-invalid-required+.form-label .form-error .g-required, .ng-invalid-email+.form-label .form-error .g-pattern, .ng-invalid-over18+.form-label .form-error .g-over-18, .ng-invalid-parse.ng-dirty+.form-label .form-error .g-over-18 {
	display: inline
}

.ng-invalid-password-verify+.form-label .form-error .g-passwordVer {
	display: block
}

.ng-invalid-password-verify+.form-label .form-error {
	display: flex
}

.form-check.ng-invalid+label+.form-label .g-required, .ng-invalid-login .form-error .g-identical {
	display: block
}

.g-pay-min, .g-pay-max, .g-amount, .g-pay-required {
	display: none
}

.is-exchange.ng-invalid-required+.form-label .form-error .g-pay-required, .is-exchange.ng-invalid-min+.form-label .form-error .g-pay-min, .is-exchange.ng-invalid-max+.form-label .form-error .g-pay-max, .is-exchange.ng-invalid-amount+.form-label .form-error .g-amount {
	display: block
}

.reg__form.ng-invalid .btn-neon {
	opacity: .5;
	pointer-events: none
}

.category-title {
	color: #0000;
	background: linear-gradient(249deg, #02d8b1 17%, #006bce 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: -moz-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 20px;
	font-weight: 700;
	line-height: 120%;
	position: relative
}

.category-title:before {
	content: "";
	width: 100%;
	height: 4px;
	background: #fdfefc;
	border-radius: 12px;
	position: absolute;
	bottom: -10px;
	left: 0;
	transform: rotate(-2deg);
	box-shadow: 0 0 5px #0fa9ff, inset 0 0 2px #0fa9ffcc
}

.category-title.is-white {
	-webkit-text-fill-color: #fff;
	background: 0 0
}

.category-title.is-big {
	font-size: 32px;
	line-height: 38px
}

.category-title.is-big:before {
	height: 6px
}

.category-title.has-max-width {
	max-width: 1800px
}

.coin-after:after {
	vertical-align: middle;
	content: "";
	background-image: var(--icon-coin);
	margin-left: 2px;
	display: inline-block
}

.coin-before:before {
	vertical-align: middle;
	content: "";
	background-image: var(--icon-coin);
	height: 12px;
	width: 12px;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	margin-right: 2px;
	display: inline-block
}

.favorite-icon {
	z-index: 2;
	width: 24px;
	height: 24px;
	cursor: pointer;
	opacity: 0;
	background-image: url(../img/i-fav.webp), url(../img/i-fav-hover.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%, 0;
	position: absolute;
	top: 8px;
	left: 8px
}

.game-item:hover .favorite-icon {
	opacity: 1
}

.favorite-icon.is-big {
	width: 32px;
	height: 32px;
	border-radius: 8px
}

.favorite-icon:hover {
	background-size: 0, 100%
}

.favorite-icon:hover:active, .favorite-icon.active:hover:active, .favorite-icon.active {
	background-color: #fd3307;
	background-size: 0, 18px;
	border-radius: 6px;
	box-shadow: 0 4px 8px #fe660b66
}

.favorite-icon.is-stub {
	opacity: 1;
	background-size: 0, 24px;
	border-radius: 10px
}

.favorite-stub {
	cursor: pointer;
	border-radius: 16px;
	position: relative
}

.favorite-stub:before {
	content: "";
	padding-top: 150%;
	display: block
}

.favorite-stub__content {
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1;
	border: 2px dashed #6fa6a3;
	border-radius: 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 9px;
	display: flex;
	position: absolute;
	top: 0;
	left: 0
}

.favorite-stub:hover {
	background: #4986821a
}

.favorite-stub__title {
	color: #6fa6a3;
	letter-spacing: .02em;
	max-width: 100%;
	margin-bottom: 17px;
	font-size: 12px;
	font-weight: 600;
	line-height: 15px;
	overflow: hidden
}

.homepage-video {
	border-radius: 18px;
	position: absolute;
	inset: 0;
	overflow: hidden
}

.homepage-video video {
	object-fit: cover;
	width: 100%;
	height: 100%;
	pointer-events: none;
	border-radius: 18px
}

.label-big {
	color: #fff;
	text-transform: capitalize;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 32px;
	background: linear-gradient(261.26deg, #01d6a3 19.7%, #00c0a9 96.39%), radial-gradient(50% 50%, #00cdc1 0%, #24d0b1 100%);
	border-radius: 40px;
	justify-content: center;
	align-items: center;
	padding: 0 18px;
	font-size: 14px;
	font-weight: 900;
	line-height: 18px;
	display: flex;
	overflow: hidden
}

.is-past .label-big {
	background: #3d4241
}

.is-future .label-big {
	color: #03a3a3;
	background: #fff;
	box-shadow: 0 0 8px #10c6bacc, inset 0 0 4px #25e8dbb3
}

.label {
	color: #fff;
	height: 23px;
	text-transform: capitalize;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 50%;
	background: linear-gradient(#24d092 0%, #0eb163 100%);
	border: 3px solid #fff;
	border-left: none;
	border-radius: 0 12px 12px 0;
	justify-content: center;
	align-items: center;
	padding: 0 8px 0 5px;
	font-size: 12px;
	font-weight: 900;
	line-height: 100%;
	display: flex;
	overflow: hidden;
	box-shadow: 0 0 3px #20ca89cc, inset 0 0 .898876px #20ca89a6
}

.last-played-stub {
	border: 2px dashed #6fa6a3;
	border-radius: 16px
}

.last-played-stub:before {
	content: "";
	padding-top: 150%;
	display: block
}

.btn-dep {
	color: #117770;
	white-space: nowrap;
	text-overflow: ellipsis;
	letter-spacing: .02em;
	text-align: center;
	width: 93px;
	height: 40px;
	cursor: pointer;
	background: #4986821a;
	border: none;
	border-radius: 8px;
	padding: 0 6px;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	overflow: hidden
}

.btn-dep:hover {
	color: #3d4241;
	background: #c1dad9
}

.btn-dep.active {
	color: #fff;
	background-color: #117770
}

.btn-footer {
	height: 40px;
	color: #24d0b1;
	color: #24d0b1;
	letter-spacing: .02em;
	width: 100%;
	min-width: 50%;
	background: #fff;
	border: none;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	padding: 0 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	display: flex;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.btn-footer:hover {
	color: #117770
}

.btn-footer:hover:active {
	box-shadow: none;
	color: #24d0b1
}

.btn-footer.is-lang {
	padding: 0 18px
}

.btn-footer.is-chat:before {
	content: "";
	width: 24px;
	height: 24px;
	background-image: var(--icon-support);
	filter: invert(53%)sepia(90%)saturate(1404%)hue-rotate(133deg)brightness(105%)contrast(90%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
	display: block
}

.btn-footer.is-chat:hover:before {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.btn-footer.is-chat:active:before {
	filter: invert(53%)sepia(90%)saturate(1404%)hue-rotate(133deg)brightness(105%)contrast(90%)
}

.btn-footer__img {
	width: 28px;
	height: 28px;
	margin-right: 10px
}

.btn-footer__text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.btn-ico {
	width: 40px;
	height: 40px;
	cursor: pointer;
	max-width: 100%;
	box-shadow: none;
	box-sizing: border-box;
	background: #4986821a;
	border: none;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	padding: 10px;
	display: inline-flex
}

.btn-ico:before {
	content: "";
	width: 20px;
	height: 20px;
	filter: invert(37%)sepia(68%)saturate(460%)hue-rotate(127deg)brightness(90%)contrast(99%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	flex-shrink: 0;
	display: block
}

.btn-ico:hover {
	background: #4986824d
}

.btn-ico.is-light {
	background: #fff;
	box-shadow: 0 1px 4px #039c9333
}

.btn-ico.is-light:before {
	filter: invert(38%)sepia(29%)saturate(4911%)hue-rotate(155deg)brightness()contrast(98%)
}

.btn-ico.is-light:hover {
	box-shadow: 0 3px 8px #039c934d
}

.btn-ico.is-chat {
	padding: 8px
}

.btn-ico.is-chat:before {
	width: 24px;
	height: 24px;
	background-image: var(--icon-support);
	transition: all .2s
}

.btn-ico.is-chat:hover:before {
	transform: scale(1.08)
}

.btn-ico.is-arr-r:before {
	background-image: var(--icon-arr-down);
	filter: invert(44%)sepia(62%)saturate(4251%)hue-rotate(154deg)brightness(98%)contrast(98%);
	transform: rotate(-90deg)translateY(2px)
}

.btn-ico.is-arr-r:disabled {
	box-shadow: none;
	background: #4986821a
}

.btn-ico.is-slider-arr:before {
	background-image: var(--icon-arr-down);
	filter: invert(44%)sepia(62%)saturate(4251%)hue-rotate(154deg)brightness(98%)contrast(98%);
	background-size: 12px;
	transform: translateY(1px)
}

.btn-ico.is-slider-arr:disabled, .btn-ico.is-slider-arr.slick-disabled {
	opacity: .3
}

.btn-lboard {
	width: 48px;
	height: 46px;
	cursor: pointer;
	background: #fff;
	border-radius: 12px 0 0 12px;
	flex-shrink: 0;
	transition: all .2s;
	position: relative
}

.btn-lboard:before {
	content: "";
	width: 20px;
	height: 20px;
	z-index: 1;
	background-image: url(../img/arr-bold-left.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	transition: all .2s;
	position: absolute;
	top: 50%;
	left: 6px;
	transform: translateY(-50%)
}

.btn-lboard:hover:before {
	left: 2px
}

.btn-lboard:after {
	content: "";
	width: 48px;
	height: 52px;
	background-image: url(../img/tournament-prize-1.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 16px;
	transform: translateY(-50%)
}

.is-bar-open .btn-lboard {
	width: 30px;
	height: 42px;
	background-color: #117770
}

.is-bar-open .btn-lboard:before {
	background-image: url(../img/arr-bold-right.webp)
}

.is-bar-open .btn-lboard:hover:before {
	left: 10px
}

.is-bar-open .btn-lboard:after {
	display: none
}

.btn-neon {
	--deltaX: 4px;
	--deltaY: 4px;
	box-sizing: border-box;
	vertical-align: top;
	box-shadow: none;
	max-width: 100%;
	border: none;
	border-radius: 12px;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative
}

.btn-neon:disabled, .btn-neon.disabled {
	opacity: .5;
	pointer-events: none
}

.btn-neon span {
	height: 48px;
	color: #fff;
	z-index: 50;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-image: linear-gradient(#fe4f0c, #fd3307, #fe520c);
	border-radius: 12px;
	padding: 0 24px;
	font-size: 14px;
	font-weight: 900;
	line-height: 48px;
	display: block;
	position: relative;
	overflow: hidden
}

.btn-neon:hover, .btn-neon.is-big {
	cursor: pointer
}

.btn-neon:hover span, .btn-neon.is-big span {
	background-image: linear-gradient(#ff8801, #ff5c00, #ff9101);
	box-shadow: 0 0 4px #fd4707b3
}

.btn-neon:hover:before, .btn-neon:hover:after, .btn-neon.is-big:before, .btn-neon.is-big:after {
	content: "";
	box-sizing: border-box;
	display: block;
	position: absolute;
	box-shadow: 0 0 4px #fd4707b3
}

.btn-neon:hover:before, .btn-neon.is-big:before {
	left: calc(var(--deltaX)*-1);
	top: calc(var(--deltaY)*-1);
	width: calc(100% + var(--deltaX)*2);
	height: calc(100% + var(--deltaY)*2);
	border: 1px solid #fd7d08;
	border-radius: 14px;
	animation: 2s linear infinite forwards btnNeon1;
	box-shadow: 0 0 4px #fd4707b3
}

.btn-neon:hover:after, .btn-neon.is-big:after {
	left: calc(var(--deltaX)*-2);
	top: calc(var(--deltaY)*-2);
	width: calc(100% + var(--deltaX)*4);
	height: calc(100% + var(--deltaY)*4);
	border: 1px solid #ff9533;
	border-radius: 16px;
	animation: 2s linear infinite forwards btnNeon2;
	box-shadow: 0 0 4px #fd4707b3
}

.btn-neon.is-promo {
	box-shadow: 0 0 4px #fd4707b3
}

.btn-neon.is-40 {
	height: 40px;
	line-height: 40px
}

.btn-neon.is-40 span {
	height: 40px;
	border-radius: 8px;
	padding: 0 16px;
	line-height: 40px
}

.btn-neon.is-40:before {
	border-radius: 11px
}

.btn-neon.is-40:after {
	border-radius: 13px
}

.btn-neon.is-60 {
	height: 60px;
	line-height: 60px
}

.btn-neon.is-60 span {
	height: 60px;
	padding: 0 20px;
	font-size: 20px;
	line-height: 60px
}

.btn-neon.is-transform:not(.is-changed):not(:hover) {
	height: 40px;
	background-image: linear-gradient(#07cfc1 0%, #18d4a9 75%, #ff795b 100%);
	padding: 2px
}

.btn-neon.is-transform:not(.is-changed):not(:hover) span {
	color: #10d1b4;
	height: 36px;
	text-transform: capitalize;
	background-image: linear-gradient(#caf4eb, #caf4eb);
	border-radius: 11px;
	padding: 0 14px;
	line-height: 36px
}

.btn-neon.is-big {
	--deltaX: 8px;
	--deltaY: 5px;
	height: 60px
}

.btn-neon.is-big span {
	height: 60px;
	background-image: linear-gradient(#fe4f0c, #fd3307, #fe520c);
	padding: 0 24px;
	font-size: 20px;
	line-height: 60px;
	display: block;
	position: relative
}

.btn-neon.is-big span:before {
	content: "";
	left: calc(var(--deltaX)*-3);
	top: calc(var(--deltaY)*-3);
	width: calc(100% + var(--deltaX)*6);
	height: calc(100% + var(--deltaY)*6);
	border: 1px solid #ffb55d;
	border-radius: 18px;
	animation: 2s linear infinite forwards btnNeon3;
	display: block;
	position: absolute;
	box-shadow: 0 0 4px #fd4707b3
}

.btn-neon.is-big:hover span {
	background-image: linear-gradient(#ff8801, #ff5c00, #ff9101)
}

@keyframes btnNeon1 {
	0% {
		opacity: 0
	}

	15% {
		opacity: 1
	}

	85% {
		opacity: 1
	}

	to {
		opacity: 0
	}

}

@keyframes btnNeon2 {
	0% {
		opacity: 0
	}

	30% {
		opacity: 1
	}

	70% {
		opacity: 1
	}

	to {
		opacity: 0
	}

}

@keyframes btnNeon3 {
	0% {
		opacity: 0
	}

	40% {
		opacity: 1
	}

	60% {
		opacity: 1
	}

	to {
		opacity: 0
	}

}

.btn-phone {
	height: 48px;
	cursor: pointer;
	color: #585e5d;
	background: #008c841a;
	border-radius: 12px;
	padding: 0 52px 0 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 48px;
	display: inline-block;
	position: relative
}

.btn-phone:hover {
	background: #008c8433
}

.btn-phone:after {
	content: "";
	width: 16px;
	height: 16px;
	background-image: var(--icon-phone);
	filter: invert(23%)sepia(9%)saturate(281%)hue-rotate(118deg)brightness(95%)contrast(90%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 15px;
	right: 20px
}

.btn-slider-small {
	width: 48px;
	height: 48px;
	cursor: pointer;
	background-image: url(../img/arr-slider-right.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	transition: all .2s
}

.btn-slider-small.slick-disabled, .btn-slider-small.swiper-button-disabled {
	opacity: .3;
	pointer-events: none
}

.btn-slider-small:hover {
	transition: all .2s;
	transform: scale(1.125)
}

.btn-slider-small.is-left {
	transform: rotate(180deg)
}

.btn-slider-small.is-left:hover {
	transform: rotate(180deg)scale(1.125)
}

.btn-slider {
	width: 42px;
	height: 42px;
	cursor: pointer;
	background: linear-gradient(45deg, #33b6ff .87%, #27d8ff 50.34%, #09ffa6 99.13%);
	border: 5px solid #fff;
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	transform: rotate(45deg);
	box-shadow: 0 1px 4px #039c9333;
	display: inline-flex !important
}

.btn-slider.slick-disabled, .btn-slider.swiper-button-disabled {
	display: none !important
}

.btn-slider.slick-disabled.vip-slider__arr, .btn-slider.swiper-button-disabled.vip-slider__arr {
	background: linear-gradient(78.33deg, #7fadc7 .87%, #9adae8 94.52%);
	display: flex !important
}

.btn-slider:hover {
	background: linear-gradient(45deg, #3be8e8 .87%, #3aa8e7 25.78%, #2cc7e9 50.34%, #2eeca8 75.42%, #cbe723 99.13%)
}

.btn-slider:before {
	content: "";
	width: 11px;
	height: 11px;
	background-image: var(--icon-arrow);
	filter: invert(100);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	transform: rotate(-45deg)translate(0)
}

.btn-slider.is-left {
	transform: rotate(-135deg)translate(0)
}

.btn-slider.is-left:before {
	transform: rotate(-45deg)
}

.btn-slider.is-red {
	width: 38px;
	height: 38px;
	background-color: #fd3307;
	background-image: none;
	border: 4px solid #fff
}

.btn-switch {
	width: 20px;
	height: 20px;
	background-image: var(--icon-arr-switch);
	filter: invert(65%)sepia(43%)saturate(251%)hue-rotate(128deg)brightness(87%)contrast(92%);
	background-repeat: no-repeat;
	background-size: 100%
}

.btn-switch.is-switched {
	transform: rotate(180deg)
}

.btn {
	height: 48px;
	text-align: center;
	color: #fff;
	vertical-align: top;
	cursor: pointer;
	max-width: 100%;
	text-wrap: balance;
	background-image: radial-gradient(50% 50%, #00cdc1 0%, #24d0b1 100%);
	border: none;
	border-radius: 12px;
	align-items: center;
	padding: 0 24px;
	font-family: Montserrat Alternates, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 900;
	display: inline-flex;
	box-shadow: 0 0 4px #0edfd3
}

.btn:hover {
	background-image: radial-gradient(50% 50%, #04b0a6 0%, #13be9f 100%);
	box-shadow: 0 0 4px #0edfd3
}

.btn.has-icon {
	align-items: center;
	display: inline-flex
}

.btn.has-icon:after {
	content: "";
	width: 12px;
	height: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	margin-left: 6px;
	display: block;
	overflow: hidden
}

.btn.has-icon:hover:after {
	filter: invert()
}

.btn.has-icon-arr:after {
	background-image: var(--icon-arr-down);
	transform: rotate(-90deg)
}

.btn.is-red {
	background: linear-gradient(#fe500c, #fd3307, #ff5a0e);
	box-shadow: 0 0 4px #fd4707b3
}

.btn.is-red:hover {
	background: linear-gradient(#f80, #ff5c00, #ff8c00)
}

.btn.is-easter {
	width: 100%;
	max-width: -moz-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content
}

.btn.is-light {
	box-shadow: none;
	color: #117770;
	background-color: #4986821a;
	background-size: 0
}

.btn.is-light:hover {
	color: #fff;
	background-color: #498682
}

.btn.is-white {
	color: #fd3307;
	background-color: #fff;
	background-size: 0;
	box-shadow: 0 1px 4px #039c9333
}

.btn.is-white:hover {
	color: #0ccfbd;
	box-shadow: 0 3px 8px #039c934d
}

.btn.is-78 {
	height: 78px;
	padding: 0 38px;
	line-height: 78px
}

.btn.is-57 {
	height: 57px;
	padding: 0 20px;
	line-height: 57px
}

.btn.is-55 {
	height: 55px;
	padding: 0 20px;
	line-height: 55px
}

.btn.is-48 {
	height: 48px;
	padding: 0 24px;
	line-height: 48px
}

.btn.is-40 {
	height: 40px;
	border-radius: 8px;
	padding: 0 16px;
	line-height: 40px
}

@media screen and (min-width:1280px) {
	.btn.is-40.has-responsive {
		height: 48px;
		border-radius: 12px;
		padding: 0 24px;
		line-height: 48px
	}

}

.btn.is-24 {
	height: 24px;
	padding: 0 8px;
	line-height: 24px
}

.btn.is-full {
	width: 100%;
	max-width: 100%;
	text-align: center
}

.btn.coin-after:after {
	width: 12px;
	height: 12px;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.btn:hover .btn.coin-after:after, .btn:hover.coin-after:after {
	filter: invert(100)
}

.btn.coin-before:before {
	width: 12px;
	height: 12px;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.btn:hover .btn.coin-before:before, .btn:hover.coin-before:before {
	filter: invert(100)
}

.btn.is-crab {
	align-items: center;
	display: inline-flex
}

.btn.is-crab:after {
	content: "";
	width: 10px;
	height: 10px;
	background-image: var(--icon-crab);
	filter: invert(100);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 4px;
	display: block
}

.form-status {
	width: 15px;
	height: 11px;
	background-image: var(--icon-i-check);
	z-index: 20;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	position: absolute;
	top: 4px;
	left: -3px
}

.form-input.ng-valid.ng-dirty:not(.ng-empty):not(:focus)+.form-label .form-status, .form-select.ng-valid.ng-touched+.form-label .form-status {
	display: block
}

.form-box {
	max-width: 100%;
	position: relative
}

.form-box.is-w100 {
	width: 100%
}

.form-box+.form-box {
	margin-top: 16px
}

.form-btn {
	width: 64px;
	height: 48px;
	z-index: 11;
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	cursor: pointer;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	transition: opacity .2s;
	position: absolute;
	top: 0;
	left: 0
}

.form-btn.is-plus {
	left: auto;
	right: 0
}

.form-btn:hover:not(.is-disabled) {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.form-btn.is-disabled {
	filter: brightness(0)invert(91%)sepia(11%)saturate(317%)hue-rotate(129deg)brightness(97%)contrast(83%)
}

.form-check {
	display: none
}

.form-check__label {
	align-items: flex-start;
	display: flex
}

.form-check__icon {
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 4px;
	flex-shrink: 0;
	margin-right: 14px;
	box-shadow: 0 1px 4px #039c9333
}

.form-check__icon:hover {
	border: 2px solid #c1dad9;
	box-shadow: 0 5px 15px #039c9333
}

.form-check__text {
	color: #6fa6a3;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px
}

.form-check__text a {
	line-height: inherit
}

.form-check:checked+label .form-check__icon {
	border: 2px solid #00cdc1
}

.form-check:checked+label .form-check__icon:before {
	content: "";
	width: 100%;
	height: 100%;
	background-image: var(--icon-i-check);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 14px 10px;
	display: block
}

.form-check.ng-invalid.ng-touched+label .form-check__icon, .form-check.ng-invalid.ng-dirty+label .form-check__icon {
	border: 2px solid #ff5151;
	box-shadow: 0 1px 4px #039c9333
}

.form-currency {
	color: #c1dad9;
	font-size: 20px;
	font-weight: 900;
	line-height: 24px;
	position: absolute;
	top: 14px;
	left: 27px
}

.form-input:hover+.form-label .form-currency {
	color: #6fa6a3
}

.form-input:focus+.form-label .form-currency {
	color: #c1dad9
}

.form-input.is-home-hero+.form-label .form-currency, .form-input.is-home-hero:hover+.form-label .form-currency, .form-input.is-home-hero:focus+.form-label .form-currency {
	color: #ff8128
}

.home-hero .form-currency {
	font-size: 16px;
	line-height: 24px;
	top: 12px
}

.form-error {
	min-height: 6px;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.form-error p {
	text-align: center;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	background: #ff5151;
	border-radius: 2px;
	margin-top: 4px;
	margin-bottom: 0;
	padding: 0 8px;
	font-size: 10px;
	font-weight: 600;
	line-height: 12px;
	overflow: hidden
}

.is-home-hero+.form-label .form-error {
	width: 100%;
	z-index: 100;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	top: 100%;
	overflow: hidden
}

.form-ico {
	width: 16px;
	height: 16px;
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	left: 20px
}

.form-input:hover+.form-label .form-ico {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.form-input:focus+.form-label .form-ico {
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%)
}

.form-input.ng-invalid.ng-touched:not(:focus)+.form-label .form-ico {
	filter: invert(35%)sepia(67%)saturate(1460%)hue-rotate(329deg)brightness(120%)contrast(108%)
}

.form-input {
	box-sizing: border-box;
	height: 48px;
	width: 100%;
	max-width: 100%;
	color: #6fa6a3;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #fff;
	background-position: 20px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	border: none;
	border-radius: 12px;
	align-items: center;
	padding-inline: 48px 30px;
	font-family: Montserrat Alternates, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	transition: all .15s;
	display: block;
	position: relative;
	overflow: hidden;
	box-shadow: 0 1px 4px #039c9333
}

.form-input:hover {
	box-shadow: 0 5px 15px #039c9333
}

.form-input:hover::placeholder {
	color: #117770
}

.form-input:focus {
	color: #117770;
	border: 1px solid #6fa6a3;
	box-shadow: 0 1px 5px #039c9333
}

.form-input.ng-valid.ng-dirty {
	color: #117770;
	box-shadow: 0 1px 4px #039c9333
}

.form-input.ng-invalid.ng-touched:not(:focus) {
	color: #ff5151;
	box-shadow: 0 1px 5px #ff006b4d
}

.form-input.ng-invalid.ng-touched:not(:focus)::placeholder {
	color: #ff5151
}

.form-input::placeholder {
	color: #6fa6a3
}

.form-input:disabled {
	box-shadow: none;
	pointer-events: none;
	background-color: #c1dad9
}

.form-input:disabled+.form-label .form-show-pass {
	pointer-events: none
}

.form-input.is-amount {
	text-align: center;
	font-size: 24px;
	font-weight: 900
}

.form-input.is-amount:hover, .form-input.is-amount:focus, .form-input.is-amount.ng-valid.ng-dirty:not(:focus):hover {
	color: #117770
}

.form-input.is-amount.ng-valid.ng-dirty:not(:focus) {
	color: #6fa6a3
}

.form-input.is-home-hero {
	color: #ff8128;
	-webkit-text-fill-color: #ff8128;
	height: 48px;
	font-size: 16px;
	font-weight: 900;
	line-height: 48px
}

.form-input.is-home-hero:hover, .form-input.is-home-hero:focus, .form-input.is-home-hero.ng-valid.ng-dirty:not(:focus):hover, .form-input.is-home-hero.ng-valid.ng-dirty:not(:focus) {
	color: #ff8128;
	-webkit-text-fill-color: #ff8128
}

.form-radio {
	justify-content: center;
	align-items: center;
	display: flex
}

.form-radio__item {
	max-width: calc(50% - 16px);
	margin: 0 8px
}

.form-radio__label {
	cursor: pointer;
	align-items: center;
	display: flex
}

.form-radio__icon {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 8px;
	flex-shrink: 0;
	margin-right: 12px;
	box-shadow: 0 1px 4px #039c9333
}

.form-radio__text {
	color: #6fa6a3;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: 500;
	line-height: 25px;
	overflow: hidden
}

.form-radio__input {
	display: none
}

[type=radio]:hover+label .form-radio__icon {
	border: 2px solid #c1dad9;
	box-shadow: 0 5px 15px #039c9333
}

[type=radio]:checked+label .form-radio__icon {
	border: 2px solid #00cdc1;
	box-shadow: 0 1px 4px #692b8e47
}

[type=radio]:checked+label .form-radio__icon:before {
	content: "";
	width: 10px;
	height: 10px;
	background: radial-gradient(50% 50%, #00cdc1 0%, #24d0b1 100%);
	border-radius: 4px;
	margin: 3px;
	display: block;
	box-shadow: 0 1px 4px #692b8e47
}

[type=radio]:disabled+label .form-radio__icon {
	opacity: .2
}

[type=radio]:disabled+label .form-radio__text {
	color: #c1dad9
}

[type=radio]:disabled+label {
	cursor: default
}

.form-search {
	height: 40px;
	width: 100%;
	opacity: .6;
	letter-spacing: .02em;
	color: #6fa6a3;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #fff;
	border-radius: 12px;
	padding: 0 18px 0 50px;
	font-size: 14px;
	line-height: 40px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	box-shadow: 0 6px 24px #65cabb33
}

.form-search span {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden
}

.form-search.is-btn:before {
	content: "";
	width: 20px;
	height: 20px;
	background-image: var(--icon-search);
	filter: invert(65%)sepia(43%)saturate(251%)hue-rotate(128deg)brightness(87%)contrast(92%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px
}

.form-select {
	box-sizing: border-box;
	height: 48px;
	width: 100%;
	max-width: 100%;
	text-indent: 44px;
	color: #6fa6a3;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	border: none;
	border-radius: 12px;
	padding: 0 48px 0 0;
	font-family: Montserrat Alternates, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	transition: all .15s;
	display: block;
	overflow: hidden;
	box-shadow: 0 1px 4px #039c9333
}

.form-select__arr {
	content: "";
	background-image: var(--icon-arr-down);
	width: 10px;
	height: 10px;
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	pointer-events: none;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 10px;
	display: block;
	position: absolute;
	top: 19px;
	right: 23px
}

.form-select:hover {
	color: #117770;
	background-image: var(--icon-arr-down-green-hover);
	box-shadow: 0 5px 15px #039c9333
}

.form-select:hover+.form-label .form-select__arr, .form-select:hover+.form-label .form-ico {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.form-select.ng-not-empty.ng-valid.ng-valid-required {
	color: #6fa6a3
}

.form-select.ng-not-empty.ng-valid.ng-valid-required:hover {
	color: #117770
}

.form-select.ng-empty.ng-invalid.ng-touched {
	color: #ff5151;
	box-shadow: 0 1px 5px #ff006b4d
}

.form-select.ng-empty.ng-invalid.ng-touched+.form-label .form-ico, .form-select.ng-empty.ng-invalid.ng-touched+.form-label .form-select__arr {
	filter: invert(35%)sepia(67%)saturate(1460%)hue-rotate(329deg)brightness(120%)contrast(108%)
}

.form-select:disabled {
	box-shadow: none;
	pointer-events: none;
	background: #4986821a
}

.form-show-pass {
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-position: 50%;
	background-size: 16px;
	position: absolute;
	top: 16px;
	right: 20px
}

.form-show-pass:hover {
	filter: brightness(0)invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.form-tooltip {
	width: 265px;
	filter: drop-shadow(0 1px 4px #692b8e47);
	background-color: #fff;
	border-radius: 10px;
	gap: 5px;
	padding: 11px 8px 9px 11px;
	display: none;
	position: absolute;
	top: 50%;
	left: calc(100% + 15px);
	transform: translateY(-50%)
}

.form-tooltip:after {
	content: "";
	width: 22px;
	height: 22px;
	background-color: inherit;
	position: absolute;
	top: 50%;
	left: -10px;
	transform: translateY(-50%)rotate(-45deg)
}

.g-tooltip-min, .g-tooltip-number, .g-tooltip-low, .g-tooltip-up {
	color: #ff5151;
	text-align: left;
	background-position: 0;
	background-repeat: no-repeat;
	background-size: 10px;
	background-image: var(--icon-tooltip-invalid);
	padding-left: 13px;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px
}

.has-tooltip:focus~.form-label .form-tooltip {
	display: grid
}

.has-tooltip.ng-valid-min~.form-label .g-tooltip-min, .has-tooltip.ng-valid-number~.form-label .g-tooltip-number, .has-tooltip.ng-valid-low~.form-label .g-tooltip-low, .has-tooltip.ng-valid-up~.form-label .g-tooltip-up {
	color: #117770;
	background-image: var(--icon-tooltip-valid)
}

.form-num-calc {
	width: 60px;
	height: 48px;
	cursor: pointer;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 20px;
	position: absolute;
	top: 0
}

.form-num-calc.is-disabled {
	opacity: .5;
	cursor: default;
	pointer-events: none
}

.form-num-calc.is-plus {
	right: 0
}

.form-num-calc.is-minus {
	left: 0
}

.form-num-calc.is-top-55 {
	top: 55px
}

.ng-invalid-max .form-num-calc.is-plus, .ng-invalid-min .form-num-calc.is-minus {
	opacity: .5;
	cursor: default;
	pointer-events: none
}

.link-arr-bold {
	color: #000;
	cursor: pointer;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	letter-spacing: .02em;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	display: flex;
	position: relative;
	overflow: hidden
}

.link-arr-bold:after {
	content: "";
	width: 10px;
	height: 10px;
	background-image: var(--icon-arr-down);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 1px;
	margin-left: 2px;
	transform: rotate(-90deg)
}

.link-arr-bold:not(.is-white):hover {
	filter: invert(24%)sepia(9%)saturate(255%)hue-rotate(118deg)brightness()contrast(94%);
	text-decoration: underline
}

.link-arr-bold.is-white {
	filter: none;
	color: #fff
}

.link-arr-bold.is-white:after {
	filter: invert()
}

.link-arr-bold.is-white:hover {
	text-shadow: 0 1px 6px #ffffff80
}

.link-arr-bold .coin-after {
	align-items: center;
	display: flex
}

.link-arr-bold .coin-after:after {
	width: 10px;
	height: 10px
}

.link-arr-bold.is-move {
	white-space: normal;
	text-align: center
}

.link-arrow {
	color: #000;
	cursor: pointer;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	display: flex;
	position: relative;
	overflow: hidden
}

.link-arrow:after {
	content: "";
	width: 10px;
	height: 10px;
	background-image: var(--icon-arr-down);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 10px;
	margin-left: 4px;
	transform: rotate(-90deg)
}

.link-arrow:hover {
	filter: invert(24%)sepia(9%)saturate(255%)hue-rotate(118deg)brightness()contrast(94%)
}

.link-arrow.is-white {
	filter: invert()
}

.link-arrow.is-white:hover {
	opacity: .7
}

.link-arrow.is-inline {
	white-space: break-spaces;
	align-items: flex-end;
	display: inline-block;
	overflow: auto
}

.link-arrow.is-inline:after {
	display: inline-block
}

.link-arrow.is-bold {
	font-weight: 700
}

.link-back {
	color: #000;
	cursor: pointer;
	filter: invert(65%)sepia(43%)saturate(251%)hue-rotate(128deg)brightness(87%)contrast(92%);
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 15px;
	display: flex;
	position: relative;
	overflow: hidden
}

.link-back.is-promo {
	margin: 20px 0 0 32px
}

.link-back:before {
	content: "";
	width: 10px;
	height: 10px;
	background-image: var(--icon-arr-down);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 10px;
	margin-right: 3px;
	transform: rotate(90deg)
}

.link-back:hover {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.link-back.in-gamepage {
	filter: invert(100);
	font-size: 16px;
	font-weight: 900;
	line-height: 20px
}

.link-back.in-gamepage:before {
	margin-right: 8px
}

.link-black {
	text-align: center;
	letter-spacing: .02em;
	color: #3d4241;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px
}

.link-black:hover {
	color: #03a3a3;
	text-decoration-line: underline
}

.link-chat {
	letter-spacing: .02em;
	color: #6fa6a3;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	display: inline-flex
}

.link-chat:before {
	content: "";
	width: 20px;
	height: 20px;
	background-image: var(--icon-support);
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 8px;
	display: block
}

.link-chat:hover {
	color: #117770;
	text-decoration: underline
}

.link-icon {
	--icon-size: 20px;
	--icon-margin: 8px;
	color: #6fa6a3;
	cursor: pointer;
	letter-spacing: .02em;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	display: flex
}

.link-icon:before {
	content: "";
	width: var(--icon-size);
	height: var(--icon-size);
	background-position: 0;
	background-repeat: no-repeat;
	background-size: var(--icon-size);
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	margin-right: var(--icon-margin);
	flex-shrink: 0;
	display: block
}

.link-icon:hover {
	color: #117770;
	text-shadow: 0 1px 4px #bccac833;
	text-decoration: underline
}

.link-icon:hover:before {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.link-icon.is-small {
	--icon-size: 16px;
	--icon-margin: 6px;
	font-size: 12px;
	line-height: 24px
}

.link-light-cyan {
	color: #6fa6a3;
	cursor: pointer;
	font-weight: 700
}

.link-light-cyan:hover {
	color: #117770
}

.link-show-all {
	height: 24px;
	color: #117770;
	cursor: pointer;
	background: #4986821a;
	border-radius: 12px;
	align-items: center;
	padding: 0 19px 0 8px;
	font-size: 12px;
	font-weight: 500;
	line-height: 130%;
	display: flex;
	position: relative
}

.link-show-all:hover {
	background: #49868233
}

.link-show-all:after {
	content: "";
	width: 10px;
	height: 10px;
	background-image: var(--icon-arr-down);
	filter: brightness(0)invert(48%)sepia(37%)saturate(432%)hue-rotate(127deg)brightness(91%)contrast(88%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%)rotate(-90deg)
}

.link-show-all span {
	color: tranparent;
	background: linear-gradient(241deg, #02d8b1 17%, #006bce 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-left: 6px;
	font-size: 14px;
	font-weight: 700;
	line-height: 140%
}

.link-thin {
	color: #6fa6a3;
	cursor: pointer;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	overflow: hidden
}

.link-thin:hover {
	color: #117770
}

.link-white-bold {
	color: #fff;
	letter-spacing: .02em;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.link-white-bold:hover {
	text-shadow: 0 1px 6px #ffffff80
}

.link-white {
	color: #fff;
	text-shadow: 0 1px 4px #039c9333;
	cursor: pointer;
	text-decoration: underline
}

.link-white:hover {
	color: #c8f6f3
}

.link {
	color: #117770;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.link:hover {
	color: #3d4241
}

.link.has-underline:hover {
	text-decoration: underline
}

.link.is-inherit {
	font-size: inherit;
	line-height: inherit
}

.link.is-small {
	font-size: 12px;
	line-height: 15px;
	display: block
}

.link.has-ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.bnr {
	height: 412px;
	text-align: center;
	--deltaX: 120px;
	background-image: url(../img/bnr-bg.webp);
	background-position: bottom;
	background-size: cover;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative
}

.bnr:before, .bnr:after {
	content: "";
	height: 100%;
	width: 372px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 0
}

.bnr:before {
	right: calc(50% + var(--deltaX));
	background-image: var(--img1)
}

.bnr:after {
	left: calc(50% + var(--deltaX));
	background-image: var(--img2)
}

.bnr__title {
	width: 256px;
	background-image: linear-gradient(#e30101 0%, #ff8a00 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	overflow-wrap: break-word;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px;
	display: -webkit-box;
	overflow: hidden
}

.bnr__text {
	width: 256px;
	color: #3d4241;
	overflow-wrap: break-word;
	line-clamp: 4;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	display: -webkit-box;
	overflow: hidden
}

@media screen and (min-width:1280px) {
	.bnr {
		height: 400px;
		--deltaX: 195px
	}

	.bnr:before, .bnr:after {
		width: 361px
	}

	.bnr__title {
		width: 320px;
		font-size: 32px;
		line-height: 39px
	}

	.bnr__text {
		width: 320px;
		font-size: 18px;
		line-height: 28px
	}

}

@media screen and (min-width:1440px) {
	.bnr {
		--deltaX: 295px
	}

}

@media screen and (min-width:1680px) {
	.bnr {
		height: 620px;
		--deltaX: 230px
	}

	.bnr:before, .bnr:after {
		width: 560px
	}

	.bnr__title {
		width: 420px;
		font-size: 40px;
		line-height: 49px
	}

	.bnr__text {
		width: 420px
	}

}

.collection__card {
	flex-direction: column;
	margin-bottom: 5px;
	padding: 10px 0 10px 18px;
	display: flex;
	position: relative
}

.collection__card:hover {
	background: #fff;
	border-radius: 12px;
	box-shadow: inset 0 0 1px #9defe7, 0 0 18px #21ffd7
}

.collection__card:before {
	content: "";
	width: 6px;
	height: 43px;
	background: #fff;
	border-radius: 12px;
	position: absolute;
	top: 8px;
	left: 2px;
	transform: rotate(6deg);
	box-shadow: 0 0 8px #fff, 0 0 8px #fff
}

.collection__card-title {
	color: #117770;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-bottom: 2px;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	overflow: hidden
}

.collection__card-count {
	color: #6fa6a3;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	overflow: hidden
}

.collection__category {
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 18px;
	padding-left: 18px;
	font-size: 14px;
	line-height: 19px;
	transition: background-color .3s;
	display: block;
	overflow: hidden
}

.container {
	margin: 0 auto;
	padding: 0 32px
}

.container:not(.no-limit) {
	max-width: 1920px
}

@media screen and (min-width:1440px) {
	.container {
		padding: 0 60px
	}

}

.cookie-banner {
	width: 650px;
	z-index: 9999;
	background: linear-gradient(90deg, #ddf4f3 0%, #e3f1d7 35.94%, #d5f3f1 71.88%, #fff3d9 100%);
	border-radius: 16px;
	padding: 12px 16px;
	position: fixed;
	bottom: 16px;
	left: 50%;
	transform: translate(-50%);
	box-shadow: 0 3px 8px #039c934d
}

.cookie-banner__wrap {
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	display: flex
}

.cookie-banner__text {
	letter-spacing: .24px;
	color: #3d4241;
	font-family: Montserrat Alternates, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3
}

.cookie-banner__text a {
	color: #03a3a3;
	text-decoration: underline
}

.cookie-banner__btn {
	flex-shrink: 0
}

.crypto-payment__list {
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 96px;
	gap: 12px;
	margin-inline: 58px;
	display: grid
}

.is-disabled .crypto-payment__list {
	pointer-events: none;
	opacity: .7
}

.crypto-payment__item {
	cursor: pointer;
	background: #fff;
	border-radius: 16px;
	grid-template-rows: 100%;
	grid-template-columns: 114px 1fr;
	gap: 16px;
	padding: 16px 24px;
	transition: all .2s;
	display: grid;
	box-shadow: 0 1px 4px #039c9333
}

.crypto-payment__item:hover {
	transform: scale(1.05);
	box-shadow: 0 3px 8px #039c934d
}

.crypto-payment__item img {
	width: 114px;
	height: auto
}

.crypto-payment__info {
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 6px;
	display: flex
}

.crypto-payment__name {
	letter-spacing: .02em;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.crypto-payment__description {
	color: #3d4241;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px
}

.date-picker-wrapper {
	z-index: 4;
	background: #fff;
	border-radius: 16px;
	position: absolute;
	box-shadow: 0 1px 4px #039c9333
}

.date-picker-wrapper .month-wrapper {
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	overflow: hidden;
	width: 640px !important
}

.date-picker-wrapper .month-wrapper .month1 {
	margin-right: 20px
}

.date-picker-wrapper .month-wrapper table {
	float: left;
	width: 270px
}

.date-picker-wrapper .month-wrapper tbody {
	border-bottom: 10px solid #0000
}

.date-picker-wrapper .month-wrapper tbody td {
	cursor: pointer
}

.date-picker-wrapper .month-wrapper .day {
	height: 39px;
	text-align: center;
	color: #3f3f3f;
	padding: 14px 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px
}

.date-picker-wrapper .month-wrapper .day:hover {
	color: #3f3f3f;
	background: #fff;
	border-radius: 50px;
	box-shadow: 0 1px 4px #692b8e47
}

.date-picker-wrapper .month-wrapper .day.real-today:not(.checked), .date-picker-wrapper .month-wrapper .day.real-today:not(.hovering) {
	color: #ff8128;
	background-color: #0000;
	font-weight: 900
}

.date-picker-wrapper .month-wrapper .day.checked, .date-picker-wrapper .month-wrapper .day.toMonth.hovering {
	color: #117770;
	background-color: #0000
}

.date-picker-wrapper .month-wrapper .first-date-selected, .date-picker-wrapper .month-wrapper .last-date-selected {
	border-radius: 100%;
	font-weight: 700;
	color: #fff !important;
	background-color: #117770 !important
}

.date-picker-wrapper.single-date.single-month .month-wrapper {
	width: 320px !important
}

.date-picker-wrapper .caption {
	background-color: #fff
}

.date-picker-wrapper .month-name {
	color: #6fa6a3;
	text-align: center;
	letter-spacing: .02em;
	height: 64px;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px
}

.date-picker-wrapper .prev, .date-picker-wrapper .next {
	float: left;
	height: 40px;
	width: 40px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 8px;
	font-size: 0;
	position: absolute;
	top: 12px;
	box-shadow: 0 1px 4px #039c9333
}

.date-picker-wrapper .prev:before, .date-picker-wrapper .next:before {
	content: "";
	width: 100%;
	height: 100%;
	background-image: var(--icon-arr-down);
	filter: invert(38%)sepia(29%)saturate(4911%)hue-rotate(155deg)brightness()contrast(98%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 16px;
	position: absolute;
	left: 0
}

.date-picker-wrapper .prev:hover, .date-picker-wrapper .next:hover {
	box-shadow: 0 3px 8px #039c934d
}

.date-picker-wrapper .prev {
	left: 8px
}

.date-picker-wrapper .prev:before {
	transform: rotate(90deg)
}

.date-picker-wrapper .next {
	right: 8px
}

.date-picker-wrapper .next:before {
	transform: rotate(-90deg)
}

.date-picker-wrapper .week-name {
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #686b6c;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px
}

.date-picker-wrapper .week-name th {
	height: 35px;
	width: 38px;
	color: #818181
}

.date-picker-wrapper .date-range-length-tip {
	color: #fff;
	background-color: #686b6c;
	border-radius: 2px;
	margin-top: -4px;
	margin-left: -8px;
	padding: 0 6px;
	font-size: 12px;
	line-height: 16px;
	display: none;
	position: absolute
}

.date-picker-wrapper .date-range-length-tip:after {
	content: "";
	border-top: 4px solid #686b6c;
	border-left: 4px solid #0000;
	border-right: 4px solid #0000;
	margin-left: -4px;
	position: absolute;
	bottom: -4px;
	left: 50%
}

.date-picker-wrapper .select-wrapper {
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	position: relative;
	overflow: hidden
}

.date-picker-wrapper .month-element {
	vertical-align: middle;
	display: inline-block
}

.date-picker-wrapper .select-wrapper select {
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	text-transform: inherit;
	color: inherit;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	-ms-filter: "alpha(opacity=1)";
	filter: alpha(opacity=1);
	opacity: .01;
	background: 0 0;
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -1px;
	left: 0
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
	color: #999;
	cursor: default
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
	cursor: help !important
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip, .date-picker-wrapper .time label {
	white-space: nowrap
}

.date-picker-wrapper .month-wrapper table .day.lastMonth, .date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .selected-days {
	display: none
}

.date-picker-wrapper .time {
	position: relative
}

.date-picker-wrapper.single-month .time {
	display: block
}

.date-picker-wrapper .hide {
	display: none
}

.go-top {
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 990;
	opacity: 1;
	background-color: #fff;
	border-radius: 8px;
	transition: all .3s;
	position: fixed;
	bottom: 24px;
	right: 24px;
	transform: scale(1);
	box-shadow: 0 1px 4px #039c9333
}

.go-top:not(.is-active) {
	opacity: 0;
	transform: scale(0)
}

.go-top:after {
	content: "";
	width: 100%;
	height: 100%;
	filter: invert(44%)sepia(62%)saturate(4251%)hue-rotate(154deg)brightness(98%)contrast(98%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 16px;
	background-image: var(--icon-arr-down);
	display: block;
	transform: rotate(180deg)
}

.go-top:hover {
	box-shadow: 0 3px 8px #039c934d
}

.how-to__block {
	max-width: 640px;
	grid-gap: 80px;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 auto;
	display: grid
}

.how-to__block.has-3-col {
	max-width: 900px;
	grid-gap: 60px;
	grid-template-columns: repeat(3, 1fr)
}

.how-to__item {
	text-align: left;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: 110px 66px;
	grid-template-rows: 72px 1fr 30px;
	place-items: end start;
	display: grid;
	overflow: hidden
}

.how-to__item.is-deposit {
	background-image: url(../img/shop-deposit.webp)
}

.how-to__item.is-bets {
	background-image: url(../img/shop-bets.webp)
}

.how-to__item.is-weekly {
	background-image: url(../img/shop-weekly-challenges.webp)
}

.how-to__item.is-tournaments {
	background-image: url(../img/shop-tournaments.webp)
}

.how-to__title {
	color: #3d4241;
	max-width: 208px;
	max-height: 64px;
	font-size: 24px;
	font-weight: 900;
	line-height: 32px;
	overflow: hidden
}

.how-to__text {
	color: #3d4241;
	max-height: 60px;
	letter-spacing: .02em;
	align-self: flex-start;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden
}

.how-to__link {
	justify-content: flex-start
}

.info {
	color: #3d4241;
	letter-spacing: .02em;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px
}

.info h2 {
	text-align: center;
	color: #3d4241;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px
}

.info p {
	margin-bottom: 16px
}

.info p:last-child {
	margin-bottom: 0
}

.info a {
	color: #0c8888;
	font-size: 14px;
	font-weight: 600;
	line-height: 26px
}

.info a:hover {
	text-decoration: underline
}

.info section {
	margin-bottom: 40px
}

.info section:last-child {
	margin-bottom: 0
}

.info ul {
	margin-bottom: 16px;
	margin-left: 2em;
	list-style-type: disc;
	list-style-position: outside
}

.info ul:last-child {
	margin-bottom: 0
}

.info li {
	color: #3d4241;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px
}

.info table {
	width: 100%;
	border: none
}

.info table thead th, .info table thead td {
	color: #909c9a;
	border: none;
	font-weight: 600
}

.info table thead th {
	padding: 10px
}

.info table tbody {
	max-width: 100%;
	min-width: 100%;
	padding-bottom: 20px;
	overflow-x: auto
}

.info table tr {
	color: #3d4241;
	text-align: center;
	letter-spacing: .02em;
	border: 1px solid #d8d5d1;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px
}

.info table td {
	max-width: 600px;
	border: none;
	padding: 10px
}

.lang-list {
	flex-wrap: wrap;
	justify-content: center;
	margin: 30px -50px 0;
	display: flex
}

.lang-list__item {
	margin: 14px
}

.not-found {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-block: 30px;
	display: flex;
	position: relative
}

.not-found__title {
	color: #117770;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px
}

.not-found__img {
	width: 100%;
	height: 420px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.not-found__description {
	color: #117770;
	margin: 32px 0 27px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px
}

.not-found__btn {
	font-size: 20px
}

.page {
	min-height: 100vh;
	flex-direction: column;
	padding-top: 80px;
	display: flex;
	position: relative
}

.page.is-ach {
	background-image: url(../img/ach-lines.webp);
	background-repeat: repeat-y;
	background-size: 100%
}

.page.is-alert {
	padding-top: 128px
}

.page__header {
	position: absolute;
	top: 0;
	left: 0
}

.page__content {
	min-height: 100vh;
	flex-grow: 1;
	padding-bottom: 40px;
	display: block;
	position: relative;
	overflow: hidden
}

.is-promo-page .page__content {
	overflow: inherit
}

.page__footer {
	flex-shrink: 0;
	display: block
}

.quick-dep {
	z-index: 35;
	align-self: flex-start;
	margin-top: 4px;
	position: relative
}

.quick-dep__wrap {
	min-width: 260px;
	max-width: 360px;
	height: 48px;
	background-position: right 28px bottom -200px, right 17px bottom -60px, 50%;
	background-repeat: no-repeat;
	background-size: 95px, 113px, cover;
	border-radius: 8px;
	justify-content: space-between;
	align-items: flex-start;
	padding: 4px;
	display: flex;
	overflow: hidden;
	box-shadow: 0 1px 4px #039c9333
}

.quick-dep__wrap.is-open {
	height: auto;
	min-height: 147px;
	background-position: right 28px bottom, right 17px bottom 46px, 50%
}

.quick-dep__select-window {
	opacity: 0;
	visibility: hidden;
	transform-origin: 50% 0;
	z-index: 10;
	background: #fff;
	border-radius: 0 0 6px 6px;
	transition-property: opacity, visibility;
	transition-duration: .32s;
	transition-timing-function: cubic-bezier(.23, 1, .32, 1);
	top: 100%;
	left: 0
}

.is-open .quick-dep__select-window {
	opacity: 1;
	visibility: visible
}

.quick-dep__select-row {
	cursor: pointer;
	grid-template-columns: min-content 1fr;
	grid-auto-flow: column;
	align-items: center;
	column-gap: 6px;
	padding: 5px 10px 5px 6px;
	display: grid
}

.quick-dep__select-row:hover {
	background-color: #4986821a
}

.quick-dep__select-row.is-selected .quick-dep__select-value, .quick-dep__select-row.is-selected .quick-dep__select-add-card {
	background: linear-gradient(#e30101 0%, #ff8a00 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700
}

.quick-dep__select {
	max-width: 208px;
	margin-right: 4px
}

.quick-dep__select-wrap {
	height: 40px;
	cursor: pointer;
	background: #fff;
	border-radius: 6px;
	justify-content: space-between;
	align-items: center;
	padding: 0 6px;
	display: flex;
	box-shadow: 0 1px 4px #039c9333
}

.is-open .quick-dep__select-wrap {
	border-radius: 6px 6px 0 0
}

.quick-dep__select-card {
	width: 30px;
	height: 18px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.quick-dep__select-value, .quick-dep__select-add-card {
	color: #3d4241;
	letter-spacing: .02em;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	overflow: hidden
}

.quick-dep__select-add-card {
	width: 100px;
	cursor: pointer;
	text-align: left;
	filter: invert(65%)sepia(43%)saturate(251%)hue-rotate(128deg)brightness(87%)contrast(92%);
	background-color: #0000;
	background-position: 6px;
	background-repeat: no-repeat;
	background-size: 10px;
	border: none;
	outline: none;
	padding: 3px 10px 3px 20px;
	font-size: 12px;
	font-weight: 600;
	line-height: 15px;
	display: block
}

.quick-dep__select-arrow {
	width: 10px;
	height: 10px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 9px;
	margin-left: auto
}

.is-open .quick-dep__select-arrow {
	transform: rotate(180deg)
}

.quick-dep__card {
	width: 30px;
	height: 18px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	margin-right: 6px
}

.quick-dep__value {
	color: #3d4241;
	letter-spacing: .02em;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	overflow: hidden
}

.quick-dep__form {
	display: flex
}

.quick-dep__field {
	min-width: 45px;
	height: 40px;
	cursor: pointer;
	background: #fff;
	border-radius: 6px;
	align-items: center;
	margin-right: 4px;
	padding: 0 6px;
	display: flex;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.quick-dep__currency, .quick-dep__input {
	color: #6fa6a3;
	letter-spacing: .02em;
	font-size: 14px;
	font-weight: 900;
	line-height: 17px
}

.quick-dep__input {
	letter-spacing: .02em;
	min-width: 0;
	width: 34px;
	text-align: center;
	-webkit-appearance: textfield;
	appearance: textfield;
	background-color: #0000;
	border: none;
	outline: none;
	padding: 0
}

.quick-dep__input::-webkit-outer-spin-button, .quick-dep__input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.quick-dep__input.ng-valid {
	color: #03a3a3
}

.quick-dep__input.ng-invalid.ng-touched {
	color: #6fa6a3;
	border: none
}

.quick-dep__input.ng-invalid-min~.quick-dep__input-error.m-min, .quick-dep__input.ng-invalid-max~.quick-dep__input-error.m-max, .quick-dep__input.ng-invalid-required~.quick-dep__input-error.m-required {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%)translateY(0)
}

.quick-dep__input-error {
	width: max-content;
	max-width: 220px;
	color: #fff;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transform-origin: 50% 0;
	box-sizing: border-box;
	z-index: 10;
	background: #ff5151;
	border-radius: 2px;
	padding: 2px 8px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	transition-property: opacity, visibility, transform;
	transition-duration: .32s;
	transition-timing-function: cubic-bezier(.23, 1, .32, 1);
	position: absolute;
	top: calc(100% + 9px);
	left: 50%;
	transform: translate(-50%)
}

.quick-dep__input-error:before {
	content: "";
	width: 0;
	height: 0;
	border: 9px solid #0000;
	border-top-width: 0;
	border-bottom: 6px solid #ff5151;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%)
}

.random {
	background-color: #fff;
	border-radius: 12px;
	padding: 6px;
	box-shadow: inset 0 0 4px #ffad0f80, 0 0 10px #ffad0f
}

.random__wrap {
	width: 100%;
	height: 100%;
	border-radius: 9px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 4px #ffad0f80, inset 0 0 10px #ffad0f
}

.random__wrap:before, .random__wrap:after {
	content: "";
	width: 100%;
	height: 60%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0
}

.random__wrap:before {
	z-index: 12;
	background-image: url(../img/craftpunk-random.webp);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100%
}

.random__wrap:after {
	z-index: 13;
	background-image: linear-gradient(360deg, #ff8128 1.69%, #ff812800 100%);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: all .2s;
	transform: translateY(70%)
}

.random:hover .random__wrap:after {
	transform: translateY(0%)
}

.random video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 9px;
	display: block;
	position: absolute;
	inset: 0
}

.random__title {
	width: 100%;
	z-index: 10;
	text-align: center;
	color: #fff;
	text-shadow: 0 4px 10px #0003;
	padding: 12px 8px;
	font-size: 15px;
	font-weight: 900;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0
}

@media screen and (min-width:1280px) {
	.random__title {
		font-size: 20px;
		line-height: 24px
	}

}

@media screen and (min-width:1440px) {
	.random__title {
		font-size: 22px;
		line-height: 26px
	}

}

.random__btn {
	z-index: 20;
	width: 100%;
	text-align: center;
	height: 50px;
	opacity: 0;
	transition: all .2s;
	position: absolute;
	bottom: 7%;
	transform: translateY(50%)
}

.random:hover .random__btn {
	opacity: 1;
	transform: translateY(0%)
}

.section-gamehall__wrapper {
	width: 100px
}

.section-gamehall__category {
	padding-bottom: 40px
}

.section-gamehall__category__header {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
	display: flex
}

.section-gamehall__category__header a:hover span {
	color: #fff;
	background: 0 0
}

.section-gamehall__category__show-all {
	color: #0c8888;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px
}

.section-gamehall__category__games-count {
	color: #0000;
	background: linear-gradient(240.96deg, #02d8b1 16.98%, #006bce 70.42%);
	-webkit-background-clip: text;
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px
}

.section-gamehall__gamebox {
	position: relative
}

.section-gamehall__gamebox .swiper-container {
	position: static
}

.section-gamehall__arr {
	z-index: 100;
	position: absolute;
	top: calc(50% - 20px)
}

.section-gamehall__arr.is-left {
	left: -12px
}

.section-gamehall__arr.is-right {
	right: -12px
}

.seo {
	width: 100%;
	color: #3d4241;
	letter-spacing: .02em;
	margin: 0 auto 60px;
	padding: 0 32px;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px
}

.seo section {
	background: #fff;
	border-radius: 16px;
	margin-bottom: 20px;
	transition: all .3s;
	box-shadow: 0 1px 4px #039c9333
}

.seo section:hover {
	box-shadow: 0 3px 8px #039c934d
}

.seo section:hover h1, .seo section:hover h2 {
	color: #117770
}

.seo section:hover h1:after, .seo section:hover h2:after {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.seo h1, .seo h2 {
	text-align: center;
	color: #6fa6a3;
	z-index: 1;
	cursor: pointer;
	margin: 0;
	padding: 12px 56px;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	position: relative
}

.seo h1:after, .seo h2:after {
	content: "";
	width: 20px;
	height: 20px;
	background-image: var(--icon-arr-down);
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	background-size: 20px;
	transition: all .3s;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%)
}

.seo h1+div, .seo h2+div {
	border-top: 1px solid #6fa6a3;
	margin: 0 20px;
	padding: 16px 0 25px;
	display: none;
	overflow: hidden
}

.seo ul {
	margin-bottom: 10px
}

.seo ul:last-child {
	margin: 0
}

.seo a {
	text-decoration: underline
}

.seo p {
	margin-bottom: 20px
}

.seo p:last-child {
	margin: 0
}

.seo h1.is-open, .seo h2.is-open {
	color: #117770;
	padding: 20px 56px 16px
}

.seo h1.is-open+div, .seo h2.is-open+div {
	display: block
}

.seo h1.is-open:after, .seo h2.is-open:after {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	transform: translateY(-50%)rotate(-180deg)
}

@media screen and (min-width:1280px) {
	.seo {
		width: 1175px;
		padding: 0
	}

}

.step {
	color: #c1dad9;
	flex-direction: column;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 26px;
	display: flex;
	position: relative;
	overflow: hidden
}

.step:before {
	content: "";
	width: 6px;
	height: 42px;
	filter: drop-shadow(0 0 4px #00d1ff);
	opacity: .3;
	background-color: #fff;
	border-radius: 30px;
	position: absolute;
	top: 8px;
	left: 4px;
	box-shadow: inset 0 0 4px #00bdecb3
}

.step__title {
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 7px;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px;
	overflow: hidden
}

.step__subtitle {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-height: 30px;
	font-size: 12px;
	line-height: 15px;
	overflow: hidden
}

.step.active {
	color: #6fa6a3
}

.step.active:before {
	opacity: 1
}

.terms-change {
	width: 100%;
	height: 100%;
	z-index: 2100;
	background: linear-gradient(90deg, #f1fffe 0%, #f6fff0 35.94%, #eefffe 71.88%, #fff9ee 100%);
	padding: 40px 0 0;
	position: fixed;
	top: 0;
	left: 0
}

.terms-change__content {
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	display: flex;
	position: relative
}

.terms-change__logo {
	width: 130px;
	height: 54px;
	background-image: url(../img/logo-dark.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0
}

.terms-change__box {
	width: 960px;
	box-sizing: border-box;
	max-height: calc(100vh - 298px);
	margin-top: 52px;
	padding: 0;
	position: relative
}

.terms-change__info {
	max-height: 100%;
	overflow: auto
}

.terms-change__info h1 {
	text-align: center;
	color: #3d4241;
	margin-bottom: 18px;
	font-size: 22px;
	font-weight: 700;
	line-height: 120%
}

.terms-change__info h2 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700
}

.terms-change__info li {
	color: #3d4241;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px
}

.terms-change__info table:after {
	background: linear-gradient(90deg, #fff0, #fff9ee 50%)
}

.terms-change__panel {
	min-height: 115px;
	width: 100%;
	background: linear-gradient(90deg, #ddf4f3 0%, #e3f1d7 35.94%, #d5f3f1 71.88%, #fff3d9 100%);
	border-radius: 0 0 24px 24px;
	justify-content: center;
	align-items: center;
	margin: 0 -30px;
	padding: 0;
	display: flex
}

.terms-change__panel .form-check__label {
	align-items: center
}

.terms-change__panel .form-label {
	position: absolute;
	top: 100%;
	left: 0
}

.terms-change__panel .btn {
	min-width: -moz-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content
}

.terms-change__panel-box {
	width: 960px;
	align-items: center;
	display: flex
}

.terms-change__btn {
	margin: 0 10px 0 20px;
	transition: opacity .2s
}

.terms-change__btn[disabled] {
	opacity: .5
}

.ach-bnr {
	width: 100%;
	height: 544px;
	text-align: center;
	background-image: url(../img/craftpank.webp), url(../img/miradona.webp), url(../img/ach-bnr.webp);
	background-position: calc(50% - 383px) 0, right calc(50% - 383px) top 20px, 50% 40px;
	background-repeat: no-repeat;
	background-size: auto 828px, auto 828px, 900px 340px;
	padding: 94px 0 0
}

.ach-bnr>* {
	width: 1132px;
	margin: 0 auto
}

.ach-bnr__title {
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 4px #039c9333;
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: 900;
	line-height: 100%
}

.ach-bnr__text {
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 4px #039c9333;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%
}

.ach-bnr__text .coin-after:after {
	width: 16px;
	height: 16px;
	filter: invert();
	margin-left: 2px
}

.ach-bnr__amount {
	background: linear-gradient(#2ddacf -115%, #f2fff8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 3px #fff;
	box-sizing: border-box;
	text-shadow: 0 1px 4px #039c9333;
	justify-content: center;
	font-size: 60px;
	font-weight: 900;
	line-height: 100%;
	display: flex
}

.ach-bnr__amount:before {
	content: "🅒";
	margin-left: 4px;
	display: block
}

.ach-bnr__wrap {
	justify-content: center;
	align-items: center;
	display: flex
}

.ach-bnr__wrap .ach-bnr__amount {
	margin: 0 10px
}

@media screen and (min-width:1280px) {
	.ach-bnr {
		background-position: calc(50% - 505px) 0, right calc(50% - 483px) top, 50% 40px
	}

}

@media screen and (min-width:1440px) {
	.ach-bnr {
		height: 600px;
		background-position: calc(50% - 520px) 0, right calc(50% - 480px) top, 50% 80px;
		background-size: auto 1104px, auto 1104px, 1132px 340px;
		padding: 124px 0 0
	}

}

.ach-box__grid {
	grid-gap: 40px 20px;
	grid-template-columns: repeat(3, 1fr);
	display: grid
}

@media screen and (min-width:1280px) {
	.ach-box__grid {
		grid-gap: 40px 35px;
		grid-template-columns: repeat(4, 1fr)
	}

}

.ach-countdown {
	width: -moz-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	background: linear-gradient(240.96deg, #02d8b1 16.98%, #006bce 70.42%);
	border-radius: 8px;
	padding: 6px 12px
}

.ach-countdown .t-timer__item, .ach-countdown .t-timer__divider {
	font-size: 24px;
	line-height: 29px
}

.ach-countdown .t-timer__label {
	font-size: 10px
}

.ach-countdown .t-timer__divider {
	padding: 0
}

.ach-item {
	height: 390px;
	display: block;
	position: relative
}

.ach-item__wrap {
	width: calc(100% - 12px);
	height: calc(100% - 180px);
	background: #fff;
	border-radius: 0 0 20px 20px;
	flex-direction: column;
	justify-content: center;
	margin: -20px auto 0;
	padding: 40px 20px 20px;
	display: flex;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.ach-item__prize {
	z-index: 3;
	color: #00ccc0;
	background-color: #fff;
	border-radius: 16px;
	padding: 4px 8px;
	font-size: 16px;
	font-weight: 900;
	line-height: 19px;
	position: absolute;
	top: 12px;
	right: 12px;
	box-shadow: 0 1px 4px #039c9333
}

.ach-item__prize .amount {
	align-items: center;
	gap: 4px;
	display: flex
}

.ach-item__prize .amount-value {
	align-items: center;
	gap: 2px;
	display: flex;
	position: relative
}

.ach-item__prize .amount-value:before {
	content: " ";
	width: 12px;
	height: 12px;
	background-image: var(--icon-coin);
	filter: invert(65%)sepia(8%)saturate(6832%)hue-rotate(129deg)brightness(93%)contrast(101%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	display: block
}

.ach-item__text .ach-item__prize {
	color: #117770;
	box-shadow: none;
	background-color: #0000;
	position: relative;
	top: auto;
	right: auto
}

.ach-item__text .ach-item__prize:after {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.ach-item__head {
	z-index: 2;
	width: 100%;
	height: 200px;
	background-color: #fff;
	border-radius: 30px;
	padding: 6px;
	position: relative;
	box-shadow: inset 0 0 4px #00bdecb3, 0 0 10px #00d1ff
}

.is-status-1 .ach-item__head {
	box-shadow: inset 0 0 4px #1ed0b4b3, 0 0 10px #1ed0b4
}

.is-status-2 .ach-item__head, .is-status-3 .ach-item__head {
	box-shadow: inset 0 0 4px #b1dedb, 0 0 16px #b1dedb99
}

.ach-item__img {
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 26px;
	position: relative;
	overflow: hidden;
	box-shadow: inset 0 0 8px #78e8fd, 0 0 4px #00d1ff
}

.is-status-1 .ach-item__img {
	box-shadow: inset 0 0 8px #9beade, 0 0 4px #1ed0b4
}

.is-status-2 .ach-item__img, .is-status-3 .ach-item__img {
	box-shadow: inset 0 0 4px #b1dedb, 0 0 4px #b1dedb
}

.is-status-2 .ach-item__img:before, .is-status-3 .ach-item__img:before {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(../img/check.webp), linear-gradient(#00a0c4cc 0%, #75e0efcc 52.6%, #f2fffdcc 100%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100px, cover;
	position: absolute;
	top: 0;
	left: 0
}

.ach-item__name {
	color: #3d4241;
	text-align: center;
	letter-spacing: .02em;
	overflow-wrap: break-word;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	display: -webkit-box;
	overflow: hidden
}

.ach-item__progress {
	align-items: center;
	display: flex
}

.ach-item__progress-line {
	height: 14px;
	background: #fff;
	border: 2px solid #c1dad9;
	border-radius: 99px;
	flex-grow: 1;
	flex-shrink: 0;
	margin-right: 4px;
	position: relative
}

.is-status-1 .ach-item__progress-line {
	background: #a73200;
	border-color: #fffbe6;
	box-shadow: 0 2px 8px #ffa55280
}

.ach-item__line {
	content: "";
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0
}

.is-status-1 .ach-item__line {
	background: linear-gradient(270deg, #fff9c5e6 0%, #fff0 9.35%), radial-gradient(82.91% 26.99% at 49.2% 99.32%, #fff 0%, #fff0 100%), radial-gradient(106.71% 34.74% at 49.21% -.09%, #fff 0%, #fff0 100%), #fd4707
}

.ach-item__count {
	color: #6fa6a3;
	text-align: right;
	letter-spacing: .02em;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px
}

.is-status-1 .ach-item__count span {
	background: linear-gradient(#e30101 0%, #ff8a00 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.ach-item__foot {
	justify-content: space-between;
	align-items: center;
	display: flex
}

.ach-item__foot .btn {
	max-width: 115px
}

.ach-item__min {
	color: #909c9a;
	cursor: pointer;
	max-width: 115px;
	justify-content: space-between;
	margin-left: 10px;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	display: flex;
	position: relative
}

.ach-item__min:after {
	content: "";
	width: 14px;
	filter: invert(66%)sepia(8%)saturate(274%)hue-rotate(120deg)brightness(91%)contrast(95%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 14px;
	display: block
}

.ach-item__min p {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100px;
	padding-right: 4px;
	overflow: hidden
}

.ach-item__min:hover .ach-item__tooltip {
	display: block
}

.ach-item__tooltip {
	width: 273px;
	height: auto;
	color: #3d4241;
	letter-spacing: .02em;
	z-index: 3;
	background: #fff;
	border-radius: 12px;
	padding: 16px;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	display: none;
	position: absolute;
	bottom: 40px;
	right: -15px;
	box-shadow: 0 6px 24px #65cabb33
}

.ach-item__tooltip:after {
	content: "";
	border: 8px solid #0000;
	border-top: 10px solid #fff;
	border-bottom-width: 0;
	position: absolute;
	bottom: -10px;
	right: 16px;
	box-shadow: 0 6px 24px #65cabb33
}

.ach-item__text {
	color: #3d4241;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	display: flex
}

.ach-item__text span {
	margin-right: 4px
}

.ach-item:hover .ach-item__wrap {
	background: linear-gradient(#f4fbff, #f4fbff), linear-gradient(#f2fff8 74.28%, #dffffe 100%)
}

.ach-item:hover.is-status-2 .ach-item__img:before, .ach-item:hover.is-status-3 .ach-item__img:before {
	background-image: url(../img/check.webp), linear-gradient(#03a3a39e, #03a3a39e)
}

.ach-item2 {
	height: 123px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 12px;
	margin-bottom: 12px;
	position: relative
}

.ach-item2:last-child {
	margin: 0
}

.game-bar .ach-item2 {
	margin-bottom: 12px
}

.is-current-game .ach-item2 {
	padding: 4px;
	box-shadow: inset 0 0 4px #1ed0b4b3, 0 0 10px #1ed0b4
}

.ach-item2.is-status-2, .ach-item2.is-status-3 {
	position: relative
}

.ach-item2.is-status-2:after, .ach-item2.is-status-3:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/check.webp) 50%/60px 60px no-repeat, linear-gradient(#00a0c4cc 0%, #75e0efcc 52.6%, #f2fffdcc 100%) 0 0/100% no-repeat;
	border-radius: 12px;
	position: absolute;
	top: 0;
	left: 0
}

.ach-item2__prize {
	z-index: 3;
	color: #03a3a3;
	background-color: #fff;
	background-image: linear-gradient(#f2fff8 0%, #bafffb 100%);
	border-radius: 12px;
	padding: 2px 6px;
	font-size: 12px;
	font-weight: 900;
	line-height: 12px;
	position: absolute;
	top: -4px;
	right: -4px;
	box-shadow: 0 1px 4px #039c9333
}

.ach-item2__prize .amount {
	align-items: center;
	display: flex
}

.ach-item2__prize .amount-value {
	align-items: center;
	gap: 4px;
	display: flex;
	position: relative
}

.ach-item2__prize .amount-value:before {
	content: " ";
	width: 12px;
	height: 12px;
	background-image: var(--icon-coin);
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	display: block
}

.is-status-2 .ach-item2__prize, .is-status-3 .ach-item2__prize {
	display: none
}

.ach-item2__img {
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 12px;
	position: relative;
	overflow: hidden
}

.is-current-game .ach-item2__img {
	border-radius: 10px;
	box-shadow: inset 0 0 8px #9beade, 0 0 4px #1ed0b4
}

.ach-item2__progress {
	width: 152px;
	height: 34px;
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translate(-50%)
}

.ach-item2__progress-line {
	height: 14px;
	background: #fff;
	border: 2px solid #c1dad9;
	border-radius: 99px;
	flex-grow: 1;
	flex-shrink: 0;
	position: relative
}

.is-status-1 .ach-item2__progress-line {
	background: #a73200;
	border-color: #fffbe6;
	box-shadow: 0 2px 8px #ffa55280
}

.ach-item2__line {
	content: "";
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0
}

.is-status-1 .ach-item2__line {
	background: linear-gradient(270deg, #fff9c5e6 0%, #fff0 9.35%), radial-gradient(82.91% 26.99% at 49.2% 99.32%, #fff 0%, #fff0 100%), radial-gradient(106.71% 34.74% at 49.21% -.09%, #fff 0%, #fff0 100%), #fd4707
}

.ach-item2__count {
	color: #fff;
	text-align: center;
	letter-spacing: .02em;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 900;
	line-height: 16px
}

.is-current-game {
	order: -1;
	margin-top: 10px
}

.ach__wrap {
	margin: -87px auto 0;
	padding: 0 34px
}

.ach__title {
	color: #3d4241;
	text-align: center;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px
}

@media screen and (min-width:1280px) {
	.ach__wrap {
		max-width: 1284px;
		margin: -96px auto 0;
		padding: 0
	}

}

#air-datepicker-global-container {
	--primary-turquoise-color: #117770;
	--secondary-turquoise-color: #edf3f3
}

#air-datepicker-global-container .air-datepicker {
	--adp-z-index: 1000;
	--adp-font-family: $fontFamily, $fontFamilyAlt;
	--adp-font-size: 12px;
	--adp-border-radius: 16px;
	--adp-border-color: transparent;
	--adp-width: 317px;
	--adp-padding: 8px;
	--adp-nav-height: 32px;
	--adp-background-color-hover: var(--secondary-turquoise-color);
	--adp-border-color-inner: var(--secondary-turquoise-color);
	--adp-color: #3d4241;
	--adp-color-other-month: #d0d0d0;
	--adp-color-current-date: #fd3307;
	--adp-nav-arrow-color: var(--primary-turquoise-color);
	--adp-nav-color-secondary: #3f3f3f;
	--adp-day-name-color: #909c9a;
	--adp-day-cell-height: 43px;
	--adp-month-cell-height: 43px;
	--adp-year-cell-height: 43px;
	--adp-cell-border-radius: 8px;
	--adp-cell-background-color-selected: var(--primary-turquoise-color);
	--adp-cell-background-color-in-range: var(--secondary-turquoise-color);
	--adp-cell-background-color-hover: var(--secondary-turquoise-color);
	--adp-cell-background-color-selected-hover: #6fa5a2;
	--adp-cell-background-color-in-range-hover: #d1e1e0;
	box-shadow: 0 3px 8px #039c934d
}

.avatar-details {
	width: 348px;
	min-height: 229px;
	z-index: 125;
	background-color: #fff;
	border-radius: 25px;
	position: absolute;
	bottom: 12px;
	left: 50%;
	transform: translate(-50%)
}

.avatar-details__item-wrap {
	text-align: center;
	justify-content: center;
	transition: opacity .2s ease-in-out, transform .3s ease-in-out;
	display: flex
}

.avatar-details__item-wrap:after, .avatar-details__item-wrap:before {
	content: "";
	width: 400px;
	height: 195px;
	z-index: 2;
	background-image: url(../img/offer-blue-on-1024.svg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	animation: 3s linear infinite forwards light;
	position: absolute
}

.avatar-details__item-wrap:before {
	animation-delay: .75s;
	top: -12px;
	left: -12px
}

.avatar-details__item-wrap:after {
	animation-delay: 1s;
	bottom: -12px;
	right: -12px;
	transform: rotate(180deg)
}

.avatar-details__item-wrap.is-finland .avatar-details__link {
	color: #117770;
	margin: 16px 0 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px
}

.avatar-details__item-wrap.is-finland .avatar-details__offer {
	height: 47px;
	margin-bottom: 10px
}

.avatar-details__item {
	opacity: 0;
	height: 100%;
	width: 100%;
	flex-direction: column;
	align-items: center;
	display: flex;
	position: absolute
}

.avatar-details__item.detail-active {
	z-index: 150;
	opacity: 1
}

.avatar-details__item.detail-active .avatar-details__offer {
	opacity: 1;
	transition: opacity .3s
}

.avatar-details__form {
	z-index: 150;
	width: 100%;
	position: absolute;
	bottom: 48px;
	left: 50%;
	transform: translate(-50%)
}

.avatar-details__zimpler-form-slider {
	flex-direction: column;
	align-items: center;
	display: flex
}

.avatar-details__input.form-input, .avatar-details__input.form-input:focus, .avatar-details__input.form-input:not(:focus) {
	max-width: 267px;
	color: #117770;
	height: 48px;
	box-shadow: none;
	border: 1px solid #c1dad9;
	margin: 0 auto
}

.avatar-details__link {
	color: #117770;
	letter-spacing: .02em;
	z-index: 10;
	margin: 24px 0 17px;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	display: inline-flex;
	position: relative
}

.avatar-details__offer {
	color: #117770;
	width: 100%;
	opacity: 0;
	height: 52px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	align-items: center;
	margin-bottom: 13px;
	padding: 0 45px;
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	display: flex
}

.avatar-details__btn {
	max-width: 267px;
	width: 100%
}

.avatar-details__btn .btn-info {
	color: #fff;
	letter-spacing: .02em;
	height: 78px;
	z-index: 10;
	border-radius: 16px;
	font-size: 24px;
	font-weight: 900;
	line-height: 78px;
	position: relative
}

:is(:lang(fr), :lang(sf), :lang(be), :lang(eu)) .avatar-details__btn .btn-info {
	font-size: 21px
}

:lang(pl) .avatar-details__btn .btn-info {
	font-size: 23px
}

@media screen and (min-width:1440px) {
	:is(:lang(fr), :lang(sf), :lang(be), :lang(pl), :lang(eu)) .avatar-details__btn .btn-info {
		font-size: 24px
	}

}

.avatar-details__btn .btn-info:after {
	content: "";
	width: 350px;
	height: 100px;
	z-index: -1;
	filter: opacity(.4);
	background: url(../img/button_animation.gif) 50%/contain no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.avatar-details__btn.is-finland {
	height: 54px;
	margin-top: 16px
}

.avatar-details__btn.is-finland .btn-info {
	height: 54px;
	line-height: 54px
}

.avatar-details__btn.is-log {
	display: none
}

.avatar-details__btn.is-register {
	display: block
}

.avatar-details__arrow {
	width: 58px;
	height: 58px;
	z-index: 150;
	background-color: #0000;
	background-image: url(../img/arr-slider-right.webp);
	background-position: right 12px center;
	background-repeat: no-repeat;
	background-size: 24px;
	border: none;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.avatar-details__arrow.is-next {
	right: -30px;
	transform: translateY(-50%)
}

.avatar-details__arrow.is-prev {
	left: -30px;
	transform: translateY(-50%)rotate(180deg)
}

.avatar-details__arrow-mask {
	width: 58px;
	height: 58px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: -30px;
	transform: translateY(-50%)
}

.avatar-details__arrow-mask:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	left: -350px
}

@media screen and (min-width:1440px) {
	.avatar-details {
		width: 416px;
		min-height: 263px
	}

	.avatar-details__item-wrap:after, .avatar-details__item-wrap:before {
		content: "";
		width: 467px;
		height: 205px;
		background-image: url(../img/offer-blue-on-1440.svg)
	}

	.avatar-details__item-wrap:before {
		top: -12px;
		left: -12px
	}

	.avatar-details__item-wrap:after {
		bottom: -12px;
		right: -12px
	}

	.avatar-details__item-wrap.is-finland .avatar-details__link {
		margin: 24px 0 13px
	}

	.avatar-details__item-wrap.is-finland .avatar-details__offer {
		height: 56px;
		margin-bottom: 7px
	}

	.avatar-details__form {
		bottom: 59px
	}

	.avatar-details__link {
		margin: 30px 0 19px
	}

	.avatar-details__offer {
		color: #117770;
		height: 70px;
		margin-bottom: 21px;
		font-size: 28px;
		font-weight: 700;
		line-height: 32px
	}

	.avatar-details__btn {
		min-width: 336px
	}

	.avatar-details__btn.is-finland {
		height: 54px
	}

	.avatar-details__btn.is-finland .btn-info {
		height: 54px;
		line-height: 54px
	}

	.avatar-details__arrow-mask:before {
		left: -415px
	}

}

@media screen and (min-width:1680px) {
	.avatar-details {
		width: 438px;
		min-height: 300px
	}

	.avatar-details__item-wrap:after, .avatar-details__item-wrap:before {
		width: 485px;
		height: 220px;
		background-image: url(../img/offer-blue-on-1920.svg)
	}

	.avatar-details__item-wrap:before {
		top: -10px;
		left: -10px
	}

	.avatar-details__item-wrap:after {
		bottom: -10px;
		right: -10px
	}

	.avatar-details__item-wrap.is-finland .avatar-details__link {
		margin: 22px 0 15px
	}

	.avatar-details__item-wrap.is-finland .avatar-details__offer {
		height: 73px;
		margin-bottom: 11px
	}

	.avatar-details__form {
		bottom: 66px
	}

	.avatar-details__input.form-input, .avatar-details__input.form-input:focus, .avatar-details__input.form-input:not(:focus) {
		max-width: 336px
	}

	.avatar-details__link {
		margin: 40px 0 21px
	}

	.avatar-details__offer {
		color: #117770;
		height: 85px;
		margin-bottom: 16px;
		font-size: 34px;
		font-weight: 700;
		line-height: 38px
	}

	.avatar-details__btn.is-finland {
		height: 68px
	}

	.avatar-details__btn.is-finland .btn-info {
		height: 68px;
		line-height: 68px
	}

	.avatar-details__arrow-mask:before {
		left: -435px
	}

}

.linda-has-remembered-login .is-log {
	display: block
}

.linda-has-remembered-login .is-register {
	display: none
}

@keyframes light {
	0% {
		opacity: .3;
		animation-timing-function: cubic-bezier(.32, -1.21, .72, 1.75)
	}

	3.2% {
		opacity: 1
	}

	6.4% {
		opacity: .4;
		animation-timing-function: cubic-bezier(.17, .67, .72, 1.75)
	}

	9.6% {
		opacity: 1
	}

	to {
		opacity: 1
	}

}

@keyframes anim-clone-left {
	0% {
		left: 0
	}

	to {
		left: -14%
	}

}

@keyframes anim-clone-right {
	0% {
		right: 0;
		left: inherit
	}

	to {
		right: -14%;
		left: inherit
	}

}

@keyframes active-anim-left {
	0% {
		right: 14%;
		left: inherit
	}

	to {
		right: 28%;
		left: inherit;
		width: 44%
	}

}

@keyframes active-anim-right {
	0% {
		left: 14%;
		right: inherit
	}

	to {
		left: 28%;
		right: inherit;
		width: 44%
	}

}

@keyframes next-anim-left {
	0% {
		right: 0;
		left: inherit
	}

	to {
		right: 14%;
		left: inherit
	}

}

@keyframes next-anim-right {
	0% {
		right: 28%;
		left: inherit;
		width: 44%
	}

	to {
		right: 14%;
		left: inherit
	}

}

@keyframes prev-anim-left {
	0% {
		width: 44%;
		left: 28%
	}

	to {
		left: 14%
	}

}

@keyframes prev-anim-right {
	0% {
		left: 0
	}

	to {
		left: 14%
	}

}

@keyframes first-anim-left {
	0% {
		left: 14%
	}

	to {
		left: 0
	}

}

@keyframes first-anim-right {
	0% {
		left: -14%
	}

	to {
		left: 0
	}

}

@keyframes last-anim-left {
	0% {
		right: -14%;
		left: inherit
	}

	to {
		right: 0;
		left: inherit
	}

}

@keyframes last-anim-right {
	0% {
		right: 14%;
		left: inherit
	}

	to {
		right: 0;
		left: inherit
	}

}

.avatar-slider {
	height: 533px;
	width: 100vw;
	--gradientBlue: linear-gradient(180deg, #00a0c4 0%, #75e0ef 52%, #f2fffd 100%);
	z-index: 1;
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	overflow: hidden
}

.avatar-slider__wrap {
	height: 100%;
	width: 100%;
	display: flex;
	position: relative;
	transform: scaleX(1.01)
}

.avatar-slider__wrap:after {
	content: "";
	width: 100%;
	height: 184px;
	z-index: 20;
	background: linear-gradient(90deg, #f1fffe 0%, #f6fff0 36%, #eefffe 72%, #fff9ee 100%);
	position: absolute;
	bottom: 0;
	-webkit-mask-image: linear-gradient(#d9d9d900, #fff9ee 100%);
	mask-image: linear-gradient(#d9d9d900, #fff9ee 100%)
}

.avatar-slider__wrap.hide {
	opacity: 0;
	transition: opacity .5s
}

.avatar-slider__wrap.show {
	opacity: 1;
	transition: opacity .5s
}

.avatar-slider__clone-first, .avatar-slider__clone-last {
	width: 14%;
	height: 100%;
	z-index: -1;
	position: absolute
}

.avatar-slider__clone-first .avatar-slider__item, .avatar-slider__clone-last .avatar-slider__item {
	width: 100%
}

.avatar-slider__clone-first .avatar-slider__item.slide-first, .avatar-slider__clone-first .avatar-slider__item.slide-last-right, .avatar-slider__clone-last .avatar-slider__item.slide-first, .avatar-slider__clone-last .avatar-slider__item.slide-last-right {
	animation: none
}

.avatar-slider__clone-first {
	left: 0
}

.avatar-slider__clone-first.clone-first-anim {
	animation: .5s forwards anim-clone-left
}

.avatar-slider__clone-last {
	left: inherit;
	right: 0
}

.avatar-slider__clone-last.clone-last-anim {
	animation: .5s forwards anim-clone-right
}

.avatar-slider__item {
	height: 100%;
	width: 14%;
	opacity: 1;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	position: absolute;
	top: -1px
}

.avatar-slider__item:after {
	content: "";
	width: 8px;
	height: 100%;
	z-index: 5;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: -8px;
	box-shadow: 0 0 12px #1ed0b4, inset 0 0 4px #1ed0b4b3
}

.avatar-slider__item.active .avatar-tile__hero, .avatar-slider__item.active-prev .avatar-tile__hero {
	opacity: 1;
	transition: transform .5s;
	transform: scale(1.05)translate(-45%, 25px) !important
}

.avatar-slider__item.active .avatar-tile__name, .avatar-slider__item.active-prev .avatar-tile__name {
	opacity: 1;
	transition: opacity .4s
}

.avatar-slider__item.active .avatar-tile__bg, .avatar-slider__item.active-prev .avatar-tile__bg {
	background-image: url(../img/bg_character.webp), var(--gradientBlue)
}

.avatar-slider__item.active {
	animation: .5s forwards active-anim-left
}

.avatar-slider__item.active-prev {
	animation: .5s forwards active-anim-right
}

.avatar-slider__item.next {
	animation: .5s forwards next-anim-left
}

.avatar-slider__item.next-prev {
	animation: .5s forwards next-anim-right
}

.avatar-slider__item.prev {
	animation: .5s forwards prev-anim-left
}

.avatar-slider__item.prev-prev {
	animation: .5s forwards prev-anim-right
}

.avatar-slider__item.first {
	animation: .5s forwards first-anim-left
}

.avatar-slider__item.first-prev {
	animation: .5s forwards first-anim-right
}

.avatar-slider__item.last {
	animation: .5s forwards last-anim-left
}

.avatar-slider__item.last-prev {
	animation: .5s forwards last-anim-right
}

.avatar-slider__item.not-active {
	z-index: -1;
	position: absolute;
	left: 50%
}

@media screen and (min-width:1280px) {
	.avatar-slider {
		height: 633px
	}

	.avatar-slider__item.active .avatar-tile__hero, .avatar-slider__item.active-prev .avatar-tile__hero {
		transform: scale(1.2)translate(-40%, 70px) !important
	}

}

@media screen and (min-width:1440px) {
	.avatar-slider {
		height: 643px
	}

	.avatar-slider__item.active .avatar-tile__hero, .avatar-slider__item.active-prev .avatar-tile__hero {
		transform: scale(1.1)translate(-45%, 45px) !important
	}

}

@media screen and (min-width:1680px) {
	.avatar-slider {
		height: 809px
	}

	.avatar-slider__item.active .avatar-tile__hero, .avatar-slider__item.active-prev .avatar-tile__hero {
		transform: scale(1.25)translate(-40%, 110px) !important
	}

}

.avatar-tile {
	width: 100%;
	height: 100%;
	--gradientBlue: linear-gradient(180deg, #00a0c4 0%, #75e0ef 52%, #f2fffd 100%);
	position: relative
}

.avatar-tile__bg {
	width: 100%;
	height: 100%;
	background-image: var(--gradientBlue);
	background-blend-mode: overlay;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	transform: none !important
}

.avatar-tile__hero {
	width: 468px;
	height: 100%;
	z-index: 20;
	opacity: .5;
	pointer-events: none;
	background-image: var(--avatar-img);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: auto 100%, 0;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 50%;
	transform: scale(.77)translate(-65%) !important
}

.avatar-tile__name {
	width: 82px;
	height: 62px;
	opacity: 0;
	background-position: 50%;
	background-size: contain;
	position: absolute;
	top: 16px;
	right: 18px
}

@media screen and (min-width:1280px) {
	.avatar-tile__name {
		width: 123px;
		height: 93px;
		right: 16px
	}

}

@media screen and (min-width:1680px) {
	.avatar-tile__hero {
		transform: scale(.85)translate(-60%) !important
	}

	.avatar-tile__name {
		width: 158px;
		height: 120px
	}

}

@media screen and (min-width:1920px) {
	.avatar-tile__name {
		width: 198px;
		height: 150px;
		top: 31px;
		right: 40px
	}

}

.callback-body {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex
}

.callback-info {
	width: 760px;
	background-color: #fff;
	border-radius: 40px;
	margin: 0 auto 40px;
	padding: 32px 104px 46px;
	position: relative
}

.callback-info p {
	color: #00ccc0;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px
}

.callback-info:after {
	content: "";
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	top: 50%;
	right: -133px;
	transform: translateY(-50%)
}

.is-status-success .callback-info:after {
	background-image: url(../img/ok-hand.webp)
}

.is-status-fail .callback-info:after {
	background-image: url(../img/star.webp)
}

.callback-logo {
	height: 54px;
	width: 130px;
	background-image: url(../img/logo-dark.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
	display: block
}

.callback-payment {
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
	display: flex
}

.callback-payment__item {
	width: 262px;
	height: 58px;
	color: #909c9a;
	letter-spacing: .02em;
	background: #4986821a;
	border-radius: 12px;
	flex-direction: column;
	padding: 10px 16px;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	display: flex
}

.callback-payment__item:first-child, .callback-payment__item:nth-child(2) {
	margin-bottom: 28px
}

.callback-payment__item strong {
	color: #818181;
	margin-top: 3px;
	font-size: 14px;
	font-weight: 800;
	line-height: 17px
}

.callback-progress {
	width: 240px;
	height: 36px;
	background: linear-gradient(192.7deg, #fffbe6 11.47%, #ffe4be 93.08%);
	border-radius: 18px;
	margin: 2px auto 0;
	padding: 5px;
	position: relative;
	overflow-x: hidden
}

.callback-progress:after {
	content: "";
	width: 14px;
	height: 30px;
	z-index: 10;
	background: var(--icon-lightnings);
	background-repeat: no-repeat;
	margin-right: -14px;
	animation: 22s linear paymentProgress;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%)
}

.callback-progress__wrap {
	width: 100%;
	height: 100%;
	background-color: #a73200;
	border-radius: 18px;
	overflow-x: hidden
}

.callback-progress__line {
	height: 100%;
	width: 235px;
	background-blend-mode: normal, soft-light, soft-light, normal;
	background-color: #fd4707;
	background-image: linear-gradient(270deg, #fff9c5e6 0%, #fff0 9.35%), radial-gradient(82.91% .99% at 49.2% 99.32%, #fff 0%, #fff0 100%), radial-gradient(106.71% .74% at 49.21% -.09%, #fff 0%, #fff0 100%), none;
	background-position: 0 0, 0 0, 0 0, 0 0;
	background-repeat: no-repeat;
	background-size: auto, auto, auto, auto;
	background-attachment: scroll, scroll, scroll, scroll;
	background-origin: padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box;
	border-radius: 14px;
	animation: 22s linear paymentProgress;
	display: block;
	position: relative
}

@keyframes paymentProgress {
	0% {
		right: 5px
	}

	to {
		right: 230px
	}

}

.callback-text {
	color: #117770;
	text-align: center;
	letter-spacing: .02em;
	margin: 40px 0;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px
}

.callback-text__support {
	justify-content: center;
	align-items: center;
	margin-left: 100px;
	display: flex
}

.callback-text__support .callback__btn-chat {
	margin: 0 20px
}

.callback-text__support span {
	letter-spacing: .02em;
	background: radial-gradient(50% 50%, #00cdc1 0%, #24d0b1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px
}

@media screen and (min-width:1440px) {
	.callback-text {
		font-size: 36px;
		line-height: 44px
	}

}

@media screen and (min-width:1920px) {
	.callback-text {
		margin: 60px 0 40px
	}

}

.callback-text--crypto-processing {
	color: #117770;
	width: 520px;
	text-align: center;
	letter-spacing: .02em;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px
}

.callback-timer {
	width: 426px;
	height: 185px;
	color: #fd3307;
	box-shadow: 0 8px 19px 0 #fd4707 20%;
	text-align: center;
	letter-spacing: .02em;
	text-shadow: 0 8px 19px #fd470733;
	margin: 8px auto 0;
	font-size: 140px;
	font-weight: 700;
	line-height: 171px
}

.callback {
	padding: 20px 132px
}

@media screen and (min-width:1920px) {
	.callback {
		padding: 40px 132px
	}

}

.callback__btn-home {
	margin-top: 20px;
	font-size: 14px;
	line-height: 17px;
	position: relative
}

.cash-crab-balance {
	color: #262626;
	height: 36px;
	background-color: #fff;
	border-top: 1px solid #f3f3f3;
	align-items: center;
	padding: 0 20px;
	display: flex
}

.cash-crab-balance:after {
	content: "";
	width: 20px;
	height: 20px;
	background-image: var(--icon-crab);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 4px;
	display: block
}

.cash-crab-balance__key {
	font-size: 12px;
	line-height: 120%
}

.cash-crab-balance__val {
	margin-left: 8px;
	font-size: 16px;
	font-weight: 800;
	line-height: 120%
}

.cash-crab-popup {
	padding-bottom: 10px;
	position: relative;
	overflow: hidden
}

.cash-crab-popup__text {
	text-align: center;
	color: #262626;
	margin-top: 8px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px
}

.cash-crab-popup__step {
	height: 200px;
	width: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 24px auto 0
}

.cash-crab-popup__step.is-1 {
	background-image: url(../img/cash-crab-popup1.webp)
}

.cash-crab-popup__step.is-2 {
	background-image: url(../img/cash-crab-popup2.webp)
}

.cash-crab-popup__row {
	height: 200px;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
	display: flex
}

.cash-crab-popup__row.is-sm {
	height: 162px
}

.cash-crab-popup__item {
	width: 124px
}

.cash-crab-popup__symbol {
	color: #262626;
	margin: 0 28px;
	font-size: 28px;
	line-height: 40px
}

.cash-crab-popup__btn {
	margin: 24px auto
}

.cash-crab-popup__btns a {
	text-transform: uppercase
}

.cash-crab-popup .swiper-pagination-bullets {
	width: 100%;
	justify-content: center;
	margin-top: 12px;
	display: flex
}

.cash-crab-popup .swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	background-color: #f9c08f;
	border-radius: 10px;
	margin: 0 4px
}

.cash-crab-popup .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #ff8128
}

.cash-crab-timer {
	text-align: center;
	letter-spacing: .02em;
	background: #fff;
	border-radius: 40px;
	margin-top: 24px;
	padding: 20px 30px;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.cash-crab-timer__title {
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #00ccc0;
	font-size: 12px;
	font-weight: 700;
	line-height: 24px
}

.cash-crab-timer span {
	color: #fd3307;
	text-shadow: 0 5px 10px #fd47074d;
	margin: 0 3px;
	font-size: 68px;
	font-weight: 700;
	line-height: 121px
}

.cash-crab-wrap {
	width: 100%;
	height: calc(100vh - 56px)
}

.cashbox-balance {
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	display: flex
}

.cashbox-balance__key {
	color: #117770;
	font-size: 14px;
	font-weight: 700;
	line-height: 120%
}

.cashbox-balance__val {
	color: #00ccc0;
	margin-left: 12px;
	font-size: 20px;
	font-weight: 700;
	line-height: 120%
}

.cashbox-balance__refresh {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: var(--icon-refresh);
	filter: invert(65%)sepia(8%)saturate(6832%)hue-rotate(129deg)brightness(93%)contrast(101%);
	margin-left: 13px
}

.cashbox-balance__refresh.linda-has-preloader {
	animation: 1s linear infinite rotate360
}

.cashbox-bonus {
	width: 528px;
	background: #fff;
	border-radius: 12px;
	margin: 0 auto 24px;
	padding: 16px
}

.cashbox-bonus__title {
	text-align: center;
	color: #3d4241;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px
}

.cashbox-bonus__desc {
	text-align: center;
	color: #117770;
	font-size: 12px;
	font-weight: 500;
	line-height: 160%
}

.cashbox-bonus__desc span {
	color: #ea2001
}

.cashbox-bonus__bonus {
	display: block
}

.cashbox-bonus__row {
	justify-content: space-around;
	margin-top: 10px;
	display: flex
}

.cashbox-bonus__item {
	width: calc(50% - 10px);
	max-width: calc(50% - 10px)
}

.cashbox-bonus__btn, .cashbox-bonus__cancel {
	text-align: center;
	margin-top: 10px
}

.cashbox-contact {
	justify-content: center;
	align-items: center;
	display: flex
}

.cashbox-contact__item {
	margin: 14px 16px
}

.cashbox-copyright {
	color: #117770;
	letter-spacing: .02em;
	opacity: .8;
	text-align: center;
	letter-spacing: .02em;
	margin-top: 25px;
	font-size: 12px;
	font-weight: 600;
	line-height: 15px
}

.cashbox-form {
	min-height: 456px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: -54px;
	display: flex
}

.cashbox-form.crypo-deposit-form, .cashbox-form.is-has-desc {
	margin-top: -10px
}

.cashbox-form__icon {
	width: 148px;
	height: 92px;
	background: #fff;
	border-radius: 16px;
	margin-bottom: 28px;
	display: flex;
	box-shadow: 0 1px 4px #692b8e47
}

.cashbox-form__icon img {
	width: 136px;
	height: 36px;
	margin: auto
}

.crypo-deposit-form .cashbox-form__icon {
	width: 220px;
	height: 92px
}

.crypo-deposit-form .cashbox-form__icon img {
	width: 114px;
	height: auto
}

.cashbox-form__group-title {
	text-align: center;
	letter-spacing: .02em;
	color: #117770;
	margin-bottom: 17px;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.cashbox-form__group-title.is-dark {
	color: #3d4241
}

.cashbox-form__grid {
	grid-column-gap: 24px;
	grid-template-columns: 138px 138px;
	display: grid
}

.cashbox-form__min-max {
	color: #117770;
	letter-spacing: .02em;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: 800;
	line-height: 24px;
	overflow: hidden
}

.cashbox-form__min {
	text-align: center;
	color: #117770;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: 800;
	line-height: 24px
}

.cashbox-form__amount {
	margin-bottom: 28px
}

.cashbox-form__amount-input {
	width: 300px;
	margin: 0 auto
}

.cashbox-form__input {
	box-sizing: border-box;
	color: #117770;
	text-align: center;
	padding: 0 60px;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px
}

.cashbox-form__field {
	width: 632px;
	margin-bottom: 16px
}

.cashbox-form__field-list {
	flex-wrap: wrap;
	justify-content: center;
	display: flex
}

.cashbox-form__field-list.is-column {
	flex-direction: column;
	align-items: center
}

.cashbox-form__field-item {
	width: 300px;
	margin: 0 8px
}

.cashbox-form__stub {
	width: 616px;
	height: 413px;
	background-color: #fff;
	border-radius: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	margin: 20px auto 40px;
	display: flex
}

.cashbox-form__stub-text {
	text-align: center;
	width: 236px;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px
}

.cashbox-form__stub-icon {
	width: 24px;
	height: 24px
}

.cashbox-form__crypto-caption {
	text-align: center;
	letter-spacing: .02em;
	color: #117770;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.cashbox-form__description {
	width: 616px;
	color: #3d4241;
	padding-inline-start: 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px
}

.cashbox-form__description ol li {
	margin-bottom: 12px
}

.cashbox-form__description ol li::marker {
	color: #117770;
	font-size: 14px;
	font-weight: 700
}

.cashbox-form__crypto-description {
	color: #3d4241;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px
}

.hide-amount .if-hide-amount {
	display: none !important
}

.cashbox-pay {
	min-height: 264px
}

.cashbox-pay__title {
	text-align: center;
	color: #117770;
	padding-bottom: 11px;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.cashbox-pay__text-limit {
	width: 100%;
	text-align: center;
	color: #fff;
	background: #03a3a3;
	border-radius: 12px;
	margin-bottom: 6px;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 700;
	line-height: 120%
}

.cashbox-pay__list {
	flex-wrap: wrap;
	justify-content: center;
	display: flex
}

.is-disabled .cashbox-pay__list {
	pointer-events: none;
	opacity: .7
}

.cashbox-pay__item {
	width: 148px;
	height: 92px;
	cursor: pointer;
	background: #fff;
	border-radius: 16px;
	margin: 10px;
	transition: all .2s;
	display: flex;
	box-shadow: 0 1px 4px #692b8e47
}

.cashbox-pay__item:hover {
	transform: scale(1.05);
	box-shadow: 0 3px 8px #039c934d
}

.cashbox-pay img {
	width: 136px;
	height: 36px;
	margin: auto
}

.cashbox-pay__empty-container {
	min-height: 322px;
	text-align: center
}

.cashbox-pay__empty {
	width: 528px;
	text-align: center;
	background-color: #fff;
	border-radius: 12px;
	margin-inline: auto;
	padding: 16px
}

.cashbox-pay__empty-title {
	color: #3d4241;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px
}

.cashbox-pay__empty-text {
	color: #117770;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px
}

.cashbox-popup {
	width: 950px;
	background-color: #fff;
	border-radius: 20px;
	margin: 0 auto;
	position: relative
}

.cashbox-popup__header {
	min-height: 112px;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	display: flex
}

.cashbox-popup__content {
	min-height: 320px;
	background: linear-gradient(78.33deg, #59efef .87%, #7ed1ff 25.78%, #91e0f1 50.34%, #5ef9c1 75.42%, #f1fcae 99.13%);
	padding: 30px 20px 28px;
	position: relative
}

.cashbox-popup__close {
	top: 36px;
	right: 20px
}

.cashbox-popup__back {
	position: absolute;
	top: 46px;
	left: 36px
}

.cashbox-popup__tabs {
	opacity: 1;
	max-height: 90px;
	padding: 0 10px;
	transition-property: opacity, max-height;
	transition-duration: .25s, .15s;
	display: flex
}

.cashbox-popup__balance {
	opacity: 1;
	max-height: 85px;
	overflow: hidden
}

.cashbox-popup__title-deposit {
	max-height: 0;
	opacity: 0;
	transition: .1;
	overflow: hidden
}

.cashbox-popup__title-deposit span {
	margin-top: 20px;
	display: inline-block
}

.cashbox-popup__link-history {
	padding: 26px 0 17px;
	display: none
}

.cashbox-popup_deposit-1 .cashbox-popup__link-history, .cashbox-popup_deposit-crypto-1 .cashbox-popup__link-history, .cashbox-popup_deposit-crypto-2 .cashbox-popup__link-history {
	display: block
}

.cashbox-popup__link-wcancel {
	padding: 26px 0 17px;
	display: none
}

.cashbox-popup_withdrawal-1 .cashbox-popup__link-wcancel {
	display: block
}

.cashbox-popup_deposit-2 .cashbox-popup__tabs, .cashbox-popup_deposit-crypto-2 .cashbox-popup__tabs, .cashbox-popup_withdrawal-2 .cashbox-popup__tabs, .cashbox-popup_withdrawal-3 .cashbox-popup__tabs {
	max-height: 0;
	opacity: 0;
	transition-property: opacity, max-height;
	transition-duration: .15s, .2s;
	overflow: hidden
}

.cashbox-popup_withdrawal-3 .cashbox-popup__balance {
	max-height: 0;
	opacity: 0;
	transition-duration: .1s, .2s
}

.cashbox-quick-amount {
	justify-content: space-between;
	display: flex
}

.cashbox-tab {
	height: 72px;
	cursor: pointer;
	color: #117770;
	background: #4986821a;
	border-radius: 16px;
	align-items: center;
	margin: 0 10px 5px;
	padding: 12px 20px 12px 12px;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	display: flex
}

.cashbox-tab:hover {
	background: #49868233
}

.cashbox-tab.active {
	color: #fff;
	pointer-events: none;
	background: linear-gradient(240.96deg, #02d8b1 16.98%, #006bce 70.42%)
}

.cashbox-tab:before {
	content: "";
	width: 48px;
	height: 48px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 48px;
	margin-right: 12px;
	display: block
}

.cashbox-tab.is-deposit:before {
	background-image: url(../img/deposit.webp)
}

.cashbox-tab.is-crypto-deposit:before {
	background-image: url(../img/crypto-deposit.webp)
}

.cashbox-tab.is-withdraw:before {
	background-image: url(../img/withdrawal.webp)
}

.cashbox-tab.is-crypto-deposit {
	position: relative
}

.cashbox-tab .label-new {
	height: 23px;
	color: #fff;
	background: linear-gradient(#24d092 0%, #0eb163 100%);
	border: 2.5px solid #fff;
	border-radius: 12px;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 900;
	line-height: 9px;
	position: absolute;
	top: -8px;
	right: 4px;
	box-shadow: 0 0 3px #20ca89cc, inset 0 0 .898876px #20ca89a6
}

.cashbox-todeposit {
	width: 586px;
	background: #fff;
	border-radius: 16px;
	align-items: center;
	margin: 0 auto 24px;
	padding: 16px 40px;
	display: flex;
	box-shadow: 0 1px 4px #039c9333
}

.cashbox-todeposit__btn {
	flex-shrink: 0;
	margin-left: 16px
}

.cashbox-todeposit__text {
	color: #3d4241;
	flex-grow: 1;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.cashbox-wcancel {
	padding-bottom: 4px
}

.cashbox-wcancel__item {
	width: 836px;
	min-height: 72px;
	text-align: center;
	color: #3d4241;
	background: #fff;
	border-radius: 16px;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 16px;
	padding: 16px 28px;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	display: flex;
	box-shadow: 0 1px 4px #039c9333
}

.cashbox-wcancel__sum {
	color: #12cfba;
	font-size: 20px;
	font-style: normal;
	font-weight: 900;
	line-height: 24px
}

.cashbox-wcancel__icon {
	width: 148px;
	height: 40px;
	object-fit: contain
}

.cashbox-wcancel__icon-stub {
	text-align: center;
	width: 250px;
	min-height: 40px;
	color: #117770;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 900;
	line-height: 24px;
	display: flex
}

christmas-promo {
	margin-bottom: -40px
}

.dashboard-fav {
	margin: 0 -32px;
	padding: 0 32px 32px
}

.dashboard-fav__slider {
	margin: 28px -10px 0
}

.dashboard-fav__game {
	margin: 24px 10px
}

.dashboard-fav__title {
	align-items: center;
	display: flex
}

.dashboard-fav__stub {
	color: #6fa6a3;
	margin-left: 40px;
	padding-top: 4px;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px
}

.dashboard-fav .btn-slider {
	z-index: 100;
	margin-top: 0;
	position: absolute;
	top: calc(50% - 20px)
}

.dashboard-fav .btn-slider.is-left {
	left: 0
}

.dashboard-fav .btn-slider.is-right {
	right: 0
}

.dashboard-fav .slick-list {
	overflow: visible
}

.dashboard-fav .slick-track {
	margin-left: 0;
	margin-right: 0
}

.dashboard-fav .favorite-icon {
	display: none
}

.dashboard-fav .swiper-container {
	overflow: visible
}

@media screen and (min-width:1440px) {
	.dashboard-fav {
		margin: 0 -60px;
		padding: 0 60px
	}

}

.dashboard-item {
	height: 254px;
	background-color: #fff;
	border-radius: 30px;
	padding: 8px;
	display: block;
	box-shadow: 0 0 10px #1ed0b4, inset 0 0 6px #1ed0b4b3
}

.dashboard-item.is-yellow {
	box-shadow: 0 0 16px #ffad0f, inset 0 0 6px #ffad0f80
}

.dashboard-item.is-blue {
	box-shadow: 0 0 10px #00d1ff, inset 0 0 7px #00bdecb3
}

.dashboard-item__wrap {
	text-align: center;
	color: #fff;
	width: 100%;
	height: 100%;
	background-image: url(../img/slider-item-green-min.webp);
	background-position: 50%;
	background-size: cover;
	border-radius: 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	display: flex;
	box-shadow: inset 0 0 10px #1ed0b4, 0 0 6px #1ed0b4b3
}

.is-yellow .dashboard-item__wrap {
	background-image: url(../img/slider-item-yellow-min.webp);
	box-shadow: inset 0 0 16px #ffad0f, 0 0 6px #ffad0f80
}

.is-blue .dashboard-item__wrap {
	background-image: url(../img/slider-item-blue-min.webp);
	box-shadow: inset 0 0 10px #00d1ff, 0 0 7px #00bdecb3
}

.dashboard-item__wrap.has-progress {
	justify-content: flex-end
}

.dashboard-item__wrapper {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex
}

.dashboard-item__img {
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0
}

.dashboard-item__img.is-ld {
	width: 72px;
	height: 72px;
	background-image: url(../img/deposit.webp);
	margin-bottom: 13px
}

.dashboard-item__img.is-hand {
	width: 84px;
	height: 84px;
	background-image: url(../img/ok-hand.webp);
	margin-bottom: 13px
}

.dashboard-item__img.is-game {
	width: 120px;
	height: 80px;
	border-radius: 12px;
	margin-bottom: 13px
}

.dashboard-item__img.is-cup {
	width: 95px;
	height: 80px;
	background-image: url(../img/tournament-prize-group.webp)
}

.dashboard-item__img.is-games {
	width: 214px;
	height: 87px;
	background-image: url(../img/challenge.webp)
}

.dashboard-item__img.is-shop {
	width: 80px;
	height: 80px;
	background-image: url(../img/shop-logo-sm.webp)
}

.dashboard-item__img.is-crab {
	width: 120px;
	height: 100px;
	background-image: url(../img/cash-crab-widget.webp)
}

.dashboard-item__img.is-vip {
	width: 130px;
	height: 176px;
	position: absolute;
	top: -30px;
	transform: rotate(25deg)
}

.dashboard-item__form {
	width: 180px
}

.dashboard-item__text {
	text-shadow: 0 1px 4px #039c93b3;
	font-size: 14px;
	font-weight: 900;
	line-height: 17px
}

.dashboard-item__text.is-active {
	align-items: center;
	display: flex
}

.dashboard-item__text.is-active:before {
	content: "";
	width: 13px;
	height: 13px;
	background: radial-gradient(66.72% 68.07% at 47.49% 40.88%, #fcff70 0%, #ffba52 41.18%, #fe4c00 100%);
	border-radius: 50%;
	margin-right: 8px;
	display: block;
	box-shadow: 0 1px 8px #f4b14ccc
}

.dashboard-item__sum {
	white-space: nowrap;
	font-size: 32px;
	font-weight: 900;
	line-height: 120%
}

.dashboard-item__sum.is-small {
	font-size: 24px;
	line-height: 120%
}

.dashboard-item__sum.has-crab {
	justify-content: center;
	align-items: center;
	display: flex
}

.dashboard-item__sum.has-crab:after {
	content: "";
	width: 28px;
	height: 28px;
	background-image: var(--icon-crab);
	filter: invert(100);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 4px;
	display: block
}

.dashboard-item__stub {
	text-shadow: 0 1px 4px #039c93b3;
	margin-top: 6px;
	font-size: 20px;
	font-weight: 900;
	line-height: 24px
}

.dashboard-item__title {
	text-shadow: 0 1px 4px #039c93b3;
	font-size: 18px;
	font-weight: 900;
	line-height: 22px
}

.dashboard-item__btn {
	z-index: 10;
	margin-top: 16px;
	position: relative
}

.dashboard-item__btn.is-t12 {
	margin-top: 12px
}

.dashboard-item__progress {
	height: 36px;
	width: 156px;
	background-color: #fff;
	background-image: linear-gradient(#0059ab 0%, #0096aa 100%), linear-gradient(#fff, #fff);
	background-clip: content-box, border-box;
	border-radius: 20px;
	padding: 5px 12px 5px 5px;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.dashboard-item__progress span {
	height: 100%;
	width: 2%;
	background: linear-gradient(#2187e4 0%, #2ad2e8 100%) 0 0/cover;
	border-radius: 18px;
	display: block;
	position: relative;
	min-width: 26px !important
}

.dashboard-item__progress span:after {
	content: "";
	width: 20px;
	height: 30px;
	background: var(--icon-lightnings-white);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: -3px;
	right: -15px
}

.dashboard-item__level {
	width: 36px;
	height: 36px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: -6px;
	box-shadow: 0 1px 4px #039c9333
}

.dashboard-item__level-text {
	background: linear-gradient(240.96deg, #02d8b1 16.98%, #006bce 70.42%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 20px;
	font-weight: 900;
	line-height: 36px
}

.dashboard-item__link {
	filter: invert(32%)sepia(73%)saturate(1708%)hue-rotate(181deg)brightness(92%)contrast(99%)
}

@media screen and (min-width:1440px) {
	.dashboard-item {
		height: 320px
	}

	.dashboard-item__img.is-ld {
		width: 120px;
		height: 120px
	}

	.dashboard-item__img.is-hand {
		width: 116px;
		height: 116px
	}

	.dashboard-item__img.is-game {
		width: 174px;
		height: 116px
	}

	.dashboard-item__img.is-cup {
		width: 138px;
		height: 116px
	}

	.dashboard-item__img.is-games {
		width: 293px;
		height: 120px
	}

	.dashboard-item__img.is-shop {
		width: 116px;
		height: 116px
	}

	.dashboard-item__img.is-crab {
		width: 174px;
		height: 126px
	}

	.dashboard-item__img.is-vip {
		width: 192px;
		height: 260px
	}

	.dashboard-item__text {
		font-size: 16px;
		line-height: 20px
	}

	.dashboard-item__stub {
		font-size: 24px;
		line-height: 29px
	}

}

.dashboard-last__container {
	position: relative
}

.dashboard-last__title {
	align-items: center;
	display: flex
}

.dashboard-last__stub-title {
	color: #6fa6a3;
	margin-left: 26px;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px
}

.dashboard-last__slider {
	margin-top: 10px;
	position: static;
	overflow: hidden
}

.dashboard-last__game {
	margin: 24px 10px;
	display: block
}

.dashboard-last .btn-slider {
	z-index: 100;
	position: absolute;
	top: calc(50% - 20px)
}

.dashboard-last .btn-slider.is-left {
	left: -12px
}

.dashboard-last .btn-slider.is-right {
	right: -12px
}

.dashboard-last .favorite-icon {
	display: none
}

.dashboard-last .slick-list {
	overflow: visible;
	-webkit-mask-image: linear-gradient(90deg, #fffaef00, #fffaef 10px calc(100% - 10px), #fffaef00);
	mask-image: linear-gradient(90deg, #fffaef00, #fffaef 10px calc(100% - 10px), #fffaef00);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%
}

.dashboard-last .slick-track {
	margin-left: 0;
	margin-right: 0
}

.dashboard {
	padding-top: 40px
}

.dashboard__row {
	align-items: flex-end;
	margin-bottom: 50px;
	display: flex;
	position: relative
}

.dashboard__l {
	width: 260px;
	height: 100%;
	flex-shrink: 0;
	align-items: flex-end;
	margin-right: 20px;
	padding-bottom: 32px
}

.dashboard__r {
	z-index: 20;
	width: calc(100% - 280px);
	flex-grow: 1;
	position: relative
}

.dashboard__r-wrap {
	margin: -17px;
	padding: 17px;
	position: relative;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, #fffaef00, #fffaef 15px calc(100% - 15px), #fffaef00);
	mask-image: linear-gradient(90deg, #fffaef00, #fffaef 15px calc(100% - 15px), #fffaef00);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%
}

.dashboard__slider {
	width: 100%;
	max-width: 100%;
	position: relative
}

.dashboard__slider .swiper-container {
	overflow: visible !important
}

.dashboard__slider .btn-slider {
	z-index: 200;
	position: absolute;
	top: calc(50% - 20px)
}

.dashboard__slider .btn-slider.is-left {
	left: -10px
}

.dashboard__slider .btn-slider.is-right {
	right: -10px
}

.dashboard__last {
	margin-top: 30px
}

.dashboard__img {
	width: 433px;
	height: 608px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: -90px
}

@media screen and (min-width:1440px) {
	.dashboard__l {
		width: 280px
	}

	.dashboard__r {
		width: calc(100% - 300px)
	}

	.dashboard__last {
		margin-top: 40px
	}

	.dashboard__r-wrap {
		width: calc(100% + 80px);
		margin: -20px 0 0 -4px;
		padding: 20px 60px 32px 8px;
		overflow: hidden
	}

	.dashboard__r-wrap:after {
		width: 60px
	}

	.dashboard__img {
		width: 453px;
		height: 680px
	}

}

.header-nav__item.is-holiday {
	text-transform: capitalize;
	margin-right: 46px;
	padding-right: 0;
	position: relative
}

.header-nav__item.is-holiday .header-nav__item__icon {
	height: 34px;
	width: 34px;
	position: absolute;
	right: -39px
}

.easter-wrapper {
	min-height: calc(100vh - 80px);
	margin-bottom: -40px
}

.header-menu__nav .header-menu__item__icon {
	height: 34px;
	width: 34px;
	margin-left: 10px
}

.popup.easter-popup-wrap {
	padding-top: 200px
}

.footer-icons {
	height: 32px;
	justify-content: center;
	align-items: center;
	gap: 20px;
	display: flex
}

.footer-icons__item {
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0
}

.footer-icons__item.is-18 {
	width: 32px;
	background-image: var(--icon-18);
	filter: invert(37%)sepia(68%)saturate(460%)hue-rotate(127deg)brightness(90%)contrast(99%)
}

.footer-icons__item.is-license {
	background-image: var(--icon-gcb);
	height: 32px;
	width: 42px
}

.footer-icons__item.is-iso {
	width: 23px;
	background-image: url(../img/iso.webp)
}

.footer-icons__item.is-igate {
	width: 86px;
	height: 20px;
	background-image: var(--icon-logo_igate)
}

.footer-icons__item.is-pagcor {
	width: 26px;
	background-image: url(../img/pagcor-seal.webp)
}

.footer-lang {
	flex-wrap: wrap;
	justify-content: center;
	display: flex
}

.footer-lang__item {
	margin: 6px 14px
}

.footer-nav {
	grid-column-gap: 24px;
	grid-template-columns: repeat(3, 1fr);
	display: grid
}

.footer-nav[data-gamehall-columns="1"] {
	grid-template-columns: repeat(4, 1fr)
}

.footer-nav[data-gamehall-columns="2"] {
	grid-template-columns: repeat(5, 1fr)
}

.footer-nav[data-gamehall-columns="3"] {
	grid-template-columns: repeat(6, 1fr)
}

.footer-nav[data-gamehall-columns="4"] {
	grid-template-columns: repeat(7, 1fr)
}

.footer-nav__section {
	flex-direction: column;
	display: flex
}

.footer-nav__title {
	color: #117770;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px
}

.footer-nav__title.active {
	color: #6fa6a3
}

.footer-nav__title.active:hover, .footer-nav__title.has-hover:hover {
	color: #117770;
	text-decoration: underline
}

.footer-nav__title.has-hover:active {
	color: #6fa6a3;
	text-decoration: none
}

.footer-nav__item {
	color: #498682;
	text-transform: capitalize;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	transition: color .2s
}

.footer-nav__item:hover, .footer-nav__item.active:hover {
	text-decoration: underline
}

.footer-nav__item.active, .footer-nav__item:hover:active {
	color: #117770;
	text-decoration: none
}

.footer-pays {
	flex-wrap: wrap;
	justify-content: center;
	display: flex
}

.footer-pays__item {
	width: auto;
	height: 24px;
	flex-shrink: 0;
	margin: 0 24px
}

.footer-pays__item .is-pagcor {
	height: 100%
}

.footer-pays__item.is-link {
	width: unset
}

.footer-toggle {
	width: -moz-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	cursor: pointer;
	color: #000;
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	background: #008c840d;
	border-radius: 4px;
	align-items: center;
	margin: 4px auto 0;
	padding: 4px 6px;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	transition: all .2s;
	display: flex
}

.footer-toggle:hover {
	background: #008c8426
}

.footer-toggle:hover .footer-toggle__text {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.footer-toggle:active {
	background: #008c840d
}

.footer-toggle:active .footer-toggle__text {
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%)
}

.footer-toggle.is-opened:after {
	transform: rotate(180deg)
}

.footer-toggle:after {
	content: "";
	width: 10px;
	height: 10px;
	background-image: var(--icon-arr-down);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 4px;
	display: block
}

.footer {
	background: linear-gradient(90deg, #ddf4f3 0%, #e3f1d7 35.94%, #d5f3f1 71.88%, #fff3d9 100%);
	padding: 24px 48px
}

.footer__content {
	max-width: 1344px;
	margin: 0 auto
}

.footer__btns {
	width: 508px;
	grid-column-gap: 24px;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 auto;
	display: grid
}

.footer__text {
	color: #6fa6a3;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	line-height: 160%
}

.footer__text span {
	text-transform: capitalize
}

.footer__text p {
	display: none
}

.footer__text p.is-first {
	overflow-wrap: break-word;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.footer__text.is-opened p {
	display: block
}

.footer__contact {
	justify-content: center;
	align-items: center;
	margin-top: 36px;
	display: flex
}

.footer__copyright {
	text-align: center;
	color: #6fa6a3;
	letter-spacing: .03em;
	font-size: 12px;
	font-weight: 500;
	line-height: 22px
}

.footer__copyright span {
	text-transform: capitalize
}

.fun-id-wrap {
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	display: flex
}

.fun-id-wrap.is-reg {
	margin-bottom: 0
}

.fun-id-wrap.is-reg .fun-id-btn {
	width: 100%;
	max-width: 364px
}

.fun-id-wrap .fun-id-btn {
	min-height: 28px;
	min-width: 248px;
	background: 0 0;
	border: 2px solid #94c0bd;
	border-radius: 12px;
	padding: 15px 52px;
	position: relative;
	overflow: hidden
}

.fun-id-wrap .fun-id-btn__text {
	color: #117770;
	z-index: 1;
	text-align: center;
	letter-spacing: .28px;
	text-wrap: balance;
	font-size: 14px;
	font-weight: 800;
	line-height: 17px;
	transition: color .25s ease-in-out .2s;
	position: relative
}

.fun-id-wrap .fun-id-btn:before {
	content: "";
	width: 40px;
	height: 40px;
	background: #3f38dd;
	border-radius: 8px;
	transition: all .25s ease-in-out .15s;
	position: absolute;
	top: 50%;
	left: 4px;
	transform: translateY(-50%)
}

.fun-id-wrap .fun-id-btn:after {
	content: "";
	height: 40px;
	width: 40px;
	background-color: #3f38dd;
	background-image: url(../img/btn-funid-color.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 17px 25px;
	border-radius: 8px;
	transition: width .25s ease-in-out .3s, height .15s linear .3s, background-position .25s ease-in-out .3s, background-color .25s ease-in-out .3s, transform .25s ease-in-out .3s;
	position: absolute;
	top: 50%;
	left: 4px;
	transform: translateY(-50%)
}

.fun-id-wrap .fun-id-btn:hover .fun-id-btn__text {
	color: #fff
}

.fun-id-wrap .fun-id-btn:hover:before {
	height: 100%;
	border-radius: 8px;
	transform: scale(1.2)translateY(-50%)translate(-4px)
}

.fun-id-wrap .fun-id-btn:hover:after {
	width: 100%;
	height: calc(100% + 4px);
	background-position: 90%;
	transform: scale(1)translateY(-50%)
}

@supports(hanging-punctuation:first) and (font:-apple-system-body) and ((-webkit-appearance:none)) {
	.fun-id-wrap .fun-id-btn:before {
		content: none
	}

	.fun-id-wrap .fun-id-btn:after {
		transform-origin: 50%;
		top: 4px;
		transform: translateY(0)
	}

	.fun-id-wrap .fun-id-btn:hover:after {
		height: calc(100% + 2px);
		transform: translate(-4px, -6px)
	}

}

.fun-id-or {
	color: #6fa6a3;
	text-align: center;
	letter-spacing: .28px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	padding-top: 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	display: flex;
	position: relative
}

.fun-id-or.is-reg {
	padding-top: 22px
}

.fun-id-or.is-reg:before, .fun-id-or.is-reg:after {
	width: 160px
}

.fun-id-or:before, .fun-id-or:after {
	content: "";
	width: 108px;
	height: 1px;
	background: #c1dad9;
	display: block;
	position: relative;
	top: 0
}

.fun-id-or:before {
	right: 0
}

.fun-id-or:after {
	left: 0
}

.game-bar-scroll {
	width: 80px;
	height: 10px;
	z-index: 10;
	justify-content: space-between;
	align-items: center;
	display: flex;
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translate(-50%)
}

.game-bar-scroll__btn {
	width: 10px;
	height: 10px;
	filter: invert();
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%
}

.game-bar-scroll__btn.is-disable {
	opacity: .6
}

.game-bar-t-games {
	margin-top: auto;
	margin-left: 9px;
	display: block;
	position: relative
}

.game-bar-t-games:before, .game-bar-t-games:after {
	content: "";
	width: 13px;
	height: 117px;
	z-index: 1;
	position: absolute;
	bottom: 0
}

.game-bar-t-games:before {
	background: linear-gradient(90deg, #117770 0%, #11777000 100%);
	left: 0
}

.game-bar-t-games:after {
	background: linear-gradient(270deg, #117770 0%, #11777000 100%);
	right: 0
}

.game-bar-t-games__wrap {
	min-height: 117px;
	display: flex;
	overflow: auto
}

.game-bar-t-games__wrap::-webkit-scrollbar {
	display: none
}

.game-bar-t-games .game-item {
	width: 78px;
	height: 117px;
	flex-shrink: 0;
	margin-right: 8px
}

.game-bar-t-games .game-item:hover {
	filter: none;
	box-shadow: none
}

.game-bar-t-games .game-item:first-of-type {
	margin-left: 17px
}

.game-bar-tab {
	color: #6fa6a3;
	letter-spacing: .02em;
	text-transform: capitalize;
	cursor: pointer;
	height: 32px;
	margin: 0 2px;
	padding: 0 8px;
	font-size: 10px;
	font-weight: 700;
	line-height: 32px
}

.game-bar-tab.is-active {
	color: #117770;
	background-color: #fff;
	border-radius: 8px
}

.game-bar {
	z-index: 30;
	width: 216px;
	height: calc(100% - 32px);
	background: #117770;
	border-radius: 12px 0 0 12px;
	position: absolute;
	top: 16px;
	left: 0
}

.game-bar .is-order-1 {
	order: -3
}

.game-bar .is-order-3 {
	order: -1
}

.game-bar::-webkit-scrollbar {
	display: none
}

.game-bar:before, .game-bar:after {
	content: "";
	width: 216px;
	height: 20px;
	z-index: 1;
	min-height: 20px;
	display: block;
	position: absolute;
	right: 0
}

.game-bar:before {
	background: linear-gradient(#117770 0%, #11777000 100%);
	top: 51px
}

.game-bar:after {
	background: linear-gradient(#11777000 0%, #117770 100%);
	border-bottom-left-radius: 12px;
	bottom: 0
}

.game-bar__content {
	height: calc(100% - 51px);
	padding-bottom: 20px
}

.game-bar__back {
	position: absolute;
	top: 18px;
	left: 20px
}

.game-bar__btn {
	z-index: 20;
	width: 0;
	height: 0;
	justify-content: flex-end;
	display: flex;
	position: absolute;
	top: 50%;
	left: 0
}

.game-bar__tabs-block {
	padding: 24px 12px 5px;
	position: relative
}

.game-bar__tabs {
	z-index: 11;
	justify-content: flex-start;
	align-items: center;
	display: flex;
	position: relative;
	overflow: hidden
}

.game-bar__scroll {
	height: 100%;
	flex-direction: column;
	padding: 15px 16px 10px;
	display: flex;
	position: relative;
	overflow: scroll
}

.game-bar__scroll .is-exchange:first-child {
	order: 1
}

.game-bar__scroll .is-exchange:nth-child(2) {
	order: 3
}

.game-bar__scroll .is-exchange:nth-child(3) {
	order: 5
}

.game-bar__scroll .is-exchange:nth-child(4) {
	order: 7
}

.game-bar__scroll .is-freespin:nth-child(5) {
	order: 2
}

.game-bar__scroll .is-freespin:nth-child(6) {
	order: 4
}

.game-bar__scroll .is-freespin:nth-child(7) {
	order: 6
}

.game-bar__scroll .is-last {
	order: 8
}

.game-bar__scroll.is-score {
	width: 225px;
	margin-left: -9px;
	padding: 15px 0 10px
}

.game-bar__scroll.is-score .t-score {
	padding-left: 9px
}

.game-bar__t-wrap {
	max-width: 184px;
	margin: 0 auto;
	overflow: hidden
}

.game-bar__stub {
	color: #fff;
	text-align: center;
	letter-spacing: .02em;
	padding: 0 16px;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%)
}

.game-bar__countdown {
	width: -moz-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 100%;
	background: #03a3a3;
	border-radius: 8px;
	padding: 6px 12px
}

.game-bar__countdown .t-timer__item, .game-bar__countdown .t-timer__divider {
	font-size: 20px;
	line-height: 24px
}

.game-bar__countdown .t-timer__item {
	width: 26px;
	font-weight: 700
}

.game-bar__countdown .t-timer__label {
	font-size: 10px
}

.game-bar__countdown .t-timer__divider {
	padding: 0 7px
}

.game-bar__text {
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 4px #039c9333;
	font-size: 12px;
	font-weight: 700;
	line-height: 17px
}

.game-bar__t-title {
	color: #fff;
	letter-spacing: .02em;
	text-align: center;
	overflow-wrap: break-word;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px
}

.game-bar__t-title.has-opacity {
	opacity: .4
}

.game-box {
	grid-gap: 20px;
	grid-template-columns: repeat(6, 1fr);
	display: grid
}

.game-box__more {
	text-align: center;
	grid-column: 1/-1
}

.game-box__more.is-t-order {
	order: 4
}

.game-box__title {
	grid-column: 1/-1;
	margin-bottom: 8px
}

.game-box__random {
	grid-area: 3/4/4/5
}

.game-box__t-widget {
	order: 2;
	grid-column: span 2
}

.game-box__item.is-live-casino {
	order: 1
}

.game-box__item.is-live-casino:nth-of-type(n+9) {
	order: 3
}

.game-box.is-slothome {
	grid-template-rows: repeat(4, 1fr) 180px;
	grid-template-columns: repeat(6, 1fr)
}

.game-box.is-popularhome {
	grid-template-rows: repeat(2, 1fr) 80px;
	grid-template-columns: repeat(6, 1fr);
	margin: -22px -22px 0;
	padding: 22px 22px 0;
	overflow: hidden
}

@media screen and (min-width:1024px) {
	.game-box__random {
		grid-area: 3/2/4/3
	}

}

@media screen and (min-width:1280px) {
	.game-box.is-popularhome {
		grid-template-rows: repeat(2, 1fr) 120px
	}

}

@media screen and (min-width:1440px) {
	.game-box.is-popularhome {
		grid-template-rows: repeat(2, 1fr) 120px
	}

}

@media screen and (min-width:1680px) {
	.game-box.is-slothome {
		grid-template-rows: repeat(3, 1fr) 180px;
		grid-template-columns: repeat(8, 1fr)
	}

	.game-box__random {
		grid-area: 2/6/3/7
	}

}

@media screen and (min-width:1920px) {
	.game-box__random {
		grid-area: 2/5/3/6
	}

}

@media screen and (max-width:1679px) {
	.game-box.is-slothome .game-item:nth-of-type(32), .game-box.is-slothome .game-item:nth-of-type(31) {
		display: none
	}

}

.game-cat {
	--pgd: 36px;
	display: block;
	position: relative
}

.is-green .game-cat {
	--item-rg: linear-gradient(240.96deg, #50d945e6 16.98%, #00c78be6 70.42%)
}

.is-blue .game-cat {
	--item-rg: linear-gradient(240.96deg, #02d8b1e6 16.98%, #006bcee6 70.42%)
}

.game-cat:before {
	content: "";
	margin-top: 150%;
	display: block
}

.game-cat__wrap {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 20px;
	padding: 6px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	box-shadow: inset 0 0 4px #02d9b2, 0 0 10px #02d9b2
}

.is-popular .game-cat__wrap {
	height: calc(100% - var(--pgd))
}

.game-cat__inner {
	width: 100%;
	height: 100%;
	border-radius: 16px;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	box-shadow: 0 0 4px #02d9b2, inset 0 0 10px #02d9b2
}

.game-cat__img {
	height: 140%;
	width: 450%;
	transform-origin: 0;
	z-index: 1;
	border: 1px solid red;
	position: absolute;
	top: -35%;
	left: -20%;
	transform: rotate(25deg)
}

.game-cat__img:before {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(../img/games-new.webp);
	background-position: 0;
	background-size: 50%;
	animation: 40s linear infinite moveGames1;
	display: block
}

.is-popular .game-cat__img:before {
	background-image: url(../img/games-popular.webp)
}

.game-cat__content {
	width: 100%;
	height: 100%;
	background: var(--item-rg);
	z-index: 50;
	border-radius: 16px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 0 6px 32px;
	display: flex;
	position: relative;
	top: 0;
	left: 0
}

.game-cat__title {
	text-align: center;
	color: #fff;
	text-shadow: 0 4px 5px #0003;
	margin: auto 0;
	font-size: 20px;
	font-weight: 900;
	line-height: 120%
}

.game-cat .btn {
	margin-top: auto
}

@media screen and (min-width:1440px) {
	.game-cat__title {
		font-size: 25px;
		line-height: 120%
	}

}

@keyframes moveGames1 {
	0% {
		transform: translate(0%)
	}

	to {
		transform: translate(-50%)
	}

}

.game-hall {
	margin-top: 16px;
	display: flex
}

.game-hall__nav {
	width: 180px;
	flex-shrink: 0
}

.game-hall__content {
	flex-grow: 1;
	margin-left: 20px
}

.game-hall__title {
	margin-bottom: 28px
}

.game-header {
	height: 56px;
	color: #fff;
	background-color: #117770;
	padding: 0 32px;
	display: flex
}

.game-header__section {
	width: calc(50% - 57px);
	flex-shrink: 0;
	align-items: center;
	display: flex
}

.game-header__section.is-right {
	justify-content: flex-end
}

.game-header__logo {
	width: 114px;
	cursor: pointer;
	background-image: url(../img/logo-light.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0
}

.game-header__info {
	padding-left: 32px
}

.game-header__name {
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.game-header__key {
	color: #fff9;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px
}

.game-header__btn {
	margin-left: 12px
}

.game-header__balance {
	text-align: right;
	margin-right: 12px
}

.game-header__val {
	font-size: 14px;
	font-weight: 900;
	line-height: 17px
}

.game-item {
	background-size: cover;
	border-radius: 12px;
	display: block;
	position: relative
}

.game-item:before {
	content: "";
	padding-top: 150%;
	display: block
}

.game-item:hover {
	filter: drop-shadow(0 0 11px #ff910fcc);
	box-shadow: 0 0 4px #ff910fb3, 0 0 0 6px #fff
}

.game-item:hover .game-item__overlay {
	display: flex
}

.game-item:hover .game-item__label {
	display: none
}

.game-item.has-video {
	filter: drop-shadow(0 0 10px #1ed0b4);
	box-shadow: 0 0 4px #1ed0b4b3, 0 0 0 6px #fff
}

.game-item.has-video .game-item__overlay {
	display: flex
}

.game-item.has-video .game-item__label {
	display: none
}

.game-item.is-long:hover {
	filter: drop-shadow(0 0 10px #1ed0b4);
	box-shadow: 0 0 4px #1ed0b4b3, 0 0 0 6px #fff
}

.game-item__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
	display: block;
	position: absolute;
	inset: 0
}

.game-item__img img, .game-item__video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
	display: block;
	position: absolute;
	inset: 0
}

.game-item__overlay {
	z-index: 1;
	border-radius: inherit;
	background-color: #ff812899;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 5px;
	display: none;
	position: absolute;
	inset: 0
}

.is-long .game-item__overlay {
	background: linear-gradient(#01cfcf00 55%, #0ca7c8 92.63%, #0cc8a6 100%);
	justify-content: flex-end;
	padding-bottom: 32px
}

.game-item__demo {
	margin-top: 16px
}

.game-item__name {
	text-align: center;
	color: #fff;
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 900;
	line-height: 24px
}

.game-item__provider {
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-shadow: 0 1px 4px #039c9333;
	margin-bottom: 16px;
	font-size: 12px;
	line-height: 15px;
	overflow: hidden
}

.game-item__label {
	max-width: 90%;
	position: absolute;
	bottom: 12px;
	left: 0
}

.game-item.is-sm:before {
	padding-top: 100%
}

.game-item.is-xs:before {
	padding-top: 66%
}

.game-item.is-sm .game-item__provider, .game-item.is-xs .game-item__provider {
	display: none
}

.game-item.is-long:before {
	padding-top: 233%
}

.game-item.is-flex-end {
	filter: none;
	box-shadow: none
}

.game-item.is-flex-end:before {
	padding-top: 159%
}

.game-item.is-flex-end:after {
	content: "";
	opacity: 0;
	width: 108%;
	height: 97%;
	z-index: 1;
	pointer-events: none;
	background-image: url(../img/game-item-hover.webp);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 12px;
	display: block;
	position: absolute;
	bottom: -3.5%;
	left: -3.5%
}

.game-item.is-flex-end:hover {
	filter: none;
	box-shadow: none
}

.game-item.is-flex-end:hover:after {
	opacity: 1
}

.game-item.is-flex-end .game-item__overlay {
	justify-content: flex-end;
	padding-bottom: 35px
}

.game-item.is-flex-end .game-item__label, .game-item.is-flex-end .game-item__fav {
	display: none
}

.game-item__dropAndWins {
	width: 75px;
	height: 68px;
	background-image: url(../img/dropAndWins.svg), linear-gradient(-42deg, #0000 51px, #000 0);
	background-position: 6px 1px, 0 0;
	background-repeat: no-repeat;
	background-size: auto 48px, cover;
	border-top-left-radius: 12px;
	position: absolute;
	top: 0;
	left: 0
}

.game-item__exclusive {
	text-transform: capitalize;
	height: 23px;
	color: #fff;
	background-image: linear-gradient(#fd3307 0%, #dc2f09 100%);
	border: 2px solid #fff;
	border-left: none;
	border-radius: 0 12px 12px 0;
	justify-content: flex-start;
	align-items: center;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 900;
	line-height: 15px;
	display: flex;
	position: absolute;
	bottom: 12px;
	left: 0;
	box-shadow: 0 0 3px #fd3307cc, inset 0 0 .898876px #fd3307a6
}

.game-last {
	display: block;
	position: relative
}

.game-last:before {
	content: "";
	padding-top: 150%;
	display: block
}

.game-last__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
	position: absolute;
	top: 0;
	left: 0
}

.game-nav {
	display: block;
	position: sticky;
	top: 85px
}

.game-nav__section {
	display: block
}

.game-nav__section+.game-nav__section {
	margin-top: 10px
}

.game-nav__item {
	height: 40px;
	color: #6fa6a3;
	max-height: 0;
	overflow-wrap: break-word;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	border-radius: 8px;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	align-items: center;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
	transition: max-height .3s;
	display: flex;
	overflow: hidden
}

.game-nav__item:hover, .game-nav__item.active {
	color: #117770;
	background: #4986821a
}

.is-group-active .game-nav__item {
	max-height: 40px
}

.game-nav__item.is-empty {
	opacity: .5;
	pointer-events: none
}

.game-nav__user-item {
	display: none
}

#games .game-nav__user-item {
	display: inline
}

.game-nav batman-game-box-favourites4, .game-nav batman-recently-played-list4 {
	width: 100%;
	display: block
}

.game-nav__li {
	flex-direction: column;
	gap: 10px;
	padding-bottom: 10px;
	display: flex
}

.game-nav__li-item {
	width: 100%;
	color: #117770;
	background: linear-gradient(#2ddacf -115%, #f2fff8 100%);
	border-radius: 8px;
	align-items: center;
	padding: 9px 8px 7px 36px;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px;
	display: flex;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.game-nav__li-item.active {
	color: #fff;
	background: linear-gradient(261.26deg, #01d6a3 19.7%, #00c0a9 96.39%), linear-gradient(#2ddacf -115%, #f2fff8 100%);
	box-shadow: 0 1px 4px #039c9333
}

.game-nav__li-item:before {
	content: "";
	width: 6px;
	height: 70%;
	background: #fff;
	border-radius: 12px;
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: rotate(10deg)translateY(-50%);
	box-shadow: 0 0 18px #21ffd7, inset 0 0 4px #9defe7
}

.game-page-toreal {
	height: 57px;
	background: #117770;
	border-radius: 20px 20px 0 0;
	align-items: center;
	padding: 0 26px;
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%)
}

.is-demo .game-page-toreal {
	display: flex
}

.game-page-toreal__text {
	color: #cfd5da;
	font-size: 14px;
	font-weight: 500;
	line-height: 145.32%
}

.game-page-toreal__btn {
	margin-left: 28px
}

.game-page {
	width: 100%;
	min-height: calc(100vh - 56px);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	position: relative
}

.game-page__content {
	flex-grow: 1;
	justify-content: center;
	align-items: center;
	display: flex
}

.game-page__bar {
	width: 0;
	flex-shrink: 0;
	padding: 16px 0;
	transition: all .2s;
	position: relative
}

.is-bar-open .game-page__bar {
	width: 216px
}

.game-page iframe {
	width: 100%;
	height: 100%;
	border: none
}

.game-page__gameb {
	position: relative;
	transform: translate(-4px)
}

.game-page__btns {
	position: absolute;
	top: 0;
	right: -40px
}

.game-page__btn {
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 20px;
	margin-top: 10px
}

.game-page__btn:hover {
	opacity: .9
}

.game-page__btn.is-fullscreen {
	background-image: var(--icon-fullscreen);
	filter: invert(100)
}

.game-page__btn.is-fav {
	background-image: url(../img/i-fav.webp), url(../img/i-fav-hover.webp);
	background-size: 20px, 0
}

.game-page__btn.is-fav:hover, .game-page__btn.is-fav.active {
	background-size: 0, 20px
}

.game-popular {
	--pgd: 36px;
	display: block;
	position: relative
}

.game-popular:before {
	content: "";
	margin-top: 150%;
	display: block
}

.game-popular__img {
	width: 100%;
	height: calc(100% - var(--pgd));
	z-index: 10;
	border-radius: 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden
}

.game-popular__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .2s;
	display: block
}

.game-popular:hover .game-popular__img img {
	transform: scale(1.1)
}

.game-popular:hover .game-popular__img {
	box-shadow: inset 0 0 4px #ff910f, 0 0 11px #ff910f
}

.game-popular__front {
	width: 100%;
	height: calc(100% - 8px);
	z-index: 20;
	background-position: 50% 1px;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 12px;
	transition: all .2s;
	position: absolute;
	top: 8px;
	left: 0
}

.game-popular:hover .game-popular__front {
	transform: translateY(-8px)
}

.game-popular__overlay {
	width: 100%;
	height: calc(100% - var(--pgd));
	z-index: 30;
	opacity: 0;
	background: linear-gradient(#ff812800 0%, #ff812899 91.28%, #ff8128 96.51%);
	border-radius: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all .2s;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0
}

.game-popular:hover .game-popular__overlay {
	opacity: 1
}

@media screen and (min-width:1440px) {
	.game-popular {
		--pgd: 48px
	}

}

.game-stub {
	border: 2px dashed #6fa6a3;
	border-radius: 16px;
	display: block;
	position: relative
}

.game-stub:before {
	content: "";
	box-sizing: border-box;
	padding-top: 150%;
	display: block
}

.game-stub.is-long:before {
	padding-top: 233%
}

.game-stub__wrap {
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 16px;
	display: flex;
	position: absolute;
	top: 0;
	left: 0
}

.game-stub__text {
	text-align: center;
	letter-spacing: .02em;
	color: #6fa6a3;
	font-size: 12px;
	font-weight: 600;
	line-height: 15px
}

.game-tab-scroll {
	width: 10px;
	height: 32px;
	z-index: 12;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute
}

.game-tab-scroll:before {
	content: "";
	width: 10px;
	height: 10px;
	filter: invert();
	background: center/100% no-repeat var(--icon-arr-down);
	position: absolute;
	top: 11px;
	left: 0;
	transform: rotate(-90deg)
}

.game-tab-scroll:after {
	content: "";
	width: 6px;
	height: 100%;
	background: linear-gradient(90deg, #11777000 0%, #117770 100%);
	position: absolute;
	top: 0;
	right: 10px
}

.game-tab-scroll.is-right {
	background: linear-gradient(90deg, #11777000 0%, #117770 100%);
	right: 0
}

.game-tab-scroll.is-left {
	background: linear-gradient(270deg, #11777000 0%, #117770 100%);
	left: 0
}

.game-tab-scroll.is-left:before {
	transform: rotate(90deg)
}

.game-tab-scroll.is-left:after {
	pointer-events: none;
	z-index: 12;
	background: linear-gradient(270deg, #11777000 0%, #117770 100%);
	left: 10px
}

.game-tab-scroll.is-disable {
	opacity: 0
}

.halloween-neon .halloween-wrapper {
	margin-bottom: -40px
}

body.is-anim {
	background-repeat: repeat
}

body.is-anim .header {
	background: linear-gradient(#2ddacf -115%, #f2fff8 100%)
}

.header-ld {
	text-align: center
}

.header-ld__guest-text {
	letter-spacing: .02em;
	color: #3d4241;
	text-overflow: ellipsis;
	font-size: 28px;
	font-weight: 900;
	line-height: 130%;
	overflow: hidden
}

.header-ld__guest-btn {
	text-align: center;
	max-width: 256px;
	margin: 28px auto 0
}

.header-ld__guest-btn.is-w155 {
	width: 155px
}

.header-ld__guest-form {
	max-width: 208px;
	margin: 12px auto 0
}

.header-ld__img {
	width: 72px;
	height: 72px;
	background-image: url(../img/deposit.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto
}

.header-ld__item {
	margin-top: 16px
}

.header-ld__text {
	color: #0c8888;
	margin-top: 16px;
	font-size: 16px;
	font-weight: 900;
	line-height: 22px
}

.header-ld__btn {
	margin-top: 16px
}

.header-menu {
	min-width: 1010px;
	background: linear-gradient(#2ddacf -115%, #f2fff8 100%);
	padding-top: 20px
}

.header-menu__wrap {
	display: block
}

.header-menu__content {
	padding: 48px 70px 52px 46px;
	display: flex;
	position: relative
}

.header-menu__close {
	position: absolute;
	top: 24px;
	right: 32px
}

.header-menu__chat {
	position: absolute;
	bottom: 100px;
	right: 32px
}

.header-menu__lang {
	position: absolute;
	bottom: 40px;
	right: 32px
}

.header-menu__nav {
	flex-shrink: 0;
	display: flex
}

.header-menu__section+.header-menu__section {
	margin-left: 60px
}

.header-menu__item {
	justify-content: flex-start;
	align-items: center;
	display: flex;
	position: relative
}

.header-menu__item:hover span {
	color: #117770
}

.header-menu__item span {
	color: #3d4241;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	position: relative
}

.header-menu__item+.header-menu__item {
	margin-top: 28px
}

.header-menu__item.active span {
	background-image: linear-gradient(90deg, #006bce, #00b5dd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.header-menu__item.active span:before {
	content: "";
	width: 100%;
	height: 6px;
	background-color: #fff;
	border-radius: 3px;
	display: block;
	position: absolute;
	bottom: -13px;
	transform: rotate(-2deg);
	box-shadow: inset 0 0 4px #25e8dbb3, 0 0 8px #0088ebcc
}

.header-menu__item.icon-summer-neon54__after:after {
	content: "";
	height: 24px;
	width: 24px;
	background-position: 50%;
	background-size: contain;
	margin-left: 7px
}

.header-menu__item-icon {
	width: 26px;
	height: 26px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0
}

.header-menu__item-icon--summer {
	width: 22px;
	height: 24px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	margin: 0 8px 3px
}

.header-menu__item .header-menu__item-new {
	height: 15px;
	width: 32px;
	color: #fff;
	text-transform: uppercase;
	background: linear-gradient(#ff5d12 0%, #fd3307 50%, #ff590d 100%);
	border: 2.5px solid #fff;
	border-radius: 12px;
	justify-content: center;
	align-items: center;
	padding: 3px 6px;
	font-size: 8px;
	font-weight: 900;
	line-height: 15px;
	display: flex;
	position: absolute;
	bottom: -6px;
	right: 3px;
	box-shadow: 0 0 3px #fe660b5c
}

.header-menu__item .header-menu__item-newUn {
	height: 15px;
	width: 32px;
	color: #fff;
	text-transform: capitalize;
	background: linear-gradient(#24d092 0%, #0eb163 100%);
	border: 2.5px solid #fff;
	border-radius: 0 12px 12px 0;
	justify-content: center;
	align-items: center;
	padding: 4px 8px;
	font-size: 8px;
	font-weight: 900;
	line-height: 15px;
	display: flex;
	box-shadow: inset 0 0 .898876px #20ca89a6, 0 0 3px #20ca89cc
}

.header-menu__crab {
	margin: 0 0 -1px 10px;
	position: relative
}

.header-menu__crab:before {
	content: "";
	width: 24px;
	height: 24px;
	background-image: var(--icon-crab);
	filter: invert(35%)sepia(67%)saturate(1460%)hue-rotate(329deg)brightness(120%)contrast(108%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block
}

.header-menu__crab-count {
	height: 14px;
	color: #ff5151;
	background: #fff;
	border-radius: 7px;
	padding: 0 5px;
	font-size: 9px;
	font-weight: 900;
	line-height: 14px;
	position: absolute;
	top: -3px;
	right: calc(100% - 9px);
	box-shadow: 0 1px 4px #039c9333
}

.header-menu__link {
	color: #117770;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	display: block
}

.header-menu__link+.header-menu__link {
	margin-top: 28px
}

.header-menu__link:hover {
	color: #3d4241
}

.header-menu__link.active {
	color: #00ccc0
}

.header-menu__hero {
	width: 348px;
	height: 348px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	align-self: flex-end;
	margin: -48px 0 -52px auto;
	display: none
}

.header-menu__dep {
	width: 308px;
	align-self: center;
	margin-left: auto;
	margin-right: 47px
}

.linda-has-user .header-menu__dep {
	width: 208px;
	margin-right: 57px
}

@media screen and (min-width:1440px) {
	.header-menu__hero {
		display: block
	}

	.header-menu__dep {
		margin-left: 15px
	}

	.linda-has-user .header-menu__dep {
		margin-left: 48px;
		margin-right: 49px
	}

}

@media screen and (min-width:1920px) {
	.header-menu__section+.header-menu__section {
		margin-left: 140px
	}

	.header-menu__dep {
		margin-right: 119px
	}

	.linda-has-user .header-menu__dep {
		margin-right: 121px
	}

	.header-menu__hero {
		margin-right: 110px
	}

}

.header-nav {
	scrollbar-width: none;
	justify-content: space-between;
	padding: 10px 0;
	display: flex;
	overflow-x: scroll
}

.header-nav::-webkit-scrollbar {
	display: none
}

.header-nav__item {
	white-space: nowrap;
	height: 26px;
	color: #117770;
	border-radius: 4px;
	justify-content: flex-start;
	align-items: center;
	padding: 0 8px;
	font-size: 14px;
	font-weight: 700;
	line-height: 26px;
	display: flex
}

.header-nav__item:hover {
	color: #06cebf
}

.header-nav__item.active {
	color: #fff;
	background-color: #00ccc0
}

.header-nav__item-icon {
	width: 19px;
	height: 19px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	margin-left: 7px
}

@media screen and (min-width:1680px) {
	.header-nav {
		justify-content: flex-start;
		overflow-x: visible
	}

}

.header-scroll {
	height: 26px;
	width: 20px;
	background-image: url(../img/arr-bold-right.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	flex-shrink: 0;
	margin: 0 8px
}

.header-scroll.is-left {
	margin-right: 0;
	transform: rotate(180deg)
}

.header-scroll.is-disable {
	opacity: .2
}

@media screen and (min-width:1680px) {
	.header-scroll {
		display: none
	}

}

.header {
	width: 100%;
	height: 80px;
	min-width: 1010px;
	z-index: 201;
	align-items: center;
	padding: 0 32px;
	transition: all .25s;
	display: flex;
	position: fixed;
	top: 0;
	left: 0
}

.header.is-small {
	height: 57px;
	background: linear-gradient(#2ddacf -115%, #f2fff8 100%);
	box-shadow: 0 1px 4px #039c9333
}

.header__logo {
	width: 114px;
	height: 38px;
	background-image: url(../img/logo-dark.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	margin-right: 16px;
	transition: all .25s;
	display: block
}

.is-small .header__logo {
	width: 60px;
	height: 44px
}

.header__nav {
	flex: 2 0 270px
}

@media screen and (min-width:1280px) {
	.header__nav {
		flex-basis: 340px
	}

}

.header__right-wrap {
	flex-shrink: 0;
	justify-content: flex-end;
	display: flex
}

.header__search {
	max-width: 170px;
	margin-left: 5px
}

.header__btns {
	flex-shrink: 0;
	margin-left: 4px
}

.header__btn {
	margin-left: 12px
}

.header__bg-over {
	width: 100%;
	z-index: 500;
	height: 0;
	opacity: 0;
	background: #00000080;
	transition: height 0s .2s, opacity .2s;
	position: fixed;
	top: 0;
	left: 0
}

.has-menu-open .header__bg-over {
	height: 100%;
	opacity: 1;
	z-index: -1;
	transition-property: height, opacity;
	transition-duration: 0s, .2s;
	transition-delay: 0s, 0s
}

.header__animation {
	width: 100%;
	z-index: 510;
	height: 0;
	position: fixed;
	top: -20px;
	left: 0;
	overflow: hidden
}

.has-menu-open .header__animation.is-menu {
	height: calc(100% + 20px);
	animation: .3s cubic-bezier(.33, .26, .49, 1.57) showMenu;
	overflow: auto
}

.header__animation-inner {
	opacity: 0;
	transition: all .3s .2s;
	display: block
}

.has-menu-open .header__animation-inner {
	opacity: 1
}

@media screen and (min-width:1280px) {
	.header__search {
		min-width: 200px
	}

}

@media screen and (min-width:1440px) {
	.header__right-wrap {
		flex-grow: 1
	}

	.header__search {
		max-width: 440px
	}

}

.linda-has-remembered-login .header__btn.is-login.is-changed {
	color: #fff;
	background: linear-gradient(#fe500c, #fd3307, #ff5a0e);
	box-shadow: 0 0 4px #fd4707b3
}

.linda-has-remembered-login .header__btn.is-login.is-changed:hover {
	background: linear-gradient(#f80, #ff5c00, #ff8c00)
}

body:not(.linda-has-remembered-login) .header__btn.is-reg.is-changed {
	color: #fff;
	background: linear-gradient(#fe500c, #fd3307, #ff5a0e);
	box-shadow: 0 0 4px #fd4707b3
}

body:not(.linda-has-remembered-login) .header__btn.is-reg.is-changed:hover {
	background: linear-gradient(#f80, #ff5c00, #ff8c00)
}

@keyframes showMenu {
	0% {
		opacity: 0;
		transform: translateY(-100px)
	}

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

}

@keyframes showMenuContent {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

@keyframes rotate360 {
	to {
		transform: rotate(360deg)
	}

}

.home-challenge {
	z-index: 120;
	background-color: #fff;
	border-radius: 30px;
	margin-top: 40px;
	padding: 12px;
	position: relative;
	box-shadow: 0 0 10px #00d1ff, inset 0 0 7px #00bdecb3
}

.home-challenge__wrap {
	text-align: center;
	color: #fff;
	background-image: linear-gradient(#0186b4, #cff9f9);
	border-radius: 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px 60px;
	display: flex;
	position: relative;
	box-shadow: inset 0 0 10px #00d1ff, 0 0 7px #00bdecb3
}

.home-challenge__wrap:before, .home-challenge__wrap:after {
	content: "";
	width: 360px;
	height: 424px;
	z-index: 40;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	bottom: 0
}

.home-challenge__wrap:before {
	background-image: url(../img/craftpank-telephone-left.webp);
	left: -42px
}

.home-challenge__wrap:after {
	background-image: url(../img/kriss-telephone-right.webp);
	right: -42px
}

.home-challenge__content {
	z-index: 50;
	position: relative
}

.home-challenge__btn {
	font-size: 24px
}

.home-challenge__title {
	font-size: 20px;
	font-weight: 900;
	line-height: 24px
}

.home-challenge__title span {
	background-image: linear-gradient(#fffacc, #fbb417);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0 8px
}

.home-challenge__subtitle {
	margin-top: 20px;
	font-size: 40px;
	font-weight: 900;
	line-height: 120%
}

.home-challenge__text {
	margin-top: 16px;
	font-size: 20px;
	font-weight: 900;
	line-height: 120%
}

@media screen and (min-width:1280px) {
	.home-challenge__wrap:after {
		right: -20px
	}

}

@media screen and (min-width:1440px) {
	.home-challenge__wrap:after {
		right: -6px
	}

}

@media screen and (min-width:1680px) {
	.home-challenge {
		margin-top: 94px
	}

	.home-challenge__wrap:before, .home-challenge__wrap:after {
		width: 460px;
		height: 544px;
		background-position: 50% 122px;
		background-size: 100%
	}

	.home-challenge__wrap:before {
		left: 20px
	}

	.home-challenge__wrap:after {
		right: 36px
	}

	.home-challenge__subtitle {
		font-size: 60px;
		font-weight: 900;
		line-height: 120%
	}

	.home-challenge__text {
		font-size: 24px;
		font-weight: 900;
		line-height: 120%
	}

}

@media screen and (min-width:1920px) {
	.home-challenge__wrap:before {
		left: 44px
	}

	.home-challenge__wrap:after {
		right: 60px
	}

}

.home-container {
	max-width: 1864px;
	margin: 0 auto;
	padding: 0 32px
}

@media screen and (min-width:1440px) {
	.home-container {
		max-width: 1920px;
		padding: 0 60px
	}

}

.entrance-crypto {
	border-radius: 30px;
	margin-top: 40px;
	padding: 6px;
	box-shadow: inset 0 0 4px #02d9b2, 0 0 10px #02d9b2
}

.entrance-crypto__content {
	background-blend-mode: soft-light, normal;
	background-color: #0000;
	background-image: url(../img/crypto-banner-bg-op.webp), none, linear-gradient(#02d8b1 5.68%, #006bce 93.71%);
	background-position: 0 0, 50%, 0 0;
	background-repeat: no-repeat, no-repeat, repeat;
	background-size: cover;
	background-attachment: scroll, scroll, scroll;
	background-origin: padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box;
	border-radius: 30px;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	padding: 34px;
	display: flex
}

@media screen and (min-width:1440px) {
	.entrance-crypto__content {
		padding: 54px
	}

}

.entrance-crypto__images {
	grid-template-columns: repeat(4, 86px);
	align-items: center;
	gap: 8px;
	display: grid
}

@media screen and (min-width:1440px) {
	.entrance-crypto__images {
		grid-template-columns: repeat(4, 104px)
	}

}

.entrance-crypto .image-icon {
	height: 48px;
	background-color: #fff;
	border-radius: 8px;
	padding: 4px 16px;
	box-shadow: 0 1px 4px #039c9333
}

@media screen and (min-width:1440px) {
	.entrance-crypto .image-icon {
		height: 60px
	}

}

.entrance-crypto__text, .entrance-crypto__subtext {
	color: #fff;
	font-weight: 900;
	line-height: 120%
}

.entrance-crypto__text {
	letter-spacing: -.4px;
	padding-bottom: 6px;
	font-size: 24px
}

@media screen and (min-width:1280px) {
	.entrance-crypto__text {
		font-size: 28px
	}

}

@media screen and (min-width:1440px) {
	.entrance-crypto__text {
		padding-bottom: 12px
	}

}

.entrance-crypto__subtext {
	letter-spacing: -.6px;
	font-size: 16px
}

@media screen and (min-width:1440px) {
	.entrance-crypto__subtext {
		font-size: 24px
	}

}

.entrance-crypto__btn {
	text-align: center;
	letter-spacing: .48px;
	background-blend-mode: soft-light, soft-light, normal;
	color: #fff;
	background: linear-gradient(#fe500c, #fd3307, #ff5a0e);
	border-radius: 12px;
	padding: 13px 24px;
	font-size: 14px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	box-shadow: 0 0 4px #fd4707b3
}

.entrance-crypto__btn:hover {
	background: linear-gradient(#f80, #ff5c00, #ff8c00)
}

@media screen and (min-width:1280px) {
	.entrance-crypto__btn {
		padding: 13px 20px;
		font-size: 24px
	}

}

@media screen and (min-width:1440px) {
	.entrance-crypto__btn {
		padding: 27px 20px
	}

}

.home-event {
	position: relative
}

.home-event:before, .home-event:after {
	content: "";
	height: 100%;
	z-index: 60;
	width: 32px;
	display: block;
	position: absolute;
	top: 0
}

.home-event:after {
	background-image: linear-gradient(270deg, #fffaef 0, #fffaef00 100%);
	right: -32px
}

.home-event:before {
	background-image: linear-gradient(90deg, #f4fff8, #f4fff800);
	left: -32px
}

.home-event__row {
	-ms-overflow-style: none;
	scrollbar-width: none;
	margin: 13px -32px 0;
	padding: 15px 0;
	display: flex;
	overflow: auto
}

.home-event__row::-webkit-scrollbar {
	display: none
}

.home-event__row:before, .home-event__row:after {
	content: "";
	width: 22px;
	height: 100%;
	border: 1px solid #0000;
	flex-shrink: 0;
	display: block
}

.home-event__item {
	cursor: pointer;
	width: 140px;
	background-image: var(--icon-game);
	filter: drop-shadow(0 0 6px #7dc1e780);
	background-size: cover;
	border-radius: 8px;
	flex-shrink: 0;
	margin: 0 10px;
	display: block;
	position: relative
}

.home-event__item:before {
	content: "";
	padding-top: 150%;
	display: block
}

.home-event__item:hover {
	filter: drop-shadow(0 0 8px #7dc1e7)
}

.home-event__wrap {
	width: 100%;
	text-align: center;
	color: #3d4241;
	background-color: #fff;
	border-radius: 0 0 8px 8px;
	padding: 23px 10px 12px;
	position: absolute;
	bottom: 0;
	left: 0
}

.home-event__play {
	opacity: 0;
	transition: all .2s;
	position: absolute;
	top: -20px;
	left: calc(50% - 20px);
	transform: matrix(0, 0, 0, 0, 0, 0)
}

.home-event__item:hover .home-event__play {
	opacity: 1;
	transform: rotate(45deg)
}

.home-event__login {
	font-size: 10px;
	font-weight: 700;
	line-height: 140%
}

.home-event__text {
	margin-top: 4px;
	font-size: 10px;
	font-weight: 500;
	line-height: 140%
}

.home-event__prize {
	color: #fd3307;
	margin-top: 4px;
	font-size: 14px;
	font-weight: 900;
	line-height: 17px
}

@media screen and (min-width:1440px) {
	.home-event:after {
		right: -60px
	}

	.home-event:before {
		left: -60px
	}

	.home-event__row {
		margin: 13px -60px 0
	}

	.home-event__item {
		width: 180px
	}

}

.home-hero-dots {
	display: flex;
	position: absolute;
	bottom: 20px;
	left: 0
}

.home-hero-dots__item {
	width: 9px;
	height: 9px;
	cursor: pointer;
	background-color: #dac9a180;
	border-radius: 50%;
	margin-right: 8px;
	transition: background-color .3s ease-in-out
}

.home-hero-dots__item.is-active {
	background-color: #ff8128
}

.home-hero-line {
	--lines-scale: scale(.7);
	z-index: 2;
	display: none
}

.is-active .home-hero-line {
	display: block
}

.home-hero-line.is-line1 {
	width: 285px;
	height: 13px;
	z-index: 3;
	opacity: 0;
	background: #fdfefc;
	border-radius: 12px;
	animation: .5s ease-out .4s forwards line1;
	position: absolute;
	top: 200px;
	left: -100%;
	transform: rotate(80deg);
	box-shadow: 0 0 8px #fff068, inset 0 0 5px #fff06840
}

.home-hero-line.is-line2 {
	width: 120px;
	height: 6px;
	opacity: 0;
	background: #fdfefc;
	border-radius: 12px;
	animation: .5s ease-out .4s forwards line2;
	position: absolute;
	top: 90px;
	left: -150%;
	transform: rotate(-10deg);
	box-shadow: 0 0 8px #ff910f, inset 0 0 5px #ff910fcc
}

.home-hero-line.is-line3 {
	width: 180px;
	height: 6px;
	opacity: 0;
	z-index: 1;
	background: #fdfefc;
	border-radius: 12px;
	animation: .5s ease-out .4s forwards line3;
	position: absolute;
	top: -100%;
	left: 80px;
	transform: rotate(20deg);
	box-shadow: 0 0 8px #ff910f, inset 0 0 5px #ff910fcc
}

.home-hero-line.is-line4 {
	width: 239px;
	height: 12px;
	opacity: 0;
	background: #fdfefc;
	border-radius: 12px;
	animation: .5s ease-out .4s forwards line4;
	position: absolute;
	top: 104px;
	right: -220px;
	transform: rotate(-90deg);
	box-shadow: 0 0 8px #ff910f, inset 0 0 5px #ff910fcc
}

@media screen and (min-width:1280px) {
	.home-hero-line {
		--lines-scale: scale(1)
	}

	.home-hero-line.is-line1 {
		top: 260px
	}

	.home-hero-line.is-line2 {
		top: 140px
	}

	.home-hero-line.is-line3 {
		left: 143px
	}

	.home-hero-line.is-line4 {
		top: 144px
	}

}

@keyframes line1 {
	to {
		opacity: 1;
		transform: rotate(100deg)var(--lines-scale);
		left: -120px
	}

}

@keyframes line2 {
	to {
		opacity: 1;
		transform: rotate(20deg)var(--lines-scale);
		left: -20px
	}

}

@keyframes line3 {
	to {
		opacity: 1;
		transform: rotate(-20deg)var(--lines-scale);
		top: 26px
	}

}

@keyframes line4 {
	to {
		opacity: 1;
		transform: rotate(-105deg)var(--lines-scale);
		right: -95px
	}

}

.home-hero {
	--open-time: .3s;
	--close-time: .15s;
	max-width: 100%;
	justify-content: center;
	margin: 0 auto;
	padding: 90px 0 80px;
	display: flex;
	position: relative
}

.home-hero__item {
	width: 172px;
	height: 353px;
	transition: var(--open-time)ease-in-out;
	cursor: pointer;
	position: relative
}

.is-changing .home-hero__item {
	transition: var(--close-time)ease-in-out
}

.home-hero__item:first-child {
	z-index: 1
}

.home-hero__item:nth-child(2) {
	z-index: 2
}

.home-hero__item:nth-child(3) {
	z-index: 3
}

.home-hero__item:nth-child(4) {
	z-index: 4
}

.home-hero__item:nth-child(5) {
	z-index: 5
}

.home-hero__item.is-prev {
	transform: translate(-80px)
}

.home-hero__item.is-next {
	transform: translate(80px)
}

.home-hero__item.is-active {
	z-index: 20;
	cursor: default;
	transform: rotate(3deg)
}

.home-hero__item:not(.is-active):hover .home-hero__video {
	opacity: .5
}

.has-started-state .home-hero__item {
	opacity: 0;
	transform: translate(100%)
}

.has-started-state .home-hero__item:first-child, .has-started-state .home-hero__item:nth-child(2), .has-started-state .home-hero__item:nth-child(3) {
	transform: translate(-100%)
}

.home-hero__wrap {
	width: 100%;
	height: 100%;
	transition: width var(--close-time)ease-in-out, height var(--close-time)ease-in-out;
	background-image: linear-gradient(240.96deg, #02d8b1 16.98%, #006bce 70.42%), linear-gradient(#00a0c4 0%, #75e0ef 52.6%, #f2fffd 100%);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.is-active .home-hero__wrap {
	width: 175%;
	height: 120%;
	transition: width var(--open-time)ease-in-out, height var(--open-time)ease-in-out
}

.home-hero__wrap:before, .home-hero__wrap:after {
	content: "";
	transform-origin: 50%;
	z-index: 5;
	pointer-events: none;
	display: block;
	position: absolute
}

.home-hero__wrap:before {
	width: 126%;
	height: 110%;
	background: url(../img/slider-border-green.webp) 50%/100% 100% no-repeat;
	border-radius: 30px;
	transition: opacity .3s ease-in-out;
	top: -5%;
	left: -13%
}

.is-active .home-hero__wrap:before {
	opacity: 0
}

.home-hero__wrap:after {
	width: 114%;
	height: 110%;
	opacity: 0;
	background: url(../img/slider-border-orange.webp) 50%/100% 100% no-repeat;
	transition: opacity .3s ease-in-out;
	top: -5%;
	left: -7%
}

.is-active .home-hero__wrap:after {
	opacity: 1
}

.home-hero__video {
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	border-radius: 30px;
	transition: opacity .3s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}

.home-hero__video video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.is-active .home-hero__video {
	opacity: 1
}

.home-hero__img {
	width: 150%;
	height: 120%;
	z-index: 10;
	background-image: var(--avatar-img);
	pointer-events: none;
	transform-origin: 50% 0;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: auto 100%, 0;
	transition: transform .3s ease-in-out;
	position: absolute;
	bottom: 0;
	left: 0
}

.is-active .home-hero__img {
	transform: translate(-5%)translateY(5%)rotate(-3deg)
}

.home-hero__img:before {
	content: "";
	width: 100%;
	height: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: auto 100%, 0;
	background-image: var(--avatar-img-active);
	opacity: .1;
	transition: opacity .3s ease-in-out;
	display: block
}

.is-active .home-hero__img:before {
	opacity: 1
}

.home-hero__blue {
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	z-index: 12;
	background: linear-gradient(45deg, #0179cbe6 20%, #0179cb00 40%);
	border-radius: 20px;
	flex-direction: column;
	padding: 14% 7%;
	transition-property: opacity;
	transition-duration: .3s;
	transition-delay: .3s;
	display: flex;
	position: absolute;
	bottom: 5px;
	left: 5px
}

.is-active .home-hero__blue {
	opacity: 0;
	transition-duration: 0s;
	transition-delay: 0s
}

.home-hero__blue-name {
	color: #ffffff9c;
	font-size: 12px;
	font-weight: 700;
	line-height: 120%
}

.home-hero__blue-offer {
	color: #fff;
	text-shadow: 0 1px 4px #039c9333;
	margin-top: auto;
	font-size: 16px;
	font-weight: 900;
	line-height: 120%
}

.home-hero__i {
	z-index: 20;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .3s;
	transition-delay: .3s;
	position: absolute;
	top: 7%;
	left: 6%
}

.is-active .home-hero__i {
	opacity: 1;
	transition-duration: 0s;
	transition-delay: 0s
}

.home-hero__item:not(.is-active) .home-hero__i {
	pointer-events: none
}

.home-hero__name {
	color: #fff;
	text-shadow: 0 4px 15px #552c2b26;
	font-size: 20px;
	font-weight: 700;
	line-height: 120%
}

.home-hero__name:after {
	content: "";
	width: 120px;
	height: 4px;
	filter: drop-shadow(0 0 10px #fd3908);
	background-color: #fff;
	border-radius: 30px;
	margin-top: 9px;
	display: block;
	box-shadow: inset 0 0 2px #ff7f03
}

.home-hero__link {
	letter-spacing: .02em;
	color: #fff;
	text-shadow: 0 4px 15px #552c2b26;
	margin-top: 9px;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	display: inline-block
}

@media screen and (min-width:1280px) {
	.home-hero {
		padding: 120px 0 80px
	}

	.home-hero__item {
		width: 210px;
		height: 455px
	}

	.home-hero__img {
		width: 140%;
		height: 110%;
		left: -5%
	}

	.is-active .home-hero__img {
		transform: scale(1.05)translate(5%)translateY(3%)rotate(-3deg)
	}

	.home-hero__blue-offer {
		font-size: 20px;
		line-height: 120%
	}

}

@media screen and (min-width:1440px) {
	.home-hero__item {
		width: 236px;
		height: 507px
	}

	.home-hero__item.is-prev {
		transform: translate(-100px)
	}

	.home-hero__item.is-next {
		transform: translate(100px)
	}

	.home-hero__blue {
		width: calc(100% - 14px);
		border-radius: 26px;
		left: 7px
	}

	.home-hero__blue-offer {
		font-size: 24px;
		line-height: 120%
	}

}

@media screen and (min-width:1680px) {
	.home-hero {
		padding: 130px 0 90px
	}

	.home-hero__item {
		width: 277px;
		height: 471px
	}

	.home-hero__wrap:before {
		width: 112%;
		height: 106%;
		background: url(../img/slider-border-green-big.webp) 50%/100% 100% no-repeat;
		top: -3%;
		left: -6%
	}

	.home-hero__wrap:after {
		width: 108%;
		height: 104%;
		background: url(../img/slider-border-orange-big.webp) 50%/100% 100% no-repeat;
		top: -2%;
		left: -4%
	}

	.home-hero__img {
		width: 140%;
		height: 120%
	}

	.is-active .home-hero__img {
		transform: scale(1.01)translate(3%)translateY(8%)rotate(-3deg)
	}

	.home-hero__blue {
		width: calc(100% - 4px);
		height: calc(100% - 8px);
		border-radius: 23px;
		bottom: 4px;
		left: 2px
	}

	.home-hero__blue-offer {
		font-size: 28px;
		line-height: 120%
	}

}

@media screen and (min-width:1920px) {
	.home-hero {
		padding: 130px 0 120px
	}

	.home-hero__item {
		width: 320px;
		height: 558px
	}

	.home-hero__item.is-prev {
		transform: translate(-140px)
	}

	.home-hero__item.is-next {
		transform: translate(140px)
	}

}

.home-jackpot {
	margin-top: 40px;
	margin-bottom: 37px;
	display: flex
}

.home-jackpot__left {
	width: 240px;
	z-index: 50;
	flex-shrink: 0;
	margin-left: -20px;
	margin-right: 20px;
	position: relative
}

.home-jackpot__left:before {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(../img/miradona.webp);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	transform: scaleX(-1)
}

.home-jackpot__right {
	z-index: 10;
	width: calc(100% - 240px);
	align-self: flex-end;
	margin-left: auto;
	position: relative
}

.home-jackpot__banner {
	height: 287px;
	background-color: #fff;
	border-radius: 22px;
	position: relative;
	box-shadow: 0 0 10px #ecb800, inset 0 0 7px #ecb800b3
}

.home-jackpot__banner .homepage-video {
	inset: 8px
}

.home-jackpot__board {
	z-index: 50;
	width: 100%;
	height: 287px;
	padding: 8px;
	position: absolute;
	left: 0
}

.home-jackpot__board-i {
	height: 100%;
	color: #fff;
	background: 0 0;
	border-radius: 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 16px 0 20px;
	display: flex
}

.home-jackpot__title {
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	line-height: 130%
}

.home-jackpot__btn {
	font-size: 24px
}

.home-jackpot__sum {
	white-space: nowrap;
	color: #fff;
	text-shadow: 0 0 4px #fff49680;
	margin: 4px 0 8px;
	font-size: 75px;
	font-weight: 900;
	line-height: 121%
}

.home-jackpot__wrapper {
	position: relative;
	overflow: hidden
}

.home-jackpot__wrapper .swiper-container {
	margin: 0 -20px;
	padding: 30px 20px 25px;
	position: static;
	-webkit-mask-image: linear-gradient(90deg, #fffaef00, #fffaef 10px calc(100% - 10px), #fffaef00);
	mask-image: linear-gradient(90deg, #fffaef00, #fffaef 10px calc(100% - 10px), #fffaef00);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%
}

.home-jackpot__slider {
	max-width: 100%;
	display: block
}

.home-jackpot__arr {
	z-index: 100;
	position: absolute;
	top: calc(50% - 20px)
}

.home-jackpot__arr.is-left {
	left: 8px
}

.home-jackpot__arr.is-right {
	right: 8px
}

.home-jackpot .swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: visible
}

.home-jackpot .swiper-slide .game-item {
	height: 100%;
	aspect-ratio: 2/3
}

@media screen and (min-width:1280px) {
	.home-jackpot__left {
		width: 280px
	}

	.home-jackpot__left:before {
		height: 110%;
		top: -5%
	}

	.home-jackpot__right {
		width: calc(100% - 278px)
	}

	.home-jackpot__sum {
		font-size: 80px
	}

}

@media screen and (min-width:1440px) {
	.home-jackpot__left {
		width: 259px;
		margin-right: 0
	}

	.home-jackpot__left:before {
		height: 100%;
		top: 0
	}

	.home-jackpot__right {
		width: calc(100% - 245px)
	}

}

@media screen and (min-width:1680px) {
	.home-jackpot__right {
		width: calc(100% - 263px)
	}

}

@media screen and (min-width:1920px) {
	.home-jackpot__left {
		width: 372px
	}

	.home-jackpot__right {
		width: calc(100% - 372px)
	}

}

.home-live {
	margin-top: 40px;
	position: relative
}

.home-live__slider {
	margin: 0 -32px;
	padding: 30px 22px 10px
}

.home-live__slider linda-slick {
	position: static
}

.home-live__slider linda-slick .slick-list {
	margin: -20px -10px;
	padding: 20px 10px;
	-webkit-mask-image: linear-gradient(90deg, #fffaef00, #fffaef 15px calc(100% - 15px), #fffaef00);
	mask-image: linear-gradient(90deg, #fffaef00, #fffaef 15px calc(100% - 15px), #fffaef00);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%
}

.home-live__item {
	padding: 10px
}

.home-live__arr {
	z-index: 150;
	position: absolute;
	top: calc(50% - 14px)
}

.home-live__arr.is-left {
	left: -25px
}

.home-live__arr.is-right {
	right: -25px
}

@media screen and (min-width:1440px) {
	.home-live__slider {
		margin: 0 -60px;
		padding: 30px 50px 10px
	}

}

.home-pays {
	justify-content: space-between;
	margin-top: 32px;
	display: flex
}

.home-pays__item {
	width: 88px;
	height: 24px
}

.home-pays__item img {
	width: 88px;
	height: 24px;
	object-fit: cover;
	display: block
}

.home-pays__link {
	cursor: pointer;
	height: 24px;
	color: #0c8888;
	background: #4986821a;
	border-radius: 12px;
	flex-shrink: 0;
	align-items: center;
	margin-left: 8px;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 500;
	line-height: 24px;
	display: flex
}

.home-pays__link:hover {
	background: #49868233
}

.home-pays__link:after {
	content: "";
	width: 10px;
	height: 12px;
	background-image: var(--icon-arr-down);
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	transform: rotate(-90deg)
}

@media screen and (max-width:1279px) {
	.home-pays__item:nth-child(10), .home-pays__item:nth-child(11) {
		display: none
	}

}

@media screen and (max-width:1439px) {
	.home-pays__item:nth-child(12) {
		display: none
	}

}

@media screen and (max-width:1679px) {
	.home-pays__item:nth-child(13), .home-pays__item:nth-child(14) {
		display: none
	}

}

.home-popular {
	position: relative
}

.home-popular:after {
	content: "";
	width: 100%;
	height: 80px;
	z-index: 80;
	background: linear-gradient(#f4fff900, #f4fff9);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0
}

@media screen and (min-width:1280px) {
	.home-popular:after {
		height: 120px
	}

}

@media screen and (min-width:1680px) {
	.home-popular:after {
		height: 180px
	}

}

.home-shop {
	z-index: 120;
	background-color: #fff;
	border-radius: 30px;
	padding: 12px;
	position: relative;
	box-shadow: 0 0 10px #00d1ff, inset 0 0 7px #00bdecb3
}

.home-shop__wrap {
	background-image: linear-gradient(90deg, #01c7a5, #0044bc);
	border-radius: 16px;
	position: relative;
	box-shadow: inset 0 0 10px #00d1ff, 0 0 7px #00bdecb3
}

.home-shop__wrap:after {
	content: "";
	width: 123px;
	height: calc(100% + 2px);
	z-index: 1;
	background: linear-gradient(270deg, #0044bc 0%, #0044bc00 100%);
	border-radius: 0 18px 18px 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

.home-shop__card {
	width: 560px;
	height: 378px;
	background-image: url(../img/star-new.webp), url(../img/shop-logo-sm.webp);
	background-position: 410px 5px, 319px 0;
	background-repeat: no-repeat;
	background-size: 52px, 110px;
	padding-left: 10px;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0
}

.home-shop__card-img {
	width: 309px;
	height: 100%;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 18px 0 0 18px;
	flex-shrink: 0
}

.home-shop__card-content {
	padding-top: 126px;
	overflow: hidden
}

.home-shop__card-title {
	color: #fff;
	overflow-wrap: break-word;
	line-clamp: 4;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	font-size: 28px;
	font-weight: 900;
	line-height: 120%;
	display: -webkit-box;
	overflow: hidden
}

:is(:lang(el), :lang(fi)) .home-shop__card-title {
	font-size: 25px
}

.home-shop__card-btn {
	font-size: 24px
}

:is(:lang(de), :lang(at), :lang(it), :lang(el), :lang(sl), :lang(fr), :lang(sk), :lang(be), :lang(cs), :lang(cl), :lang(es), :lang(pe), :lang(ch)) .home-shop__card-btn {
	font-size: 18px
}

:is(:lang(fr), :lang(eu), :lang(sf)) .home-shop__card-btn {
	font-size: 14px
}

.home-shop__slider {
	border-radius: 0 18px 18px 0;
	margin-left: 580px;
	overflow: hidden
}

@media screen and (min-width:1680px) {
	.home-shop__card {
		width: 680px;
		height: 384px;
		background-position: 472px 5px, 373px 0;
		background-size: 57px, 120px
	}

	.home-shop__card-content {
		padding-top: 139px
	}

	.home-shop__card-title {
		overflow-wrap: break-word;
		line-clamp: 3;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		font-size: 35px;
		display: -webkit-box;
		overflow: hidden
	}

	:is(:lang(el), :lang(fi)) .home-shop__card-title {
		font-size: 28px
	}

	.home-shop__card-img {
		width: 360px
	}

	.home-shop__slider {
		margin-left: 688px
	}

}

.home-slot {
	margin: 0 -20px;
	padding: 28px 20px 0;
	position: relative;
	overflow: hidden
}

.home-slot:after {
	content: "";
	height: 190px;
	width: 100%;
	z-index: 100;
	background: linear-gradient(0deg, #f4fff9, #f4fff900 110px);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0
}

.home-wb {
	width: 190px;
	height: 230px;
	opacity: 0;
	text-align: center;
	z-index: 25;
	background-color: #fff;
	border-radius: 18px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 12px;
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	display: flex;
	position: absolute;
	bottom: 40px;
	left: 0;
	transform: scale(.7)
}

.is-active .home-wb {
	opacity: 1;
	transform: translate(-40px)
}

.home-hero__item:not(.is-active) .home-wb {
	pointer-events: none
}

.home-wb:before, .home-wb:after {
	content: "";
	z-index: 2;
	height: calc(100% + 20px);
	width: calc(100% + 20px);
	background-position: top, bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	position: absolute;
	top: -10px;
	left: -10px
}

.home-wb:before {
	background-image: url(../img/item-offer-top2.webp), url(../img/item-offer-bottom2.webp)
}

.home-wb:after {
	background-image: url(../img/item-offer-top.webp), url(../img/item-offer-bottom.webp);
	animation: 5s ease-in-out infinite light
}

.home-wb__offer {
	background-image: linear-gradient(#ff8601, #ff590b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 24px;
	font-weight: 900;
	line-height: 120%
}

.home-wb__offer.is-small {
	font-size: 16px;
	font-weight: 900;
	line-height: 120%
}

.home-wb__btn {
	z-index: 10;
	margin-top: 14px;
	position: relative
}

.home-hero__item:not(.is-active) .home-wb__btn {
	pointer-events: none
}

.home-wb__amount {
	z-index: 20;
	margin-top: 12px;
	display: block;
	position: relative
}

@media screen and (min-width:1440px) {
	.home-wb {
		width: 259px;
		height: 294px;
		bottom: 100px
	}

	.home-wb:before, .home-wb:after {
		height: calc(100% + 30px);
		width: calc(100% + 30px);
		top: -15px;
		left: -15px
	}

	.home-wb__offer {
		font-size: 36px;
		line-height: 120%
	}

	.home-wb__offer.is-small {
		font-size: 24px;
		line-height: 120%
	}

	.home-wb__amount {
		margin-top: 16px
	}

}

@keyframes light {
	0%, 20%, 25%, 30%, 60%, 65% {
		opacity: 1
	}

	22%, 27%, 62% {
		opacity: .6
	}

}

.info-page {
	counter-reset: section;
	max-width: 960px;
	flex-direction: column;
	margin: 64px auto 40px;
	display: flex;
	position: relative
}

.info-page h1 {
	color: #117770;
	letter-spacing: .02em;
	text-align: center;
	padding: 0 0 22px;
	font-size: 18px;
	font-weight: 900;
	line-height: 22px
}

.info-page h2 {
	text-align: center
}

.info-page a {
	vertical-align: unset;
	color: #0c8888;
	font-size: 14px;
	font-weight: 600;
	line-height: 26px
}

.info-page a:hover {
	text-decoration: underline
}

.info-page ul {
	margin-bottom: 16px;
	padding-left: 2em
}

.info-page ul li {
	list-style-type: disc
}

.info-page table {
	width: 100%;
	border: none
}

.info-page table thead th, .info-page table thead td {
	color: #909c9a;
	border: none;
	font-weight: 600
}

.info-page table thead th {
	padding: 10px
}

.info-page table tbody {
	max-width: 100%;
	min-width: 100%;
	padding-bottom: 20px;
	overflow-x: auto
}

.info-page table tr {
	color: #3d4241;
	text-align: center;
	letter-spacing: .02em;
	border: 1px solid #d8d5d1;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px
}

.info-page table td {
	max-width: 600px;
	border: none;
	padding: 10px
}

.info-page.no-accordion, .info-page.is-sitemap {
	background-color: #fff;
	border-radius: 12px;
	padding: 40px;
	box-shadow: 0 1px 4px #039c9333
}

.info-page.no-accordion h2, .info-page.is-sitemap h2 {
	color: #117770;
	padding-bottom: 14px;
	font-size: 18px;
	font-weight: 900;
	line-height: 22px
}

.info-page.no-accordion section, .info-page.is-sitemap section {
	margin-top: 40px
}

.info-page.no-accordion section:first-child, .info-page.is-sitemap section:first-child {
	margin-top: 0
}

.info-page.no-accordion section p, .info-page.is-sitemap section p {
	color: #3d4241;
	padding-top: 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px
}

.info-page.no-accordion section p:first-child, .info-page.is-sitemap section p:first-child {
	padding-top: 0
}

.info-page.no-accordion {
	box-shadow: none;
	background-color: #0000;
	padding: 0
}

.info-page.no-accordion section {
	background-color: #fff;
	margin: -1px 0 0;
	padding: 40px;
	box-shadow: 0 1px 4px #039c9333
}

.info-page.no-accordion section:first-child {
	border-radius: 12px 12px 0 0
}

.info-page.no-accordion section:last-child {
	border-radius: 0 0 12px 12px
}

.info-page.no-accordion>div>div {
	justify-content: center;
	align-items: center;
	gap: 24px;
	padding-bottom: 24px;
	display: flex
}

.info-page.no-accordion>div>div~section {
	border-radius: 12px 12px 0 0
}

.info-page.no-accordion>div>div>a {
	height: 88px;
	letter-spacing: .03em;
	background-color: #4986821a;
	border-radius: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	font-size: 16px;
	line-height: 26px;
	transition: box-shadow .2s ease-in;
	display: flex;
	box-shadow: 0 1px 4px #039c9333
}

.info-page.no-accordion>div>div>a>div {
	padding-left: 64px;
	position: relative
}

.info-page.no-accordion>div>div>a>div:after {
	content: "";
	width: 56px;
	height: 56px;
	background-color: #fff;
	border-radius: 100%;
	margin: 0 auto 10px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 1px 4px #692b8e47
}

.info-page.no-accordion>div>div>a>div:before {
	content: "";
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	height: 56px;
	width: 56px;
	z-index: 1;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 28px 28px;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.info-page.no-accordion>div>div>a>div>div:first-child {
	font-weight: 900
}

.info-page.no-accordion>div>div>a>div>div:first-child:after {
	background-image: var(--icon-arr-down);
	content: "";
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	height: 11px;
	width: 15px;
	background-size: 100%;
	display: inline-block;
	transform: rotate(-90deg)translateY(4px)
}

.info-page.no-accordion>div>div>a>div>div:last-child {
	color: #3d4241;
	cursor: default;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px
}

.info-page.no-accordion>div>div>a img {
	display: none
}

.info-page.no-accordion>div>div>a:first-child {
	order: 1
}

.info-page.no-accordion>div>div>a:first-child>div:before {
	background-image: var(--icon-support)
}

.info-page.no-accordion>div>div>a:last-child>div:before {
	background-image: var(--icon-form-email)
}

.info-page.no-accordion>div>div>a:hover {
	text-decoration: none;
	box-shadow: 0 3px 8px #039c934d
}

.info-page.no-accordion>div>div>a:hover>div:before {
	box-shadow: 0 3px 4px #692b8e47
}

.info-page.accordion section {
	counter-increment: section;
	background-color: #fff;
	border-radius: 12px;
	margin-top: 20px;
	padding: 12px 20px;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.info-page.accordion section:first-child {
	margin-top: 0
}

.info-page.accordion section:hover {
	box-shadow: 0 3px 8px #039c934d
}

.info-page.accordion section:hover h2 {
	color: #117770
}

.info-page.accordion section:hover h2:after {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.info-page.accordion section h2 {
	color: #6fa6a3;
	cursor: pointer;
	margin: 0;
	padding: 0 30px;
	font-size: 16px;
	font-weight: 700;
	transition-property: color, padding;
	transition-duration: .2s;
	transition-timing-function: ease-in, ease
}

.info-page.accordion section h2:before {
	content: counter(section)".";
	margin-right: 4px
}

.info-page.accordion section h2:after {
	content: "";
	width: 20px;
	height: 20px;
	background-image: var(--icon-arr-down);
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transition: filter .1s;
	position: absolute;
	top: 15px;
	right: 20px
}

.info-page.accordion section h2~* {
	max-height: 0;
	margin: 0;
	transition: max-height .1s, margin .1s;
	overflow: hidden
}

.info-page.accordion section h2~p, .info-page.accordion section h2~ul li {
	font-size: 14px;
	line-height: 28px
}

.info-page.accordion section h2~table {
	padding: 0
}

.info-page.accordion section h2.open {
	color: #117770;
	border-bottom: 1px solid #6fa6a3;
	margin-bottom: 16px;
	padding-bottom: 12px;
	font-weight: 900
}

.info-page.accordion section h2.open~* {
	max-height: none
}

.info-page.accordion section h2.open~p {
	padding-top: 16px
}

.info-page.accordion section h2.open~p:first-child {
	padding-top: 0
}

.info-page.accordion section h2.open~p span {
	font-weight: 600
}

.info-page.accordion section h2.open~ul, .info-page.accordion section h2.open~div {
	padding-top: 16px
}

.info-page.accordion section h2.open:after {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	transform: rotate(180deg)
}

.info-page__list {
	grid-gap: 12px 32px;
	grid-template-columns: repeat(3, 1fr);
	display: grid
}

.info-page__list:not(:last-child), .info-page__categories {
	margin-bottom: 39px
}

.item-avatar {
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 8px;
	display: inline-block;
	box-shadow: 0 1px 4px #039c9333
}

.item-avatar:hover {
	box-shadow: 0 3px 8px #039c934d
}

.item-balance {
	background: #4986821a;
	border-radius: 12px;
	padding: 10px 16px;
	display: block
}

.item-balance.is-white {
	background: #fff
}

.item-balance.on-modal {
	width: 265px;
	margin: 10px auto 0
}

.item-balance.is-bonus-popup {
	width: 380px;
	margin: 10px auto 0
}

.item-balance__key {
	color: #909c9a;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px
}

.item-balance__val {
	color: #818181;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.item-card {
	cursor: pointer;
	background: linear-gradient(#2ddacf -115%, #f2fff8 100%);
	border-radius: 8px;
	padding: 8px 28px 10px 38px;
	display: block;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.item-card:before {
	content: "";
	width: 6px;
	height: 42px;
	background: #fff;
	border-radius: 12px;
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: rotate(10deg)translateY(-50%);
	box-shadow: 0 0 18px #21ffd7, inset 0 0 4px #9defe7
}

.item-card:after {
	content: "";
	width: 10px;
	height: 10px;
	background-image: var(--icon-arr-down);
	filter: invert(48%)sepia(75%)saturate(6000%)hue-rotate(159deg)brightness(105%)contrast(98%);
	display: block;
	position: absolute;
	top: 25px;
	right: 12px
}

.item-card__name {
	color: #117770;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px;
	overflow: hidden
}

.item-card__count {
	color: #6fa6a3;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px
}

.item-card:hover {
	background: linear-gradient(#2ddacf 0%, #f2fff8 100%);
	box-shadow: 0 3px 8px #039c934d
}

.is-group-active .item-card {
	background: linear-gradient(261.26deg, #01d6a3 19.7%, #00c0a9 96.39%), linear-gradient(#2ddacf -115%, #f2fff8 100%);
	box-shadow: 0 1px 4px #039c9333
}

.is-group-active .item-card__name, .is-group-active .item-card__count {
	color: #fff
}

.is-group-active .item-card:after {
	transform: rotate(180deg)
}

.item-lang {
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	cursor: pointer;
	border-radius: 12px;
	padding: 8px;
	position: relative;
	overflow: hidden
}

.item-lang:hover {
	background: #c1dad9;
	overflow: visible
}

.item-lang.active {
	background: #22d1b3
}

.item-lang img {
	width: 32px;
	height: 32px;
	object-fit: cover;
	border-radius: 50%
}

.item-lang__tooltip {
	height: 49px;
	text-align: center;
	letter-spacing: .02em;
	color: #117770;
	z-index: 50;
	white-space: nowrap;
	background: #fff;
	border-radius: 10px;
	padding: 0 16px;
	font-size: 12px;
	font-weight: 600;
	line-height: 49px;
	transition: all .2s;
	position: absolute;
	top: calc(100% + 5px);
	left: 50%;
	transform: translate(-50%);
	box-shadow: 0 1px 4px #039c9333
}

.item-lang:not(:hover) .item-lang__tooltip {
	opacity: 0;
	transform: translate(-50%)translateY(10px)
}

.item-lang__tooltip:before {
	content: "";
	width: 0;
	border-bottom: 8px solid #fff;
	border-left: 7px solid #0000;
	border-right: 7px solid #0000;
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translate(-50%)
}

.item-lang.is-40 {
	width: 40px;
	height: 40px;
	padding: 6px
}

.item-lang.is-40 img {
	width: 28px;
	height: 28px
}

.item-ld {
	width: 100%;
	height: 48px;
	background: #fff;
	border-radius: 12px;
	flex-shrink: 0;
	padding: 12px;
	display: flex;
	box-shadow: 0 1px 4px #039c9333
}

.item-ld.is-32 {
	height: 32px;
	padding: 4px 12px
}

.item-ld__icon {
	width: 88px;
	height: 24px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	margin-right: 3px
}

.item-ld__sum {
	text-align: right;
	color: #3d4241;
	flex-grow: 1;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px
}

.notifications {
	z-index: 4000;
	width: 344px;
	position: fixed;
	top: 10px;
	right: 24px
}

.notifications__item {
	width: 344px;
	opacity: 1;
	max-height: auto;
	margin-top: 10px;
	transition: all .3s;
	position: relative
}

.notifications__item.ng-move, .notifications__item.ng-enter {
	transition: all .5s
}

.notifications__item.ng-leave {
	transition: all 1ms !important
}

.notifications__item.ng-leave.ng-leave-active, .notifications__item.ng-move, .notifications__item.ng-enter {
	max-height: 0;
	transform: translate(100%)scale(.6)
}

.notifications__item.ng-leave, .notifications__item.ng-move.ng-move-active, .notifications__item.ng-enter.ng-enter-active {
	max-height: 100px;
	transform: translate(0%)scale(1)
}

.notifications__row {
	width: 344px;
	min-height: 60px;
	background: #fff;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	padding: 12px;
	display: flex;
	box-shadow: 0 1px 4px #039c9333
}

.notifications__close {
	cursor: pointer;
	width: 16px;
	height: 16px;
	filter: invert(53%)sepia(2%)saturate(4542%)hue-rotate(128deg)brightness(113%)contrast(104%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	align-items: center;
	margin-left: auto;
	transition: all .1s;
	display: flex
}

.notifications__close:hover {
	filter: invert(14%)sepia(86%)saturate(6788%)hue-rotate(174deg)brightness(98%)contrast(87%)
}

.notifications__text {
	letter-spacing: .02em;
	color: #3d4241;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	padding-right: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	display: flex
}

.notifications__text span {
	color: #909c9a;
	font-size: 10px;
	font-weight: 500;
	line-height: 12px
}

.notifications__text p {
	margin-top: 2px
}

.notifications__icon {
	width: 32px;
	height: 32px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 4px;
	flex-shrink: 0;
	margin-right: 12px;
	position: relative;
	overflow: hidden
}

.notifications__icon:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

@keyframes moveNot {
	0% {
		max-height: 0
	}

	to {
		max-height: 400px
	}

}

@keyframes showNot {
	0% {
		opacity: 0
	}

}

.payments-list-select {
	grid-column-gap: 19px;
	grid-template-columns: 1fr 1fr;
	display: grid
}

.payments-list-select__title {
	color: #6fa6a3;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 470px;
	margin-bottom: 6px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	overflow: hidden
}

.payments-list-select .form-select {
	text-indent: 0;
	padding: 0 46px 0 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px
}

.payments-list-tabs {
	grid-column-gap: 12px;
	grid-template-columns: 468px 468px;
	transition: all .2s;
	display: grid
}

.payments-list-tabs.is-flex-end {
	justify-content: flex-end;
	transition: all .2s
}

.payments-list-tabs__item {
	height: 62px;
	color: #117770;
	letter-spacing: .02em;
	background: linear-gradient(#f2fff81a 0%, #2ddacf1a 100%), #fff;
	border-radius: 16px 16px 0 0;
	justify-content: center;
	padding: 0 20px;
	font-size: 18px;
	font-weight: 900;
	line-height: 62px;
	display: flex;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.payments-list-tabs__item:hover:not(.active) {
	background: linear-gradient(#f2fff84d 0%, #2ddacf4d 100%), #fff;
	transition: all .2s
}

.payments-list-tabs__item:after {
	content: "";
	width: 100%;
	height: 20px;
	background: #fff;
	position: absolute;
	bottom: -20px;
	left: 0
}

.payments-list-tabs__item input {
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	cursor: pointer;
	position: absolute
}

.payments-list-tabs__item.active {
	pointer-events: none;
	background: #fff
}

.payments-list {
	max-width: 960px;
	margin: 0 auto;
	position: relative
}

.payments-list__title {
	color: #117770;
	text-align: center;
	letter-spacing: .02em;
	margin: 22px 0 26px;
	font-size: 18px;
	font-weight: 900;
	line-height: 25px
}

.payments-pays {
	grid-row-gap: 24px;
	background: #fff;
	border-radius: 0 16px 16px;
	padding: 24px;
	display: grid;
	box-shadow: 0 1px 4px #039c9333
}

.payments-pays.is-withdraw {
	border-top-left-radius: 16px;
	border-top-right-radius: 0
}

.payments-pays__row {
	grid-column-gap: 8px;
	background: #4986820d;
	border-radius: 16px;
	grid-template-rows: 82px auto;
	grid-template-columns: 184px 184px 133px 184px 184px;
	padding: 8px;
	display: grid
}

.payments-pays__row:hover {
	transition: all .2s;
	box-shadow: inset 0 0 0 2px #9de0d6
}

.payments-pays__row:hover .payments-pays__title .is-text {
	display: none
}

.payments-pays__row:hover .payments-pays__title .is-btn {
	display: block
}

.payments-pays__row:hover .payments-pays__title .is-btn.is-login {
	display: none
}

.payments-pays__row:last-child {
	margin-bottom: 0
}

.payments-pays__logo {
	width: 184px;
	height: 82px;
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 150px;
	border-radius: 10px
}

.payments-pays__title {
	height: 82px;
	color: #3d4241;
	letter-spacing: .02em;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	transition: all .2s;
	display: flex
}

.payments-pays__title .is-text {
	overflow-wrap: break-word;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.payments-pays__title .is-btn {
	margin: 0 auto;
	display: none
}

.payments-pays__item-wrap {
	flex-direction: column;
	padding: 12px;
	display: flex
}

.payments-pays__item-title {
	color: #6fa6a3;
	white-space: nowrap;
	text-overflow: ellipsis;
	letter-spacing: .02em;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 100%;
	overflow: hidden
}

.payments-pays__value {
	color: #3d4241;
	letter-spacing: .02em;
	overflow-wrap: break-word;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	display: -webkit-box;
	overflow: hidden
}

.payments-pays__text-ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.payments-pays__empty {
	color: #3d4241;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7
}

.linda-has-remembered-login .payments-pays__row:hover .payments-pays__title .is-btn.is-reg {
	display: none
}

.linda-has-remembered-login .payments-pays__row:hover .payments-pays__title .is-btn.is-login {
	display: block
}

.popup-footer-reg {
	width: calc(100% + 80px);
	height: 40px;
	background: radial-gradient(50% 50%, #00cdc1 0%, #24d0b1 100%);
	border-radius: 0 0 25px 25px;
	justify-content: center;
	align-items: center;
	margin: 20px -40px -40px;
	padding: 0 30px;
	display: flex
}

.popup-footer {
	width: calc(100% + 190px);
	color: #3d4241;
	text-align: center;
	letter-spacing: .02em;
	background: linear-gradient(90deg, #ddf4f3 0%, #e3f1d7 35.94%, #d5f3f1 71.88%, #fff3d9 100%);
	border-radius: 0 0 18px 18px;
	flex-direction: column;
	align-items: center;
	margin: 17px -95px -35px;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	display: flex
}

.popup-footer a {
	margin-top: 9px
}

.popup-footer__container {
	flex-direction: row;
	justify-content: center;
	gap: 5px;
	display: flex
}

.popup-footer__container.popup-footer a {
	margin-top: 0
}

.popup-random {
	background-image: url(../img/craftpank-telephone-left.webp);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 300px;
	margin: 26px auto -40px;
	padding-top: 300px
}

.popup {
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #00000080;
	padding: 100px 0;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	overflow: auto
}

.popup.is-modal {
	z-index: 2000
}

.popup.is-search {
	padding: 12px
}

.popup.is-terms-modal {
	padding: 0
}

.popup__wrap {
	width: 500px;
	box-sizing: border-box;
	text-align: center;
	color: #3d4241;
	background: linear-gradient(90deg, #f1fffe 0%, #f6fff0 35.94%, #eefffe 71.88%, #fff9ee 100%);
	border: 6px solid #fff;
	border-radius: 30px;
	margin: 0 auto;
	padding: 30px 100px 40px;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	position: relative;
	box-shadow: inset 0 0 10px #1ed0b4b3, 0 0 10px #1ed0b4
}

.popup__wrap.is-wide {
	width: 956px;
	padding: 30px 40px 40px
}

.popup__wrap.is-trustly {
	width: 534px;
	padding-left: 88px;
	padding-right: 88px
}

.popup__wrap.is-crab {
	padding: 30px 40px 40px
}

.popup__wrap.is-retention {
	padding-inline: 50px
}

.popup__close {
	width: 40px;
	height: 40px;
	z-index: 10;
	position: absolute;
	top: 24px;
	right: 24px
}

.popup__title {
	text-align: center;
	color: #3d4241;
	margin: 0 -25px;
	font-size: 24px;
	font-weight: 700;
	line-height: 120%;
	overflow: hidden
}

.is-modal .popup__title {
	max-width: 100%;
	margin: 0
}

.popup__text {
	text-align: center;
	color: #3d4241;
	margin-top: 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px
}

.popup__text.no-margin {
	margin-top: 0
}

.popup__form {
	margin-top: 20px
}

.popup__form.no-margin {
	margin-top: -16px
}

.popup__row {
	justify-content: center;
	align-items: center;
	margin-top: 16px;
	display: flex
}

.popup__avatar {
	width: 140px;
	height: 140px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain, 0;
	flex-shrink: 0
}

.popup__avatar.is-eye-close {
	background-size: 0, contain
}

.popup__welcome {
	flex-grow: 1
}

.popup__list {
	counter-reset: list-popup;
	text-align: left;
	margin-top: 48px;
	margin-bottom: 30px
}

.popup__list-item {
	color: #3d4241;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	display: flex
}

.popup__list-item:before {
	counter-increment: list-popup;
	content: counter(list-popup)". ";
	width: 24px;
	flex-shrink: 0;
	margin-right: 4px;
	font-weight: 700
}

.popup__back {
	position: absolute;
	top: 43px;
	left: 32px
}

.popup__box {
	text-align: left
}

.popup__grid-50 {
	grid-column-gap: 8px;
	grid-template-columns: repeat(2, 1fr);
	align-items: baseline;
	display: grid
}

.popup__terms {
	color: #6fa6a3
}

.popup__btns {
	flex-direction: column;
	align-items: center;
	display: flex
}

.popup .back-to-reg, .popup.is-back-to-reg .registration-popup {
	display: none
}

.popup.is-back-to-reg .back-to-reg {
	padding: 26px 75px 37px;
	display: flex
}

.back-to-reg {
	width: 494px;
	min-height: 255px;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	padding: 26px 64px 37px;
	display: none
}

.back-to-reg__title {
	margin: 0 0 22px
}

.back-to-reg__text {
	margin-bottom: 30px
}

.back-to-reg__btn {
	margin-bottom: 24px
}

.profile-balance {
	grid-gap: 15px;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 40px;
	display: grid
}

.profile-balance__item {
	background: #fff;
	border-radius: 16px;
	padding: 20px 28px 16px;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.profile-balance__item:first-child {
	grid-column: 1/4
}

.has-crab .profile-balance__item:first-child {
	grid-column-end: 3
}

.profile-balance__item:hover {
	box-shadow: 0 3px 8px #039c934d
}

.profile-balance__item:hover:not(:first-child) {
	cursor: pointer
}

.profile-balance__item.is-active {
	background: #0172cd
}

.profile-balance__icon {
	width: 16px;
	height: 16px;
	filter: invert(77%)sepia(21%)saturate(332%)hue-rotate(127deg)brightness(91%)contrast(92%);
	position: absolute;
	top: 23px;
	right: 24px
}

.profile-balance__icon.icon-refresh {
	cursor: pointer
}

.profile-balance__item.linda-has-preloader .profile-balance__icon.icon-refresh {
	animation: .5s linear infinite rotate360
}

.profile-balance__icon.icon-arr-down {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	transform: rotate(-90deg)
}

.is-active .profile-balance__icon {
	filter: invert(100)
}

.profile-balance__name {
	color: #909c9a;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 8px;
	padding-right: 20px;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	overflow: hidden
}

.is-active .profile-balance__name {
	color: #fff
}

.profile-balance__sum {
	color: #117770;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 28px;
	font-weight: 900;
	line-height: 36px;
	overflow: hidden
}

.profile-balance__sum.is-turquoise {
	color: #12cfb9
}

.profile-balance__sum.is-orange {
	color: #ff8128
}

.profile-balance__sum.icon-crab__after {
	align-items: center;
	display: flex
}

.profile-balance__sum.icon-crab__after:after {
	content: "";
	width: 20px;
	height: 20px;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	filter: invert(63%)sepia(34%)saturate(3720%)hue-rotate(340deg)brightness()contrast(102%);
	background-repeat: no-repeat;
	background-size: 20px;
	margin-left: 6px;
	display: block
}

.profile-balance__sum.coin-before {
	align-items: center;
	display: flex
}

.profile-balance__sum.coin-before:before {
	width: 20px;
	height: 20px
}

@media screen and (min-width:1024px) {
	.profile-balance {
		grid-gap: 20px
	}

}

.profile-bonus-stub {
	text-align: center;
	width: 312px;
	background: #fff url(../img/bonus-stub.webp) top/312px 129px no-repeat;
	border-radius: 16px;
	padding: 130px 20px 48px;
	box-shadow: 0 1px 4px #039c9333
}

.profile-bonus-stub__text {
	color: #3d4241;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px
}

.profile-bonus-stub__count {
	color: #3d4241;
	margin-bottom: 12px;
	font-size: 24px;
	font-weight: 900;
	line-height: 36px
}

.profile-bonus-stub__btn {
	margin-top: 22px
}

.profile-bonus {
	color: #fff;
	filter: drop-shadow();
	background-color: #fff;
	border-radius: 32px;
	padding: 8px;
	position: relative;
	box-shadow: inset 0 0 6px #00bdecb3, 0 0 6px #00d1ff
}

.profile-bonus.is-active {
	padding: 8px;
	box-shadow: inset 0 0 6px #1ed0b4b3, 0 0 6px #1ed0b4
}

.profile-bonus__wrap {
	background: linear-gradient(#0066c4 0%, #75e0ef 52.6%, #f2fffd 100%);
	border-radius: 28px;
	padding: 30px 5px;
	box-shadow: inset 0 0 10px #78e8fd, 0 0 3px #00d1ff
}

.is-active .profile-bonus__wrap {
	background: linear-gradient(#01be85 0%, #01c8a4 27.08%, #2dffcd 100%);
	box-shadow: 0 0 6px #1ed0b4
}

.profile-bonus__status {
	height: 32px;
	text-align: center;
	color: #0e75ca;
	background: #fff;
	border-radius: 30px;
	padding: 0 18px;
	font-size: 14px;
	font-weight: 900;
	line-height: 32px;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: rotate(-3deg)translate(-50%);
	box-shadow: 0 0 8px #00bdece6, inset 0 0 6px #00bdecb3
}

.is-active .profile-bonus__status {
	color: #01a579;
	box-shadow: 0 0 10px #1ed0b4, inset 0 0 6px #1ed0b4b3
}

.profile-bonus__offer {
	text-align: center;
	color: #fff;
	height: 106px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	font-size: 32px;
	font-weight: 900;
	line-height: 39px;
	display: flex
}

.profile-bonus__name {
	text-align: center;
	color: #fff;
	margin-top: 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 153.24%
}

@media screen and (min-width:1440px) {
	.profile-bonus__wrap {
		padding: 30px 10px
	}

}

.profile-bonuses {
	position: relative
}

.profile-bonuses__count {
	color: #117770;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px;
	position: absolute;
	top: -40px;
	left: 0
}

.profile-bonuses__list {
	grid-gap: 20px 16px;
	grid-template-columns: repeat(3, 1fr);
	display: grid
}

@media screen and (min-width:1440px) {
	.profile-bonuses__list {
		grid-gap: 20px
	}

}

.profile-contacts {
	flex-direction: column;
	padding: 28px 36px 0;
	display: flex
}

.profile-contacts__item {
	margin-bottom: 16px
}

.profile-filter {
	max-height: 68px;
	background: #fff;
	border-radius: 16px;
	margin-bottom: 12px;
	padding: 24px 33px 24px 40px;
	transition: max-height .2s;
	overflow: hidden;
	box-shadow: 0 1px 4px #039c9333
}

.profile-filter.is-shown {
	max-height: 2000px;
	overflow: visible
}

.profile-filter.is-shown .balance-filter__show {
	display: none
}

.profile-filter.is-shown .balance-filter__hide {
	display: inline
}

.profile-filter__title {
	color: #3d4241;
	letter-spacing: .02em;
	max-width: 50%;
	align-items: center;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px;
	display: flex
}

.profile-filter__title div {
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.profile-filter__title span {
	width: 16px;
	height: 16px;
	color: #818181;
	background-color: #e0e4e4;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin-right: 8px;
	font-size: 10px;
	font-weight: 700;
	line-height: 100%;
	display: inline-flex
}

.profile-filter__header {
	justify-content: space-between;
	display: flex
}

.profile-filter__filters {
	margin-top: 24px
}

.profile-filter__subtitle {
	color: #3d4241;
	letter-spacing: .02em;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	display: none
}

.profile-filter__subtitle:not(.is-visible) {
	white-space: nowrap;
	margin-top: 0;
	position: absolute;
	top: -14px
}

.profile-filter__subtitle.is-visible, .linda-first-in-group .profile-filter__subtitle {
	display: block
}

.profile-filter__row {
	flex-wrap: wrap;
	align-items: flex-end;
	display: flex
}

.profile-filter__row.has-margin {
	padding-bottom: 24px
}

.profile-filter__row .btn {
	margin-top: 12px;
	margin-right: 8px
}

.profile-filter__status {
	display: none
}

.profile-filter__status.linda-is-active {
	display: block
}

.profile-filter__status.linda-first-in-group {
	margin-top: 42px;
	position: relative
}

.profile-filter__datepicker {
	cursor: pointer;
	overflow: inherit;
	margin: 12px 0 5px;
	display: inline-block;
	position: relative
}

.profile-filter__datepicker span:nth-child(2) {
	display: none
}

.profile-filter__datepicker.linda-has-range span:nth-child(2) {
	display: inline
}

.profile-filter .linda-empty-element {
	width: 100%
}

.profile-filter__footer {
	justify-content: space-between;
	align-items: center;
	display: flex
}

.profile-filter__flag {
	color: #3d4241;
	letter-spacing: .02em;
	align-items: center;
	margin-right: 13px;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	display: inline-flex
}

.profile-filter__flag:before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin-right: 6px
}

.profile-filter__flag.is-bonus:before {
	background: #ff8128
}

.profile-filter__flag.is-real:before {
	background: #12cfb9
}

[type=checkbox]:checked+.btn {
	color: #fff;
	background-color: #498682
}

.profile-history__wrap {
	min-height: 140px
}

.profile-history__item {
	grid-column-gap: 16px;
	background: #fff;
	border-radius: 16px;
	grid-template-columns: repeat(4, 1fr) 20px;
	margin-bottom: 12px;
	padding: 0 8px;
	display: grid;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.profile-history__item:hover {
	cursor: pointer;
	box-shadow: 0 3px 8px #039c934d
}

.profile-history__item:last-child {
	margin-bottom: 0
}

.profile-history__item-section {
	color: #909c9a;
	white-space: nowrap;
	text-overflow: ellipsis;
	letter-spacing: .02em;
	flex-direction: column;
	margin: 8px 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	display: flex;
	overflow: hidden
}

.profile-history__item-section:first-child {
	margin-left: 20px
}

.profile-history__item-section p {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	overflow: hidden
}

.profile-history__item-value {
	color: #3d4241;
	margin-top: 8px;
	font-weight: 700
}

.profile-history__item-value.is-bonus, .profile-history__item-value.is-real {
	font-size: 14px;
	font-weight: 900
}

.profile-history__item-value.is-bonus {
	color: #ff8128
}

.profile-history__item-value.is-real {
	color: #12cfb9
}

.profile-history__expanded {
	grid-column-gap: 40px;
	background-color: #4986821a;
	border-radius: 8px;
	grid-column: 1/6;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 8px;
	display: grid
}

@media screen and (min-width:1024px) {
	.profile-history__item {
		grid-column-gap: 40px;
		padding: 0 20px
	}

	.profile-history__item-section {
		margin: 18px 0
	}

	.profile-history__expanded {
		margin-bottom: 18px
	}

}

.profile-info {
	grid-column-gap: 15px;
	grid-template-columns: 2fr 1fr;
	display: grid
}

.profile-info__title {
	color: #3d4241;
	letter-spacing: .02em;
	margin-bottom: 18px;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px
}

.profile-info__box {
	grid-gap: 15px;
	grid-template-columns: repeat(2, 1fr);
	display: grid
}

.profile-info__box.has-one-column {
	grid-template-columns: 1fr
}

.profile-info__row {
	background-color: #4986821a;
	border-radius: 12px;
	padding: 10px 16px
}

.profile-info__key {
	color: #909c9a;
	letter-spacing: .02em;
	padding-bottom: 3px;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px
}

.profile-info__val {
	color: #818181;
	letter-spacing: .02em;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px
}

.profile-info__text {
	text-align: center;
	color: #909c9a;
	grid-column: 1/3;
	margin-top: 24px;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px
}

@media screen and (min-width:1024px) {
	.profile-info {
		grid-column-gap: 20px
	}

	.profile-info__box {
		grid-gap: 20px
	}

}

.profile-nav {
	background-color: #fff;
	border-radius: 16px;
	flex-direction: column;
	padding: 16px;
	display: flex;
	box-shadow: 0 1px 4px #039c9333
}

.profile-nav__item {
	color: #6fa6a3;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 8px;
	margin-bottom: 5px;
	padding: 12px 20px 9px;
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
	overflow: hidden
}

.profile-nav__item.has-icon {
	color: #000;
	cursor: pointer;
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	width: -moz-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	background-color: #0000;
	background-position: 20px 17px;
	background-repeat: no-repeat;
	background-size: 10px;
	border: none;
	padding: 12px 20px 9px 33px;
	font-weight: 600
}

.profile-nav__item.has-icon:hover {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.profile-nav__item:last-child {
	margin-bottom: 0
}

.profile-nav__item:hover:not(.has-icon), .profile-nav__item.active {
	color: #117770;
	background-color: #4986821a
}

.profile-stub {
	color: #6fa6a3;
	letter-spacing: .02em;
	text-align: center;
	min-height: 200px;
	padding-top: 25px;
	font-size: 28px;
	font-weight: 900;
	line-height: 41px
}

.profile {
	max-width: 1320px;
	grid-column-gap: 20px;
	grid-template-columns: 285px 1fr;
	margin: 0 auto 60px;
	padding-top: 20px;
	display: grid
}

.profile__title {
	color: #117770;
	letter-spacing: .02em;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px
}

.profile__session {
	color: #117770;
	text-align: right;
	margin-bottom: 22px;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px
}

@media screen and (max-width:1439px) {
	.profile {
		max-width: calc(100% - 60px)
	}

}

@media screen and (max-width:1023px) {
	.profile {
		max-width: calc(100% - 32px);
		grid-template-columns: 230px 1fr
	}

	.profile__title {
		margin-bottom: 16px
	}

	.profile__session {
		margin-bottom: 18px
	}

}

.promo-bnr {
	height: 412px;
	--deltaX: 120px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	align-items: center;
	display: flex;
	position: relative
}

.promo-bnr:before, .promo-bnr:after {
	content: "";
	height: 100%;
	width: 372px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 0
}

.promo-bnr:before {
	right: calc(50% + var(--deltaX));
	background-image: var(--img1)
}

.promo-bnr:after {
	left: calc(50% + var(--deltaX));
	background-image: var(--img2)
}

.promo-bnr__content {
	width: 256px;
	text-align: center;
	margin: 0 auto
}

.promo-bnr__name {
	color: #3d4241;
	text-align: center;
	overflow-wrap: break-word;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	margin-bottom: 24px;
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	display: -webkit-box;
	overflow: hidden
}

.promo-bnr__title {
	color: #117770;
	text-align: center;
	overflow-wrap: break-word;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	font-size: 32px;
	font-weight: 900;
	line-height: 39px;
	display: -webkit-box;
	overflow: hidden
}

.promo-bnr__title:lang(wi) {
	font-size: 22px
}

@media screen and (min-width:1280px) {
	.promo-bnr__title:lang(wi) {
		font-size: 32px
	}

	.promo-bnr {
		height: 400px;
		--deltaX: 195px
	}

	.promo-bnr:before, .promo-bnr:after {
		width: 361px
	}

	.promo-bnr__content {
		width: 320px
	}

	.promo-bnr__content:lang(wi) {
		width: 400px
	}

}

@media screen and (min-width:1440px) {
	.promo-bnr {
		--deltaX: 295px
	}

}

@media screen and (min-width:1680px) {
	.promo-bnr {
		height: 620px;
		--deltaX: 230px
	}

	.promo-bnr:before, .promo-bnr:after {
		width: 560px
	}

	.promo-bnr__content {
		width: 420px
	}

	.promo-bnr__name {
		font-size: 18px
	}

	.promo-bnr__title {
		font-size: 40px;
		line-height: 49px
	}

}

.promo-list {
	grid-gap: 28px 24px;
	width: 960px;
	grid-template-columns: repeat(3, 1fr);
	margin: 0 auto;
	display: grid
}

.promo-list__item {
	min-height: 445px;
	background-color: #fff;
	border-radius: 32px;
	padding: 6px;
	position: relative;
	box-shadow: inset 0 0 6px #00bdecb3, 0 0 10px #00d1ff
}

.promo-list__item:hover {
	cursor: pointer;
	box-shadow: inset 0 0 6px #1ed0b4b3, 0 0 10px #1ed0b4cc
}

.promo-list__item:hover .promo-list__item-wrap {
	box-shadow: inset 0 0 12px #1ed0b4b3, 0 0 6px #1ed0b4b3
}

.promo-list__item:hover .promo-list__bg {
	background-position: bottom;
	transition: background-position .3s
}

.promo-list__item:hover .promo-list__bg-lines {
	background-position: top;
	background-size: 0, 100%;
	transition: background-size .3s
}

.promo-list__item:hover .promo-list__bg-avatar {
	transition: transform .3s;
	transform: scale(1.2)
}

.promo-list__item-wrap {
	height: 100%;
	background-color: #f4fbff;
	border-radius: 28px;
	flex-direction: column;
	justify-content: flex-start;
	display: flex;
	position: relative;
	overflow: hidden;
	box-shadow: inset 0 0 12px #00bdecb3, 0 0 6px #00bdecb3
}

.promo-list__bg {
	height: 185px;
	background-image: linear-gradient(#0284fd 0%, #19b5c8 33.3%, #01a173 66.6%, #57e4c6 100%);
	background-position: top;
	background-size: 100% 300%;
	border-radius: 26px 26px 0 0;
	transition: background-position .3s;
	position: relative;
	overflow: hidden
}

.promo-list__bg:hover {
	cursor: pointer;
	background-position: bottom;
	transition: background-position .3s
}

.promo-list__bg:hover .promo-list__bg-lines {
	background-position: top;
	background-size: 0, 100%;
	transition: background-size .3s
}

.promo-list__bg:hover .promo-list__bg-avatar {
	transition: transform .3s;
	transform: scale(1.2)
}

.promo-list__bg-avatar {
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border-radius: 26px 26px 0 0;
	transition: transform .3s;
	position: relative
}

.promo-list__bg-lines {
	width: 100%;
	height: 233px;
	background-position: 50% 12px;
	background-repeat: no-repeat;
	background-size: 270px, 0;
	transition: background-size .3s;
	position: absolute;
	top: 0;
	left: 0
}

.has-avatar .promo-list__bg-lines {
	background-image: url(../img/promo-lights.webp), url(../img/promo-light-hover.webp)
}

.promo-list__item-content {
	text-align: center;
	z-index: 2;
	padding: 32px 12px;
	position: relative
}

.promo-list__item-title {
	color: #117770;
	text-align: center;
	overflow-wrap: break-word;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 600;
	line-height: 130%;
	display: -webkit-box;
	overflow: hidden
}

.promo-list__item-title:hover {
	cursor: pointer
}

.promo-list__item-text {
	color: #117770;
	text-align: center;
	margin-bottom: 12px;
	font-size: 24px;
	font-weight: 700;
	line-height: 140%
}

.promo-list__item-text.is-holiday {
	width: -moz-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	flex-flow: column;
	margin: 0 auto 12px;
	display: flex
}

.promo-list__item-button {
	height: 42px;
	overflow-wrap: break-word;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	white-space: initial;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	margin: 0 auto;
	line-height: 42px;
	display: -webkit-box;
	overflow: hidden
}

.promo-list__item-button:hover {
	background: radial-gradient(50% 50%, #00cdc1 0%, #24d0b1 100%);
	box-shadow: 0 0 4px #0edfd3
}

@media screen and (min-width:1280px) {
	.promo-list {
		width: 1040px;
		grid-gap: 40px
	}

}

@media screen and (min-width:1440px) {
	.promo-list {
		width: 1272px;
		grid-gap: 48px
	}

	.promo-list__item {
		padding: 8px
	}

	.promo-list__bg {
		height: 241px
	}

	.promo-list__bg-lines {
		background-size: 335px, 0
	}

	.promo-list__item-text {
		font-size: 28px
	}

	.promo-list__item-title {
		font-size: 16px
	}

}

.promo-optout {
	min-height: 63px;
	text-align: center;
	background: #fff;
	border-radius: 16px;
	flex-direction: column;
	order: 1;
	justify-content: center;
	align-items: center;
	gap: 4px;
	padding: 12px 0;
	font-weight: 600;
	display: flex;
	box-shadow: 0 1px 4px #039c9333
}

.promo-optout__text {
	color: #117770;
	font-size: 16px
}

.promo-optout__link {
	color: #6fa6a3;
	font-size: 12px;
	text-decoration-line: underline
}

.promo-optout.is-bonus {
	flex-direction: row
}

.promo-optout.is-bonus .promo-optout__link {
	color: #117770;
	font-size: 16px
}

.promo-page {
	width: 960px;
	grid-template-columns: 632px 1fr;
	gap: 20px;
	margin: 20px auto;
	display: grid;
	position: relative
}

.promo-page__l {
	flex-direction: column;
	flex-grow: 1;
	gap: 20px;
	display: flex
}

.promo-page__r {
	flex-shrink: 0
}

.promo-page__block, .promo-page__card {
	background: #fff;
	border-radius: 20px;
	order: 1;
	padding: 40px 40px 40px 60px;
	box-shadow: 0 1px 4px #039c9333
}

.promo-page__card {
	min-height: 258px;
	padding: 33px 40px 26px 295px;
	display: flex;
	position: relative
}

.promo-page__img {
	width: 259px;
	height: 259px;
	background-color: #f4fbff;
	border: 7px solid #fff;
	border-radius: 22px;
	flex-shrink: 0;
	margin-right: 34px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	box-shadow: inset 0 0 10px #16d1c5, 0 0 12px #16d1c5
}

.promo-page__img-wrap, .promo-page__img-lines {
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	position: absolute
}

.promo-page__img-wrap {
	z-index: 2;
	background-size: cover
}

.promo-page__img-lines {
	background-image: url(../img/promo-light-hover.webp), linear-gradient(#00a0c4 0%, #75e0ef 52.6%, #f2fffd 100%);
	background-size: 0, cover;
	border-radius: 15px;
	box-shadow: inset 0 0 12px #16d1c5cc, 0 0 6px #16d1c5
}

.promo-page__img-lines.has-avatar {
	background-size: cover, cover
}

.promo-page__title {
	color: #3d4241;
	letter-spacing: .02em;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px
}

.promo-page__description {
	color: #3d4241;
	margin-bottom: 12px;
	font-size: 32px;
	font-weight: 900;
	line-height: 50px
}

.promo-page__text {
	color: #3d4241;
	letter-spacing: .02em;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px
}

.promo-page__terms-title {
	color: #3d4241;
	text-align: center;
	letter-spacing: .02em;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px
}

.promo-page__get-title {
	color: #3d4241;
	text-align: center;
	letter-spacing: .02em;
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 900;
	line-height: 36px
}

.promo-page__terms {
	margin-bottom: 30px
}

.promo-page__terms strong {
	width: 29px;
	text-align: center;
	flex-shrink: 0;
	margin-right: 4px
}

.promo-page__terms span {
	margin-left: -18px
}

.promo-page__terms p {
	color: #3d4241;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	display: block
}

.promo-page__terms p:before {
	display: none
}

.promo-page__terms a {
	color: #0c8888;
	font-size: 14px;
	font-weight: 600;
	line-height: 26px
}

.promo-page__terms a:hover {
	text-decoration: underline
}

.promo-page__terms ul, .promo-page__terms ol {
	margin-bottom: 16px;
	padding-left: 2em
}

.promo-page__terms ul li, .promo-page__terms ol li {
	font-size: 14px;
	line-height: 28px;
	list-style-type: disc
}

.promo-page__terms ol li {
	list-style-type: auto
}

.promo-page__terms table {
	width: 100%;
	border: none;
	margin-bottom: 20px
}

.promo-page__terms table thead th, .promo-page__terms table thead td {
	color: #909c9a;
	border: none;
	padding: 10px;
	font-weight: 600
}

.promo-page__terms table thead th {
	padding: 10px
}

.promo-page__terms table tbody {
	max-width: 100%;
	min-width: 100%;
	padding-bottom: 20px;
	overflow-x: auto
}

.promo-page__terms table tr {
	color: #3d4241;
	text-align: center;
	letter-spacing: .02em;
	border: 1px solid #d8d5d1;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px
}

.promo-page__terms table td, .promo-page__terms table th {
	max-width: 600px;
	border: none;
	padding: 10px
}

.promo-page.is-has-steps {
	grid-template-columns: 910px;
	justify-content: center
}

@media screen and (min-width:1440px) {
	.promo-page {
		width: 1320px;
		grid-template-columns: 880px 1fr
	}

	.promo-page__card {
		padding: 54px 40px 48px 295px
	}

	.promo-page__description {
		font-size: 36px
	}

}

@media screen and (min-width:1920px) {
	.promo-page {
		width: 1375px;
		grid-template-columns: 910px 1fr
	}

}

.promo-steps__block {
	background-color: #fff;
	border-radius: 20px;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding: 40px 28px;
	display: flex;
	position: sticky;
	top: 80px;
	box-shadow: 0 1px 4px #039c9333
}

.promo-steps__title {
	color: #3d4241;
	color: #3d4241;
	text-align: center;
	letter-spacing: .48px;
	font-size: 24px;
	font-weight: 900;
	line-height: 140%
}

.promo-steps__list {
	grid-template-columns: 1fr;
	gap: 8px;
	list-style: none;
	display: grid
}

.promo-steps__item {
	cursor: pointer;
	z-index: 1;
	background: #fff;
	border-radius: 8px;
	grid-template-columns: 32px auto;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 12px 34px 12px 12px;
	transition: all .1s;
	display: grid;
	position: relative;
	box-shadow: 0 1px 4px #692b8e47
}

.promo-steps__item:after {
	content: "";
	height: 16px;
	width: 16px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjYxMTU2IDEuNzEyMTRDMy45OTE2MSAxLjE2OTIgNC43Mzk4NSAxLjAzNzE2IDUuMjgyNzkgMS40MTcyMkw5LjUzNzczIDQuMzk1NjhDOS41NjE1NiA0LjQxMjM2IDkuNTg1MzEgNC40Mjg5OCA5LjYwODk4IDQuNDQ1NTVDMTAuMzk5NSA0Ljk5ODc3IDExLjA5OTMgNS40ODg1NCAxMS41ODk4IDUuOTUxODhDMTIuMTE0NCA2LjQ0NzQxIDEyLjYwNDYgNy4wOTk4NCAxMi42MDQ2IDguMDAwM0MxMi42MDQ2IDguOTAwNzYgMTIuMTE0NCA5LjU1MzE4IDExLjU4OTggMTAuMDQ4N0MxMS4wOTkzIDEwLjUxMjEgMTAuMzk5NSAxMS4wMDE4IDkuNjA4OTkgMTEuNTU1QzkuNTg1MzIgMTEuNTcxNiA5LjU2MTU2IDExLjU4ODIgOS41Mzc3MyAxMS42MDQ5TDUuMjgyNzkgMTQuNTgzNEM0LjczOTg1IDE0Ljk2MzQgMy45OTE2MSAxNC44MzE0IDMuNjExNTYgMTQuMjg4NUMzLjIzMTUgMTMuNzQ1NSAzLjM2MzU0IDEyLjk5NzMgMy45MDY0OCAxMi42MTcyTDguMTYxNDIgOS42Mzg3NkM5LjA0NTEyIDkuMDIwMTcgOS41OTU0IDguNjMxMTggOS45NDE4MyA4LjMwMzk2QzEwLjEwNDYgOC4xNTAxNyAxMC4xNzA3IDguMDU2MzMgMTAuMTk1OCA4LjAxMTAyQzEwLjE5ODEgOC4wMDY4NSAxMC4yIDguMDAzMjggMTAuMjAxNSA4LjAwMDNDMTAuMiA3Ljk5NzMxIDEwLjE5ODEgNy45OTM3NSAxMC4xOTU4IDcuOTg5NThDMTAuMTcwNyA3Ljk0NDI3IDEwLjEwNDYgNy44NTA0MiA5Ljk0MTgzIDcuNjk2NjNDOS41OTU0IDcuMzY5NDIgOS4wNDUxMiA2Ljk4MDQyIDguMTYxNDIgNi4zNjE4M0wzLjkwNjQ4IDMuMzgzMzhDMy4zNjM1NCAzLjAwMzMyIDMuMjMxNSAyLjI1NTA4IDMuNjExNTYgMS43MTIxNFoiIGZpbGw9IiM5NEMwQkQiLz4KPC9zdmc+Cg==);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%)
}

.promo-steps__item:hover {
	box-shadow: 0 3px 8px #039c934d
}

.promo-steps__item.is-no-action {
	pointer-events: none
}

.promo-steps__item.is-no-action:after {
	display: none
}

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

.promo-steps__item-number {
	color: #0000;
	background: linear-gradient(249deg, #02d8b1 17%, #006bce 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: -moz-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 24px;
	font-weight: 900;
	line-height: 120%;
	position: relative
}

.promo-steps__item-details {
	width: calc(100% - 10px);
	gap: 4px;
	display: grid
}

.promo-steps__item-title {
	color: #6fa6a3;
	font-size: 16px;
	font-weight: 700;
	line-height: 120%
}

.promo-steps__item-description {
	color: #909c9a;
	font-size: 12px;
	font-weight: 700;
	line-height: 120%
}

.promo-steps__btn {
	text-align: center;
	margin-top: 28px
}

.promo-page .is-has-opt .is-step-active {
	box-shadow: 0 1px 6px #039c9380
}

.promo-page .is-has-opt .is-step-active .promo-steps__item-title, .promo-page .is-has-opt .is-step-active .promo-steps__item-description {
	color: #117770
}

.promo-page .is-has-opt .promo-step-2:not(.is-step-active), .promo-page .is-has-opt .promo-step-3:not(.is-step-active) {
	pointer-events: none
}

.promo-page .is-has-opt .promo-step-2:not(.is-step-active) .promo-steps__item-number, .promo-page .is-has-opt .promo-step-3:not(.is-step-active) .promo-steps__item-number {
	background: linear-gradient(249deg, #909c9a 17%, #909c9b 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.promo-page .is-has-opt .promo-step-2:not(.is-step-active) .promo-steps__item-title, .promo-page .is-has-opt .promo-step-2:not(.is-step-active) .promo-steps__item-description, .promo-page .is-has-opt .promo-step-3:not(.is-step-active) .promo-steps__item-title, .promo-page .is-has-opt .promo-step-3:not(.is-step-active) .promo-steps__item-description {
	color: #909c9a99
}

.promo-page .is-has-opt .promo-step-2:not(.is-step-active):after, .promo-page .is-has-opt .promo-step-3:not(.is-step-active):after {
	display: none
}

.promo-page .is-has-opt .promo-step-1:not(.is-step-active) .promo-steps__item-title, .promo-page .is-has-opt .promo-step-1:not(.is-step-active)~.promo-step-2:not(.is-step-active) .promo-steps__item-title {
	color: #6fa6a3
}

.promo-page .is-has-opt .promo-step-1:not(.is-step-active) .promo-steps__item-number, .promo-page .is-has-opt .promo-step-1:not(.is-step-active)~.promo-step-2:not(.is-step-active) .promo-steps__item-number {
	background: linear-gradient(249deg, #02d8b1 17%, #006bce 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.promo-page .is-has-opt .promo-step-1:not(.is-step-active) .promo-steps__item-description, .promo-page .is-has-opt .promo-step-1:not(.is-step-active)~.promo-step-2:not(.is-step-active) .promo-steps__item-description {
	color: #909c9a
}

.promo-title {
	color: #117770;
	text-align: center;
	letter-spacing: .02em;
	width: 960px;
	margin: 16px auto 28px;
	font-size: 28px;
	font-weight: 900;
	line-height: 34px
}

@media screen and (min-width:1280px) {
	.promo-title {
		width: 1040px
	}

}

@media screen and (min-width:1440px) {
	.promo-title {
		width: 1272px
	}

}

.reg-avatar {
	width: 380px;
	min-height: 480px;
	height: calc(100% - 100px);
	background-color: #fff;
	border-radius: 24px;
	padding: 6px;
	box-shadow: 0 0 11px #ff910fcc, inset 0 0 4px #ff910fb3
}

.reg-avatar__wrap {
	width: 100%;
	height: 100%;
	background: url(../img/light.webp), linear-gradient(#fe4c00 1.17%, #f8c84d 99.95%), linear-gradient(180.08deg, #fe4c00 .02%, #ffba52 54.42%, #f8ffe4 71.58%, #f8c84d 77.26%);
	border-radius: 16px;
	align-items: center;
	padding-left: 17px;
	display: flex
}

.reg-avatar__img {
	width: 314px;
	height: 485px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	right: -65px
}

.reg-avatar__content {
	width: 200px;
	transform: rotate(-2deg)
}

.reg-avatar__name {
	letter-spacing: .02em;
	text-shadow: 0 0 4px #fff49680;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 160%
}

.reg-avatar__offer {
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 0 4px #fff49680;
	font-size: 28px;
	font-weight: 900;
	line-height: 140%
}

.reg-heroes {
	width: 420px;
	flex-shrink: 0;
	display: block
}

.reg-heroes__item {
	cursor: pointer;
	background-color: #fff;
	border-radius: 16px;
	padding: 6px;
	transition: all .3s;
	transform: rotate(-1deg);
	box-shadow: 0 0 8px #16d1c599, inset 0 0 6px #8ce8e3
}

.reg-heroes__item+.reg-heroes__item {
	margin-top: 8px
}

.reg-heroes__item.active {
	box-shadow: 0 0 11px #ff910fcc, inset 0 0 4px #ff910fb3
}

.reg-heroes__item:hover {
	transform: translate(10px)rotate(-1deg)
}

.reg-heroes__wrap {
	height: 80px;
	background: linear-gradient(115.8deg, #0a64ce -3.79%, #7affe7 89.4%), linear-gradient(#0a64ce 0%, #00d6f3 77.08%, #7affe7 100%);
	border-radius: 12px;
	align-items: center;
	padding: 0 25px;
	display: flex;
	box-shadow: 0 0 6px #16d1c599
}

.active .reg-heroes__wrap {
	background: linear-gradient(105.95deg, #fe4c00 22.84%, #f8c84d 75.8%);
	box-shadow: 0 0 11px #ff910fcc
}

.reg-heroes__img {
	width: 88px;
	height: 88px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 32px
}

.reg-heroes__text {
	width: 242px;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 1px 4px #039c9333;
	font-size: 16px;
	font-weight: 700;
	line-height: 130%
}

.reg {
	justify-content: center;
	margin-top: 18px;
	display: flex
}

.reg__l {
	width: 430px;
	z-index: 20;
	margin-right: 30px;
	position: relative
}

.reg__r {
	width: 380px;
	min-height: 500px;
	z-index: 10;
	flex-shrink: 0;
	position: relative
}

.reg__btn {
	width: 100%;
	margin-top: 36px
}

.reg__btn .btn-neon {
	width: calc(100% - 30px)
}

.reg__row {
	grid-gap: 8px;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 16px;
	display: grid
}

.reg__form {
	width: 364px;
	margin: 0 auto
}

.reg__step.ng-hide {
	opacity: 0
}

.reg__step.ng-hide-remove {
	transition: all .2s linear
}

.reg__step.ng-hide-add {
	transition: all 0s linear .1s
}

.reg.preloader:after {
	z-index: 30
}

.search-category {
	background: linear-gradient(240.96deg, #02d8b1 16.98%, #006bce 70.42%);
	border-radius: 12px;
	position: relative
}

.search-category:before {
	content: "";
	padding-top: 150%;
	display: block
}

.search-category.is-long:before {
	padding-top: 233%
}

.search-category:hover {
	filter: drop-shadow(0 0 11px #00ebdbcc);
	box-shadow: inset 0 0 4px #25e8dbb3, 0 0 0 6px #fff
}

.search-category__content {
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 14px;
	display: flex;
	position: absolute;
	top: 0;
	left: 0
}

.search-category__subtitle {
	color: #c8f6f3;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 900;
	line-height: 17px
}

.search-category__title {
	color: #fff;
	padding: 16px 0;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px
}

@media screen and (min-width:1440px) {
	.search-category__content {
		padding: 20px
	}

}

.search-nav {
	column-count: 4;
	column-gap: 14px;
	margin-top: 24px
}

.search-nav__item {
	height: 38px;
	color: #6fa6a3;
	border-radius: 8px;
	padding: 0 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: 38px;
	display: block
}

.search-nav__item:hover, .search-nav__item.active {
	color: #117770;
	background: #4986821a
}

@media screen and (min-width:1440px) {
	.search-nav {
		column-gap: 32px
	}

}

.search {
	padding: 32px 12px 12px
}

.search__wrap {
	min-width: 1000px;
	background: linear-gradient(#2ddacf -115%, #f2fff8 100%);
	border-radius: 12px;
	padding: 13px 16px 40px;
	display: block;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.search__close {
	position: absolute;
	top: 13px;
	right: 16px
}

.search__input-block {
	margin-bottom: 32px;
	margin-right: 44px;
	position: relative
}

.search__icon {
	width: 20px;
	height: 20px;
	background-image: var(--icon-search);
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	z-index: 1;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 10px;
	left: 18px
}

.search__input {
	width: 100%;
	height: 40px;
	padding: 0 18px 0 50px
}

.search__input:hover+.search__icon, .search__input.ng-not-empty+.search__icon {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%)
}

.search__collection {
	grid-column-gap: 16px;
	grid-column: 1/-1;
	grid-template-rows: auto;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	display: grid
}

.search__stub {
	color: #3d4241;
	text-align: center;
	background: linear-gradient(90deg, #f1fffe 0%, #f6fff0 36%, #eefffe 72%, #fff9ee 100%);
	border-radius: 16px;
	margin-top: 32px;
	padding: 26px;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px
}

.search__content {
	--col: 6;
	--gap-v: 18px;
	--gap-h: 18px;
	grid-template-columns: repeat(var(--col), minmax(0, 1fr));
	grid-gap: var(--gap-v)var(--gap-h);
	display: grid
}

.search__block-wrap {
	grid-column-gap: 20px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 35px;
	display: grid
}

.search__block {
	flex-direction: column;
	display: flex
}

.search__block-item {
	grid-column-gap: 20px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 32px;
	display: grid
}

.search__title-category {
	margin-top: 26px;
	margin-bottom: 28px
}

.search__title-block {
	justify-content: space-between;
	align-items: center;
	display: flex
}

.search__link {
	width: -moz-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1440px) {
	.search__wrap {
		padding-left: 20px;
		padding-right: 20px
	}

	.search__close {
		right: 20px
	}

	.search__block-wrap {
		grid-template-columns: repeat(2, 1fr)
	}

	.search__input-block {
		margin-right: 56px
	}

	.search__block-item.is-sm {
		grid-template-columns: repeat(3, 1fr)
	}

	.search__content {
		--gap-v: 20px;
		--gap-h: 20px
	}

	.search__content.is-sm {
		--col: 3
	}

	.search__content.is-popular .game-item:nth-child(6), .search__fav-item:last-of-type {
		display: block
	}

}

@media screen and (min-width:1920px) {
	.search__wrap {
		padding-bottom: 60px
	}

	.search__container {
		max-width: 1492px;
		margin: 0 auto
	}

	.search__input-block {
		width: 100%
	}

}

.search-provider {
	background: linear-gradient(181.91deg, #f8c84d 1.62%, #ffa217 80.9%);
	border-radius: 12px;
	position: relative
}

.search-provider:before {
	content: "";
	padding-top: 150%;
	display: block
}

.search-provider:hover {
	filter: drop-shadow(0 0 11px #ff910fcc);
	box-shadow: inset 0 0 4px #ff910fb3, 0 0 0 6px #fff
}

.search-provider__content {
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 14px;
	display: flex;
	position: absolute;
	top: 0;
	left: 0
}

.search-provider__title {
	color: #3d4241;
	font-size: 14px;
	font-weight: 900;
	line-height: 17px
}

.search-provider__img {
	width: 100%;
	height: 87px;
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 39px;
	border-radius: 12px;
	margin: 12px 6px;
	display: block
}

@media screen and (min-width:1440px) {
	.search-provider__content {
		padding: 20px
	}

	.search-provider__img {
		margin: 12px 0
	}

}

.shop-deposit {
	width: 262px;
	background-image: url(../img/shop-no-coin.webp);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 262px 84px;
	margin: 8px auto 0;
	padding-top: 84px
}

.shop-deposit__block {
	width: 100%;
	background: #4986821a;
	border-radius: 16px;
	padding: 16px
}

.shop-deposit__block.is-deposit {
	color: #3d4241;
	font-size: 16px;
	font-weight: 900;
	line-height: 22px
}

.shop-deposit__play-text {
	color: #117770;
	white-space: nowrap;
	text-overflow: ellipsis;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 900;
	line-height: 100%;
	display: flex;
	overflow: hidden
}

.shop-deposit__play-text:before {
	content: "";
	width: 20px;
	height: 20px;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-right: 5px
}

.shop-spin-card-popup {
	height: 220px;
	width: 424px;
	z-index: 1;
	background: linear-gradient(#006be8 0%, #75e0ef 71.25%, #71eeff 100%);
	border-radius: 20px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-top: 35px;
	padding-left: 20px;
	transition: all .2s;
	display: flex;
	position: relative;
	left: 50%;
	transform: translate(-50%)
}

.shop-spin-card-popup:before {
	content: "";
	width: 254px;
	height: 246px;
	z-index: 0;
	background-image: url(../img/shop-fs-blue-right.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: -13px;
	transform: translateY(-50%)
}

.shop-spin-card-popup:after {
	content: "";
	width: 136px;
	height: 109px;
	z-index: 0;
	background-image: url(../img/shop-fs-blue-left.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: -13px;
	left: -13px
}

.shop-spin-card-popup__title {
	color: #fff;
	max-width: 220px;
	text-align: left;
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	line-height: 26px
}

.shop-spin-card-popup__text {
	color: #fff;
	letter-spacing: .02em;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	padding-bottom: 4px;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden
}

.shop-spin-card-popup__price {
	color: #ff5151;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	min-width: 222px;
	background: #fff;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	margin-top: 6px;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 900;
	line-height: 40px;
	display: flex;
	overflow: hidden
}

.shop-spin-card-popup__price .shop-price__text-amount:before {
	filter: invert(24%)sepia(50%)saturate(4553%)hue-rotate(358deg)brightness(105%)contrast(99%)
}

.shop-spin-card-popup__img {
	height: 218px;
	width: 140px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border: 5px solid #f1fbfe;
	border-radius: 12px;
	position: absolute;
	top: 0;
	right: 20px;
	transform: rotate(3deg);
	box-shadow: inset 0 2px 12px #00000080, 3px 3px 3px #0000001f
}

.shop-exchange-card {
	width: 218px;
	margin-left: auto;
	margin-right: auto
}

.shop-exchange-card:not(.is-popup) {
	cursor: pointer
}

.shop-exchange-card:hover .shop-exchange-card__top, .shop-exchange-card.is-popup .shop-exchange-card__top {
	text-shadow: 0 2px 12px #fe5707b3;
	background-image: url(../img/shop-exhcange-orange-top.webp);
	transition: all .2s;
	transform: translateY(-2px)
}

.shop-exchange-card:hover .shop-exchange-card__bottom, .shop-exchange-card.is-popup .shop-exchange-card__bottom {
	background-image: url(../img/shop-exchange-orange-bottom.webp);
	transition: all .2s;
	transform: translateY(2px)
}

.shop-exchange-card__top {
	color: #fff;
	text-shadow: 0 0 12px #6bd7f780;
	height: 104px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	background-image: url(../img/shop-exchange-blue-top.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0 20px;
	font-size: 28px;
	font-weight: 900;
	line-height: 107px;
	transition: all .2s;
	overflow: hidden
}

.shop-exchange-card__bottom {
	height: 89px;
	background-image: url(../img/shop-exchange-blue-bottom.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0 20px;
	transition: all .2s
}

.shop-exchange-card__text {
	padding-top: 28px
}

.shop-exchange {
	padding: 39px 33px
}

.shop-exchange__top {
	justify-content: space-between;
	align-items: center;
	display: flex
}

.shop-exchange__link, .shop-exchange__balance {
	z-index: 1
}

.shop-exchange__balance {
	color: #117770;
	font-size: 14px;
	font-weight: 900;
	line-height: 20px;
	position: relative
}

.shop-exchange__balance:after {
	content: "";
	width: 24px;
	height: 24px;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 20px;
	margin-left: 4px;
	position: absolute
}

.shop-exchange__balance-value {
	font-size: 20px;
	line-height: 24px
}

.shop-exchange__balance-value:before {
	width: 22px;
	height: 22px
}

.shop-exchange__link {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 45%;
	padding-right: 10px;
	overflow: hidden
}

.shop-exchange__block {
	z-index: 1;
	justify-content: center;
	display: flex;
	position: relative
}

.shop-exchange__block:before {
	content: "";
	width: 154px;
	height: 126px;
	background-image: url(../img/shop-exchange.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: -105px;
	right: -60px
}

@media screen and (min-width:1440px) {
	.shop-exchange__block:before {
		width: 208px;
		height: 170px;
		bottom: -81px;
		right: -141px
	}

}

.shop-leaderboard-card {
	width: 202px;
	height: 96px;
	max-width: 100%;
	background: #03a2a2;
	border: 2px solid #24d1b2;
	border-radius: 12px;
	justify-content: flex-end;
	align-items: center;
	margin: 0 auto 8px;
	padding: 8px;
	display: flex;
	position: relative
}

.shop-leaderboard-card:hover {
	border-color: #44fbdb
}

.shop-leaderboard-card:hover .shop-leaderboard-card__title, .shop-leaderboard-card:hover .shop-leaderboard-card__subtitle {
	display: none
}

.shop-leaderboard-card:hover .shop-leaderboard-card__btn {
	display: block
}

.shop-leaderboard-card__img {
	width: 77px;
	height: 108px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: -3px;
	left: 8px
}

.shop-leaderboard-card__img.is-money {
	width: 77px;
	height: 62px;
	background-image: url(../img/shop-exchange.webp);
	bottom: 50%;
	transform: translateY(50%)
}

.shop-leaderboard-card__img.is-last {
	width: 77px;
	height: 100%;
	background-image: url(../img/shop-stub.webp);
	top: 0
}

.shop-leaderboard-card__content {
	width: 91px;
	text-align: center;
	z-index: 1
}

.shop-leaderboard-card__title {
	color: #0000;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: linear-gradient(#f2fff8, #bafffb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 8px;
	font-size: 32px;
	font-weight: 900;
	line-height: 100%;
	overflow: hidden
}

.shop-leaderboard-card__subtitle {
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	filter: invert();
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 900;
	line-height: 16px;
	display: flex;
	position: relative;
	overflow: hidden
}

.shop-leaderboard-card__subtitle:after {
	content: "";
	width: 12px;
	height: 12px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 2px
}

.shop-leaderboard-card__btn {
	width: -moz-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	display: none
}

.shop-leaderboard-card__link-all {
	text-transform: capitalize;
	font-weight: 900
}

.shop-leaderboard-card__link-all.link-arrow {
	overflow-wrap: break-word;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.shop-leaderboard-card__link-all.link-arrow:hover {
	opacity: 1;
	text-decoration: underline
}

.shop-page {
	background-image: url(../img/shop-header.webp);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 1024px 472px;
	padding-top: 116px;
	position: relative
}

.shop-page:before {
	content: "";
	width: 232px;
	height: 152px;
	z-index: 1;
	background-image: url(../img/shop-logo.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translate(-50%)
}

.shop-page__header {
	width: 100%;
	height: 364px;
	max-width: 1048px;
	background: linear-gradient(96deg, #f3f6ff 0%, #fffdf7 36%, #fffdf9 72%, #e8eeff 100%);
	border-radius: 30px;
	margin: 0 auto;
	position: relative
}

.shop-page__header:before, .shop-page__header:after {
	content: "";
	height: 171px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute
}

.shop-page__header:before {
	width: 279px;
	background-image: url(../img/neon-light-shop-banner-top.webp);
	top: -11px;
	right: -12px
}

.shop-page__header:after {
	width: 327px;
	background-image: url(../img/neon-light-shop-banner-bottom.webp);
	bottom: -14px;
	left: -11px
}

.shop-page__title {
	color: #3d4241;
	text-align: center;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px
}

.shop-page__spins-block {
	grid-gap: 32px 24px;
	max-width: 960px;
	grid-template-columns: repeat(2, 1fr);
	margin: 32px auto 0;
	display: grid
}

.shop-page__spins-block .hide {
	display: none
}

@media screen and (min-width:1440px) {
	.shop-page {
		background-size: 1224px 472px
	}

	.shop-page__spins-block {
		max-width: 1320px;
		grid-template-columns: repeat(3, 1fr)
	}

}

.shop-price-btn {
	width: 140px;
	cursor: pointer;
	background: #c8f6f3;
	border: none;
	border-radius: 12px;
	margin: 0 auto;
	transform: translateY(17px)
}

.shop-price-btn.is-spin-card {
	width: 100%;
	background: #ffffffb3;
	border-radius: 8px;
	transform: none
}

.shop-price-btn.is-spin-card.is-active, .shop-price-btn.is-spin-card.is-white {
	background: #fff
}

.shop-price-btn.is-active {
	background-color: #117770
}

.shop-price-btn__text {
	color: #ff5151;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	justify-content: center;
	align-items: center;
	gap: 4px;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 900;
	line-height: 40px;
	display: flex;
	overflow: hidden
}

.shop-price-btn__text-amount {
	align-items: center;
	display: flex
}

.shop-price-btn__text-amount:before {
	content: "";
	background-image: var(--icon-coin);
	height: 12px;
	width: 12px;
	filter: invert(24%)sepia(50%)saturate(4553%)hue-rotate(358deg)brightness(105%)contrast(99%);
	background-position: 50%;
	background-repeat: no-repeat;
	margin-right: 2px;
	display: inline-block
}

.shop-price-btn__text.has-coin {
	font-weight: 900
}

.shop-price-btn__text.has-coin:before {
	content: "";
	width: 16px;
	height: 16px;
	background-image: var(--icon-coin);
	filter: invert(24%)sepia(50%)saturate(4553%)hue-rotate(358deg)brightness(105%)contrast(99%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 4px
}

.shop-exchange-card:hover .shop-price-btn, .shop-spin-card:hover .shop-price-btn {
	background-color: #ffffffb3
}

.shop-exchange-card:hover .shop-price-btn.is-active, .shop-exchange-card:hover .shop-price-btn.is-white, .shop-spin-card:hover .shop-price-btn.is-active, .shop-spin-card:hover .shop-price-btn.is-white {
	background-color: #fff;
	box-shadow: 0 1px 4px #039c9333
}

.shop-exchange-card:hover .shop-price-btn__text, .shop-spin-card:hover .shop-price-btn__text {
	filter: invert(24%)sepia(50%)saturate(4553%)hue-rotate(358deg)brightness(105%)contrast(99%)
}

.is-active .shop-exchange-card:hover .shop-price-btn__text, .is-white .shop-exchange-card:hover .shop-price-btn__text, .is-active .shop-spin-card:hover .shop-price-btn__text, .is-white .shop-spin-card:hover .shop-price-btn__text {
	filter: invert(24%)sepia(50%)saturate(4553%)hue-rotate(358deg)brightness(105%)contrast(99%);
	font-weight: 900
}

.shop-price {
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px;
	display: flex;
	overflow: hidden
}

.shop-price__text {
	color: #fff;
	align-items: center;
	gap: 4px;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px;
	display: flex
}

.shop-price__text.is-exch {
	justify-content: center
}

.shop-price__text-amount:before {
	content: "";
	background-image: var(--icon-coin);
	height: 12px;
	width: 12px;
	filter: invert();
	background-position: 50%;
	background-repeat: no-repeat;
	margin-right: 2px;
	display: inline-block
}

.shop-slider-card {
	width: 400px;
	height: 330px;
	justify-content: flex-end;
	align-items: center;
	margin-right: 20px;
	display: flex;
	position: relative
}

.shop-slider-card:hover .shop-slider-card__title, .shop-slider-card:hover .shop-slider-card__subtitle {
	display: none
}

.shop-slider-card:hover .shop-slider-card__btn {
	display: block
}

.shop-slider-card__img {
	width: 208px;
	height: 330px;
	z-index: 2;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.is-money .shop-slider-card__img {
	background-image: url(../img/exchange-main.webp)
}

.shop-slider-card__content {
	z-index: 1;
	width: 230px;
	height: 142px;
	background: linear-gradient(95deg, #f3f6ff 0%, #fffdf7 36%, #fffdf9 72%, #e8eeff 100%), #fff;
	border-radius: 30px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	display: flex;
	box-shadow: 0 1px 4px #039c9333
}

.shop-slider-card__title {
	color: #0000;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: linear-gradient(210deg, #02d8b1 17%, #006bce 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	max-width: 100%;
	margin-bottom: 12px;
	font-size: 60px;
	font-weight: 900;
	line-height: 100%;
	overflow: hidden
}

.is-money .shop-slider-card__title {
	background: linear-gradient(#ff8a00 17%, #ff540c 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.shop-slider-card__subtitle {
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	filter: invert(44%)sepia(62%)saturate(4251%)hue-rotate(154deg)brightness(98%)contrast(98%);
	max-width: 100%;
	justify-content: flex-end;
	align-items: center;
	font-size: 24px;
	font-weight: 900;
	line-height: 29px;
	display: flex;
	position: relative;
	overflow: hidden
}

.is-money .shop-slider-card__subtitle {
	background: linear-gradient(#ff8a00 17%, #ff540c 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: none
}

.shop-slider-card__subtitle-amount {
	align-items: center;
	margin-left: 4px;
	display: flex
}

.shop-slider-card__subtitle-amount._fs:before {
	filter: none
}

.shop-slider-card__subtitle-amount:before {
	content: "";
	background-image: var(--icon-coin);
	height: 20px;
	width: 20px;
	filter: invert(44%)sepia(95%)saturate(4096%)hue-rotate(6deg)brightness(109%)contrast(104%);
	background-position: 50%;
	background-repeat: no-repeat;
	margin-right: 2px;
	display: inline-block
}

.shop-slider-card__btn {
	display: none
}

@media screen and (min-width:1680px) {
	.shop-slider-card {
		width: 400px;
		height: 320px
	}

	.shop-slider-card__img {
		width: 208px;
		height: 320px
	}

	.shop-slider-card__content {
		width: 230px;
		height: 142px
	}

}

.shop-slider {
	position: relative
}

.shop-slider__arr {
	z-index: 2;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)rotate(45deg)
}

.shop-slider__arr.is-left {
	left: 10px;
	transform: translateY(-50%)rotate(-135deg)
}

.shop-slider__arr.is-right {
	right: 10px
}

.shop-spin-card {
	z-index: 1;
	height: 220px;
	background: linear-gradient(#006be8 0%, #75e0ef 71.25%, #71eeff 100%);
	border-radius: 20px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	transition: all .2s;
	display: flex;
	position: relative
}

.shop-spin-card:before {
	content: "";
	width: 254px;
	height: 246px;
	background-image: url(../img/shop-fs-blue-right.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: -13px;
	transform: translateY(-50%)
}

.shop-spin-card:after {
	content: "";
	width: 136px;
	height: 109px;
	background-image: url(../img/shop-fs-blue-left.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: -13px;
	left: -13px
}

.shop-spin-card:hover {
	background: linear-gradient(#f8c84d 1.17%, #fe4c00 99.95%), #fff
}

.shop-spin-card:hover:after {
	background-image: url(../img/shop-fs-orange-left.webp)
}

.shop-spin-card:hover:before {
	background-image: url(../img/shop-fs-orange-right.webp)
}

.shop-spin-card__bg {
	height: 218px;
	width: 140px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border: 5px solid #f1fbfe;
	border-radius: 12px;
	position: absolute;
	top: 0;
	right: 20px;
	transform: rotate(3deg);
	box-shadow: inset 0 2px 12px #00000080, 3px 3px 3px #0000001f
}

.shop-spin-card__content {
	width: 210px;
	z-index: 5;
	padding-block: 23px;
	padding-inline: 20px 0
}

.shop-spin-card__title {
	color: #fff;
	max-height: 56px;
	font-size: 40px;
	font-weight: 900;
	line-height: 100%;
	overflow: hidden
}

.shop-spin-card__subtitle {
	color: #fff;
	max-height: 56px;
	text-overflow: ellipsis;
	font-size: 20px;
	font-weight: 900;
	line-height: 26px
}

.shop-spin-card__game-label {
	color: #fff;
	letter-spacing: .02em;
	font-size: 12px;
	font-weight: 600;
	line-height: 15px
}

.shop-spin-card__game {
	color: #3d4241;
	letter-spacing: .02em;
	margin-top: 2px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	transform: rotate(-2deg)
}

.shop-spin-card__items {
	grid-gap: 5px;
	grid-template-columns: repeat(3, 1fr);
	display: grid
}

.t-games__wrap {
	grid-gap: 20px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 32px;
	display: grid
}

.t-games__button {
	justify-content: center;
	margin-top: 18px;
	display: flex
}

@media screen and (min-width:1280px) {
	.t-games__wrap {
		grid-template-columns: repeat(4, 1fr)
	}

}

@media screen and (min-width:1680px) {
	.t-games__wrap {
		grid-template-columns: repeat(5, 1fr)
	}

}

.t-item-game {
	width: 184px;
	cursor: pointer;
	background-color: #036a63;
	border: 4px solid #036a63;
	border-radius: 12px;
	flex-direction: column;
	flex: 0 0 108px;
	justify-content: center;
	margin: 0 auto;
	padding: 12px 16px;
	transition: all .2s;
	display: flex;
	position: relative
}

.t-item-game+.t-item-game {
	margin-top: 12px
}

.t-item-game.is-for-game {
	filter: drop-shadow(0 0 4px #16d1c5d1);
	border: 4px solid #fff;
	order: -2;
	box-shadow: 0 0 8px #1ed0b4, inset 0 0 10px #1ed0b4b3
}

.t-item-game:hover {
	filter: drop-shadow(0 0 4px #16d1c5d1);
	border: 4px solid #fff;
	box-shadow: 0 0 8px #1ed0b4, inset 0 0 10px #1ed0b4b3
}

.t-item-game:hover .t-item-game__overlay {
	visibility: visible;
	transition: all .2s;
	display: flex
}

.t-item-game__overlay {
	visibility: hidden;
	width: 100%;
	height: 100%;
	background-color: #117770;
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: auto 94px;
	border-radius: 12px;
	align-items: center;
	padding: 8px;
	transition: all .2s;
	display: none;
	position: absolute;
	top: 0;
	left: 0
}

.t-item-game__date, .t-item-game__bet {
	color: #6fa6a3;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 3px;
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
	overflow: hidden
}

.t-item-game__name {
	color: #fff;
	overflow-wrap: break-word;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: 900;
	line-height: 17px;
	display: -webkit-box;
	overflow: hidden
}

.t-item-game__prize {
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	filter: invert(85%)sepia(10%)saturate(6382%)hue-rotate(354deg)brightness(101%)contrast(95%);
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: 900;
	line-height: 19px;
	overflow: hidden
}

.t-item-game__prize .amount {
	align-items: center;
	gap: 4px;
	display: flex;
	position: relative
}

.t-item-game__prize .amount.is-lp:before {
	content: " ";
	width: 16px;
	height: 16px;
	background-image: var(--icon-coin);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 4px;
	display: block
}

.t-item-game:before {
	content: "";
	width: 93px;
	height: 77px;
	opacity: .2;
	background: bottom/auto 100% no-repeat var(--t-img);
	display: block;
	position: absolute;
	bottom: 0;
	right: 0
}

.t-item {
	filter: drop-shadow(0 0 6px #16d1c5);
	height: auto;
	min-height: 424px;
	background: #fff;
	border: 6px solid #fff;
	border-radius: 30px;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 20px;
	padding: 35px 0;
	transition: all .2s;
	display: flex;
	position: relative;
	box-shadow: inset 0 0 12px #16d1c5
}

.t-item.is-past {
	filter: drop-shadow(0 0 6px #b1dedb);
	box-shadow: inset 0 0 16px #b1dedb
}

.is-past .t-item__terms {
	color: #3d4241
}

.t-item__label {
	z-index: 50;
	position: absolute;
	top: -19px;
	left: 50%;
	transform: translate(-50%)
}

.t-item__img {
	z-index: 40;
	width: 400px;
	height: 386px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	align-self: flex-end;
	transition: all .2s;
	position: absolute;
	bottom: 0;
	right: -30px
}

.is-past .t-item__img {
	filter: grayscale()
}

.t-item__name {
	color: #117770;
	margin-bottom: 20px;
	font-size: 40px;
	font-weight: 700;
	line-height: 120%
}

.is-past .t-item__name {
	color: #3d4241
}

.t-item__name.is-sm {
	font-size: 33px
}

@media screen and (min-width:1280px) {
	.t-item__name.is-sm {
		font-size: 40px
	}

}

.t-item__prize {
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	filter: invert(44%)sepia(95%)saturate(4096%)hue-rotate(6deg)brightness(109%)contrast(104%);
	margin-left: 0;
	font-size: 50px;
	font-weight: 900;
	line-height: 100%;
	overflow: hidden
}

.is-past .t-item__prize {
	filter: invert(24%)sepia(9%)saturate(255%)hue-rotate(118deg)brightness()contrast(94%)
}

.t-item__prize.is-lp {
	align-items: center;
	gap: 4px;
	display: flex;
	position: relative
}

.t-item__prize.is-lp:before {
	content: " ";
	width: 35px;
	height: 35px;
	background-image: var(--icon-coin);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 4px;
	display: block
}

.t-item__content-block {
	max-width: 100%;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex
}

.t-item__left {
	width: 246px;
	margin-right: 20px;
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translateY(-50%)
}

.t-item__center {
	width: 306px;
	text-align: center;
	flex-direction: column;
	align-self: flex-start;
	align-items: center;
	padding-bottom: 50px;
	display: flex
}

.t-item__text {
	color: #6fa6a3;
	letter-spacing: .02em;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px
}

.is-past .t-item__text {
	color: #818181
}

.t-item__timer {
	z-index: 50;
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: translate(-50%)
}

@media screen and (min-width:1280px) {
	.t-item {
		min-height: 372px;
		padding-top: 0;
		padding-bottom: 0
	}

	.t-item__left {
		width: 318px
	}

	.t-item__center {
		width: 378px;
		padding-top: 22px;
		padding-bottom: 77px
	}

	.t-item__img {
		right: 0
	}

}

@media screen and (min-width:1440px) {
	.t-item__left {
		width: 366px
	}

	.t-item__center {
		width: 426px;
		padding-top: 30px
	}

	.t-item__img {
		right: 30px
	}

}

@media screen and (min-width:1680px) {
	.t-item__img {
		right: 37px
	}

	.t-item__left {
		width: 366px
	}

	.t-item__center {
		width: 440px
	}

}

.t-leaderboard-row {
	max-width: 100%;
	color: #117770;
	white-space: nowrap;
	background: #fff;
	border-radius: 8px;
	padding: 0 8px 0 14px;
	font-size: 16px;
	font-weight: 400;
	line-height: 48px;
	display: flex;
	position: relative
}

.t-leaderboard-row * {
	margin-left: 5px
}

.t-leaderboard-row:not(.is-outof):after {
	content: "";
	width: 23px;
	height: 24px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 12px;
	left: -10px
}

.t-leaderboard-row:before {
	content: attr(data-index);
	text-align: center;
	flex-basis: 34px;
	font-weight: 700;
	display: inline-block
}

.t-leaderboard-row.is-currentUser {
	background: linear-gradient(78.33deg, #59efef .87%, #7ed1ff 25.78%, #91e0f1 50.34%, #5ef9c1 75.42%, #f1fcae 99.13%)
}

.t-leaderboard-row__name {
	width: 73px;
	flex-shrink: 0;
	align-items: center;
	display: flex;
	overflow: hidden
}

.t-leaderboard-row__name:after {
	content: "......................................";
	letter-spacing: .6em;
	flex-grow: 1;
	margin-right: 5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 46px;
	display: inline-block;
	overflow: hidden
}

.t-leaderboard-row__place {
	flex-direction: row-reverse;
	flex-grow: 1;
	align-items: center;
	font-size: 20px;
	font-weight: 900;
	display: flex;
	overflow: hidden
}

.t-leaderboard-row__place:after {
	content: "......................................";
	letter-spacing: .6em;
	flex-grow: 1;
	margin-right: 5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 46px;
	display: inline-block;
	overflow: hidden
}

.t-leaderboard-row__place .amount {
	align-items: center;
	gap: 4px;
	display: flex;
	position: relative
}

.t-leaderboard-row__place .amount.is-lp:before {
	content: " ";
	width: 16px;
	height: 16px;
	background-image: var(--icon-coin);
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 4px;
	display: block
}

.t-leaderboard-row__place .amount.is-lp .amount-value {
	width: 44px;
	margin-left: 0
}

.has-tournament-coin .t-leaderboard-row__user-currency {
	display: none
}

.t-leaderboard-row.is-0:after {
	background-image: url(../img/tournament-prize-1.webp)
}

.t-leaderboard-row.is-1:after {
	background-image: url(../img/tournament-prize-2.webp)
}

.t-leaderboard-row.is-2:after {
	background-image: url(../img/tournament-prize-3.webp)
}

.t-leaderboard {
	width: 328px;
	flex-shrink: 0;
	padding-left: 20px;
	overflow: hidden
}

.t-leaderboard__row {
	margin-top: 12px
}

@media screen and (min-width:1440px) {
	.t-leaderboard {
		width: 374px
	}

}

.t-list-item-date {
	color: #9de0d6;
	text-align: center;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px
}

.t-list-item-name {
	color: #fff;
	padding-bottom: 34px;
	font-size: 32px;
	font-weight: 700;
	line-height: 38px;
	position: relative
}

.is-past .t-list-item-name {
	color: #c8f6f3
}

.t-list-item-name span {
	overflow-wrap: break-word;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.t-list-item-name:after {
	content: "";
	width: 100%;
	height: 6px;
	filter: drop-shadow(0 0 8px #00d1ff);
	background-color: #fff;
	border-radius: 12px;
	position: absolute;
	bottom: 24%;
	left: 0;
	transform: matrix(1, -.03, 0, 1, 0, 0);
	box-shadow: 0 0 8px #00ebdbcc, inset 0 0 4px #25e8dbcc
}

.is-past .t-list-item-name:after {
	filter: none;
	background: #356b9c;
	box-shadow: inset 0 0 4px #1c5f9d
}

.t-list-item-prize {
	max-width: 100%;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-shadow: 0 2px 12px #4886734d;
	font-size: 50px;
	font-weight: 900;
	line-height: 1;
	overflow: hidden
}

.t-list-item-prize.is-lp {
	align-items: center;
	gap: 4px;
	display: flex;
	position: relative
}

.t-list-item-prize.is-lp:before {
	content: " ";
	width: 38px;
	height: 38px;
	background-image: var(--icon-coin);
	filter: invert();
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 4px;
	display: block
}

.t-list-item-txt {
	color: #fff;
	text-align: left;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 700;
	line-height: 19px
}

.is-past .t-list-item-txt:first-child {
	color: #c8f6f3
}

.t-list-item {
	height: 320px;
	background: linear-gradient(240.96deg, #02d8b1 16.98%, #006bce 70.42%), #fff;
	border-radius: 40px;
	justify-content: space-between;
	align-items: center;
	padding: 20px 326px 20px 60px;
	transition: all .2s;
	display: flex;
	position: relative;
	box-shadow: 0 0 12px #00d1ff, inset 0 0 4px 2px #00bdecb3, inset 0 0 0 6px #fff, inset 0 0 4px 6px #00bdecb3, inset 0 0 12px 6px #00d1ff
}

.t-list-item:before {
	content: "";
	width: 233px;
	height: 328px;
	z-index: 40;
	background: bottom center/contain no-repeat var(--t-img);
	transition: all .2s;
	position: absolute;
	bottom: 6px;
	right: 47px
}

.t-list-item:after {
	content: "";
	width: 101px;
	height: 94px;
	background: url(../img/tournament-prize-group.webp) 50%/contain no-repeat;
	transition: all .2s;
	display: block;
	position: absolute;
	top: -22px;
	right: -22px
}

.t-list-item.is-past {
	box-shadow: 0 0 12px #659996cc, inset 0 0 4px 2px #8ba6a4b3, inset 0 0 0 6px #fff, inset 0 0 4px 6px #8ba6a4b3, inset 0 0 12px 6px #659996cc
}

.t-list-item.is-past:before {
	filter: grayscale()
}

.t-list-item__label {
	z-index: 50;
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translate(-50%)
}

.t-list-item__content {
	height: 100%;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	align-items: flex-start;
	display: flex
}

.t-list-item__content a {
	margin-top: 16px
}

.t-list-item__leaderboard {
	padding-left: 20px
}

@media screen and (min-width:1440px) {
	.t-list-item {
		padding-right: 376px
	}

	.t-list-item:before {
		right: 70px
	}

}

.t-list {
	max-width: 1090px;
	flex-direction: column;
	margin-top: 20px;
	display: flex;
	position: relative
}

.t-list__title {
	color: #117770;
	text-align: center;
	margin-bottom: 22px;
	font-size: 18px;
	font-weight: 900;
	line-height: 22px
}

.t-list__item {
	width: 100%;
	max-width: 1100px;
	margin: 34px auto 0
}

.t-list__item.is-future {
	order: 1
}

.t-list__item.is-past {
	order: 2
}

@media screen and (min-width:1920px) {
	.t-list {
		margin-top: 40px
	}

}

.t-page-leaderboard__wrap {
	filter: drop-shadow(0 0 6px #16d1c5d1);
	background: linear-gradient(#2ddacf -115%, #f2fff8 100%);
	border-radius: 30px;
	margin-top: 30px;
	padding: 26px 22px 20px;
	box-shadow: inset 0 0 0 6px #fff, inset 0 0 16px #16d1c5
}

.t-page-leaderboard__title {
	color: #117770;
	letter-spacing: .02em;
	text-align: center;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px
}

.t-page-leaderboard__user-title {
	color: #117770;
	text-align: center;
	font-size: 12px;
	line-height: 15px
}

.t-page-leaderboard__first {
	width: 240px;
	height: 188px;
	color: #117770;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	background-color: #0000;
	background-image: url(../img/tournament-prize-1.webp), url(../img/tournament-group.webp);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 128px 140px, 166px 122px;
	background-attachment: scroll, scroll;
	background-origin: padding-box, padding-box;
	background-clip: border-box, border-box;
	flex-shrink: 0;
	margin: 0 auto;
	padding-top: 140px;
	font-size: 32px;
	font-weight: 900;
	line-height: 39px;
	overflow: hidden
}

.t-page-leaderboard__first .amount {
	justify-content: center;
	align-items: center;
	gap: 4px;
	display: flex;
	position: relative
}

.t-page-leaderboard__first .amount.is-lp:before {
	content: " ";
	width: 26px;
	height: 26px;
	background-image: var(--icon-coin);
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 4px;
	display: block
}

.t-page-leaderboard__first .amount.is-lp .amount-value {
	margin-left: 0
}

.t-page-leaderboard__thead {
	color: #117770;
	margin-top: 18px;
	padding: 0 14px;
	font-size: 12px;
	line-height: 15px;
	display: flex
}

.t-page-leaderboard__th-key {
	text-align: left
}

.t-page-leaderboard__th-key.is-34px {
	width: 34px
}

.t-page-leaderboard__th-key.is-center {
	text-align: center
}

.t-page-leaderboard__th-key.is-right {
	text-align: right;
	margin-left: auto
}

.t-page-leaderboard__th-key.has-margin {
	margin-right: 5px
}

.t-page-leaderboard__th-key.is-name {
	max-width: 86px;
	min-width: 86px;
	overflow: hidden
}

.t-page-leaderboard__item {
	max-width: 100%;
	color: #117770;
	white-space: nowrap;
	height: 44px;
	border-radius: 8px;
	margin-top: 12px;
	padding: 0 16px;
	font-size: 16px;
	font-weight: 400;
	line-height: 44px;
	display: flex;
	position: relative
}

.t-page-leaderboard__item:not(.is-outof):after {
	content: "";
	width: 23px;
	height: 24px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 9px;
	left: -8px
}

.t-page-leaderboard__item:before {
	content: attr(data-index);
	min-width: 34px;
	text-align: center;
	flex-shrink: 0;
	font-weight: 700;
	display: inline-block
}

.t-page-leaderboard__item.is-currentUser {
	background: linear-gradient(39deg, #59efef .87%, #7ed1ff 25.78%, #91e0f1 50.34%, #5ef9c1 75.42%, #f1fcae 99.13%)
}

.t-page-leaderboard__item__place {
	flex-direction: row-reverse;
	flex-grow: 1;
	align-items: center;
	font-size: 20px;
	font-weight: 900;
	display: flex;
	overflow: hidden
}

.t-page-leaderboard__item__place:after {
	content: "......................................";
	letter-spacing: .6em;
	flex-grow: 1;
	margin-right: 5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 46px;
	display: inline-block;
	overflow: hidden
}

.has-tournament-coin .t-page-leaderboard__item__place:before {
	content: ".";
	width: 18px;
	height: 18px;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	color: #0000;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	margin-left: 2px;
	display: block
}

.t-page-leaderboard__item.is-0:after {
	background-image: url(../img/tournament-prize-1.webp)
}

.t-page-leaderboard__item.is-1:after {
	background-image: url(../img/tournament-prize-2.webp)
}

.t-page-leaderboard__item.is-2:after {
	background-image: url(../img/tournament-prize-3.webp)
}

.t-page-leaderboard__name {
	color: #117770;
	letter-spacing: .02em;
	width: 87px;
	flex-shrink: 0;
	align-self: center;
	align-items: center;
	margin: 0 5px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	display: flex;
	overflow: hidden
}

.t-page-leaderboard__name:after {
	content: "......................................";
	letter-spacing: .6em;
	flex-grow: 1;
	margin-right: 5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 46px;
	display: inline-block;
	overflow: hidden
}

.t-page-leaderboard__key {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 85px;
	text-align: center;
	flex-shrink: 0;
	overflow: hidden
}

.t-page-leaderboard__key.is-capitalize {
	text-transform: capitalize
}

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

.t-page__title {
	color: #117770;
	letter-spacing: .02em;
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	line-height: 22px
}

.t-page__title.is-prize {
	transform: translate(25px)
}

.t-page__title.is-left {
	text-align: left
}

.is-past .t-page__title {
	color: #3d4241
}

.t-page__section-s {
	max-width: 1360px;
	margin: 0 auto
}

.t-page__section-w {
	max-width: 1800px;
	margin: 0 auto;
	display: flex
}

.t-page__leaderboard {
	width: 400px;
	flex-shrink: 0;
	margin-left: 20px
}

.t-page__games {
	z-index: 2;
	flex-grow: 1;
	margin-bottom: 30px
}

@media screen and (min-width:1440px) {
	.t-page__leaderboard {
		width: 440px
	}

}

.t-prize {
	color: #3d4241;
	justify-content: center;
	align-items: center;
	margin-top: -15px;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	display: flex
}

.t-prize__first {
	width: 183px;
	height: 202px;
	color: #ff5c00;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #0000;
	background-image: url(../img/tournament-prize-1.webp), url(../img/tournament-group.webp);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 135px 148px, 175px 129px;
	background-attachment: scroll, scroll;
	background-origin: padding-box, padding-box;
	background-clip: border-box, border-box;
	flex-shrink: 0;
	padding-top: 158px;
	font-size: 32px;
	font-weight: 900;
	line-height: 39px;
	overflow: hidden
}

.has-tournament-coin .t-prize__first {
	justify-content: center;
	align-items: center;
	display: flex
}

.has-tournament-coin .t-prize__first:after {
	content: "";
	width: 26px;
	height: 26px;
	filter: invert(44%)sepia(95%)saturate(4096%)hue-rotate(6deg)brightness(109%)contrast(104%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	margin-left: 6px;
	display: block
}

.t-prize__wrap {
	width: 536px
}

.t-prize__list {
	max-height: 175px;
	flex-flow: column wrap;
	margin-top: 26px;
	display: flex
}

.t-prize__item {
	width: 160px;
	height: 39px;
	z-index: -1;
	background: #4986821a;
	border-radius: 8px;
	align-items: flex-end;
	margin-bottom: 12px;
	margin-left: 28px;
	padding: 10px 8px;
	display: flex;
	position: relative
}

.t-prize__item:first-child:before, .t-prize__item:nth-child(2):before {
	content: "";
	width: 40px;
	height: 44px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: -44px;
	transform: translateY(-50%)
}

.t-prize__item:first-child:before {
	background-image: url(../img/tournament-prize-2.webp)
}

.t-prize__item:nth-child(2):before {
	background-image: url(../img/tournament-prize-3.webp)
}

.t-prize__key {
	letter-spacing: .02em;
	flex-shrink: 0
}

.t-prize__dots {
	border-bottom: 3px dotted #117770;
	flex-grow: 1;
	margin: 0 4px 4px 11px;
	font-weight: 900
}

.t-prize__val {
	color: #117770;
	flex-shrink: 0;
	font-weight: 900
}

.has-tournament-coin .t-prize__val {
	justify-content: flex-end;
	align-items: center;
	display: flex
}

.has-tournament-coin .t-prize__val:after {
	content: "";
	width: 14px;
	height: 14px;
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 0 0 3px;
	display: block
}

.t-prize__hero {
	width: 300px;
	height: 470px;
	z-index: 1;
	background-position: top;
	background-repeat: no-repeat;
	background-size: 501px 772px;
	flex-shrink: 0;
	margin-right: -30px;
	position: relative
}

.t-prize__hero:after {
	content: "";
	width: 100%;
	height: 69px;
	background: linear-gradient(#fcfbf200 0%, #fcfbf2 100%);
	position: absolute;
	bottom: 0;
	left: 0
}

@media screen and (min-width:1280px) {
	.t-prize__first {
		width: 221px;
		height: 234px;
		background-size: 157px 172px, 203px 149px;
		margin-right: 23px;
		padding-top: 165px
	}

}

@media screen and (min-width:1440px) {
	.t-prize {
		justify-content: flex-end;
		margin-top: -70px
	}

	.t-prize__hero {
		width: 440px;
		height: 689px;
		background-size: 735px 1132px;
		margin-right: 0
	}

	.t-prize__first {
		width: 272px;
		height: 300px;
		background-size: 201px 220px, 260px 191px;
		margin-right: 28px;
		padding-top: 220px;
		font-size: 44px;
		line-height: 54px
	}

	.has-tournament-coin .t-prize__first:after {
		width: 32px;
		height: 32px
	}

}

.t-score__wrap {
	background: 0 0;
	padding: 0 6px
}

.t-score__thead {
	width: 185px;
	color: #fff;
	letter-spacing: .02em;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 8px;
	font-weight: 500;
	line-height: 10px;
	display: flex
}

.t-score__item {
	height: 32px;
	color: #fff;
	letter-spacing: .02em;
	border-radius: 8px;
	align-items: center;
	margin-bottom: 6px;
	margin-left: 5px;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 900;
	line-height: 16px;
	display: flex;
	position: relative
}

.t-score__item:before {
	left: -23px
}

.t-score__item.is-user {
	color: #117770;
	background: linear-gradient(78.33deg, #59efef .87%, #7ed1ff 25.78%, #91e0f1 50.34%, #5ef9c1 75.42%, #f1fcae 99.13%)
}

.t-score__item:first-child:before, .t-score__item:nth-child(2):before, .t-score__item:nth-child(3):before {
	content: "";
	width: 24px;
	height: 27px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 3px;
	left: -21px
}

.t-score__item:first-child:before {
	background-image: url(../img/tournament-prize-1.webp)
}

.t-score__item:nth-child(2):before {
	background-image: url(../img/tournament-prize-2.webp)
}

.t-score__item:nth-child(3):before {
	background-image: url(../img/tournament-prize-3.webp)
}

.t-score__list {
	width: 200px;
	margin: 0
}

.t-score__dots {
	border-bottom: 2px dotted #fff;
	flex-grow: 1;
	flex-shrink: 1;
	margin: 9px 5px 4px
}

.is-user .t-score__dots {
	border-color: #117770
}

.t-score__key {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 85px;
	flex-shrink: 0;
	overflow: hidden
}

.t-score__key.is-capitalize {
	text-transform: capitalize
}

.t-score__val {
	max-width: 60px;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex-shrink: 0;
	overflow: hidden
}

.t-score__stub {
	padding: 95px 0
}

.t-score__stub-text {
	color: #fff;
	text-align: center;
	letter-spacing: .02em;
	background-color: #0000;
	background-image: url(../img/tournament-prize-1.webp), url(../img/tournament-group.webp);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 127px 138px, 164px 138px;
	background-attachment: scroll, scroll;
	background-origin: padding-box, padding-box;
	background-clip: border-box, border-box;
	padding-top: 152px;
	font-size: 14px;
	font-weight: 700;
	line-height: 25px
}

.t-score__name {
	color: #fff;
	letter-spacing: .02em;
	text-align: center;
	max-width: 148px;
	margin: 0 auto 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	overflow: hidden
}

.t-score__arr {
	width: 20px;
	height: 20px;
	z-index: 1;
	line-height: 0;
	position: absolute;
	top: 0
}

.t-score__arr.is-prev {
	left: 16px;
	transform: rotate(90deg)
}

.t-score__arr.is-next {
	right: 16px;
	transform: rotate(-90deg)
}

.t-sm-widget {
	filter: drop-shadow(0 0 10px #00d1ff);
	background-image: linear-gradient(240deg, #02d8b1 17%, #006bce 70%);
	background-position: 50%;
	background-repeat: repeat;
	background-size: cover;
	border: 6px solid #fff;
	border-radius: 30px;
	padding: 34px;
	position: relative;
	box-shadow: inset 0 0 4px #00bdecb3
}

.t-sm-widget:before {
	content: "";
	width: 50%;
	height: calc(100% + 15px);
	background-image: url(../img/miradona-widget.webp);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: -15px;
	right: -15px
}

.t-sm-widget__title {
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: 700;
	line-height: 120%;
	overflow: hidden
}

.t-sm-widget__name {
	margin-top: 4px
}

.t-sm-widget__text {
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 28px;
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	overflow: hidden
}

.t-sm-widget__sum {
	color: #fff;
	text-shadow: 0 2px 12px #4886734d;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 50px;
	font-weight: 700;
	line-height: 100%;
	overflow: hidden
}

.t-sm-widget__sum.is-coin {
	align-items: center;
	display: flex
}

.t-sm-widget__sum.is-coin:after {
	content: "";
	width: 40px;
	height: 40px;
	filter: invert();
	background-position: 50%;
	background-repeat: repeat;
	background-size: contain;
	margin-left: 7px;
	display: block
}

.t-sm-widget__btn {
	margin-top: 24px
}

.t-timer {
	width: 460px;
	height: 104px;
	background: linear-gradient(240deg, #02d8b1 17%, #006bce 70%);
	border-radius: 12px;
	padding: 9px 22px 13px
}

.t-timer__title {
	color: #fff;
	letter-spacing: .02em;
	text-align: center;
	padding-bottom: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px
}

.t-timer__row {
	text-align: center;
	justify-content: center;
	display: flex
}

.t-timer__item {
	width: 58px;
	color: #fff;
	font-size: 40px;
	font-weight: 900;
	line-height: 49px
}

.t-timer__divider {
	color: #fff;
	padding: 0 15px;
	font-family: initial;
	font-size: 40px;
	font-weight: 900;
	line-height: 49px
}

.t-timer__label {
	color: #fff;
	letter-spacing: .02em;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px
}

@media screen and (min-width:1440px) {
	.t-timer {
		width: 446px
	}

}

@media screen and (min-width:1680px) {
	.t-timer {
		width: 460px
	}

}

.trustly-modal {
	position: relative
}

.trustly-modal form.ng-invalid button {
	opacity: .5;
	pointer-events: none
}

.trustly-modal__back {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 60px;
	position: absolute;
	top: 38px;
	left: 21px;
	overflow: hidden
}

.trustly {
	margin-top: 47px;
	position: relative
}

.trustly__wrap {
	width: 100%;
	max-width: 748px;
	margin: 0 auto
}

.trustly__back {
	position: absolute;
	top: 5px;
	left: 32px
}

.trustly__title {
	color: #3d4241;
	text-align: center;
	margin-bottom: 22px;
	font-size: 24px;
	font-weight: 700;
	line-height: 120%
}

.trustly__subtitle {
	color: #3d4241;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px
}

.trustly__deposit {
	letter-spacing: .02em;
	color: #fff;
	width: -moz-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	min-width: 80px;
	background: #c1dad9;
	border: none;
	border-radius: 12px;
	justify-content: center;
	padding: 0 6px;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	display: flex;
	position: absolute;
	top: -5px;
	right: 32px
}

.trustly__content {
	width: 748px;
	height: 277px;
	background-image: linear-gradient(155deg, #e4fcff 14%, #f2fff8 37%, #e8fff2 59%, #e4fcff 85%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 28px;
	justify-content: center;
	align-items: center;
	margin: 0 auto 60px;
	display: flex;
	position: relative;
	box-shadow: 0 0 10px #06cec126
}

.trustly__content:before {
	content: "";
	width: 611px;
	height: 202px;
	background-image: url(../img/bankid-frame-left.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: -13px;
	left: -12px
}

.trustly__content:after {
	content: "";
	width: 478px;
	height: 225px;
	background-image: url(../img/bankid-frame-right.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: -14px;
	right: -12px
}

.trustly__form {
	z-index: 1;
	max-width: 300px;
	flex-direction: column;
	align-items: center;
	display: flex;
	position: relative
}

.trustly__form:before {
	content: "";
	width: 186px;
	height: 276px;
	background-image: url(../img/bankid-rocket.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: -9px;
	left: -193px
}

.trustly__btns {
	grid-column-gap: 10px;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 16px;
	display: grid
}

.trustly__input {
	text-align: center;
	width: 300px;
	font-size: 24px;
	font-weight: 900
}

.trustly__steps {
	width: 670px;
	grid-column-gap: 80px;
	grid-template-columns: repeat(3, 1fr);
	margin: 0 auto;
	display: grid
}

.trustly__terms {
	color: #6fa6a3;
	text-align: center;
	margin-bottom: 28px;
	font-size: 12px;
	line-height: 20px
}

.trustly__frame-block {
	width: 518px;
	height: 580px;
	background-color: #fff;
	border-radius: 28px;
	margin: 0 auto 22px;
	padding: 15px;
	position: relative;
	box-shadow: 0 0 10px #06cec126
}

.trustly__frame-block:before {
	content: "";
	width: 478px;
	height: 225px;
	background-image: url(../img/bankid-frame-right.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: -13px;
	left: -12px;
	transform: rotate(180deg)
}

.trustly__frame-block:after {
	content: "";
	width: 478px;
	height: 225px;
	background-image: url(../img/bankid-frame-right.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: -14px;
	right: -12px
}

.trustly__frame {
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #fff;
	position: relative
}

@media screen and (min-width:1440px) {
	.trustly__back {
		left: 60px
	}

	.trustly__deposit {
		right: 60px
	}

}

.page-verification-alert {
	width: 100%;
	z-index: 200;
	color: #fff;
	background: #e8544c;
	align-items: center;
	padding: 12px 10px 12px 18px;
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	display: none;
	position: fixed;
	top: 80px
}

.page-verification-alert.is-scrolled {
	top: 57px
}

.page-verification-alert.is-verified {
	background-color: #64ba62
}

.page-verification-alert.is-verification-changed {
	display: flex
}

.page-verification-alert__text {
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	left: 50%;
	transform: translate(-50%)
}

.page-verification-alert__text:before {
	width: 20px;
	height: 20px;
	content: "";
	background-image: url(../img/Component_need_ver.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 8px;
	display: block
}

.is-verified .page-verification-alert__text:before {
	background-image: url(../img/Component_done.svg) no-repeat
}

.page-verification-alert__link {
	color: #fff;
	margin: 0 6px;
	font-weight: 600;
	text-decoration: underline;
	transition: border .3s
}

.page-verification-alert__icon {
	width: 14px;
	height: 14px;
	cursor: pointer;
	background-position: 50%;
	background-repeat: no-repeat;
	margin-left: 30px
}

.page-verification-alert__icon.is-arrow {
	background-image: url(../img/Vector.svg);
	background-size: contain
}

.page-verification-alert__icon.is-close {
	background-image: url(../img/close_icon.svg);
	background-size: auto
}

.vip-card {
	background-color: #fff;
	border-radius: 16px;
	padding: 13px 20px;
	position: relative;
	box-shadow: 0 1px 4px #039c9333
}

.vip-card__title {
	color: #6fa6a3;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0 30px;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	transition: padding .1s, color .1s;
	display: flex
}

.vip-card__title:after {
	content: "";
	width: 20px;
	height: 20px;
	background-image: var(--icon-arr-down);
	filter: invert(61%)sepia(25%)saturate(428%)hue-rotate(128deg)brightness(95%)contrast(91%);
	background-repeat: no-repeat;
	background-size: 100%;
	transition: filter .1s;
	position: absolute;
	top: 13px;
	right: 20px
}

.vip-card__title.is-open {
	color: #117770;
	border-bottom: 1px solid #6fa6a3;
	margin-bottom: 16px;
	padding-bottom: 16px;
	font-weight: 900
}

.vip-card__title.is-open:after {
	filter: invert(31%)sepia(98%)saturate(380%)hue-rotate(127deg)brightness(97%)contrast(91%);
	transform: rotate(180deg)
}

.vip-card__text {
	color: #3d4241;
	letter-spacing: .02em;
	height: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
	overflow: hidden
}

.is-open+.vip-card__text {
	height: auto;
	overflow: auto
}

.vip-slider {
	width: 840px;
	align-items: center;
	margin: 0 auto;
	display: flex;
	position: relative
}

.vip-slider__item {
	justify-content: center;
	align-items: center;
	display: flex !important
}

.vip-slider__img {
	width: 294px;
	height: 400px;
	filter: grayscale();
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-right: -34px
}

.is-user .vip-slider__img {
	filter: grayscale(0)
}

.is-new .vip-slider__img {
	filter: grayscale()
}

.vip-slider__content {
	width: 400px;
	height: 237px;
	filter: drop-shadow(0 0 10px #1ed0b4);
	background: linear-gradient(90deg, #ddf4f3 0%, #e3f1d7 36%, #d5f3f1 72%, #fff3d9 100%);
	border: 8px solid #fff;
	border-radius: 30px;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	padding: 28px 24px;
	display: flex;
	position: relative;
	box-shadow: inset 0 0 6px #1ed0b4b3
}

.vip-slider__level {
	color: #117770;
	letter-spacing: .02em;
	text-align: center;
	font-size: 14px;
	font-weight: 900;
	line-height: 20px
}

.vip-slider__row {
	justify-content: space-between;
	align-items: center;
	display: flex
}

.vip-slider__label {
	color: #117770;
	letter-spacing: .02em;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px
}

.vip-slider__value {
	color: #117770;
	letter-spacing: .02em;
	flex-shrink: 0;
	margin-left: 10px;
	font-size: 19px;
	font-weight: 900;
	line-height: 24px
}

.vip-slider .vip-slider__dots {
	width: 440px;
	height: 50px;
	justify-content: space-between;
	align-items: center;
	display: flex;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translate(-50%)
}

.vip-slider .vip-slider__dots li {
	width: 40px;
	height: 40px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	max-width: 100%;
	background-image: linear-gradient(240deg, #6ae5d2 17%, #69c9da 70%), linear-gradient(240deg, #6ae5d2 17%, #69c9da 70%);
	background-position: top, -10px -10px;
	background-repeat: no-repeat, no-repeat;
	background-size: cover, calc(100% + 20px) calc(100% + 20px);
	background-clip: padding-box, border-box;
	border: 2px solid #0000;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 100%;
	transition: all .2s;
	display: flex;
	box-shadow: 0 0 4px 1px #16d1c580
}

.vip-slider .vip-slider__dots li:hover {
	background-image: linear-gradient(240deg, #6ae5d2 17%, #69c9da 70%), linear-gradient(270deg, #ffffffb3, #c9e5ffb3)
}

.vip-slider .vip-slider__dots li.slick-active {
	background-image: linear-gradient(240.96deg, #02d8b1 16.98%, #006bce 70.42%), linear-gradient(240.96deg, #02d8b1 16.98%, #006bce 70.42%);
	border-radius: 9px;
	transition: all .2s;
	position: relative;
	transform: scale(1.25)
}

.vip-slider .vip-slider__dots li.slick-active:hover {
	background-image: linear-gradient(240.96deg, #02d8b1 16.98%, #006bce 70.42%), linear-gradient(270deg, #fff, #c9e5ff)
}

.vip-slider .vip-slider__dots li.slick-active button {
	-webkit-text-stroke: 2px #d9f6ff
}

.vip-slider .vip-slider__dots button {
	background: linear-gradient(240deg, #02d8b1 17%, #006bce 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: .07em #d9f6ff;
	box-sizing: border-box;
	text-shadow: 0 1px 4px #039c9333;
	border: none;
	justify-content: center;
	font-size: 22px;
	font-weight: 900;
	line-height: 100%;
	display: flex
}

.vip-slider.is-level-2 .vip-slider__dots li:nth-child(2):after, .vip-slider.is-level-3 .vip-slider__dots li:nth-child(2):after, .vip-slider.is-level-3 .vip-slider__dots li:nth-child(3):after, .vip-slider.is-level-4 .vip-slider__dots li:nth-child(2):after, .vip-slider.is-level-4 .vip-slider__dots li:nth-child(3):after, .vip-slider.is-level-4 .vip-slider__dots li:nth-child(4):after, .vip-slider.is-level-5 .vip-slider__dots li:nth-child(2):after, .vip-slider.is-level-5 .vip-slider__dots li:nth-child(3):after, .vip-slider.is-level-5 .vip-slider__dots li:nth-child(4):after, .vip-slider.is-level-5 .vip-slider__dots li:nth-child(5):after, .vip-slider.is-user .vip-slider__dots li:first-child:after {
	content: ""
}

.vip-slider.is-level-2 .vip-slider__dots li:nth-child(2) button, .vip-slider.is-level-3 .vip-slider__dots li:nth-child(2) button, .vip-slider.is-level-3 .vip-slider__dots li:nth-child(3) button, .vip-slider.is-level-4 .vip-slider__dots li:nth-child(2) button, .vip-slider.is-level-4 .vip-slider__dots li:nth-child(3) button, .vip-slider.is-level-4 .vip-slider__dots li:nth-child(4) button, .vip-slider.is-level-5 .vip-slider__dots li:nth-child(2) button, .vip-slider.is-level-5 .vip-slider__dots li:nth-child(3) button, .vip-slider.is-level-5 .vip-slider__dots li:nth-child(4) button, .vip-slider.is-level-5 .vip-slider__dots li:nth-child(5) button, .vip-slider.is-user .vip-slider__dots li:first-child button {
	color: #117770
}

.vip-slider__arr {
	flex-shrink: 0
}

@media screen and (min-width:1440px) {
	.vip-slider {
		width: 954px
	}

	.vip-slider__img {
		width: 386px;
		height: 524px;
		margin-right: 0
	}

}

@media screen and (min-width:2500px) {
	.vip-slider .vip-slider__dots {
		bottom: -136px
	}

}

.vip {
	background-image: url(../img/bg-vip-2500.webp);
	background-position: top;
	background-repeat: no-repeat;
	background-size: auto 540px;
	position: relative
}

.vip__slider {
	height: 424px;
	position: relative
}

.vip__title {
	color: #117770;
	letter-spacing: .02em;
	text-align: center;
	padding-top: 20px;
	font-size: 18px;
	font-weight: 900;
	line-height: 22px
}

.vip__title.is-cyan {
	color: #117770;
	text-shadow: none
}

.vip__cards {
	max-width: 1220px;
	margin: 72px auto 0
}

@media screen and (min-width:1440px) {
	.vip {
		background-size: 100% 660px
	}

	.vip__slider {
		height: 524px
	}

	.vip__cards {
		margin-top: 92px
	}

}

@media screen and (min-width:2500px) {
	.vip {
		background-size: 100% 860px
	}

	.vip__slider {
		margin-top: 110px
	}

	.vip__cards {
		margin-top: 188px
	}

}

.wall-of-wins__container {
	height: 520px;
	position: relative;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, #fffaef00, #fffaef 16px calc(100% - 16px), #fffaef00);
	mask-image: linear-gradient(90deg, #fffaef00, #fffaef 16px calc(100% - 16px), #fffaef00);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%
}

.canvas-wall {
	width: 1840px;
	height: 520px;
	cursor: pointer;
	animation: 200s linear infinite slide-to-left;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0
}

.canvas1 {
	animation-delay: -100s
}

@keyframes slide-to-left {
	0% {
		transform: translate(100%)
	}

	to {
		transform: translate(-100%)
	}

}

.easter-wrapper {
	box-sizing: border-box;
	background: url(../img/stars-bg.svg), linear-gradient(#2a3d75 0%, #11194a 52.08%, #351d57 100%);
	justify-content: center;
	align-items: center;
	font-family: Jost, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, cursive;
	display: flex;
	overflow: hidden
}

body.is-anim .easter-slider__item.is-today .easter-box {
	animation: 1.5s linear forwards scaleInOut
}

body.is-anim .easter-slider__item.is-today .easter-box__not-selected {
	pointer-events: none;
	animation-name: hideBlock;
	animation-delay: 1s;
	animation-fill-mode: forwards
}

body.is-anim .easter-slider__item.is-today .easter-box__selected, body.is-anim .easter-slider__item.is-today .easter-box__requirements {
	pointer-events: all;
	animation-name: showBlock;
	animation-delay: 1s;
	animation-fill-mode: forwards
}

body:not(.is-anim) .easter-slider__item.is-selected-bonus .easter-box__not-selected {
	display: none
}

body:not(.is-anim) .easter-slider__item.is-selected-bonus .easter-box__selected, body:not(.is-anim) .easter-slider__item.is-selected-bonus .easter-box__requirements {
	opacity: 1;
	pointer-events: all;
	position: relative;
	transform: scale(1)
}

@keyframes scaleInOut {
	0%, to {
		opacity: 1;
		transform: scale(1)
	}

	25%, 50%, 75% {
		opacity: 0;
		transform: scale(1.4)
	}

}

@keyframes hideBlock {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	to {
		opacity: 0;
		position: absolute;
		transform: scale(0)
	}

}

@keyframes showBlock {
	0% {
		opacity: 0;
		transform: scale(0)
	}

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

}

.easter-box {
	width: 100%;
	max-width: 490px;
	position: relative
}

.easter-info .easter-box {
	margin: 0 auto
}

.easter-box .easter-btn {
	white-space: nowrap;
	margin: 16px auto -58px
}

.easter-box__content {
	width: 100%
}

.easter-box__inner {
	width: 100%;
	opacity: .3;
	transition: opacity .2s
}

.easter-box__not-selected, .easter-box__selected {
	width: 100%
}

.easter-box__selected {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: scale(0)
}

.easter-box__num {
	text-align: center;
	color: #fff;
	width: 74px;
	height: 77px;
	-webkit-text-stroke: 1px #8d752d;
	text-shadow: 1px 2px #8d752d, -1px 2px #8d752d, 1px 2px #8d752d;
	background-image: url(../img/level-number.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	align-items: flex-start;
	margin: 10px auto 25px;
	padding-top: 7px;
	font-family: Ubuntu, -apple-system, Segoe UI, Roboto, Oxygen, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, cursive;
	font-size: 44px;
	font-weight: 700;
	line-height: 51px;
	display: flex;
	position: relative
}

.easter-box__status {
	width: 32px;
	height: 34px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: -8px;
	right: -7px
}

.easter-slider__item.is-yesterday .easter-box__status, .easter-slider__item.is-previous .easter-box__status {
	background-image: url(../img/status-success.webp)
}

.easter-slider__item.is-next .easter-box__status, .easter-slider__item.is-future .easter-box__status {
	background-image: url(../img/status-locked.webp)
}

.easter-box__gift {
	width: 224px;
	height: 217px;
	margin: 0 auto;
	position: relative
}

.easter-box__gift.is-cursor {
	cursor: pointer
}

.easter-box__gift-img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	z-index: 1;
	filter: grayscale();
	position: relative
}

.easter-info .easter-box__gift-img {
	filter: none
}

.easter-box__gift-shine {
	width: 310px;
	height: 295px;
	max-width: none;
	pointer-events: none;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.easter-info .easter-box__gift-shine {
	display: block
}

.easter-box__panel {
	width: 100%;
	z-index: 2;
	background-color: #bc9c3b;
	border-radius: 22px;
	margin-top: -15px;
	padding: 2px 2px 7px;
	position: relative
}

.easter-box__panel-label {
	height: 64px;
	width: 100%;
	text-align: center;
	color: #f8edd9;
	z-index: 2;
	background-image: url(../img/label.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	align-items: flex-start;
	padding-top: 11px;
	font-family: Josefin Sans, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, cursive;
	font-size: 24px;
	font-weight: 700;
	line-height: 1em;
	display: flex;
	position: absolute;
	top: -36px;
	left: 50%;
	transform: translate(-50%)
}

.easter-box__panel-inner {
	width: 100%;
	background: linear-gradient(#f4d165 0% 100%);
	border-radius: 19px;
	padding: 32px 22px 24px;
	position: relative
}

.easter-box__panel-inner:after {
	content: "";
	width: 41px;
	height: 18px;
	pointer-events: none;
	background-image: url(../img/shine-panel.webp);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px
}

.easter-info .easter-box__panel-inner {
	padding-bottom: 45px
}

.easter-box__panel-countdown {
	margin-top: 16px
}

.easter-box__panel-title {
	width: 100%;
	white-space: break-spaces;
	color: #5c225d;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.25em;
	display: block;
	text-align: center !important
}

.easter-box__panel-title+.easter-box__panel-text {
	margin-top: 8px
}

.easter-box__panel-text {
	width: 100%;
	color: #5c225d;
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4em;
	display: block;
	text-align: center !important
}

.easter-box__panel-info {
	text-align: center;
	color: #5c225d;
	margin-top: 8px;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px
}

.easter-box__row {
	width: 100%;
	justify-content: space-between;
	display: flex;
	position: relative
}

.easter-box__row-side {
	width: calc(50% - 12px);
	flex-direction: column;
	justify-content: flex-start;
	padding-right: 10px;
	display: flex
}

.easter-box__row-side:first-child {
	order: 0
}

.easter-box__row-side:nth-child(2) {
	order: 2
}

.easter-box__row-side:only-child {
	width: 100%
}

.easter-box__row-title {
	width: 100%;
	min-height: 20px;
	text-align: center;
	color: #5c225d;
	text-transform: capitalize;
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.42em
}

.easter-box__row-side:only-child .easter-box__row-title {
	min-height: 26px;
	font-size: 24px
}

.easter-box__row-bonus {
	width: 100%;
	word-break: break-word;
	text-align: center;
	color: #5c225d;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.42em
}

.easter-box__row-side:only-child .easter-box__row-bonus {
	font-size: 24px;
	font-weight: 800;
	line-height: 1.2em
}

.easter-box__row-trigger {
	justify-content: center;
	align-items: center;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	display: flex
}

.easter-box__row-trigger-btn {
	width: 26px;
	height: 26px;
	cursor: pointer;
	background-color: #c3c3c3;
	border: none;
	border-radius: 50%;
	outline: none;
	justify-content: center;
	display: flex;
	position: relative
}

.easter-box__row-trigger-btn.is-active:after {
	opacity: 1;
	transform: scale(1)
}

.easter-box__row-trigger-btn:before, .easter-box__row-trigger-btn:after {
	content: "";
	display: block;
	position: absolute
}

.easter-box__row-trigger-btn:before {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 50%;
	top: -2px;
	left: -1px
}

.easter-box__row-trigger-btn:after {
	width: 19px;
	height: 21px;
	opacity: 0;
	background-image: url(../img/check-circle.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transition-property: transform, opacity;
	transition-duration: .2s;
	top: 1px;
	left: 3px;
	transform: scale(0)
}

.easter-box__row-divider {
	text-align: center;
	width: 13px;
	height: 41px;
	color: #5c225d66;
	order: 1;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.1;
	display: flex;
	position: absolute;
	top: 28px;
	left: 50%;
	transform: translate(-50%)
}

.easter-box__row-divider span {
	height: 14px;
	align-items: center;
	display: flex
}

.easter-box__row-divider:before, .easter-box__row-divider:after {
	content: "";
	width: 1px;
	height: 12px;
	background-color: #5c225d66;
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%)
}

.easter-box__row-divider:before {
	top: 0
}

.easter-box__row-divider:after {
	bottom: 0
}

.easter-box__info {
	width: 397px;
	background-color: #5a215b;
	border-radius: 0 0 22px 22px;
	margin: 0 auto;
	padding: 0 2px 7px
}

.easter-box__info-inner {
	width: 100%;
	background-color: #844275;
	border-radius: 0 0 19px 19px;
	padding: 37px 11px 17px 10px
}

.easter-box__requirements {
	width: 100%;
	opacity: 0;
	pointer-events: none;
	margin-top: 16px;
	margin-bottom: 16px;
	position: absolute;
	transform: scale(0)
}

.easter-box__requirements-item {
	width: 100%;
	background-color: #5a215b;
	border-radius: 8px;
	justify-content: space-between;
	align-items: center;
	padding: 4px 8px;
	display: flex
}

.easter-box__requirements-item:not(:last-child) {
	margin-bottom: 8px
}

.easter-box__requirements-item-descr {
	color: #fff9;
	text-align: left;
	margin-right: 15px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px
}

body.rtl-lang .easter-box__requirements-item-descr {
	margin-right: 0
}

body.rtl-lang .easter-box__requirements {
	direction: rtl
}

.easter-box__requirements-item-val {
	color: #fff;
	text-align: right;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px
}

.easter-box__terms-wrap {
	justify-content: center;
	align-items: center;
	margin-top: auto;
	padding-top: 12px;
	display: flex
}

.easter-box__terms-trigger {
	cursor: pointer;
	text-align: center;
	color: #fff;
	background-color: #0000;
	border: none;
	outline: none;
	justify-content: center;
	align-items: center;
	margin: 12px auto 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	text-decoration-line: underline;
	display: flex
}

.easter-box__terms-wrap .easter-box__terms-trigger {
	color: #5c225d;
	margin: 0
}

.easter-slider {
	min-width: 1024px;
	align-items: center;
	display: flex;
	overflow: hidden
}

.easter-slider__inner {
	box-sizing: border-box
}

.easter-slider__circle {
	width: 46px;
	height: 46px;
	background-color: #f8eeda;
	background-image: url(../img/slider-arrow.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 14px;
	border-radius: 50%;
	display: block;
	position: relative;
	top: 0;
	transform: translateY(-2px)
}

.easter-slider__circle:hover {
	background-color: #efdfbf;
	box-shadow: inset 1px 3px 4px #fff, inset 0 -2px 4px #94763a
}

.easter-slider__circle:active {
	background-color: #efdfbf;
	box-shadow: inset 0 -2px 13px #94763a
}

.easter-slider__btn {
	width: 50px;
	height: 53px;
	cursor: pointer;
	background-color: #c8b389;
	border: none;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	padding: 0;
	display: flex
}

.easter-slider__btn.prev {
	z-index: 100;
	position: absolute;
	left: calc(50% - 315px);
	transform: translate(-50%)scaleX(-1)
}

.easter-slider__btn.next {
	z-index: 100;
	position: absolute;
	right: calc(50% - 315px);
	transform: translate(50%)
}

.easter-slider__btn img {
	height: 24px;
	background-color: red
}

.easter-slider__item {
	width: 100%;
	height: auto;
	justify-content: center;
	align-items: center;
	padding: 0;
	transition: opacity .2s;
	display: flex;
	position: relative
}

.easter-slider__item.swiper-slide-active .easter-box__inner {
	opacity: 1
}

.easter-slider__item.is-today {
	min-height: 630px
}

.easter-slider__item.is-today .easter-box__gift-img, .easter-slider__item.is-yesterday .easter-box__gift-img, .easter-slider__item.is-previous .easter-box__gift-img {
	filter: none
}

.easter-slider__item.is-today .easter-box__gift-shine, .easter-slider__item.is-yesterday .easter-box__gift-shine, .easter-slider__item.is-previous .easter-box__gift-shine {
	display: block
}

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

.easter-countdown__title {
	color: #fff9;
	margin-right: 3px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em
}

.easter-box__panel-countdown .easter-countdown__title {
	display: none
}

body.rtl-lang .easter-countdown__time {
	margin-right: 8px;
	display: block
}

body.rtl-lang .easter-countdown__title {
	direction: rtl
}

body.rtl-lang .easter-countdown {
	flex-direction: row-reverse;
	justify-content: center;
	display: flex
}

.easter-countdown__time {
	text-align: center;
	color: #f8eeda;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em
}

.easter-box__panel-countdown .easter-countdown__time {
	color: #5c225d;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.15em
}

.easter-btn {
	height: 88px;
	cursor: pointer;
	background: #237a2b;
	border: none;
	border-radius: 66px;
	outline: none;
	align-items: flex-start;
	padding: 0;
	text-decoration: none;
	display: flex;
	position: relative;
	box-shadow: 0 5px 8px #3232324d
}

.easter-btn.is-height {
	height: 64px
}

.easter-btn.is-height .easter-btn__inner {
	height: 60px
}

.easter-btn.is-height .easter-btn__text {
	font-size: 28px
}

.easter-btn:hover {
	text-decoration: none
}

.easter-btn:hover .easter-btn__inner:after {
	background: linear-gradient(150.67deg, #77eb41 17.99%, #4ea226 51.48%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	box-shadow: inset 1px 1px #f6f3bb66, inset -1px -1px 1px #319641, inset 0 -2px 8px #acc83c
}

.easter-btn:after {
	content: "";
	height: 14px;
	width: 30px;
	pointer-events: none;
	z-index: 4;
	background-image: url(../img/shine-btn.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 8px;
	left: 14px
}

.easter-info .easter-btn {
	margin: 0;
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translate(-50%)
}

.easter-btn__inner {
	width: 100%;
	height: 84px;
	background-image: linear-gradient(149.95deg, #77eb41 18.32%, #4ea226 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	border-radius: 66px;
	justify-content: center;
	align-items: center;
	padding: 0 43px;
	display: flex;
	position: relative;
	box-shadow: inset 1px 1px #f6f3bb66, inset -1px -1px 1px #6ad23666
}

.easter-btn__inner:after {
	content: "";
	background-image: linear-gradient(149.95deg, #77eb41 18.32%, #4ea226 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	border-radius: 66px;
	transition-property: background-image, box-shadow;
	transition-duration: .2s;
	display: block;
	position: absolute;
	inset: 4px 6px 4px 4px;
	box-shadow: inset 1px 1px #f6f3bb66, inset -1px -1px 1px #76d846, inset 0 -10px 8px #69c83c
}

.easter-btn__inner:before {
	content: "";
	height: 9px;
	opacity: .3;
	z-index: 2;
	background-image: linear-gradient(#f0f3b100 0%, #cae480 100%);
	border-radius: 50px;
	display: block;
	position: absolute;
	top: 12px;
	left: 17px;
	right: 17px
}

.easter-btn__text {
	width: 100%;
	text-align: center;
	z-index: 5;
	color: #fff;
	-webkit-text-stroke: 1px #377320;
	text-shadow: 1px 2px #377320, -1px 2px #377320, 1px 2px #377320;
	font-family: Ubuntu, -apple-system, Segoe UI, Roboto, Oxygen, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, cursive;
	font-size: 40px;
	font-weight: 700;
	line-height: 1em;
	display: block;
	position: relative
}

.easter-info .easter-btn__text {
	font-size: 24px
}

.swiper-button-disabled {
	display: none
}

.easter-unset {
	all: unset
}

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

.easter-countdown__title {
	color: #fff9;
	margin-right: 3px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em
}

.easter-box__panel-countdown .easter-countdown__title {
	display: none
}

body.rtl-lang .easter-countdown__time {
	margin-right: 8px;
	display: block
}

body.rtl-lang .easter-countdown__title {
	direction: rtl
}

body.rtl-lang .easter-countdown {
	flex-direction: row-reverse;
	justify-content: center;
	display: flex
}

.easter-countdown__time {
	text-align: center;
	color: #f8eeda;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em
}

.easter-box__panel-countdown .easter-countdown__time {
	color: #5c225d;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.15em
}

.easter-popup {
	width: 100%;
	max-width: 512px;
	background: #bc9c3b;
	border-radius: 22px;
	margin: 0 auto;
	padding: 2px 2px 7px;
	font-family: Jost, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, cursive;
	position: relative
}

.easter-popup__close {
	width: 38px;
	cursor: pointer;
	height: 41px;
	z-index: 2;
	background-color: #5a215b;
	border: none;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	padding: 0;
	display: flex;
	position: absolute;
	top: -17px;
	right: -16px
}

.easter-popup__span {
	width: 34px;
	height: 34px;
	background-color: #844275;
	background-image: url(../img/close.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 20px;
	border-radius: 50%;
	display: block;
	position: relative;
	top: 0;
	transform: translateY(-2px)
}

.easter-popup__span:hover {
	background-color: #6f2f60;
	box-shadow: inset 1px 1px 2px #ebaedd66, inset 0 -2px 6px #450b38
}

.easter-popup__span:active {
	background-color: #621f52;
	box-shadow: inset 1px 1px 6px #ebaedd66, inset 0 -4px 24px #310024
}

.easter-popup__inner {
	width: 100%;
	background-image: linear-gradient(#f4d165 0% 100%);
	border-radius: 19px;
	padding: 22px 14px 17px;
	position: relative
}

.easter-popup__inner:after {
	content: "";
	width: 41px;
	height: 18px;
	z-index: 2;
	pointer-events: none;
	background-image: url(../img/shine-panel.webp);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px
}

body.rtl-lang .easter-popup__inner {
	direction: rtl
}

.easter-popup__title {
	text-align: center;
	color: #5c225d;
	text-transform: capitalize;
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.45em
}

.easter-popup__bonus {
	text-align: center;
	color: #5c225d;
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: 800;
	line-height: 30px
}

.easter-popup__text {
	text-align: center;
	margin-bottom: 16px
}

.easter-popup__text p {
	color: #5c225d;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px
}

.easter-popup__list {
	text-align: center;
	margin: 0 0 23px;
	padding: 0;
	list-style: none
}

.easter-popup__list li {
	color: #5c225d;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px
}

.easter-popup__list li:not(:last-child) {
	margin-bottom: 1px
}

.easter-popup__btn {
	justify-content: center;
	align-items: center;
	margin-bottom: 25px;
	display: flex
}

.easter-popup__terms {
	width: 100%
}

body.rtl-lang .easter-popup__terms {
	direction: rtl
}

.easter-popup__terms-trigger {
	width: 100%;
	cursor: pointer;
	min-height: 67px;
	color: #5c225d;
	background-color: #e6c354;
	border: none;
	border-radius: 12px;
	outline: none;
	justify-content: center;
	align-items: center;
	padding: 20px 40px 20px 30px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.45em;
	display: flex;
	position: relative
}

.easter-popup__terms.is-opened .easter-popup__terms-trigger {
	border-radius: 12px 12px 0 0
}

.easter-popup__terms.is-opened .easter-popup__terms-trigger:after {
	transform: translateY(-50%)rotate(270deg)
}

.easter-popup__terms-trigger:after {
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(../img/slider-arrow.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 10px;
	flex-shrink: 0;
	transition: transform .2s;
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%)rotate(90deg)
}

.easter-popup__terms-inner {
	width: 100%;
	background: #e6c354;
	border-radius: 0 0 12px 12px;
	padding: 0 16px 12px;
	display: none
}

.easter-popup__terms.is-opened .easter-popup__terms-inner {
	display: block
}

.easter-popup__terms-list {
	width: 100%;
	margin: 0;
	padding: 0
}

.easter-popup__terms-list thead th {
	width: 50%;
	text-align: left;
	padding-right: 10px
}

.easter-popup__terms-list p {
	color: #5c225d;
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.15em
}

.easter-popup__terms-list p a {
	color: #5c225d;
	font-size: 14px;
	font-weight: 600;
	text-decoration-line: underline
}

.easter-popup__terms-list ul, .easter-popup__terms-list ol {
	width: 100%;
	margin-bottom: 12px;
	list-style-position: inside
}

.easter-popup__terms-list li {
	color: #5c225d;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.15em;
	position: relative
}

.easter-popup__terms-list li:not(:last-child) {
	margin-bottom: 12px
}

.easter-popup__terms-list table {
	color: #5c225d;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.15em
}

.easter-popup__terms-list table td {
	padding: 0 3px
}

.easter-info {
	width: 100%
}

.easter-box {
	width: 100%;
	max-width: 490px;
	position: relative
}

.easter-info .easter-box {
	margin: 0 auto
}

.easter-box .easter-btn {
	white-space: nowrap;
	margin: 16px auto -58px
}

.easter-box__content {
	width: 100%
}

.easter-box__inner {
	width: 100%;
	opacity: .3;
	transition: opacity .2s
}

.easter-box__not-selected, .easter-box__selected {
	width: 100%
}

.easter-box__selected {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: scale(0)
}

.easter-box__num {
	text-align: center;
	color: #fff;
	width: 74px;
	height: 77px;
	-webkit-text-stroke: 1px #8d752d;
	text-shadow: 1px 2px #8d752d, -1px 2px #8d752d, 1px 2px #8d752d;
	background-image: url(../img/level-number.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	align-items: flex-start;
	margin: 10px auto 25px;
	padding-top: 7px;
	font-family: Ubuntu, -apple-system, Segoe UI, Roboto, Oxygen, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, cursive;
	font-size: 44px;
	font-weight: 700;
	line-height: 51px;
	display: flex;
	position: relative
}

.easter-box__status {
	width: 32px;
	height: 34px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: -8px;
	right: -7px
}

.easter-slider__item.is-yesterday .easter-box__status, .easter-slider__item.is-previous .easter-box__status {
	background-image: url(../img/status-success.webp)
}

.easter-slider__item.is-next .easter-box__status, .easter-slider__item.is-future .easter-box__status {
	background-image: url(../img/status-locked.webp)
}

.easter-box__gift {
	width: 224px;
	height: 217px;
	margin: 0 auto;
	position: relative
}

.easter-box__gift.is-cursor {
	cursor: pointer
}

.easter-box__gift-img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	z-index: 1;
	filter: grayscale();
	position: relative
}

.easter-info .easter-box__gift-img {
	filter: none
}

.easter-box__gift-shine {
	width: 310px;
	height: 295px;
	max-width: none;
	pointer-events: none;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.easter-info .easter-box__gift-shine {
	display: block
}

.easter-box__panel {
	width: 100%;
	z-index: 2;
	background-color: #bc9c3b;
	border-radius: 22px;
	margin-top: -15px;
	padding: 2px 2px 7px;
	position: relative
}

.easter-box__panel-label {
	height: 64px;
	width: 100%;
	text-align: center;
	color: #f8edd9;
	z-index: 2;
	background-image: url(../img/label.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
	align-items: flex-start;
	padding-top: 11px;
	font-family: Josefin Sans, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, cursive;
	font-size: 24px;
	font-weight: 700;
	line-height: 1em;
	display: flex;
	position: absolute;
	top: -36px;
	left: 50%;
	transform: translate(-50%)
}

.easter-box__panel-inner {
	width: 100%;
	background: linear-gradient(#f4d165 0% 100%);
	border-radius: 19px;
	padding: 32px 22px 24px;
	position: relative
}

.easter-box__panel-inner:after {
	content: "";
	width: 41px;
	height: 18px;
	pointer-events: none;
	background-image: url(../img/shine-panel.webp);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px
}

.easter-info .easter-box__panel-inner {
	padding-bottom: 45px
}

.easter-box__panel-countdown {
	margin-top: 16px
}

.easter-box__panel-title {
	width: 100%;
	white-space: break-spaces;
	color: #5c225d;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.25em;
	display: block;
	text-align: center !important
}

.easter-box__panel-title+.easter-box__panel-text {
	margin-top: 8px
}

.easter-box__panel-text {
	width: 100%;
	color: #5c225d;
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4em;
	display: block;
	text-align: center !important
}

.easter-box__panel-info {
	text-align: center;
	color: #5c225d;
	margin-top: 8px;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px
}

.easter-box__row {
	width: 100%;
	justify-content: space-between;
	display: flex;
	position: relative
}

.easter-box__row-side {
	width: calc(50% - 12px);
	flex-direction: column;
	justify-content: flex-start;
	padding-right: 10px;
	display: flex
}

.easter-box__row-side:first-child {
	order: 0
}

.easter-box__row-side:nth-child(2) {
	order: 2
}

.easter-box__row-side:only-child {
	width: 100%
}

.easter-box__row-title {
	width: 100%;
	min-height: 20px;
	text-align: center;
	color: #5c225d;
	text-transform: capitalize;
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.42em
}

.easter-box__row-side:only-child .easter-box__row-title {
	min-height: 26px;
	font-size: 24px
}

.easter-box__row-bonus {
	width: 100%;
	word-break: break-word;
	text-align: center;
	color: #5c225d;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.42em
}

.easter-box__row-side:only-child .easter-box__row-bonus {
	font-size: 24px;
	font-weight: 800;
	line-height: 1.2em
}

.easter-box__row-trigger {
	justify-content: center;
	align-items: center;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	display: flex
}

.easter-box__row-trigger-btn {
	width: 26px;
	height: 26px;
	cursor: pointer;
	background-color: #c3c3c3;
	border: none;
	border-radius: 50%;
	outline: none;
	justify-content: center;
	display: flex;
	position: relative
}

.easter-box__row-trigger-btn.is-active:after {
	opacity: 1;
	transform: scale(1)
}

.easter-box__row-trigger-btn:before, .easter-box__row-trigger-btn:after {
	content: "";
	display: block;
	position: absolute
}

.easter-box__row-trigger-btn:before {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 50%;
	top: -2px;
	left: -1px
}

.easter-box__row-trigger-btn:after {
	width: 19px;
	height: 21px;
	opacity: 0;
	background-image: url(../img/check-circle.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transition-property: transform, opacity;
	transition-duration: .2s;
	top: 1px;
	left: 3px;
	transform: scale(0)
}

.easter-box__row-divider {
	text-align: center;
	width: 13px;
	height: 41px;
	color: #5c225d66;
	order: 1;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.1;
	display: flex;
	position: absolute;
	top: 28px;
	left: 50%;
	transform: translate(-50%)
}

.easter-box__row-divider span {
	height: 14px;
	align-items: center;
	display: flex
}

.easter-box__row-divider:before, .easter-box__row-divider:after {
	content: "";
	width: 1px;
	height: 12px;
	background-color: #5c225d66;
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%)
}

.easter-box__row-divider:before {
	top: 0
}

.easter-box__row-divider:after {
	bottom: 0
}

.easter-box__info {
	width: 397px;
	background-color: #5a215b;
	border-radius: 0 0 22px 22px;
	margin: 0 auto;
	padding: 0 2px 7px
}

.easter-box__info-inner {
	width: 100%;
	background-color: #844275;
	border-radius: 0 0 19px 19px;
	padding: 37px 11px 17px 10px
}

.easter-box__requirements {
	width: 100%;
	opacity: 0;
	pointer-events: none;
	margin-top: 16px;
	margin-bottom: 16px;
	position: absolute;
	transform: scale(0)
}

.easter-box__requirements-item {
	width: 100%;
	background-color: #5a215b;
	border-radius: 8px;
	justify-content: space-between;
	align-items: center;
	padding: 4px 8px;
	display: flex
}

.easter-box__requirements-item:not(:last-child) {
	margin-bottom: 8px
}

.easter-box__requirements-item-descr {
	color: #fff9;
	text-align: left;
	margin-right: 15px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px
}

body.rtl-lang .easter-box__requirements-item-descr {
	margin-right: 0
}

body.rtl-lang .easter-box__requirements {
	direction: rtl
}

.easter-box__requirements-item-val {
	color: #fff;
	text-align: right;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px
}

.easter-box__terms-wrap {
	justify-content: center;
	align-items: center;
	margin-top: auto;
	padding-top: 12px;
	display: flex
}

.easter-box__terms-trigger {
	cursor: pointer;
	text-align: center;
	color: #fff;
	background-color: #0000;
	border: none;
	outline: none;
	justify-content: center;
	align-items: center;
	margin: 12px auto 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	text-decoration-line: underline;
	display: flex
}

.easter-box__terms-wrap .easter-box__terms-trigger {
	color: #5c225d;
	margin: 0
}

.easter-btn {
	height: 88px;
	cursor: pointer;
	background: #237a2b;
	border: none;
	border-radius: 66px;
	outline: none;
	align-items: flex-start;
	padding: 0;
	text-decoration: none;
	display: flex;
	position: relative;
	box-shadow: 0 5px 8px #3232324d
}

.easter-btn.is-height {
	height: 64px
}

.easter-btn.is-height .easter-btn__inner {
	height: 60px
}

.easter-btn.is-height .easter-btn__text {
	font-size: 28px
}

.easter-btn:hover {
	text-decoration: none
}

.easter-btn:hover .easter-btn__inner:after {
	background: linear-gradient(150.67deg, #77eb41 17.99%, #4ea226 51.48%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	box-shadow: inset 1px 1px #f6f3bb66, inset -1px -1px 1px #319641, inset 0 -2px 8px #acc83c
}

.easter-btn:after {
	content: "";
	height: 14px;
	width: 30px;
	pointer-events: none;
	z-index: 4;
	background-image: url(../img/shine-btn.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 8px;
	left: 14px
}

.easter-info .easter-btn {
	margin: 0;
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translate(-50%)
}

.easter-btn__inner {
	width: 100%;
	height: 84px;
	background-image: linear-gradient(149.95deg, #77eb41 18.32%, #4ea226 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	border-radius: 66px;
	justify-content: center;
	align-items: center;
	padding: 0 43px;
	display: flex;
	position: relative;
	box-shadow: inset 1px 1px #f6f3bb66, inset -1px -1px 1px #6ad23666
}

.easter-btn__inner:after {
	content: "";
	background-image: linear-gradient(149.95deg, #77eb41 18.32%, #4ea226 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	border-radius: 66px;
	transition-property: background-image, box-shadow;
	transition-duration: .2s;
	display: block;
	position: absolute;
	inset: 4px 6px 4px 4px;
	box-shadow: inset 1px 1px #f6f3bb66, inset -1px -1px 1px #76d846, inset 0 -10px 8px #69c83c
}

.easter-btn__inner:before {
	content: "";
	height: 9px;
	opacity: .3;
	z-index: 2;
	background-image: linear-gradient(#f0f3b100 0%, #cae480 100%);
	border-radius: 50px;
	display: block;
	position: absolute;
	top: 12px;
	left: 17px;
	right: 17px
}

.easter-btn__text {
	width: 100%;
	text-align: center;
	z-index: 5;
	color: #fff;
	-webkit-text-stroke: 1px #377320;
	text-shadow: 1px 2px #377320, -1px 2px #377320, 1px 2px #377320;
	font-family: Ubuntu, -apple-system, Segoe UI, Roboto, Oxygen, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, cursive;
	font-size: 40px;
	font-weight: 700;
	line-height: 1em;
	display: block;
	position: relative
}

.easter-info .easter-btn__text {
	font-size: 24px
}

.swiper-button-disabled {
	display: none
}

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

.easter-countdown__title {
	color: #fff9;
	margin-right: 3px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em
}

.easter-box__panel-countdown .easter-countdown__title {
	display: none
}

body.rtl-lang .easter-countdown__time {
	margin-right: 8px;
	display: block
}

body.rtl-lang .easter-countdown__title {
	direction: rtl
}

body.rtl-lang .easter-countdown {
	flex-direction: row-reverse;
	justify-content: center;
	display: flex
}

.easter-countdown__time {
	text-align: center;
	color: #f8eeda;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em
}

.easter-box__panel-countdown .easter-countdown__time {
	color: #5c225d;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.15em
}

.easter-info {
	width: 100%
}

.easter-popup {
	width: 100%;
	max-width: 512px;
	background: #bc9c3b;
	border-radius: 22px;
	margin: 0 auto;
	padding: 2px 2px 7px;
	font-family: Jost, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, cursive;
	position: relative
}

.easter-popup__close {
	width: 38px;
	cursor: pointer;
	height: 41px;
	z-index: 2;
	background-color: #5a215b;
	border: none;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	padding: 0;
	display: flex;
	position: absolute;
	top: -17px;
	right: -16px
}

.easter-popup__span {
	width: 34px;
	height: 34px;
	background-color: #844275;
	background-image: url(../img/close.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 20px;
	border-radius: 50%;
	display: block;
	position: relative;
	top: 0;
	transform: translateY(-2px)
}

.easter-popup__span:hover {
	background-color: #6f2f60;
	box-shadow: inset 1px 1px 2px #ebaedd66, inset 0 -2px 6px #450b38
}

.easter-popup__span:active {
	background-color: #621f52;
	box-shadow: inset 1px 1px 6px #ebaedd66, inset 0 -4px 24px #310024
}

.easter-popup__inner {
	width: 100%;
	background-image: linear-gradient(#f4d165 0% 100%);
	border-radius: 19px;
	padding: 22px 14px 17px;
	position: relative
}

.easter-popup__inner:after {
	content: "";
	width: 41px;
	height: 18px;
	z-index: 2;
	pointer-events: none;
	background-image: url(../img/shine-panel.webp);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px
}

body.rtl-lang .easter-popup__inner {
	direction: rtl
}

.easter-popup__title {
	text-align: center;
	color: #5c225d;
	text-transform: capitalize;
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.45em
}

.easter-popup__bonus {
	text-align: center;
	color: #5c225d;
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: 800;
	line-height: 30px
}

.easter-popup__text {
	text-align: center;
	margin-bottom: 16px
}

.easter-popup__text p {
	color: #5c225d;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px
}

.easter-popup__list {
	text-align: center;
	margin: 0 0 23px;
	padding: 0;
	list-style: none
}

.easter-popup__list li {
	color: #5c225d;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px
}

.easter-popup__list li:not(:last-child) {
	margin-bottom: 1px
}

.easter-popup__btn {
	justify-content: center;
	align-items: center;
	margin-bottom: 25px;
	display: flex
}

.easter-popup__terms {
	width: 100%
}

body.rtl-lang .easter-popup__terms {
	direction: rtl
}

.easter-popup__terms-trigger {
	width: 100%;
	cursor: pointer;
	min-height: 67px;
	color: #5c225d;
	background-color: #e6c354;
	border: none;
	border-radius: 12px;
	outline: none;
	justify-content: center;
	align-items: center;
	padding: 20px 40px 20px 30px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.45em;
	display: flex;
	position: relative
}

.easter-popup__terms.is-opened .easter-popup__terms-trigger {
	border-radius: 12px 12px 0 0
}

.easter-popup__terms.is-opened .easter-popup__terms-trigger:after {
	transform: translateY(-50%)rotate(270deg)
}

.easter-popup__terms-trigger:after {
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(../img/slider-arrow.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 10px;
	flex-shrink: 0;
	transition: transform .2s;
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%)rotate(90deg)
}

.easter-popup__terms-inner {
	width: 100%;
	background: #e6c354;
	border-radius: 0 0 12px 12px;
	padding: 0 16px 12px;
	display: none
}

.easter-popup__terms.is-opened .easter-popup__terms-inner {
	display: block
}

.easter-popup__terms-list {
	width: 100%;
	margin: 0;
	padding: 0
}

.easter-popup__terms-list thead th {
	width: 50%;
	text-align: left;
	padding-right: 10px
}

.easter-popup__terms-list p {
	color: #5c225d;
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.15em
}

.easter-popup__terms-list p a {
	color: #5c225d;
	font-size: 14px;
	font-weight: 600;
	text-decoration-line: underline
}

.easter-popup__terms-list ul, .easter-popup__terms-list ol {
	width: 100%;
	margin-bottom: 12px;
	list-style-position: inside
}

.easter-popup__terms-list li {
	color: #5c225d;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.15em;
	position: relative
}

.easter-popup__terms-list li:not(:last-child) {
	margin-bottom: 12px
}

.easter-popup__terms-list table {
	color: #5c225d;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.15em
}

.easter-popup__terms-list table td {
	padding: 0 3px
}

.easter-slider {
	min-width: 1024px;
	align-items: center;
	display: flex;
	overflow: hidden
}

.easter-slider__inner {
	box-sizing: border-box
}

.easter-slider__circle {
	width: 46px;
	height: 46px;
	background-color: #f8eeda;
	background-image: url(../img/slider-arrow.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 14px;
	border-radius: 50%;
	display: block;
	position: relative;
	top: 0;
	transform: translateY(-2px)
}

.easter-slider__circle:hover {
	background-color: #efdfbf;
	box-shadow: inset 1px 3px 4px #fff, inset 0 -2px 4px #94763a
}

.easter-slider__circle:active {
	background-color: #efdfbf;
	box-shadow: inset 0 -2px 13px #94763a
}

.easter-slider__btn {
	width: 50px;
	height: 53px;
	cursor: pointer;
	background-color: #c8b389;
	border: none;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	padding: 0;
	display: flex
}

.easter-slider__btn.prev {
	z-index: 100;
	position: absolute;
	left: calc(50% - 315px);
	transform: translate(-50%)scaleX(-1)
}

.easter-slider__btn.next {
	z-index: 100;
	position: absolute;
	right: calc(50% - 315px);
	transform: translate(50%)
}

.easter-slider__btn img {
	height: 24px;
	background-color: red
}

.easter-slider__item {
	width: 100%;
	height: auto;
	justify-content: center;
	align-items: center;
	padding: 0;
	transition: opacity .2s;
	display: flex;
	position: relative
}

.easter-slider__item.swiper-slide-active .easter-box__inner {
	opacity: 1
}

.easter-slider__item.is-today {
	min-height: 630px
}

.easter-slider__item.is-today .easter-box__gift-img, .easter-slider__item.is-yesterday .easter-box__gift-img, .easter-slider__item.is-previous .easter-box__gift-img {
	filter: none
}

.easter-slider__item.is-today .easter-box__gift-shine, .easter-slider__item.is-yesterday .easter-box__gift-shine, .easter-slider__item.is-previous .easter-box__gift-shine {
	display: block
}

.easter-unset {
	all: unset
}

.easter-wrapper {
	box-sizing: border-box;
	background: url(../img/stars-bg.svg), linear-gradient(#2a3d75 0%, #11194a 52.08%, #351d57 100%);
	justify-content: center;
	align-items: center;
	font-family: Jost, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, cursive;
	display: flex;
	overflow: hidden
}

body.is-anim .easter-slider__item.is-today .easter-box {
	animation: 1.5s linear forwards scaleInOut
}

body.is-anim .easter-slider__item.is-today .easter-box__not-selected {
	pointer-events: none;
	animation-name: hideBlock;
	animation-delay: 1s;
	animation-fill-mode: forwards
}

body.is-anim .easter-slider__item.is-today .easter-box__selected, body.is-anim .easter-slider__item.is-today .easter-box__requirements {
	pointer-events: all;
	animation-name: showBlock;
	animation-delay: 1s;
	animation-fill-mode: forwards
}

body:not(.is-anim) .easter-slider__item.is-selected-bonus .easter-box__not-selected {
	display: none
}

body:not(.is-anim) .easter-slider__item.is-selected-bonus .easter-box__selected, body:not(.is-anim) .easter-slider__item.is-selected-bonus .easter-box__requirements {
	opacity: 1;
	pointer-events: all;
	position: relative;
	transform: scale(1)
}

.document-item {
	border: 1px solid #00c853;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 12px;
	padding: 12px;
	display: flex
}

.document-item.has-error {
	border-color: #e66a87
}

.document-item__ico {
	width: 32px;
	height: 48px;
	background-image: url(../img/i-document.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	flex-shrink: 0;
	margin-right: 12px
}

.document-item__info {
	width: calc(100% - 88px);
	flex: auto
}

.document-item__title {
	color: #524e72;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 95%;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden
}

.has-error .document-item__title {
	color: #f44336
}

.document-item__size {
	color: #8c87b3;
	font-size: 14px;
	line-height: 20px
}

.has-error .document-item__size {
	color: #f44336
}

.document-item__close {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: url(../img/i-close-rounded.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	flex-shrink: 0
}

.document-item__errors {
	color: #f44336;
	flex: 0 100%;
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px
}

.document-item .has-error {
	color: #f44336;
	border: 1px solid #e66a87
}

.drag-and-drop {
	text-align: center;
	background-color: #8c87b314;
	border: 1px dashed #8c87b3;
	margin: 12px 0;
	padding: 32px 0
}

body.rtl-lang .drag-and-drop * {
	text-align: center
}

.drag-and-drop__icon {
	height: 48px;
	background-image: url(../img/i-upload.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 8px
}

.drag-and-drop__title {
	color: #524e72;
	margin-bottom: 8px;
	font-size: 28px;
	line-height: 28px
}

.drag-and-drop__label {
	color: #8c87b3;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 24px
}

.drag-and-drop__label label {
	color: #3586ff;
	cursor: pointer;
	text-decoration: underline
}

.drag-and-drop__file-types {
	color: #8c87b3;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 20px
}

.drag-and-drop.dragging {
	background: #eee
}

.drag-and-drop.error {
	background: #f4433614
}

.drag-and-drop.is-disabled {
	opacity: .4;
	pointer-events: none
}

.verification-btn_doc {
	box-shadow: none;
	color: #fff;
	min-width: 180px;
	cursor: pointer;
	text-align: center;
	background: #3586ff;
	border: none;
	border-radius: 30px;
	padding: 12px 24px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	transition: box-shadow .3s
}

.verification-btn_doc:hover {
	box-shadow: 0 6px 8px #1e88e566
}

.verification-btn_doc:focus {
	background: #8ec3f1
}

.verification-btn_again {
	box-shadow: none;
	cursor: pointer;
	color: #3586ff;
	height: 40px;
	min-width: 86px;
	text-align: center;
	background: #fff;
	border: 2px solid #8c87b333;
	border-radius: 30px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 600;
	transition: background-color .3s
}

.verification-btn_again:hover {
	background: #8c87b31a
}

.verification-btn_again:focus {
	background: #8c87b366
}

.verification-btn:disabled {
	pointer-events: none;
	filter: grayscale(.5);
	cursor: initial
}

.verification-content {
	background: #fff;
	border-bottom: 1px solid #8c87b333;
	padding: 20px 20px 20px 88px;
	font-size: 16px;
	position: relative
}

body.rtl-lang .verification-content {
	direction: rtl;
	padding: 20px 88px 20px 20px
}

body.rtl-lang .verification-content:before {
	left: 0;
	right: 22px
}

body.rtl-lang .verification-content:after {
	left: 0;
	right: 56px
}

.verification-content:last-child {
	border-bottom: none
}

.verification-content:before {
	content: "";
	height: 48px;
	width: 48px;
	background: #faf9ff 50% no-repeat;
	border: 1px solid #eeecff;
	display: inline-block;
	position: absolute;
	top: 18px;
	left: 22px
}

.verification-content:after {
	content: "";
	height: 22px;
	width: 22px;
	background: #fff 0 0/cover no-repeat;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 56px
}

.verification-content__title {
	color: #1f2126;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px
}

.verification-content__status {
	padding: 0 0 12px;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	line-height: 20px
}

.verification-content__details ul {
	padding: 0 0 3px 24px;
	list-style-type: disc
}

.verification-content__details ul li {
	padding: 0 0 8px
}

.verification-content__details p {
	padding: 0 0 6px
}

.verification-content__comment {
	overflow-wrap: anywhere;
	background: #fbc02d14;
	border: 1px solid #fbc02d80;
	flex-direction: column;
	margin: 0 0 12px;
	padding: 10px 16px;
	font-style: italic;
	display: flex
}

.verification-content__comment strong {
	padding-right: 6px;
	font-weight: 600
}

.verification-content__comment ol {
	padding-left: 15px
}

.verification-content__comment ul {
	padding-left: 15px;
	list-style: disc
}

.verification-content_proof_of_identity:before {
	background-image: url(../img/i-identity-document.svg)
}

.verification-content_proof_of_address:before {
	background-image: url(../img/i-proof-address.svg)
}

.verification-content_card_photo:before {
	background-image: url(../img/i-card-photo.svg)
}

.verification-content_proof_of_bank_account_owner:before {
	background-image: url(../img/i-proof-bank.svg)
}

.verification-content_e_wallet_ownership:before {
	background-image: url(../img/i-proof-wallet.svg)
}

.verification-content_transaction_history:before {
	background-image: url(../img/i-transaction-history.svg)
}

.verification-content_selfie_photo:before, .verification-content_additional:before {
	background-image: url(../img/i-selfie-photo.svg)
}

.verification-content_proof_of_wealth:before {
	background-image: url(../img/i-proof-wealth.svg)
}

.verification-content_proof_wallet:before {
	background-image: url(../img/i-proof-wallet.svg)
}

.verification-content_not_requested:after, .verification-content_not-uploaded:after {
	background-image: url(../img/i-status-not-verified.svg)
}

.verification-content_not_requested .verification-content__status, .verification-content_not-uploaded .verification-content__status {
	color: #55c9ff
}

.verification-content_requested:after {
	background-image: url(../img/i-status-requires.svg)
}

.verification-content_requested .verification-content__status {
	color: #fbc02d
}

.verification-content_declined:after {
	background-image: url(../img/i-status-reload.svg);
	background-position: -3px -3px;
	background-size: 28px
}

.verification-content_declined .verification-content__status {
	color: #fbc02d
}

.verification-content_pending:after {
	background-image: url(../img/i-status-pending.svg)
}

.verification-content_pending .verification-content__status {
	color: #ffa000
}

.verification-content_approved:after {
	background-image: url(../img/i-status-verified.svg)
}

.verification-content_approved .verification-content__status {
	color: #00c853
}

.verification-content__pending-description {
	margin-bottom: 12px
}

dvs-page {
	color: #000;
	font-family: Roboto Condensed, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.verification-content-wrap {
	background-color: #fff;
	padding: 20px
}

.verification-content-wrap .verification-content-status:first-child .verification-status {
	margin-top: 0
}

dvs-popup {
	color: #000;
	font-family: Roboto Condensed, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.verification-popup {
	max-width: 800px;
	width: 100%;
	height: auto;
	max-height: 90%;
	background: #fff;
	padding: 30px 40px 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	overflow-y: auto;
	transform: translate(-50%, -50%);
	box-shadow: 0 6px 16px #250e3d1a
}

@media(max-width:768px) {
	.verification-popup {
		max-height: none;
		max-width: 100%;
		height: 100%;
		min-height: 100vh;
		padding: 10px 20px 100px;
		position: fixed;
		inset: 0;
		overflow-y: auto;
		transform: translate(0)
	}

}

@media(max-width:950px) and (orientation:landscape) {
	.verification-popup {
		max-width: 100%;
		height: 100%;
		min-height: 100vh;
		padding: 10px 20px 100px;
		position: fixed;
		inset: 0;
		overflow-y: auto;
		transform: translate(0)
	}

}

.verification-popup__close-btn {
	cursor: pointer;
	height: 28px;
	width: 28px;
	inset-inline-end: 40px;
	background-color: #0000;
	background-image: url(../img/i-close-rounded.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	border: none;
	transition: opacity .3s;
	position: absolute;
	top: 30px
}

.verification-popup__close-btn:hover {
	opacity: .6
}

@media(max-width:768px) {
	.verification-popup__close-btn {
		inset-inline-end: 15px;
		top: 10px
	}

}

.verification-popup__title {
	text-align: center;
	padding: 0 40px 20px;
	font-size: 32px;
	font-weight: 600;
	line-height: 40px
}

@media(max-width:768px) {
	.verification-popup__title {
		padding-block: 0 20px;
		padding-inline: 0 25px;
		font-size: 24px;
		line-height: 28px
	}

}

body.rtl-lang .verification-popup__title {
	text-align: center
}

.verification-popup__frame {
	margin: 0 auto
}

.verification-popup__description {
	color: #524e72
}

.verification-popup__description ul {
	margin-bottom: 10px;
	padding-left: 20px;
	list-style-type: disc
}

.verification-popup__description p {
	margin-bottom: 12px;
	line-height: 20px
}

@media(max-width:768px) {
	.verification-popup__description p {
		margin-bottom: 4px
	}

	.verification-popup__description p:last-child {
		margin-bottom: 0
	}

}

.verification-popup__description li {
	margin-bottom: 4px;
	line-height: 20px
}

.verification-popup__btn-wrap {
	text-align: center
}

.verification-popup__error {
	width: 100%;
	height: 40px;
	color: #524e72;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #f4433614;
	border: 1px solid #f4433680;
	margin-bottom: 20px;
	padding: 0 16px;
	font-size: 16px;
	font-style: italic;
	line-height: 40px;
	overflow: hidden
}

@media(max-width:768px) {
	.verification-popup .onfido-sdk-ui-Modal-inner {
		width: calc(100% - 40px);
		height: 37.5em
	}

}

@media(max-width:950px) and (orientation:landscape) {
	.verification-popup .onfido-sdk-ui-Modal-inner {
		width: calc(100% - 40px);
		height: 37.5em
	}

}

.verification-popup-wrap.dvs-preloader {
	z-index: 900;
	position: relative
}

.verification-popup-wrap.dvs-preloader .verification-popup__form {
	pointer-events: none
}

.verification-popup-wrap.dvs-preloader:after {
	content: "";
	width: 100%;
	height: 100%;
	z-index: 900;
	pointer-events: none;
	background: #fff9;
	display: block;
	position: fixed;
	inset: 0
}

.verification-status {
	min-height: 88px;
	background: #fff 14px no-repeat;
	border: 10px solid #0000;
	align-items: center;
	margin-top: 16px;
	padding-left: 80px;
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	display: flex
}

body.rtl-lang .verification-status {
	direction: rtl;
	background-position: calc(100% - 14px);
	padding-right: 80px
}

.verification-status_not_verified {
	background-image: url(../img/i-status-not-verified.svg);
	border-color: #4fc3f733
}

.rtl-lang .verification-status_not_verified {
	background-image: url(../img/i-status-not-verified-rtl.svg)
}

.verification-status_failed_verification, .verification-status_requires_verification {
	background-image: url(../img/i-status-requires.svg);
	border-color: #fbc02d33
}

.verification-status_pending_verification {
	background-image: url(../img/i-status-pending.svg);
	border-color: #ffa00033
}

.verification-status_verified, .verification-status_none {
	background-image: url(../img/i-status-verified.svg);
	border-color: #00c85333
}

.verification-title {
	color: #000;
	text-align: center;
	background: #fff;
	padding: 20px 20px 16px
}

.verification-title__title {
	padding-bottom: 12px;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%
}

.verification-title__description {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px
}

.document-item {
	border: 1px solid #00c853;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 12px;
	padding: 12px;
	display: flex
}

.document-item.has-error {
	border-color: #e66a87
}

.document-item__ico {
	width: 32px;
	height: 48px;
	background-image: url(../img/i-document.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	flex-shrink: 0;
	margin-right: 12px
}

.document-item__info {
	width: calc(100% - 88px);
	flex: auto
}

.document-item__title {
	color: #524e72;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 95%;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden
}

.has-error .document-item__title {
	color: #f44336
}

.document-item__size {
	color: #8c87b3;
	font-size: 14px;
	line-height: 20px
}

.has-error .document-item__size {
	color: #f44336
}

.document-item__close {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: url(../img/i-close-rounded.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	flex-shrink: 0
}

.document-item__errors {
	color: #f44336;
	flex: 0 100%;
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px
}

.document-item .has-error {
	color: #f44336;
	border: 1px solid #e66a87
}

.drag-and-drop {
	text-align: center;
	background-color: #8c87b314;
	border: 1px dashed #8c87b3;
	margin: 12px 0;
	padding: 32px 0
}

body.rtl-lang .drag-and-drop * {
	text-align: center
}

.drag-and-drop__icon {
	height: 48px;
	background-image: url(../img/i-upload.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 8px
}

.drag-and-drop__title {
	color: #524e72;
	margin-bottom: 8px;
	font-size: 28px;
	line-height: 28px
}

.drag-and-drop__label {
	color: #8c87b3;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 24px
}

.drag-and-drop__label label {
	color: #3586ff;
	cursor: pointer;
	text-decoration: underline
}

.drag-and-drop__file-types {
	color: #8c87b3;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 20px
}

.drag-and-drop.dragging {
	background: #eee
}

.drag-and-drop.error {
	background: #f4433614
}

.drag-and-drop.is-disabled {
	opacity: .4;
	pointer-events: none
}

.verification-btn_doc {
	box-shadow: none;
	color: #fff;
	min-width: 180px;
	cursor: pointer;
	text-align: center;
	background: #3586ff;
	border: none;
	border-radius: 30px;
	padding: 12px 24px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	transition: box-shadow .3s
}

.verification-btn_doc:hover {
	box-shadow: 0 6px 8px #1e88e566
}

.verification-btn_doc:focus {
	background: #8ec3f1
}

.verification-btn_again {
	box-shadow: none;
	cursor: pointer;
	color: #3586ff;
	height: 40px;
	min-width: 86px;
	text-align: center;
	background: #fff;
	border: 2px solid #8c87b333;
	border-radius: 30px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 600;
	transition: background-color .3s
}

.verification-btn_again:hover {
	background: #8c87b31a
}

.verification-btn_again:focus {
	background: #8c87b366
}

.verification-btn:disabled {
	pointer-events: none;
	filter: grayscale(.5);
	cursor: initial
}

.verification-content {
	background: #fff;
	border-bottom: 1px solid #8c87b333;
	padding: 20px 20px 20px 88px;
	font-size: 16px;
	position: relative
}

body.rtl-lang .verification-content {
	direction: rtl;
	padding: 20px 88px 20px 20px
}

body.rtl-lang .verification-content:before {
	left: 0;
	right: 22px
}

body.rtl-lang .verification-content:after {
	left: 0;
	right: 56px
}

.verification-content:last-child {
	border-bottom: none
}

.verification-content:before {
	content: "";
	height: 48px;
	width: 48px;
	background: #faf9ff 50% no-repeat;
	border: 1px solid #eeecff;
	display: inline-block;
	position: absolute;
	top: 18px;
	left: 22px
}

.verification-content:after {
	content: "";
	height: 22px;
	width: 22px;
	background: #fff 0 0/cover no-repeat;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 56px
}

.verification-content__title {
	color: #1f2126;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px
}

.verification-content__status {
	padding: 0 0 12px;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	line-height: 20px
}

.verification-content__details ul {
	padding: 0 0 3px 24px;
	list-style-type: disc
}

.verification-content__details ul li {
	padding: 0 0 8px
}

.verification-content__details p {
	padding: 0 0 6px
}

.verification-content__comment {
	overflow-wrap: anywhere;
	background: #fbc02d14;
	border: 1px solid #fbc02d80;
	flex-direction: column;
	margin: 0 0 12px;
	padding: 10px 16px;
	font-style: italic;
	display: flex
}

.verification-content__comment strong {
	padding-right: 6px;
	font-weight: 600
}

.verification-content__comment ol {
	padding-left: 15px
}

.verification-content__comment ul {
	padding-left: 15px;
	list-style: disc
}

.verification-content_proof_of_identity:before {
	background-image: url(../img/i-identity-document.svg)
}

.verification-content_proof_of_address:before {
	background-image: url(../img/i-proof-address.svg)
}

.verification-content_card_photo:before {
	background-image: url(../img/i-card-photo.svg)
}

.verification-content_proof_of_bank_account_owner:before {
	background-image: url(../img/i-proof-bank.svg)
}

.verification-content_e_wallet_ownership:before {
	background-image: url(../img/i-proof-wallet.svg)
}

.verification-content_transaction_history:before {
	background-image: url(../img/i-transaction-history.svg)
}

.verification-content_selfie_photo:before, .verification-content_additional:before {
	background-image: url(../img/i-selfie-photo.svg)
}

.verification-content_proof_of_wealth:before {
	background-image: url(../img/i-proof-wealth.svg)
}

.verification-content_proof_wallet:before {
	background-image: url(../img/i-proof-wallet.svg)
}

.verification-content_not_requested:after, .verification-content_not-uploaded:after {
	background-image: url(../img/i-status-not-verified.svg)
}

.verification-content_not_requested .verification-content__status, .verification-content_not-uploaded .verification-content__status {
	color: #55c9ff
}

.verification-content_requested:after {
	background-image: url(../img/i-status-requires.svg)
}

.verification-content_requested .verification-content__status {
	color: #fbc02d
}

.verification-content_declined:after {
	background-image: url(../img/i-status-reload.svg);
	background-position: -3px -3px;
	background-size: 28px
}

.verification-content_declined .verification-content__status {
	color: #fbc02d
}

.verification-content_pending:after {
	background-image: url(../img/i-status-pending.svg)
}

.verification-content_pending .verification-content__status {
	color: #ffa000
}

.verification-content_approved:after {
	background-image: url(../img/i-status-verified.svg)
}

.verification-content_approved .verification-content__status {
	color: #00c853
}

.verification-content__pending-description {
	margin-bottom: 12px
}

dvs-page {
	color: #000;
	font-family: Roboto Condensed, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.verification-content-wrap {
	background-color: #fff;
	padding: 20px
}

.verification-content-wrap .verification-content-status:first-child .verification-status {
	margin-top: 0
}

dvs-popup {
	color: #000;
	font-family: Roboto Condensed, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.verification-popup {
	max-width: 800px;
	width: 100%;
	height: auto;
	max-height: 90%;
	background: #fff;
	padding: 30px 40px 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	overflow-y: auto;
	transform: translate(-50%, -50%);
	box-shadow: 0 6px 16px #250e3d1a
}

@media(max-width:768px) {
	.verification-popup {
		max-height: none;
		max-width: 100%;
		height: 100%;
		min-height: 100vh;
		padding: 10px 20px 100px;
		position: fixed;
		inset: 0;
		overflow-y: auto;
		transform: translate(0)
	}

}

@media(max-width:950px) and (orientation:landscape) {
	.verification-popup {
		max-width: 100%;
		height: 100%;
		min-height: 100vh;
		padding: 10px 20px 100px;
		position: fixed;
		inset: 0;
		overflow-y: auto;
		transform: translate(0)
	}

}

.verification-popup__close-btn {
	cursor: pointer;
	height: 28px;
	width: 28px;
	inset-inline-end: 40px;
	background-color: #0000;
	background-image: url(../img/i-close-rounded.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	border: none;
	transition: opacity .3s;
	position: absolute;
	top: 30px
}

.verification-popup__close-btn:hover {
	opacity: .6
}

@media(max-width:768px) {
	.verification-popup__close-btn {
		inset-inline-end: 15px;
		top: 10px
	}

}

.verification-popup__title {
	text-align: center;
	padding: 0 40px 20px;
	font-size: 32px;
	font-weight: 600;
	line-height: 40px
}

@media(max-width:768px) {
	.verification-popup__title {
		padding-block: 0 20px;
		padding-inline: 0 25px;
		font-size: 24px;
		line-height: 28px
	}

}

body.rtl-lang .verification-popup__title {
	text-align: center
}

.verification-popup__frame {
	margin: 0 auto
}

.verification-popup__description {
	color: #524e72
}

.verification-popup__description ul {
	margin-bottom: 10px;
	padding-left: 20px;
	list-style-type: disc
}

.verification-popup__description p {
	margin-bottom: 12px;
	line-height: 20px
}

@media(max-width:768px) {
	.verification-popup__description p {
		margin-bottom: 4px
	}

	.verification-popup__description p:last-child {
		margin-bottom: 0
	}

}

.verification-popup__description li {
	margin-bottom: 4px;
	line-height: 20px
}

.verification-popup__btn-wrap {
	text-align: center
}

.verification-popup__error {
	width: 100%;
	height: 40px;
	color: #524e72;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #f4433614;
	border: 1px solid #f4433680;
	margin-bottom: 20px;
	padding: 0 16px;
	font-size: 16px;
	font-style: italic;
	line-height: 40px;
	overflow: hidden
}

@media(max-width:768px) {
	.verification-popup .onfido-sdk-ui-Modal-inner {
		width: calc(100% - 40px);
		height: 37.5em
	}

}

@media(max-width:950px) and (orientation:landscape) {
	.verification-popup .onfido-sdk-ui-Modal-inner {
		width: calc(100% - 40px);
		height: 37.5em
	}

}

.verification-popup-wrap.dvs-preloader {
	z-index: 900;
	position: relative
}

.verification-popup-wrap.dvs-preloader .verification-popup__form {
	pointer-events: none
}

.verification-popup-wrap.dvs-preloader:after {
	content: "";
	width: 100%;
	height: 100%;
	z-index: 900;
	pointer-events: none;
	background: #fff9;
	display: block;
	position: fixed;
	inset: 0
}

.verification-status {
	min-height: 88px;
	background: #fff 14px no-repeat;
	border: 10px solid #0000;
	align-items: center;
	margin-top: 16px;
	padding-left: 80px;
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	display: flex
}

body.rtl-lang .verification-status {
	direction: rtl;
	background-position: calc(100% - 14px);
	padding-right: 80px
}

.verification-status_not_verified {
	background-image: url(../img/i-status-not-verified.svg);
	border-color: #4fc3f733
}

.rtl-lang .verification-status_not_verified {
	background-image: url(../img/i-status-not-verified-rtl.svg)
}

.verification-status_failed_verification, .verification-status_requires_verification {
	background-image: url(../img/i-status-requires.svg);
	border-color: #fbc02d33
}

.verification-status_pending_verification {
	background-image: url(../img/i-status-pending.svg);
	border-color: #ffa00033
}

.verification-status_verified, .verification-status_none {
	background-image: url(../img/i-status-verified.svg);
	border-color: #00c85333
}

.verification-title {
	color: #000;
	text-align: center;
	background: #fff;
	padding: 20px 20px 16px
}

.verification-title__title {
	padding-bottom: 12px;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%
}

.verification-title__description {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px
}

.summer-btn {
	height: 63px;
	cursor: pointer;
	background: #a67700;
	border: none;
	border-radius: 60px;
	outline: none;
	justify-content: center;
	align-items: flex-start;
	padding: 0;
	text-decoration: none;
	display: flex;
	position: relative;
	box-shadow: 0 4.57286px 7.31658px #3232324d
}

.summer-btn.is-promo {
	transform: translateY(20px)
}

.summer-btn__icon {
	width: 52px;
	height: 54px;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: -17px;
	transform: translateY(-50%)
}

.summer-btn__inner {
	width: 100%;
	height: 60px;
	background: linear-gradient(149.95deg, #ffbe17 18.32%, #d89f0d 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	border-radius: 60px;
	justify-content: center;
	align-items: center;
	padding: 0 58px;
	display: flex;
	position: relative;
	box-shadow: inset .914572px .914572px #f6f3bb66, inset -.914572px -.914572px 2.99462px #ffc635
}

.summer-btn__inner:active:after {
	background: linear-gradient(149.95deg, #ffc530 18.32%, #ecb320 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	box-shadow: inset .914572px .914572px #f6f3bb66, inset -1px -1px 2.99462px #ffc635
}

@media(min-width:1024px) {
	.summer-btn__inner:hover:after {
		background: linear-gradient(149.95deg, #ffc530 18.32%, #ecb320 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
		box-shadow: inset .914572px .914572px #f6f3bb66, inset -1px -1px 2.99462px #ffc635
	}

}

.summer-btn__inner:after {
	content: "";
	background: linear-gradient(149.95deg, #ffbe17 18.32%, #d89f0d 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	border-radius: 60px;
	transition-property: background-image, box-shadow;
	transition-duration: .2s;
	display: block;
	position: absolute;
	inset: 4px 6px 4px 4px;
	box-shadow: inset .914572px .914572px #f6f3bb66, inset -.914572px -.914572px 2.99462px #ffc635
}

.summer-btn__inner:before {
	content: "";
	height: 9px;
	opacity: .3;
	z-index: 2;
	background-image: linear-gradient(#f0f3b100 0%, #cae480 100%);
	border-radius: 50px;
	display: block;
	position: absolute;
	top: 12px;
	left: 17px;
	right: 17px
}

.summer-btn__inner.is-padding {
	padding: 0 30px
}

.summer-btn__text {
	width: 100%;
	text-align: center;
	z-index: 5;
	color: #fff;
	-webkit-text-stroke: 1px #a67700;
	text-shadow: 1px 2px #a67700, -1px 2px #a67700, 1px 2px #a67700;
	white-space: nowrap;
	font-family: Ubuntu, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 32px;
	display: block;
	position: relative
}

@media(max-height:600px) and (max-width:1280px) and (orientation:landscape) {
	.is-summer-html {
		overflow: initial !important
	}

}

.is-summer {
	height: 100dvh;
	min-height: 100dvh;
	overflow: hidden
}

@media(max-height:600px) and (max-width:1280px) and (orientation:landscape) {
	.is-summer {
		overflow: initial !important
	}

}

.summer-portrait {
	display: block
}

@media(max-height:600px) and (max-width:1280px) and (orientation:landscape) {
	.summer-portrait {
		display: none
	}

}

.summer-landscape {
	width: 100%;
	z-index: 999999;
	height: 100vh;
	background-color: #40a65e;
	background-image: url(../img/landscape-bg.webp);
	background-position: 50% 20px;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	position: relative
}

@media(max-height:600px) and (max-width:1280px) and (orientation:landscape) {
	.summer-landscape {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		display: flex
	}

}

.summer-landscape__icon {
	width: 90px;
	height: 89px;
	background-image: url(../img/landscape-icon.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 7px
}

.summer-landscape__text {
	color: #fff;
	font-family: Jost, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px
}

.summer-map {
	width: 1371px;
	background-image: url(../img/summer-bg-mobile.webp);
	background-position: 50% 300px;
	background-repeat: repeat;
	background-size: 1371px 963px;
	margin: 0 auto;
	padding: 60px 0
}

.summer-map.is-odd {
	background-position: 50% -100px
}

.summer-map.is-loaded {
	transition: transform 1s ease-in-out
}

@media(min-width:540px) {
	.summer-map {
		width: 2086px;
		background-position: 50% 600px;
		background-size: contain
	}

}

@media(min-width:768px) {
	.summer-map {
		width: 2246px;
		background-image: url(../img/summer-bg-tablet.webp);
		background-position: 50% 450px;
		background-size: 2246px 1513px
	}

}

@media(min-width:1024px) {
	.summer-map {
		width: 3233px;
		background-image: url(../img/summer-bg-desktop.webp);
		background-position: 50% 500px;
		background-size: 3233px 1513px
	}

}

@media(min-width:1920px) {
	.summer-map {
		width: 4233px;
		background-position: 50% 700px
	}

}

.summer-calendar {
	flex-direction: column-reverse;
	padding: 12.5% 10%;
	display: flex;
	overflow: hidden
}

@media(min-width:540px) {
	.summer-calendar {
		padding: 12% 13%
	}

}

@media(min-width:768px) {
	.summer-calendar {
		padding: 12% 15%
	}

}

@media(min-width:1024px) {
	.summer-calendar {
		padding: 12% 25%
	}

}

@media(min-width:1280px) {
	.summer-calendar {
		padding: 12% 28%
	}

}

.summer-countdown {
	width: 100%;
	text-align: center;
	color: #fff;
	margin-bottom: 8px;
	font-family: Jost, sans-serif
}

.summer-countdown__title {
	text-align: center;
	opacity: .6;
	margin-right: 5px;
	font-size: 16px;
	line-height: 23px
}

.summer-countdown .summer-timer {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 23px
}

.summer-info {
	min-height: 100vh;
	color: #fff;
	background-color: #40a65e;
	background-image: url(../img/comming-bg.webp);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto;
	padding: 11px 15px;
	font-family: Jost, sans-serif;
	display: flex
}

@media(min-width:768px) {
	.summer-info {
		justify-content: center
	}

}

.summer-info__text {
	word-break: break-word;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	z-index: 1;
	max-width: 252px;
	font-size: 56px;
	font-weight: 800;
	line-height: 56px;
	position: relative
}

.summer-info__text:after {
	content: "";
	z-index: -1;
	width: 100%;
	max-width: 220px;
	height: 8px;
	opacity: .2;
	filter: blur(2px);
	background: #000;
	border-radius: 6px;
	position: absolute;
	bottom: 3px;
	right: 8px
}

.summer-info__inner {
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	width: 100%;
	max-width: 350px;
	background: #66cf8599;
	border-radius: 16px;
	flex-direction: column;
	align-items: center;
	padding-top: 12px;
	display: flex;
	box-shadow: 0 2px 3px #0000002e
}

.summer-info__town {
	width: 324px;
	height: 324px
}

.summer-info .info-summer {
	margin-bottom: 16px
}

.summer-info .info-summer__title {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px
}

.summer-info .info-summer__completed {
	width: 100%;
	max-width: 294px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 29px
}

.summer-info .info-summer__countdown {
	background: #31974f;
	border-radius: 60px;
	padding: 10px 24px;
	font-size: 20px;
	font-weight: 800;
	line-height: 24px;
	box-shadow: 0 2px 3px #0000002e
}

.summer-info .summer-item__title {
	font-size: 16px;
	font-weight: 500;
	line-height: 10px
}

.summer-day {
	max-width: 350px;
	width: 100%;
	height: 580px;
	flex-direction: column;
	justify-content: center;
	align-self: flex-end;
	align-items: center;
	font-family: Jost, sans-serif;
	display: flex;
	position: relative
}

@media(min-width:540px) {
	.summer-day {
		height: 880px
	}

}

@media(min-width:768px) {
	.summer-day {
		height: 900px
	}

}

@media(min-width:1280px) {
	.summer-day {
		max-width: 510px
	}

}

.summer-day:nth-child(2n) {
	height: 373px;
	align-self: flex-start
}

@media(min-width:540px) {
	.summer-day:nth-child(2n) {
		height: 636px
	}

}

@media(min-width:768px) {
	.summer-day:nth-child(2n) {
		height: 613px
	}

}

@media(min-width:1920px) {
	.summer-day:nth-child(2n) {
		height: 653px
	}

}

.summer-day__img-wrap {
	position: relative
}

.summer-day__img {
	width: 280px;
	height: 268px;
	background-image: url(../img/monaco.webp);
	background-position: 50%;
	background-size: cover;
	flex-shrink: 0;
	animation: 2s ease-in-out infinite alternate flyingTown
}

.summer-day__img.is-missed {
	background-image: url(../img/test-prev-unknown.webp)
}

@media(min-width:768px) {
	.summer-day__img {
		width: 426px;
		height: 408px
	}

}

@media(min-width:1024px) {
	.summer-day__img {
		width: 280px;
		height: 268px
	}

}

@media(min-width:1280px) {
	.summer-day__img {
		width: 426px;
		height: 408px
	}

}

@media screen and (max-width:1440px) and (max-height:800px) {
	.summer-day__img {
		width: 280px;
		height: 268px
	}

}

@media(min-width:1920px) {
	.summer-day__img {
		width: 512px;
		height: 490px
	}

}

.summer-day__shadow {
	width: 268px;
	height: 157px;
	z-index: -1;
	background-image: url(../img/town-shadow.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	animation: 2s ease-in-out infinite alternate flyingShadow;
	position: absolute;
	top: 120px;
	left: 50%;
	transform: translate(-50%)
}

@media(min-width:768px) {
	.summer-day__shadow {
		width: 408px;
		height: 239px;
		top: 170px
	}

}

@media(min-width:1024px) {
	.summer-day__shadow {
		width: 268px;
		height: 157px;
		top: 130px
	}

}

@media(min-width:1280px) {
	.summer-day__shadow {
		width: 408px;
		height: 239px;
		top: 170px
	}

}

@media screen and (max-width:1440px) and (max-height:800px) {
	.summer-day__shadow {
		width: 268px;
		height: 157px;
		top: 130px
	}

}

@media(min-width:1920px) {
	.summer-day__shadow {
		width: 490px;
		height: 280px;
		top: 200px
	}

}

.summer-day__date {
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	color: #fff;
	background: #66cf85b3;
	border-radius: 60px;
	margin-top: -90px;
	padding: 10px 24px;
	font-size: 20px;
	font-weight: 800;
	line-height: 24px;
	position: relative
}

.summer-day__date.is-missed, .summer-day__date.is-next {
	padding-left: 52px
}

.summer-day__date.is-missed:before, .summer-day__date.is-next:before {
	content: "";
	width: 18px;
	height: 18px;
	background-position: 50%;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 25px;
	transform: translateY(-50%)
}

.summer-day__date.is-next:before {
	background-image: url(../img/lock.webp)
}

.summer-day__date.is-missed:before {
	background-image: url(../img/close.svg)
}

.summer-day__date.is-prev-taken:after {
	content: "";
	width: 29px;
	height: 29px;
	-webkit-backdrop-filter: blur(12.9726px);
	-webkit-backdrop-filter: blur(12.9726px);
	backdrop-filter: blur(12.9726px);
	background-color: #fff;
	background-image: url(../img/check.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 15px 10px;
	border-radius: 50%;
	position: absolute;
	top: -12px;
	right: -12px;
	box-shadow: 0 5.18905px 14.2699px #00000026
}

.summer-day__name {
	color: #fff;
	text-transform: uppercase;
	z-index: 1;
	font-size: 56px;
	font-weight: 800;
	line-height: 81px
}

.summer-day__info {
	max-width: 350px;
	width: 100%;
	position: relative
}

@media(min-width:1280px) {
	.summer-day__info {
		max-width: 510px
	}

}

@keyframes flyingTown {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-30px)
	}

}

@keyframes flyingShadow {
	0% {
		transform: translate(-50%)scale(1)
	}

	to {
		transform: translate(-50%)scale(1.2)
	}

}

.bonus-info {
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: #66cf8599;
	border-radius: 16px;
	margin-top: 26px;
	padding: 30px 10px 10px;
	position: relative;
	box-shadow: 0 2px 3px #0000002e
}

@media(min-width:1280px) {
	.bonus-info {
		padding: 42px 16px 20px
	}

}

.bonus-info__reward {
	justify-content: center;
	align-items: center;
	margin-bottom: 8px;
	display: flex
}

@media(min-width:1280px) {
	.bonus-info__reward {
		max-width: 320px;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto
	}

}

.bonus-info__descr {
	color: #a2f7bb;
	text-align: center;
	margin: 0 28px;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px
}

.bonus-info__icon {
	width: 52px;
	height: 54px;
	background-position: 50%;
	background-size: cover;
	flex-shrink: 0
}

.bonus-info__timer {
	color: #a2f7bb;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 16px;
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	display: flex
}

.bonus-info__timer.is-one-row {
	flex-direction: row;
	margin-bottom: 8px
}

.bonus-info__timer span {
	color: #fff;
	font-weight: 700
}

.bonus-info__wrap {
	align-items: center;
	display: flex
}

.bonus-info__wrap .bonus-info__text {
	width: 50%
}

.bonus-info__receive {
	color: #fff;
	opacity: .6;
	text-align: center;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px
}

.bonus-info__text {
	color: #fff;
	text-align: center;
	padding: 0 7px;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px
}

.bonus-info__text.is-divide {
	position: relative
}

.bonus-info__text.is-divide:before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #fff3;
	position: absolute;
	top: 0;
	left: 0
}

.bonus-info__text.is-big {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px
}

.bonus-info__text.is-clamp2 {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.is-one-bonus .bonus-info__text {
	color: #fff;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 23px
}

.bonus-info__img {
	width: 48px;
	height: 50px;
	background-position: 50%;
	background-size: cover;
	position: absolute;
	top: -28px;
	left: 50%;
	transform: translate(-50%)
}

.bonus-info__btn {
	position: absolute;
	top: -33px;
	left: 50%;
	transform: translate(-50%)
}

.bonus-info.is-one-bonus {
	padding: 39px 24px 12px
}

@media(min-width:1280px) {
	.bonus-info.is-one-bonus {
		padding: 47px 32px 20px
	}

}

.bonus-info.is-missed-day {
	padding: 12px 10px
}

@media(min-width:1280px) {
	.bonus-info.is-missed-day {
		padding: 20px 32px
	}

}

.bonus-info.is-missed-day.is-missed-one-bonus {
	padding: 12px 24px
}

.bonus-info.is-missed-day.is-missed-one-bonus .bonus-info__descr {
	text-align: center;
	color: #a2f7bb;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 23px
}

.bonus-info.is-missed-day.is-missed-one-bonus .bonus-info__text {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 23px
}

.bonus-info.is-received {
	padding: 27px 12px 10px
}

@media(min-width:1280px) {
	.bonus-info.is-received {
		padding: 30px 32px 20px
	}

}

.bonus-info.is-done {
	margin-top: 0;
	padding: 12px 27px 37px
}

@media(min-width:1280px) {
	.bonus-info.is-done {
		padding: 20px 32px 46px
	}

}

.bonus-info.is-done .bonus-info__text {
	margin-bottom: 4px
}

.bonus-info.is-done .summer-btn {
	width: auto;
	max-width: none;
	position: absolute;
	bottom: -32px;
	left: 50%;
	transform: translate(-50%)
}

.bonus-info.is-done .summer-btn__inner {
	padding: 0 53px
}

.summer-zone {
	width: 100vw;
	height: 100%;
	background-color: #40a65e;
	overflow: hidden
}

.map-icon {
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	height: 40px;
	width: 40px;
	z-index: 2;
	cursor: pointer;
	background-color: #66cf8599;
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	transition: background-color .2s;
	display: flex;
	position: fixed;
	box-shadow: 0 2px 3px #0000002e
}

.map-icon:active {
	background-color: #66cf85
}

@media(min-width:1024px) {
	.map-icon:hover {
		background-color: #66cf85
	}

	.map-icon--long {
		width: auto;
		height: 44px;
		background-position: 20px;
		background-size: 20px;
		border-radius: 24px;
		padding: 10px 20px 10px 48px
	}

}

.map-icon__text {
	color: #fff;
	font-family: Jost, sans-serif;
	font-size: 20px;
	font-weight: 800;
	line-height: 24px;
	display: none
}

@media(min-width:1024px) {
	.map-icon__text {
		display: block
	}

}

.map-icon.icon-next {
	background-image: url(../img/arrowl.svg);
	top: 12px;
	left: 50%;
	transform: rotate(90deg)translateY(50%)
}

@media(min-width:1024px) {
	.map-icon.icon-next {
		top: 24px
	}

}

.map-icon.icon-next.not-today {
	background-color: #f5b715
}

.map-icon.icon-next.not-today:active {
	background-color: #66cf85
}

@media(min-width:1024px) {
	.map-icon.icon-next.not-today:hover {
		background-color: #66cf85
	}

}

.map-icon.icon-prev {
	cursor: pointer;
	background-image: url(../img/arrowl.svg);
	bottom: 84px;
	left: 50%;
	transform: rotate(270deg)translateY(-50%)
}

@media(min-width:1024px) {
	.map-icon.icon-prev {
		bottom: 92px
	}

}

.map-icon.icon-prev.not-today {
	background-color: #f5b715
}

.map-icon.icon-prev.not-today:active {
	background-color: #66cf85
}

@media(min-width:1024px) {
	.map-icon.icon-prev.not-today:hover {
		background-color: #66cf85
	}

}

.map-icon.icon-home {
	background-image: url(../img/home.svg);
	top: 12px;
	left: 12px
}

@media(min-width:1024px) {
	.map-icon.icon-home {
		top: 24px;
		left: 24px
	}

}

.map-icon.icon-info {
	background-image: url(../img/quest.svg);
	position: absolute;
	right: 0
}

@media(min-width:1024px) {
	.map-icon.icon-info {
		position: relative
	}

}

.map-icon.icon-sound {
	background-image: url(../img/sound-on.svg), url(../img/sound-off.svg);
	background-size: auto, 0;
	position: absolute;
	top: 48px;
	right: 0
}

.map-icon.icon-sound.unmute {
	background-size: 0, auto
}

@media(min-width:1024px) {
	.map-icon.icon-sound {
		margin-left: 24px;
		position: relative;
		top: 0
	}

}

.map-icon.icon-i {
	position: absolute;
	top: -16px;
	right: -16px
}

.map-icon.icon-i:before {
	content: "";
	width: 3px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translate(-50%)
}

.map-icon.icon-i:after {
	content: "";
	width: 3px;
	height: 11px;
	background-color: #fff;
	position: absolute;
	top: 19px;
	left: 50%;
	transform: translate(-50%)
}

.map-icon-wrapper {
	z-index: 2;
	position: fixed;
	top: 12px;
	right: 12px
}

@media(min-width:1024px) {
	.map-icon-wrapper {
		align-items: center;
		display: flex;
		top: 24px;
		right: 24px
	}

}

.map-progress {
	width: 100%;
	max-width: 350px;
	min-height: 56px;
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: #66cf8599;
	border-radius: 16px;
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%);
	box-shadow: 0 2px 3px #0000002e
}

@media(min-width:1280px) {
	.map-progress {
		max-width: 510px
	}

}

.map-progress:before {
	content: "";
	width: 58px;
	height: 65px;
	z-index: 1;
	background-image: url(../img/active.webp);
	background-size: cover;
	position: absolute;
	top: -11px;
	left: 6px
}

.map-progress:after {
	content: "";
	height: 69px;
	width: 69px;
	z-index: 1;
	background-image: url(../img/Gift_yellow.webp);
	background-size: cover;
	position: absolute;
	top: -12.5px;
	right: 0
}

.map-progress__inner {
	max-width: 274px;
	width: 100%;
	height: 22px;
	background: linear-gradient(#31974f, #31974f), linear-gradient(272.44deg, #072a68 4.15%, #174c8e 87.73%);
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	display: flex;
	position: absolute;
	top: 17px;
	left: 50%;
	transform: translate(-50%);
	box-shadow: inset 0 2px #00000029
}

@media(min-width:1280px) {
	.map-progress__inner {
		max-width: 434px
	}

}

.map-progress__inner:after {
	content: "";
	width: 36px;
	height: 39px;
	background-image: url(../img/Gift_red.webp);
	background-size: cover;
	position: absolute;
	top: -11px;
	right: 24%
}

.map-progress__range {
	height: calc(100% - 4px);
	background: repeating-linear-gradient(-45deg, #f1b314, #f1b314 10px, #f59a11 10px 20px);
	border-radius: 20px;
	transition: width .5s;
	position: absolute;
	left: 0
}

.map-progress__text {
	color: #f8eeda;
	z-index: 1;
	font-family: Ubuntu, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 14px
}

.play-tomorrow {
	width: 100%;
	max-width: 350px;
	min-height: 56px;
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: #66cf8599;
	border-radius: 16px;
	justify-content: space-between;
	align-items: center;
	padding: 10px 12px 10px 70px;
	font-family: Jost, sans-serif;
	display: flex;
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%);
	box-shadow: 0 2px 3px #0000002e
}

@media(min-width:1280px) {
	.play-tomorrow {
		max-width: 510px
	}

}

.play-tomorrow:before {
	content: "";
	width: 69px;
	height: 69px;
	background-image: url(../img/Gift_yellow.webp);
	background-size: cover;
	position: absolute;
	top: -13px;
	left: 0
}

.play-tomorrow__text {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 14px
}

.play-tomorrow__name {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 800;
	line-height: 23px
}

.play-tomorrow__countdown {
	min-height: 24px;
	color: #fff;
	background-color: #c13737;
	border-radius: 3px;
	justify-content: center;
	align-items: center;
	padding: 1px 8px;
	font-size: 16px;
	font-weight: 700;
	line-height: 23px;
	display: flex
}

.container-reward {
	margin: auto;
	position: relative
}

.summer-popup {
	width: 100%;
	max-width: 350px;
	background: #40a65e;
	border-radius: 16px;
	padding: 16px;
	font-family: Jost, sans-serif;
	position: relative;
	box-shadow: 0 2px 3px #0000002e
}

.summer-popup.is-reward {
	min-height: 430px;
	padding: 24px 16px 0
}

.summer-popup.is-padding {
	min-height: 214px;
	padding: 16px 54px
}

.summer-popup__reward-image {
	width: 195px;
	height: 195px;
	z-index: -1;
	display: block;
	position: absolute;
	top: -65px;
	left: 50%;
	transform: translateY(-50%)translate(-50%)
}

.summer-popup__item {
	color: #fff
}

.summer-popup .box-item {
	text-align: center;
	margin-bottom: 16px
}

.summer-popup .box-item__title {
	font-size: 24px;
	font-weight: 700;
	line-height: 35px
}

.summer-popup .box-item__text {
	font-size: 16px;
	line-height: 23px
}

.summer-popup .reward-item {
	width: 242px;
	height: 72px;
	background: #57bf76;
	border-radius: 6px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 16px;
	display: flex;
	position: relative
}

.summer-popup .reward-item:after {
	content: "";
	width: 50px;
	height: 52px;
	background-image: url(../img/freespin.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	left: -20px
}

.summer-popup .reward-item__text {
	font-size: 20px;
	font-weight: 700;
	line-height: 29px
}

.summer-popup .reward-item__title {
	font-size: 16px;
	line-height: 23px
}

.summer-popup .quit-btn {
	color: #fff;
	background: 0 0;
	border: none;
	outline: none;
	font-family: Jost, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px
}

.summer-popup__list {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex
}

.summer-popup .box {
	color: #fff;
	text-align: center;
	margin-bottom: 16px
}

.summer-popup .box__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px
}

.summer-popup .box__text {
	font-size: 16px;
	line-height: 23px
}

.summer-popup__close {
	width: 40px;
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	height: 41px;
	z-index: 2;
	cursor: pointer;
	background: #66cf8599 url(../img/close.svg) 50% no-repeat;
	border: none;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	padding: 0;
	display: flex;
	position: absolute;
	top: -17px;
	right: -16px;
	box-shadow: 0 2px 3px #0000002e
}

.summer-popup__close:active {
	background-color: #66cf85
}

@media(min-width:1024px) {
	.summer-popup__close:hover {
		background-color: #66cf85
	}

}

.summer-popup__inner {
	width: 100%;
	position: relative
}

.summer-popup__inner.is-display {
	flex-direction: column;
	align-items: center;
	display: flex
}

.summer-popup__box {
	text-align: center;
	color: #fff;
	margin-bottom: 21px;
	font-size: 24px;
	font-weight: 700;
	line-height: 35px
}

.summer-popup__collection {
	width: 100%;
	max-width: 318px;
	min-height: 110px;
	background: #57bf76;
	border-radius: 12px;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 33px;
	display: flex;
	position: relative
}

.summer-popup .inner-step.is-bottom {
	margin-bottom: 16px
}

.summer-popup .inner-step__info {
	width: 100%;
	max-width: 170px;
	padding: 20px 16px 20px 0
}

.summer-popup .inner-step__number {
	width: 26px;
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	height: 26px;
	z-index: 2;
	color: #fff;
	color: #fff;
	background: #66cf8599;
	border: none;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	padding: 0;
	font-size: 19px;
	font-weight: 700;
	line-height: 18px;
	display: flex;
	position: absolute;
	top: -8px;
	left: -9px;
	box-shadow: 0 2px 3px #0000002e
}

.summer-popup .inner-step__img {
	width: 115px;
	position: absolute;
	left: 9px
}

.summer-popup .inner-step__title {
	color: #fff;
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px
}

.summer-popup .inner-step__text {
	color: #fff;
	font-size: 14px;
	line-height: 16px
}

.summer-popup__img {
	width: 136px;
	position: absolute;
	transform: translate(90px, -90px)
}

@media screen and (max-height:720px) {
	.summer-popup__img.is-small-device {
		display: none
	}

}

.summer-popup__terms {
	padding-bottom: 55px
}

.summer-popup__terms.is-low {
	padding-bottom: 0
}

.summer-popup__terms-trigger {
	width: 100%;
	min-height: 48px;
	color: #fff;
	background: #66cf8599;
	border: none;
	border-radius: 8px;
	outline: none;
	justify-content: center;
	align-items: center;
	padding: 12px 16px;
	font-family: Jost, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 23px;
	display: flex;
	position: relative;
	box-shadow: 0 2px 3px #0000002e
}

.summer-popup__terms-trigger:after {
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(../img/arrow.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	transition: transform .2s;
	display: block
}

.summer-popup__terms-trigger span {
	margin-right: 7px
}

.summer-popup__terms-inner {
	width: 100%;
	background: #66cf8599;
	border-radius: 0 0 8px 8px;
	font-family: Jost, sans-serif;
	display: none;
	box-shadow: 0 2px 3px #0000002e
}

.summer-popup__terms-list {
	color: #fff;
	margin: 0;
	padding: 12px 16px 16px;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px
}

.summer-popup__terms-list p {
	margin-top: 0
}

.summer-popup__terms-list span {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 23px
}

.summer-popup__btn {
	justify-content: center;
	display: flex
}

.summer-popup__btn.is-margin {
	margin-bottom: 20px
}

.summer-popup__btn.is-side {
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translate(-50%)
}

.summer-popup__btn.is-reward {
	position: absolute;
	bottom: 0;
	right: 100px;
	transform: translateY(100px)
}

.summer-popup__btn.is-small {
	position: absolute;
	bottom: 0;
	transform: translateY(65px)
}

.summer-popup__btn.is-cash {
	margin-bottom: 16px
}

.summer-popup__btn.is-onboard {
	position: absolute;
	bottom: -33px;
	left: 50%;
	transform: translate(-50%)
}

.summer-popup__requirements {
	pointer-events: none;
	margin-bottom: 16px
}

.summer-popup__requirements-item {
	width: 100%;
	background: #31974f;
	border-radius: 8px;
	justify-content: space-between;
	align-items: center;
	padding: 8px;
	display: flex
}

.summer-popup__requirements-item:not(:last-child) {
	margin-bottom: 8px
}

.summer-popup__requirements-item-descr {
	color: #fff9;
	text-align: left;
	margin-right: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px
}

.summer-popup__requirements-item-val {
	color: #fff;
	text-align: right;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px
}

.summer-popup__title {
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	font-size: 46px;
	font-weight: 800;
	line-height: 66px;
	position: relative
}

.summer-popup__title.is-size {
	margin-bottom: 0;
	font-size: 25px;
	font-weight: 800;
	line-height: 36px
}

.summer-popup__row-divider {
	text-align: center;
	height: 41px;
	color: #fff;
	opacity: .4;
	z-index: 2;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	margin: 47px 0 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
	display: flex;
	position: absolute;
	left: 50%;
	transform: translate(-50%)
}

.summer-popup__row-divider span {
	height: 14px;
	align-items: center;
	display: flex
}

.summer-popup__row-divider:before, .summer-popup__row-divider:after {
	content: "";
	width: 1px;
	height: 12px;
	background-color: #fff6;
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%)
}

.summer-popup__row-divider:before {
	top: 0
}

.summer-popup__row-divider:after {
	bottom: 0
}

.summer-popup__row-bonus {
	-webkit-line-clamp: 3;
	width: 100%;
	max-width: 132px;
	-webkit-box-orient: vertical;
	margin: 0 0 10px;
	display: -webkit-box;
	overflow: hidden
}

.summer-popup__row-title {
	white-space: nowrap;
	text-align: center;
	width: 100%;
	max-width: 144px;
	text-overflow: ellipsis;
	color: #fff;
	font-size: 16px;
	line-height: 23px;
	overflow: hidden
}

.summer-popup__row-radio {
	opacity: 0;
	visibility: hidden;
	position: absolute
}

.summer-popup__row-trigger-btn {
	width: 26px;
	height: 26px;
	cursor: pointer;
	background-color: #0000;
	border: none;
	border-radius: 60px;
	outline: none;
	justify-content: center;
	display: flex;
	position: relative
}

.summer-popup__row-trigger-btn:before, .summer-popup__row-trigger-btn:after {
	content: "";
	display: block;
	position: absolute
}

.summer-popup__row-trigger-btn:before {
	width: 100%;
	height: 100%;
	background: #137931;
	border-radius: 60px;
	top: -2px;
	left: -1px;
	box-shadow: inset 1px 1px #0003
}

.summer-popup__row-trigger-btn:after {
	width: 100%;
	height: 100%;
	opacity: 0;
	background-image: url(../img/circle.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transition-property: transform, opacity;
	transition-duration: .2s;
	top: 0;
	left: -1px;
	transform: scale(0)
}

.summer-popup__row-radio:checked+.summer-popup__row-trigger-btn:before {
	background-color: #31974f
}

.summer-popup__row-radio:checked+.summer-popup__row-trigger-btn:after {
	opacity: 1;
	transform: scale(1)
}

.summer-popup__row-box {
	width: 144px;
	text-align: center;
	color: #fff;
	height: 123px;
	background: #31974f;
	border-radius: 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	display: flex;
	position: relative;
	box-shadow: inset 0 2px 3px #0000002e
}

.summer-popup__row-box.is-active {
	background: #66cf8599;
	box-shadow: 0 2px 3px #0000002e
}

.summer-popup__row-box.is-active:before {
	content: "";
	width: 22px;
	height: 12px;
	background-image: url("/joxi/summer-promo/polygon.svg ");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	bottom: -17px;
	left: 60px
}

.summer-popup__row-box.is-casino {
	width: auto;
	height: auto;
	color: #fff;
	background: #66cf8599;
	margin-top: 49px;
	margin-bottom: 16px;
	padding: 39px 31px 16px;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	box-shadow: 0 2px 3px #0000002e
}

.summer-popup__row-box.is-casino .summer-popup__row-icon {
	width: 60px;
	height: 64px
}

.summer-popup__row-box.is-casino .summer-popup__row-bonus {
	max-width: 100%
}

.summer-popup__row-icon {
	width: 50px;
	height: 54px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: -40px
}

.summer-popup__row-side {
	flex-direction: column;
	align-items: center;
	margin-bottom: 50px;
	display: flex
}

.summer-popup__row-side:first-child {
	order: 0
}

.summer-popup__row-side:nth-child(2) {
	order: 2
}

.summer-popup__row-side:only-child {
	width: 100%
}

.summer-popup__selected {
	margin-bottom: 16px
}

.summer-popup__row {
	justify-content: space-between;
	align-items: center;
	display: flex
}

.summer-popup__text {
	color: #fff;
	text-align: center;
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px
}

.summer-popup__refil {
	text-align: center;
	color: #fff;
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 23px
}

.summer-popup__bonus:after {
	content: "";
	opacity: .3;
	border-bottom: 1px solid #fff;
	margin-bottom: 16px;
	display: block
}

.summer-popup__bonus-title {
	color: #fff;
	text-align: center;
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 23px
}

.summer-popup__bonus-text {
	text-align: center;
	-webkit-line-clamp: 3;
	color: #fff;
	width: 100%;
	max-width: 270px;
	-webkit-box-orient: vertical;
	margin: 0 auto 16px;
	font-size: 20px;
	font-weight: 700;
	line-height: 29px;
	display: -webkit-box;
	position: relative;
	overflow: hidden
}

.is-summer .popup {
	background: 0 0;
	transition: none
}

.is-summer .main-view {
	filter: none
}

.popup.is-summer-reward {
	background-color: #0009;
	justify-content: center;
	align-items: center;
	padding: 55px 0 50px;
	animation: none;
	display: flex;
	overflow-x: hidden;
	overflow-y: scroll
}

@media(max-height:600px) and (max-width:1280px) and (orientation:landscape) {
	.popup.is-summer-reward {
		z-index: -1;
		overflow-y: hidden
	}

}

.popup.is-summer-reward.is-terms-open {
	align-items: flex-start;
	padding-top: 80px
}

.popup.is-summer-reward.is-terms-open .summer-popup__terms-trigger {
	box-shadow: none;
	border-radius: 12px 12px 0 0
}

.popup.is-summer-reward.is-terms-open .summer-popup__terms-trigger:after {
	transform: rotate(180deg)
}

.popup.is-summer-reward.is-terms-open .summer-popup__terms-inner {
	box-shadow: none;
	display: block
}

.summer-modal {
	padding: 0
}

.summer-box__image .spine-player {
	width: 100%
}

.summer-story-tell {
	min-height: 100vh;
	width: 100%;
	z-index: 9999;
	color: #fff;
	background-color: #40a65e;
	background-image: url(../img/comming-bg.webp);
	background-position: bottom;
	background-size: cover;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 11px 15px;
	font-family: Jost, sans-serif;
	display: flex;
	position: fixed;
	top: 0;
	left: 0
}

.summer-story-tell__item {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 16px;
	display: flex
}

.summer-story-tell__radio {
	display: flex
}

.summer-story-tell__radio--circle {
	opacity: .3;
	height: 9px;
	width: 9px;
	background-color: #fff;
	border-radius: 50%;
	margin-right: 11px
}

.summer-story-tell__radio--circle:last-child {
	margin-right: 0
}

.summer-story-tell__radio--circle.is-active {
	opacity: 1
}

.summer-box__image {
	height: 350px;
	width: 350px;
	justify-content: center;
	align-items: center;
	display: flex
}

@media(min-width:1024px) {
	.summer-box__image {
		height: 445px;
		max-width: 508px;
		width: 100%
	}

}

.summer-box__inner {
	min-height: 138px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex
}

@media(min-width:1024px) {
	.summer-box__inner {
		min-height: 100%
	}

}

.summer-box__image--island {
	height: 320px;
	width: 351px;
	object-fit: contain
}

.summer-box__image--calendar {
	height: 240px;
	width: 320px;
	object-fit: contain
}

.summer-box__image--chip {
	height: 350px;
	width: 350px;
	object-fit: contain
}

@media(min-width:1024px) {
	.summer-box__image--chip {
		height: 445px;
		width: 465px
	}

}

.summer-box__btn {
	height: 64px;
	cursor: pointer;
	background: #a67700;
	border: none;
	border-radius: 50%;
	outline: none;
	justify-content: center;
	align-items: flex-start;
	padding: 0;
	text-decoration: none;
	transition: all;
	display: flex;
	position: relative;
	box-shadow: 0 4.57286px 7.31658px #3232324d
}

.summer-box__btn:after {
	content: "";
	width: 21px;
	cursor: pointer;
	height: 29px;
	background-image: url("/joxi/summer-promo/arrow-btn.svg ");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	top: 17px;
	left: 20px
}

.summer-box__btn__inner {
	width: 100%;
	height: 60px;
	background: linear-gradient(149.95deg, #ffbe17 18.32%, #d89f0d 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	padding: 30px;
	display: flex;
	position: relative;
	box-shadow: inset .914572px .914572px #f6f3bb66, inset -.914572px -.914572px 2.99462px #ffc635
}

.summer-box__btn__inner:active:after {
	background: linear-gradient(149.95deg, #ffc530 18.32%, #ecb320 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	box-shadow: inset .914572px .914572px #f6f3bb66, inset -1px -1px 2.99462px #ffc635
}

@media(min-width:1024px) {
	.summer-box__btn__inner:hover:after {
		background-color: #0000;
		background-image: linear-gradient(149.95deg, #ffc530 18.32%, #ecb320 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
		background-position: 0 0, 0 0;
		background-repeat: repeat, repeat;
		background-size: 100px;
		background-attachment: scroll, scroll;
		background-origin: padding-box, padding-box;
		background-clip: border-box, border-box;
		box-shadow: inset .914572px .914572px #f6f3bb66, inset -1px -1px 2.99462px #ffc635
	}

}

.summer-box__btn__inner:after {
	content: "";
	background: linear-gradient(149.95deg, #ffbe17 18.32%, #d89f0d 84.78%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
	border-radius: 50%;
	transition-property: background-image, box-shadow;
	transition-duration: .2s;
	display: block;
	position: absolute;
	inset: 4px 6px 4px 4px;
	box-shadow: inset .914572px .914572px #f6f3bb66, inset -.914572px -.914572px 2.99462px #ffc635
}

.summer-box__btn__inner:before {
	content: "";
	height: 6px;
	width: 11px;
	opacity: .5;
	z-index: 2;
	background-color: #fff;
	border-radius: 100%;
	display: block;
	position: absolute;
	top: 18px;
	right: 38px;
	transform: rotate(-46.22deg)
}

.info-summer__title {
	text-align: center;
	font-size: 28px;
	font-weight: 800;
	line-height: 30px
}

.summer-item {
	margin-bottom: 16px
}

.summer-item__title {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	line-height: 29px
}

.summer-loader {
	min-height: 100vh;
	z-index: 9999;
	width: 100%;
	color: #fff;
	background-color: #40a65e;
	background-image: url(/joxi/summer-promo/game.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: center;
	font-family: Jost, sans-serif;
	display: flex;
	position: fixed
}

@media(min-width:540px) {
	.summer-loader {
		background-image: url(/joxi/summer-promo/back-desk.webp)
	}

}

.summer-loader__inner {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex
}

.summer-loader__img {
	height: 476px;
	width: 428px;
	object-fit: cover;
	margin-top: 20px
}

.summer-loader__item {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex;
	transform: translateY(-100px)
}

@keyframes spinner-loader {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}

}

.summer-loader__text {
	word-break: break-word;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	z-index: 1;
	max-width: 252px;
	margin-bottom: 23px;
	font-size: 56px;
	font-weight: 800;
	line-height: 56px;
	position: relative
}

@media(min-width:1024px) {
	.summer-loader__text {
		margin-bottom: 58px
	}

}

.summer-loader__text:after {
	content: "";
	z-index: -1;
	width: 100%;
	max-width: 220px;
	height: 8px;
	opacity: .2;
	filter: blur(2px);
	background: #000;
	border-radius: 6px;
	position: absolute;
	bottom: 3px;
	right: 8px
}

.summer-loader__load {
	text-align: center;
	margin-bottom: 18px;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px
}

.summer-loader__spinner {
	width: 51px;
	height: 51px;
	background-image: url(/joxi/summer-promo/ellipse.svg);
	background-repeat: no-repeat;
	background-size: contain;
	animation: 1.2s linear infinite spinner-loader;
	overflow: hidden
}

.summer-welcome {
	max-width: 303px;
	width: 100%;
	min-height: 500px;
	z-index: 100;
	background-image: url(/joxi/summer-promo/welcome-bg.webp);
	background-position: -1px -2px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	flex-direction: column;
	align-items: center;
	font-family: Jost, sans-serif;
	display: flex;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media(min-width:1024px) {
	.summer-welcome {
		max-width: 400px
	}

}

.summer-welcome:after {
	content: "";
	width: 100%;
	height: 303px;
	background: linear-gradient(#05435800 0%, #054358b0 50%, #054358cc 76.56%, #054358 85.94% 100%);
	border-radius: 20px;
	position: absolute;
	bottom: 0;
	left: 0
}

.summer-welcome>* {
	z-index: 1;
	position: relative
}

.summer-welcome__close {
	width: 40px;
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	height: 41px;
	z-index: 2;
	cursor: pointer;
	background: #66cf8599 url(../img/close.svg) 50% no-repeat;
	border: none;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	padding: 0;
	display: flex;
	position: absolute;
	top: 10px;
	right: 10px;
	box-shadow: 0 2px 3px #0000002e
}

.summer-welcome__close:active {
	background-color: #66cf85
}

@media(min-width:1024px) {
	.summer-welcome__close:hover {
		background-color: #66cf85
	}

}

.summer-welcome__img {
	width: 309px;
	height: 357px;
	margin-top: -95px;
	margin-left: -45px
}

.summer-welcome__label {
	color: #fff;
	min-height: 30px;
	text-transform: uppercase;
	background-color: #d12924;
	border-radius: 23px;
	justify-content: center;
	align-items: center;
	margin-top: -30px;
	margin-bottom: 13px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	display: flex
}

.summer-welcome__title {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	max-width: 300px;
	margin-bottom: 6px;
	font-size: 42px;
	font-weight: 800;
	line-height: 1
}

.summer-welcome__text {
	color: #fff;
	margin-bottom: 12px;
	padding: 0 30px;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px
}

.summer-welcome-wrap {
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: #0009;
	position: fixed
}

.filter-canvas {
	height: 100vh;
	width: 100vw;
	pointer-events: none;
	position: absolute
}

.filter-canvas.is-filter {
	background: #00000080
}

.filter-canvas.is-filter.is-disabled {
	opacity: 0
}

.filter-canvas.is-filter.is-filter {
	opacity: .5
}

.mini-game {
	min-height: 100vh;
	background-color: #40a65e;
	background-image: url(/joxi/summer-promo/game.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: Jost, sans-serif
}

@media(max-height:600px) and (max-width:1280px) and (orientation:landscape) {
	.mini-game {
		z-index: -1;
		position: absolute
	}

}

.mini-game canvas#summerCanvas {
	max-height: 100%;
	max-width: 100%
}

.mini-game__coin-spline {
	width: 100px;
	height: 100px;
	visibility: hidden;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%)scale(1)
}

.mini-game__coin-spline[data-index="1"] {
	animation: 1s ease-in-out animDown
}

.mini-game__coin-spline[data-index="2"] {
	animation: 1s ease-in-out 1s animDown
}

.mini-game__coin-spline[data-index="3"] {
	animation: 1s ease-in-out 2s animDown
}

.mini-game__coin-spline[data-index="4"] {
	animation: 1s ease-in-out 3s animDown
}

.mini-game__coin-spline[data-index="5"] {
	animation: 1s ease-in-out 4s animDown
}

.mini-game__head {
	position: relative
}

.mini-game__head.is-disabled {
	opacity: 0
}

@media(min-width:540px) {
	.mini-game {
		background-image: url(/joxi/summer-promo/back-desk.webp)
	}

}

@keyframes blinker {
	0% {
		opacity: 1;
		background-size: 0, 35px 39px;
		transform: scale(1)
	}

	25% {
		opacity: 1;
		background-size: 0, 35px 39px;
		transform: scale(1)
	}

	50% {
		opacity: 1;
		background-size: 0, 35px 39px;
		transform: scale(1)
	}

	75% {
		opacity: 1;
		background-size: 100%, 0;
		transform: scale(1.5)
	}

	to {
		opacity: 1;
		background-size: 100%, 0;
		transform: scale(1)
	}

}

.mini-game .btn-summer {
	width: 100%;
	background: 0 0;
	justify-content: space-between;
	align-items: flex-start;
	padding: 12px 12px 0;
	display: flex;
	position: fixed
}

@media(min-width:540px) {
	.mini-game .btn-summer {
		padding: 24px 24px 0
	}

}

.mini-game .btn-summer button {
	border: none
}

.mini-game .btn-summer__back {
	height: 40px;
	width: 40px;
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background-color: #66cf8599;
	background-image: url(../img/arrowl.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	transition: background-color .2s;
	box-shadow: 0 2px 3px #0000002e
}

.mini-game .btn-summer__back.is-opacity {
	opacity: .5
}

@media(min-width:1024px) {
	.mini-game .btn-summer__back {
		color: #fff;
		width: auto;
		height: 44px;
		background-position: 20px;
		border-radius: 24px;
		justify-content: flex-end;
		padding: 10px 20px 10px 48px;
		font-family: Jost, sans-serif;
		font-size: 20px;
		font-weight: 800;
		line-height: 24px;
		display: flex
	}

	.mini-game .btn-summer__back:hover {
		background-color: #66cf85
	}

}

.mini-game .btn-summer__back span {
	display: none
}

@media(min-width:1024px) {
	.mini-game .btn-summer__back span {
		cursor: pointer;
		display: block
	}

}

.mini-game .btn-summer__small {
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex;
	position: fixed;
	top: 55px;
	left: 50%;
	transform: translate(-50%, -50%)
}

.mini-game .btn-summer__title {
	text-transform: uppercase;
	color: #fff;
	font-size: 36px;
	font-weight: 800;
	line-height: 52px
}

.mini-game .btn-summer__title.is-opacity {
	opacity: .5
}

.mini-game .btn-summer__time {
	width: 72px;
	height: 28px;
	color: #fff;
	background: #66cf8599;
	border-radius: 30px;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	display: flex;
	box-shadow: 0 2px 3px #0000002e
}

.mini-game .btn-summer__time.is-hidden, .mini-game .btn-summer__time.is-finish {
	display: none
}

.mini-game .btn-summer__work {
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	height: 40px;
	width: 40px;
	background-color: #66cf8599;
	background-image: url(../img/quest.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	margin-bottom: 10px;
	transition: background-color .2s;
	box-shadow: 0 2px 3px #0000002e
}

.mini-game .btn-summer__work.is-opacity {
	opacity: .5
}

@media(min-width:1024px) {
	.mini-game .btn-summer__work {
		color: #fff;
		width: auto;
		height: 44px;
		background-position: 20px;
		border-radius: 24px;
		justify-content: flex-end;
		margin-right: 20px;
		padding: 10px 20px 10px 48px;
		font-family: Jost, sans-serif;
		font-size: 20px;
		font-weight: 800;
		line-height: 24px;
		display: flex
	}

	.mini-game .btn-summer__work:hover {
		background-color: #66cf85
	}

}

.mini-game .btn-summer__work span {
	display: none
}

@media(min-width:1024px) {
	.mini-game .btn-summer__work span {
		cursor: pointer;
		display: block
	}

}

.mini-game .btn-summer__sound {
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	height: 40px;
	width: 40px;
	background-color: #66cf8599;
	background-image: url(../img/sound-on.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	transition: background-color .2s;
	box-shadow: 0 2px 3px #0000002e
}

.mini-game .btn-summer__sound.unmute {
	background-image: url(../img/sound-off.svg)
}

.mini-game .btn-summer__sound.is-opacity {
	opacity: .5
}

@media(min-width:1024px) {
	.mini-game .btn-summer__sound {
		color: #fff;
		width: auto;
		height: 44px;
		background-position: 20px;
		border-radius: 24px;
		justify-content: flex-end;
		padding: 10px 20px 10px 48px;
		font-family: Jost, sans-serif;
		font-size: 20px;
		font-weight: 800;
		line-height: 24px;
		display: flex
	}

	.mini-game .btn-summer__sound:hover {
		background-color: #66cf85
	}

}

.mini-game .btn-summer__sound span {
	display: none
}

@media(min-width:1024px) {
	.mini-game .btn-summer__sound span {
		cursor: pointer;
		display: block
	}

}

@keyframes onboarding {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

@keyframes animProgressBar {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

@keyframes coinBlink {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

@keyframes animDown {
	0% {
		opacity: 1;
		visibility: visible;
		transform: translate(-30%, -30%)scale(.5)
	}

	20% {
		opacity: 1;
		transform: translate(-50%, -50%)scale(2)
	}

	40% {
		opacity: 1;
		transform: translate(-50%, -50%)scale(2)
	}

	60% {
		opacity: 1;
		transform: translate(-50%, -50%)scale(2)
	}

	80% {
		opacity: 1;
		transform: translate(-50%, -50%)scale(2)
	}

	90% {
		transform: translate(-50%, 500%)scale(1.5)
	}

	to {
		opacity: 0;
		visibility: hidden;
		transform: translate(-50%, 500%)scale(.5)
	}

}

@keyframes animUp {
	0% {
		opacity: .5;
		visibility: hidden
	}

	to {
		opacity: 1;
		visibility: visible
	}

}

@keyframes animProgress {
	0% {
		opacity: .5;
		visibility: hidden
	}

	to {
		opacity: 1;
		visibility: visible
	}

}

@keyframes animTop {
	0% {
		opacity: 0
	}

	75% {
		opacity: .5
	}

	to {
		opacity: 1
	}

}

@keyframes animCoin {
	0% {
		opacity: 1;
		visibility: visible;
		transform: translate(-30%, -30%)scale(.5)
	}

	20% {
		opacity: 1;
		transform: translate(-50%, -50%)scale(2)
	}

	40% {
		opacity: 1;
		transform: translate(-50%, -50%)scale(2)
	}

	60% {
		opacity: 1;
		transform: translate(-50%, -50%)scale(2)
	}

	80% {
		opacity: 1;
		transform: translate(-50%, -50%)scale(2)
	}

	90% {
		opacity: 0;
		transform: translate(-50%, 500%)scale(1.5)
	}

	to {
		visibility: hidden;
		opacity: 0;
		transform: translate(-50%, 500%)scale(.5)
	}

}

.button-summer-block {
	z-index: 1
}

@media(min-width:1024px) {
	.button-summer-block {
		width: 100%;
		max-width: 261px
	}

}

.onboarding {
	min-height: 80px;
	width: 100%;
	max-width: 350px;
	color: #fff;
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: #40a65e;
	border-radius: 16px;
	font-family: Jost, sans-serif;
	transition: all .5s;
	animation: 3.5s forwards onboarding;
	position: absolute;
	bottom: 35px;
	left: 50%;
	right: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 2px 3px #0000002e
}

@media(max-height:600px) and (max-width:1280px) and (orientation:landscape) {
	.onboarding {
		z-index: -1;
		position: absolute
	}

}

.onboarding.is-height {
	height: 80px
}

.onboarding.is-finish {
	display: none
}

.onboarding.is-top {
	opacity: 0;
	animation: .5s linear forwards animTop;
	top: 160px
}

.onboarding.is-up {
	opacity: 0;
	margin-bottom: 60px;
	animation: 1.5s linear forwards animUp
}

.onboarding__item--text {
	text-align: center;
	padding: 12px 12px 45px;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px
}

.progress-bar-summer {
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	width: 100%;
	max-width: 330px;
	height: 26px;
	background: #48b96a;
	border-radius: 16px;
	align-items: center;
	margin-left: -15px;
	display: flex;
	position: absolute;
	bottom: 35px;
	left: 50%;
	right: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 2px 3px #0000002e
}

@media(max-height:600px) and (max-width:1280px) and (orientation:landscape) {
	.progress-bar-summer {
		display: none
	}

}

.progress-bar-summer.is-disabled {
	opacity: 0
}

.progress-bar-summer.is-filter {
	opacity: .4
}

.progress-bar-summer:before {
	content: "";
	width: 70px;
	z-index: 9999;
	height: 64px;
	background-image: var(--data-casino), var(--data-sport);
	background-position: 20px, -3px;
	background-repeat: no-repeat;
	background-size: 50px 50px, 50px 50px;
	display: block;
	position: absolute;
	top: -22px;
	right: -33px
}

.progress-bar-summer:after {
	content: "";
	background: linear-gradient(#31974f, #31974f), linear-gradient(272.44deg, #072a68 4.15%, #174c8e 87.73%);
	border-radius: 10px;
	display: block;
	position: absolute;
	inset: 2px;
	box-shadow: inset 0 2px #00000029
}

.progress-bar-summer__item {
	z-index: 1;
	margin-right: 10px;
	position: relative
}

.progress-bar-summer__coin {
	height: 55px;
	width: 49px;
	z-index: 1;
	background-image: url(../img/active.webp), url(/joxi/summer-promo/in-active.webp);
	background-position: 0;
	background-repeat: no-repeat;
	background-size: 0, 35px 39px
}

.progress-bar-summer__coin.in-active {
	visibility: hidden;
	z-index: 1;
	background-size: 100%, 0
}

.progress-bar-summer__coin.in-active[data-index="1"] {
	animation: 1s 1s forwards animUp
}

.progress-bar-summer__coin.in-active[data-index="2"] {
	animation: 1s 2s forwards animUp
}

.progress-bar-summer__coin.in-active[data-index="3"] {
	animation: 1s 3s forwards animUp
}

.progress-bar-summer__coin.in-active[data-index="4"] {
	animation: 1s 4s forwards animUp
}

.progress-bar-summer__coin.in-active[data-index="5"] {
	animation: 1s 5s forwards animUp
}

.progress-bar-summer__coin.in-active:before {
	content: attr(data-index);
	color: #fceec7;
	font-family: Jost, sans-serif;
	font-size: 22px;
	font-weight: 800;
	line-height: 32px;
	position: absolute;
	top: 10px;
	left: 22px
}

.button-summer {
	flex-direction: column;
	display: flex
}

@media(min-width:1024px) {
	.button-summer {
		flex-direction: row
	}

}

.progress-bar-summer__onboarding {
	width: 89px;
	z-index: -1;
	height: calc(100% - 36px);
	visibility: hidden;
	background: repeating-linear-gradient(-45deg, #f1b314, #f1b314 10px, #f59a11 10px 20px);
	border-radius: 20px;
	position: absolute;
	top: 18px;
	left: 3px
}

.progress-bar-summer__onboarding[data-index="1"] {
	animation: 2s 1s forwards animProgress
}

.progress-bar-summer__onboarding[data-index="2"] {
	animation: 2s 2s forwards animProgress
}

.progress-bar-summer__onboarding[data-index="3"] {
	animation: 2s 3s forwards animProgress
}

.progress-bar-summer__onboarding[data-index="4"] {
	animation: 2s 4s forwards animProgress
}

.progress-bar-summer__onboarding[data-index="5"] {
	animation: 2s 5s forwards animProgress
}

.progress-bar-summer__onboarding.is-display {
	display: none
}

.spline-summer-animation.active {
	visibility: hidden;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)scale(1)
}

.spline-summer-animation.active[data-index="1"], .spline-summer-animation.active[data-index="2"], .spline-summer-animation.active[data-index="3"], .spline-summer-animation.active[data-index="4"], .spline-summer-animation.active[data-index="5"] {
	animation: 2s animCoin
}

.spline-summer-animation.inactive, .summer-coin-number {
	display: none
}

.progress-bar-summer__item.active .summer-coin-number {
	opacity: 0;
	color: #fceec7;
	font-family: Jost, sans-serif;
	font-size: 22px;
	font-weight: 800;
	line-height: 32px;
	animation: .5s 1.8s forwards coinBlink;
	display: block;
	position: absolute;
	top: 10px;
	left: 22px
}

.progress-bar-summer__item.active .progress-bar-summer__coin {
	opacity: 0;
	animation: 3s forwards blinker;
	position: relative
}

.progress-bar-summer__item.active .progress-bar-summer__progress {
	width: 89px;
	opacity: 0;
	z-index: -1;
	height: calc(100% - 36px);
	background: repeating-linear-gradient(-45deg, #f1b314, #f1b314 10px, #f59a11 10px 20px);
	border-radius: 20px;
	animation: .5s 1.8s forwards animProgressBar;
	position: absolute;
	top: 18px;
	left: 3px
}

.oktoberfest-welcome-popup {
	justify-content: center;
	align-items: center;
	display: flex;
	overflow: hidden
}

.holiday-welcome-popup {
	position: relative
}

.holiday-welcome-popup__btn {
	justify-content: center;
	margin-bottom: 18px;
	display: flex
}

.holiday-welcome-popup__daily {
	color: #f1e6d3;
	text-align: center;
	margin-bottom: 7px;
	font-family: Josefin Sans, sans-serif;
	font-size: 18px;
	font-weight: 700
}

.holiday-welcome-popup__img {
	width: 90px;
	height: 10px;
	background: url(../img/ectangle.svg) 50%/contain no-repeat;
	margin-bottom: 10px
}

.holiday-welcome-popup__time {
	color: #f1e6d3;
	text-align: center;
	margin-bottom: 25px;
	font-family: Josefin Sans, sans-serif;
	font-size: 16px;
	font-weight: 700
}

.holiday-welcome-popup__close {
	width: 36px;
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	height: 36px;
	z-index: 2;
	filter: drop-shadow(0 2px 4px #0000002e);
	cursor: pointer;
	background-color: #88532d;
	background-image: url(../img/close.svg), radial-gradient(49.26% 57.16% at 50% 93%, #ffffff29 0%, #fff0 100%), linear-gradient(#cfb082 0% 100%), none;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto, auto, auto, auto;
	background-attachment: scroll, scroll, scroll, scroll;
	background-origin: padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box;
	border: none;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	padding: 0;
	display: flex;
	position: absolute;
	top: -10px;
	right: 82px;
	box-shadow: inset 0 -3px #0000001a, inset 0 2px #cecece33
}

@media(min-width:768px) {
	.holiday-welcome-popup__close {
		right: -10px
	}

}

.holiday-welcome-popup__inner {
	height: 500px;
	width: 500px;
	background-image: url(../img/back-mob.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	display: flex
}

@media(min-width:768px) {
	.holiday-welcome-popup__inner {
		background-image: url(../img/back-desk.webp)
	}

}

.holiday-btn {
	height: 64px;
	filter: drop-shadow(0 4.68543px 7.49669px #3232324d);
	cursor: pointer;
	background-color: #c27a07;
	border: none;
	border-radius: 60px;
	outline: none;
	justify-content: center;
	align-items: flex-start;
	padding: 0;
	text-decoration: none;
	display: flex;
	position: relative
}

.holiday-btn__inner {
	width: 100%;
	height: 61px;
	background: radial-gradient(96.56% 88.89% at 50.25% 94.5%, #ffd239 0%, #f8b424 100%);
	border-radius: 61.477px;
	justify-content: center;
	align-items: center;
	padding: 0 81px;
	display: flex;
	position: relative;
	box-shadow: inset .937086px .937086px #f6f3bb66
}

.holiday-btn__inner:after {
	content: "";
	background: #f5a014;
	border-radius: 61.477px;
	transition-property: background-image, box-shadow;
	transition-duration: .2s;
	display: block;
	position: absolute;
	inset: 4px 6px 4px 4px;
	box-shadow: inset -.937086px -.937086px 3.06833px #f28f22, inset .937086px .937086px #fcaf5a66
}

.holiday-btn__inner:before {
	content: "";
	height: 32px;
	opacity: .7;
	z-index: 2;
	background-image: linear-gradient(#fff5c1cc, #ffd8161a 100%);
	border-radius: 50px;
	display: block;
	position: absolute;
	top: 6px;
	left: 17px;
	right: 17px
}

.holiday-btn__text {
	width: 100%;
	text-transform: uppercase;
	z-index: 5;
	color: #fff;
	color: #6b4018;
	text-align: center;
	white-space: nowrap;
	font-family: Jost, sans-serif;
	font-size: 28px;
	font-weight: 800;
	line-height: 32px;
	display: block;
	position: relative
}

.holiday-btn {
	height: 64px;
	filter: drop-shadow(0 4.68543px 7.49669px #3232324d);
	cursor: pointer;
	background-color: #c27a07;
	border: none;
	border-radius: 60px;
	outline: none;
	justify-content: center;
	align-items: flex-start;
	padding: 0;
	text-decoration: none;
	display: flex;
	position: relative
}

.holiday-btn__inner {
	width: 100%;
	height: 61px;
	background: radial-gradient(96.56% 88.89% at 50.25% 94.5%, #ffd239 0%, #f8b424 100%);
	border-radius: 61.477px;
	justify-content: center;
	align-items: center;
	padding: 0 81px;
	display: flex;
	position: relative;
	box-shadow: inset .937086px .937086px #f6f3bb66
}

.holiday-btn__inner:after {
	content: "";
	background: #f5a014;
	border-radius: 61.477px;
	transition-property: background-image, box-shadow;
	transition-duration: .2s;
	display: block;
	position: absolute;
	inset: 4px 6px 4px 4px;
	box-shadow: inset -.937086px -.937086px 3.06833px #f28f22, inset .937086px .937086px #fcaf5a66
}

.holiday-btn__inner:before {
	content: "";
	height: 32px;
	opacity: .7;
	z-index: 2;
	background-image: linear-gradient(#fff5c1cc, #ffd8161a 100%);
	border-radius: 50px;
	display: block;
	position: absolute;
	top: 6px;
	left: 17px;
	right: 17px
}

.holiday-btn__text {
	width: 100%;
	text-transform: uppercase;
	z-index: 5;
	color: #fff;
	color: #6b4018;
	text-align: center;
	white-space: nowrap;
	font-family: Jost, sans-serif;
	font-size: 28px;
	font-weight: 800;
	line-height: 32px;
	display: block;
	position: relative
}

.oktoberfest-welcome-popup {
	justify-content: center;
	align-items: center;
	display: flex;
	overflow: hidden
}

.holiday-welcome-popup {
	position: relative
}

.holiday-welcome-popup__btn {
	justify-content: center;
	margin-bottom: 18px;
	display: flex
}

.holiday-welcome-popup__daily {
	color: #f1e6d3;
	text-align: center;
	margin-bottom: 7px;
	font-family: Josefin Sans, sans-serif;
	font-size: 18px;
	font-weight: 700
}

.holiday-welcome-popup__img {
	width: 90px;
	height: 10px;
	background: url(../img/ectangle.svg) 50%/contain no-repeat;
	margin-bottom: 10px
}

.holiday-welcome-popup__time {
	color: #f1e6d3;
	text-align: center;
	margin-bottom: 25px;
	font-family: Josefin Sans, sans-serif;
	font-size: 16px;
	font-weight: 700
}

.holiday-welcome-popup__close {
	width: 36px;
	-webkit-backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	height: 36px;
	z-index: 2;
	filter: drop-shadow(0 2px 4px #0000002e);
	cursor: pointer;
	background-color: #88532d;
	background-image: url(../img/close.svg), radial-gradient(49.26% 57.16% at 50% 93%, #ffffff29 0%, #fff0 100%), linear-gradient(#cfb082 0% 100%), none;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto, auto, auto, auto;
	background-attachment: scroll, scroll, scroll, scroll;
	background-origin: padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box;
	border: none;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	padding: 0;
	display: flex;
	position: absolute;
	top: -10px;
	right: 82px;
	box-shadow: inset 0 -3px #0000001a, inset 0 2px #cecece33
}

@media(min-width:768px) {
	.holiday-welcome-popup__close {
		right: -10px
	}

}

.holiday-welcome-popup__inner {
	height: 500px;
	width: 500px;
	background-image: url(../img/back-mob.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	display: flex
}

@media(min-width:768px) {
	.holiday-welcome-popup__inner {
		background-image: url(../img/back-desk.webp)
	}

}